From 625867cc91baf7ece9f1329eaa7710731727b2b8 Mon Sep 17 00:00:00 2001
From: zhangyongtian <1181606322@qq.com>
Date: Sat, 17 Aug 2024 18:15:25 +0800
Subject: [PATCH] feat: 添加当事人功能静态
---
gz-customerSystem/src/views/register/visit/component/visitorRegister.jsx | 89 ++++++++++++++++++++++++++++++--------------
1 files changed, 60 insertions(+), 29 deletions(-)
diff --git a/gz-customerSystem/src/views/register/visit/component/visitorRegister.jsx b/gz-customerSystem/src/views/register/visit/component/visitorRegister.jsx
index 1bb3f3e..1bbe232 100644
--- a/gz-customerSystem/src/views/register/visit/component/visitorRegister.jsx
+++ b/gz-customerSystem/src/views/register/visit/component/visitorRegister.jsx
@@ -18,6 +18,8 @@
import TableView from '../../../../components/TableView';
import '../../index.less';
import ApplyDialog from "./applyDialog";
+import AgentDialog from "./agentDialog";
+import DetailDialog from "./detailDialog";
import FilesCheck from '../../../filesCheck';
import {
IconFileAudio,
@@ -38,15 +40,16 @@
const [dialogType, setDialogType] = useState(0);//添加当事人的类型
const [addVisabled, setAddVisabled] = useState(false);//添加当事人弹窗控制
const [fakeData, setFakeData] = useState([
- // {
- // id: 3,
- // perClassName: '申请方当事人',
- // trueName: '蓝海科技有限公司',
- // mobile: '9144010188453Z',
- // company: true,
- // companyName: '张晓梅',//公司法人
- // partyType: 'applicant',//申请人
- // },
+ {
+ id: 3,
+ perClassName: '申请方当事人',
+ trueName: '蓝海科技有限公司',
+ mobile: '9144010188453Z',
+ company: true,
+ companyName: '张晓梅',//公司法人
+ partyType: 'applicant',//申请人
+ type: 0,//申请人: 0、被申请人: 1、代理人: 2
+ },
// {
// id: 1,
// perClassName: '申请方代理人',
@@ -56,16 +59,17 @@
// 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',
+ company: true,
+ companyName: '郭小聪',//公司法人
+ partyType: 'respondent',//被申请方
+ type: 1,
+ 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: '被申请方代理人',
@@ -104,9 +108,10 @@
const [upload, setUpLoad] = useState(false);
const [sourceType, setSourceType] = useState('09_01010-1');
const [filesCheck, setFilesCheck] = useState(false);
- const [file, setFile] = useState();
+ const [fileView, setFileView] = useState();
const [selectedAddress, setSelectedAddress] = useState('');
const [fileTip, setFileTip] = useState('0');
+ const [detailVisabled, setDetailVisabled] = useState(false);//查看信息弹窗控制
const addressOptions = [
{ label: '地址1', value: 'address1' },
@@ -114,6 +119,7 @@
// 更多地址...
];
+ const [agentVisible, setAgentVisible] = useState(false);
const personIconType = (v) => {
switch (v) {
@@ -327,8 +333,11 @@
},
];
- const handleCheckParty = () => {
- console.log('check party');
+ //查看
+ const handleCheckParty = (value) => {
+ console.log(value);
+ setDialogType(value.type)
+ setDetailVisabled(true)
}
//获取当前时间
@@ -343,13 +352,14 @@
return `${year}-${month}-${day} ${hours}:${minutes}`;
}
-
-
-
//添加申请人: 0、被申请人: 1、代理人: 2
const handleAdd = (type) => {
+ if (type === 2) {
+ setAgentVisible(true)
+ } else {
+ setAddVisabled(true)
+ }
setDialogType(type)
- setAddVisabled(true)
}
@@ -586,7 +596,7 @@
if (info.length > 0) {
setScanImage(true);
}
- setFile({
+ setFileView({
...currentFile,
url: URL.createObjectURL(currentFile.originFile),
@@ -603,7 +613,7 @@
</Modal>
<Modal style={{ width: '944px' }} visible={scanImage} onCancel={() => setScanImage(false)} footer={null} title='选择识别范围' centered>
<img
- src={file?.url}
+ src={fileView?.url}
alt=""
style={{
display: 'block', // 确保图片在容器中居中显示
@@ -680,10 +690,31 @@
autoFocus={false}
focusLock={true}
footer={null}
- // style={{ width: '1000px' }}
>
<ApplyDialog />
</Modal>
+ <Modal
+ title={'添加代理人'}
+ visible={agentVisible}
+ onOk={() => setAgentVisible(false)}
+ onCancel={() => setAgentVisible(false)}
+ autoFocus={false}
+ focusLock={true}
+ footer={null}
+ >
+ <AgentDialog />
+ </Modal>
+ <Modal
+ title={'查看' + peopleMap[dialogType]}
+ visible={detailVisabled}
+ onOk={() => setDetailVisabled(false)}
+ onCancel={() => setDetailVisabled(false)}
+ autoFocus={false}
+ focusLock={true}
+ footer={null}
+ >
+ <DetailDialog />
+ </Modal>
</div>
)
}
--
Gitblit v1.8.0