From 86d82927381c21c538d25e55380cbe7c86acd811 Mon Sep 17 00:00:00 2001 From: dminyi <1301963064@qq.com> Date: Thu, 22 Aug 2024 14:11:53 +0800 Subject: [PATCH] 提交 --- gz-customerSystem/src/views/filesCheck/newFileCheck.jsx | 98 ++++++++++++++++++++++++++++++++++++++++++------- 1 files changed, 84 insertions(+), 14 deletions(-) diff --git a/gz-customerSystem/src/views/filesCheck/newFileCheck.jsx b/gz-customerSystem/src/views/filesCheck/newFileCheck.jsx index 602bc57..ccda429 100644 --- a/gz-customerSystem/src/views/filesCheck/newFileCheck.jsx +++ b/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' }} -- Gitblit v1.8.0