Skip to content

E
ESYTD
Commit 989d69f2 authored by Merekeyev Dias's avatar Merekeyev Dias
Browse files
Options

added Request page

parent 154a7663
Pipeline #402 canceled with stages
      Hide whitespace changes
      Inline Side-by-side
      Showing with 111 additions and 23 deletions
      package-lock.json
      View file @ 989d69f2
      ...@@ -11,6 +11,7 @@ ...@@ -11,6 +11,7 @@
      "@ant-design/icons": "^5.4.0", "@ant-design/icons": "^5.4.0",
      "@types/react-router-dom": "^5.3.3", "@types/react-router-dom": "^5.3.3",
      "antd": "^5.19.3", "antd": "^5.19.3",
      "dayjs": "^1.11.12",
      "react": "^18.3.1", "react": "^18.3.1",
      "react-dom": "^18.3.1", "react-dom": "^18.3.1",
      "react-router": "^6.25.1", "react-router": "^6.25.1",
      ......
      src/App.css
      View file @ 989d69f2
      @import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200');
      .material-symbols-outlined {
      font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
      }
      \ No newline at end of file
      src/pages/RequestPage.tsx
      View file @ 989d69f2
      import React from 'react'; import React from 'react';
      import { DatePicker, Select, Button, Pagination } from 'antd';
      import dayjs from 'dayjs';
      const dateFormat = 'YYYY/MM/DD';
      const RequestPage: React.FC = () => { const RequestPage: React.FC = () => {
      return ( return (
      <section className='section'> <>
      <div className="data"> <div className='filter' style={{margin: '20px 20px 10px', display: 'flex', alignItems: 'center', justifyContent: 'space-between'}}>
      <table className="data-table"> <div className='fields' style={{display: 'flex', gap: 14}}>
      <thead> <div className="dates">
      <tr> <DatePicker defaultValue={dayjs('2023/09/24', dateFormat)} format={dateFormat} style={{marginRight: 14}}/>
      <th>ID</th> <DatePicker defaultValue={dayjs('2023/09/24', dateFormat)} format={dateFormat} />
      <th>JSON</th> </div>
      <th>XML</th> <div className="category">
      <th>Дата отправки</th> <Select placeholder="Не выбрано" style={{width: 270}} options={[]} />
      <th>Код организации</th> </div>
      <th>Метод</th> </div>
      <th>Статус</th>
      <th>Сообщение об ошибке</th> <Button type='primary'>Применить</Button>
      <th>Дата переотправки</th> </div>
      <th>Количество попыток</th> <section className='section'>
      <th>Действие</th> <div className="data">
      </tr> <table className="data-table">
      </thead> <thead>
      <tbody> <tr>
      <th>ID</th>
      </tbody> <th>JSON</th>
      </table> <th>XML</th>
      <th>Дата отправки</th>
      <th>Код организации</th>
      <th>Метод</th>
      <th>Статус</th>
      <th>Сообщение об ошибке</th>
      <th>Дата переотправки</th>
      <th>Количество попыток</th>
      <th style={{textAlign: 'center'}}>Действие</th>
      </tr>
      </thead>
      <tbody>
      <tr>
      <td>1</td>
      <td>тут данные JSON</td>
      <td>тут данные XML</td>
      <td>2023-09-26 11:54:34</td>
      <td>nce</td>
      <td>terminationContractData</td>
      <td>не успешно</td>
      <td>тут сообщения об ошибке</td>
      <td>2023-09-26 11:54:34</td>
      <td>1</td>
      <td style={{textAlign: 'center'}}>
      <span className='material-symbols-outlined' style={{color: '#0E2B52', fontSize: '20px'}}>mail</span>
      </td>
      </tr>
      <tr>
      <td>2</td>
      <td>тут данные JSON</td>
      <td>тут данные XML</td>
      <td>2023-09-26 11:54:34</td>
      <td>arta</td>
      <td>terminationContractData</td>
      <td>переотправлено</td>
      <td>тут сообщения об ошибке</td>
      <td>2023-09-26 11:54:34</td>
      <td>0</td>
      <td style={{textAlign: 'center'}}>
      <span className='material-symbols-outlined' style={{color: '#0E2B52', fontSize: '20px'}}>mail</span>
      </td>
      </tr>
      <tr>
      <td>2</td>
      <td>тут данные JSON</td>
      <td>тут данные XML</td>
      <td>2023-09-26 11:54:34</td>
      <td>arta</td>
      <td>terminationContractData</td>
      <td>доставлено успешно</td>
      <td></td>
      <td>2023-09-26 11:54:34</td>
      <td>5</td>
      <td style={{textAlign: 'center'}}>
      <span className='material-symbols-outlined' style={{color: '#0E2B52', fontSize: '20px'}}>mail</span>
      </td>
      </tr>
      <tr>
      <td>2</td>
      <td>тут данные JSON</td>
      <td>тут данные XML</td>
      <td>2023-09-26 11:54:34</td>
      <td>arta</td>
      <td>terminationContractData</td>
      <td>отправлен</td>
      <td></td>
      <td>2023-09-26 11:54:34</td>
      <td>5</td>
      <td style={{textAlign: 'center'}}>
      <span className='material-symbols-outlined' style={{color: '#0E2B52', fontSize: '20px'}}>mail</span>
      </td>
      </tr>
      </tbody>
      </table>
      </div>
      </section>
      <div className='pagination' style={{marginTop: 300, display: 'flex', justifyContent: "center"}}>
      <Pagination current={1} defaultCurrent={1} pageSize={1} total={10} />
      </div> </div>
      </section> </>
      ); );
      }; };
      ......
      Markdown is supported
      0% or
      You are about to add 0 people to the discussion. Proceed with caution.
      Finish editing this message first!
      Please register or to comment