feat: 修改页面架构

zhangyongtian

2024-08-31 c41e9c7bd6fedf4e480d4737f94d13a2b9ddf5eb

 gz-customerSystem/src/views/filesCheck/newFileCheck.jsx

@@ -2,25 +2,26 @@
 * @Company: hugeInfo
 * @Author: ldh
 * @Date: 2022-03-11 11:03:44
 * @LastEditTime: 2024-08-19 10:11:34
 * @LastEditTime: 2024-08-22 10:36:23
 * @LastEditors: dminyi 1301963064@qq.com
 * @Version: 1.0.0
 * @Description: 大厅来访材料附件查看
 * 附件类型对照
    NULL("22_00017-0","未分类"),
    AUDIO("22_00017-1", "音频"),
    VIDEO("22_00017-2", "视频"),
    IMAGE("22_00017-3", "图片"),
    WORD("22_00017-4", "Word文档"),
    EXCEL("22_00017-5", "Excel表格"),
    PDF("22_00017-6", "PDF"),
    TXT("22_00017-7", "txt文本"),
    ZIP("22_00017--8", "压缩文件"),
    POWERPOINT("22_00017-9", "PowerPoint"),
    UNKNOWN("22_00017-99", "其它文件");
   NULL("22_00017-0","未分类"),
   AUDIO("22_00017-1", "音频"),
   VIDEO("22_00017-2", "视频"),
   IMAGE("22_00017-3", "图片"),
   WORD("22_00017-4", "Word文档"),
   EXCEL("22_00017-5", "Excel表格"),
   PDF("22_00017-6", "PDF"),
   TXT("22_00017-7", "txt文本"),
   ZIP("22_00017--8", "压缩文件"),
   POWERPOINT("22_00017-9", "PowerPoint"),
   UNKNOWN("22_00017-99", "其它文件");
 */
import React, { useState, useEffect, useRef } from 'react';
import { Button, Menu, Tooltip } from 'antd';
import { Button, Menu, Tooltip, Row, Col, Form, Space } from 'antd';
import { Select, DatePicker } from '@arco-design/web-react';
import { useSearchParams } from 'react-router-dom';
import {
   CaretRightOutlined,
@@ -38,7 +39,11 @@
} from '@ant-design/icons';
import * as $$ from '../../utils/utility';


const { SubMenu } = Menu;
const FormItem = Form.Item;
const Option = Select.Option;


// 获取附件
function getFileListDataApi(submitData) {
@@ -65,6 +70,8 @@
   const imgBgRef = useRef();

   const imgRef = useRef();
   const formRef = useRef();


   // 图片旋转
   function handleRotateImg(type) {
@@ -207,7 +214,70 @@

   return (
      <>
         <nav className="filesCheck-nav">
         <nav className="filesCheck-nav" style={{ borderRight: '1px solid transparent' }}>
            <Form
               ref={formRef}
               layout='horizontal'
               style={{ marginTop: '24px', marginBottom: '20px' }}
               requiredSymbol={false}
               scrollToFirstError={true}
               initialValues={{
                  level: '三级',
                  isSerious: '否',
               }}//默认值
            >
               <Row gutter={24} style={{ marginRight: '0px' }}>
                  <Col span={7}>
                     <FormItem label='材料类型：' field='level'>
                        <Select placeholder='Select city' allowClear>
                           {['一级', '二级', '三级', '四级'].map((option, index) => (
                              <Option key={option} value={option}>
                                 {option}
                              </Option>
                           ))}
                        </Select>
                     </FormItem>
                  </Col>
                  <Col span={7}>
                     <FormItem
                        label='上传时间：'
                        field='name'
                        onChange={(e) => console.log(e.target.value, 'vvv')}
                     >
                        <DatePicker.RangePicker
                           defaultValue={['2020-08-08', '2020-08-18']}
                           separator='~'
                           style={{ width: '100%' }}
                        />
                     </FormItem>
                  </Col>
                  <Col span={7}>
                     <FormItem
                        label='上传人类型：'
                        field='name'
                        onChange={(e) => console.log(e.target.value, 'vvv')}
                     >
                        <Select placeholder='Select city' allowClear style={{ width: '100%' }}>
                           {['一级', '二级', '三级', '四级'].map((option, index) => (
                              <Option key={option} value={option}>
                                 {option}
                              </Option>
                           ))}
                        </Select>
                     </FormItem>

                  </Col>
                  <Col span={3}>
                     <Space>
                        <Button size="middle " type='primary'>查询</Button>
                        <Button size="middle ">查询</Button>
                     </Space>
                  </Col>

               </Row>

            </Form>

            <Menu
               className="filesCheck-nav-menu"
               style={{ width: '200px' }}