From 9b5764effcd9ff278d641ab546eb66c1cdea732b Mon Sep 17 00:00:00 2001
From: zhangyongtian <1181606322@qq.com>
Date: Wed, 28 Aug 2024 16:32:47 +0800
Subject: [PATCH] feat：民族选项
---
gz-customerSystem/src/views/filesCheck/newFileCheck.jsx | 104 +++++++++++++++++++++++++++++++++++++++++++--------
1 files changed, 87 insertions(+), 17 deletions(-)
diff --git a/gz-customerSystem/src/views/filesCheck/newFileCheck.jsx b/gz-customerSystem/src/views/filesCheck/newFileCheck.jsx
index d83cb84..ccda429 100644
--- a/gz-customerSystem/src/views/filesCheck/newFileCheck.jsx
+++ b/gz-customerSystem/src/views/filesCheck/newFileCheck.jsx
@@ -2,29 +2,30 @@
* @Company: hugeInfo
* @Author: ldh
* @Date: 2022-03-11 11:03:44
- * @LastEditTime: 2024-08-17 17:42:03
+ * @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 {
- FolderOpenOutlined,
- FolderOutlined,
+ CaretRightOutlined,
+ CaretDownOutlined,
FileOutlined,
FileImageOutlined,
FilePdfOutlined,
@@ -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' }}
@@ -220,7 +290,7 @@
return (
<SubMenu
key={x.ownerTypeName}
- icon={openKeys.includes(x.ownerTypeName) ? <FolderOpenOutlined /> : <FolderOutlined />}
+ expandIcon={openKeys.includes(x.ownerTypeName) ? <CaretRightOutlined /> : <CaretDownOutlined />}
title={x.ownerTypeName}
>
{x.fileList?.map((y, z) => {
--
Gitblit v1.8.0