From 53709db83f171ff9ef4ad8b26ae7a79085e1a7ee Mon Sep 17 00:00:00 2001
From: zhangyongtian <1181606322@qq.com>
Date: Sat, 17 Aug 2024 09:09:29 +0800
Subject: [PATCH] 添加申请人、被申请人、代理人、选择单位弹窗静态
---
gz-customerSystem/src/views/register/visit/component/visitorRegister.jsx | 146 ++++++++++++++++++++++++++----------------------
1 files changed, 78 insertions(+), 68 deletions(-)
diff --git a/gz-customerSystem/src/views/register/visit/component/visitorRegister.jsx b/gz-customerSystem/src/views/register/visit/component/visitorRegister.jsx
index 3197a9f..4ea4ae2 100644
--- a/gz-customerSystem/src/views/register/visit/component/visitorRegister.jsx
+++ b/gz-customerSystem/src/views/register/visit/component/visitorRegister.jsx
@@ -18,6 +18,7 @@
import TableView from '../../../../components/TableView';
import '../../index.less';
import ApplyDialog from "./applyDialog";
+import AgentDialog from "./agentDialog";
import FilesCheck from '../../../filesCheck';
import {
IconFileAudio,
@@ -37,11 +38,66 @@
const VisitorRegister = (props) => {
const [dialogType, setDialogType] = useState(0);//添加当事人的类型
const [addVisabled, setAddVisabled] = useState(false);//添加当事人弹窗控制
-
-
-
-
- const formRef = useRef();
+ const [fakeData, setFakeData] = useState([
+ // {
+ // id: 3,
+ // perClassName: '申请方当事人',
+ // trueName: '蓝海科技有限公司',
+ // mobile: '9144010188453Z',
+ // company: true,
+ // companyName: '张晓梅',//公司法人
+ // partyType: 'applicant',//申请人
+ // },
+ // {
+ // id: 1,
+ // perClassName: '申请方代理人',
+ // trueName: '王小明',
+ // mobile: '410106198802121125',
+ // person: true,
+ // personNumber: '13388888888',//联系方式
+ // partyType: 'applicant',
+ // },
+ // {
+ // id: 2,
+ // perClassName: '被申请方当事人',
+ // trueName: '大海科技有限公司',
+ // mobile: '13800000002',
+ // company: true,
+ // companyName: '郭小聪',//公司法人
+ // partyType: 'respondent',//被申请方
+ // remark: [{ label: '精神障碍', color: '#C64FBE' }, { label: '吸毒', color: '#D8A247' }, { label: '社区矫正', color: '#B82F6E' }, { label: '刑满释放', color: '#199C8F' }, { label: '流浪', color: '#3ECB7A' }, { label: '重点青少年', color: '#117AC1' }, { label: '涉稳涉访', color: '#6865D7' }, { label: '潜在风险', color: '#2661CE' }]
+ // },
+ // {
+ // id: 2,
+ // perClassName: '被申请方代理人',
+ // trueName: '张三',
+ // mobile: '13800000002',
+ // person: true,
+ // personNumber: '13399999999',//联系方式
+ // partyType: 'respondent',
+ // remark: [{ label: '精神障碍', color: '#C64FBE' }]
+ // },
+ // {
+ // id: 2,
+ // perClassName: '被申请方代理人',
+ // trueName: '张三',
+ // mobile: '13800000002',
+ // person: true,
+ // personNumber: '13399999999',//联系方式
+ // partyType: 'respondent',
+ // remark: [{ label: '精神障碍', color: '#C64FBE' }]
+ // },
+ // {
+ // id: 2,
+ // perClassName: '被申请方代理人',
+ // trueName: '张三',
+ // mobile: '13800000002',
+ // person: true,
+ // personNumber: '13399999999',//联系方式
+ // partyType: 'respondent',
+ // remark: [{ label: '精神障碍', color: '#C64FBE' }]
+ // },
+ ]);//当事人信息数据
const [scanFile, setScanFile] = useState(false);
const [filesList, setFilesList] = useState([]);
const [scanImage, setScanImage] = useState(false);
@@ -49,6 +105,7 @@
const [upload, setUpLoad] = useState(false);
const [sourceType, setSourceType] = useState('09_01010-1');
const [filesCheck, setFilesCheck] = useState(false);
+ const [agentVisible, setAgentVisible] = useState(false);
const personIconType = (v) => {
switch (v) {
@@ -86,68 +143,6 @@
}
}
-
-
- const fakeData = [
- {
- id: 3,
- perClassName: '申请方当事人',
- trueName: '蓝海科技有限公司',
- mobile: '9144010188453Z',
- company: true,
- companyName: '张晓梅',//公司法人
- partyType: 'applicant',//申请人
- },
- {
- id: 1,
- perClassName: '申请方代理人',
- trueName: '王小明',
- mobile: '410106198802121125',
- person: true,
- personNumber: '13388888888',//联系方式
- partyType: 'applicant',
- },
- {
- id: 2,
- perClassName: '被申请方当事人',
- trueName: '大海科技有限公司',
- mobile: '13800000002',
- company: true,
- companyName: '郭小聪',//公司法人
- partyType: 'respondent',//被申请方
- remark: [{ label: '精神障碍', color: '#C64FBE' }, { label: '吸毒', color: '#D8A247' }, { label: '社区矫正', color: '#B82F6E' }, { label: '刑满释放', color: '#199C8F' }, { label: '流浪', color: '#3ECB7A' }, { label: '重点青少年', color: '#117AC1' }, { label: '涉稳涉访', color: '#6865D7' }, { label: '潜在风险', color: '#2661CE' }]
- },
- {
- id: 2,
- perClassName: '被申请方代理人',
- trueName: '张三',
- mobile: '13800000002',
- person: true,
- personNumber: '13399999999',//联系方式
- partyType: 'respondent',
- remark: [{ label: '精神障碍', color: '#C64FBE' }]
- },
- {
- id: 2,
- perClassName: '被申请方代理人',
- trueName: '张三',
- mobile: '13800000002',
- person: true,
- personNumber: '13399999999',//联系方式
- partyType: 'respondent',
- remark: [{ label: '精神障碍', color: '#C64FBE' }]
- },
- {
- id: 2,
- perClassName: '被申请方代理人',
- trueName: '张三',
- mobile: '13800000002',
- person: true,
- personNumber: '13399999999',//联系方式
- partyType: 'respondent',
- remark: [{ label: '精神障碍', color: '#C64FBE' }]
- },
- ];
const peopleMap = {
0: '申请方',
1: '被申请方',
@@ -277,8 +272,12 @@
//添加申请人: 0、被申请人: 1、代理人: 2
const handleAdd = (type) => {
+ if(type === 2) {
+ setAgentVisible(true)
+ } else {
+ setAddVisabled(true)
+ }
setDialogType(type)
- setAddVisabled(true)
}
function handleChangeFile() {
@@ -577,6 +576,17 @@
>
<ApplyDialog />
</Modal>
+ <Modal
+ title={'添加代理人'}
+ visible={agentVisible}
+ onOk={() => setAgentVisible(false)}
+ onCancel={() => setAgentVisible(false)}
+ autoFocus={false}
+ focusLock={true}
+ footer={null}
+ >
+ <AgentDialog />
+ </Modal>
</div>
)
}
--
Gitblit v1.8.0