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 |   66 ++++++++++++++++++++-------------
 1 files changed, 40 insertions(+), 26 deletions(-)

diff --git a/gz-customerSystem/src/views/register/visit/component/visitorRegister.jsx b/gz-customerSystem/src/views/register/visit/component/visitorRegister.jsx
index f8413d3..1bbe232 100644
--- a/gz-customerSystem/src/views/register/visit/component/visitorRegister.jsx
+++ b/gz-customerSystem/src/views/register/visit/component/visitorRegister.jsx
@@ -19,6 +19,7 @@
 import '../../index.less';
 import ApplyDialog from "./applyDialog";
 import AgentDialog from "./agentDialog";
+import DetailDialog from "./detailDialog";
 import FilesCheck from '../../../filesCheck';
 import {
   IconFileAudio,
@@ -39,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: '申请方代理人',
@@ -57,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: '被申请方代理人',
@@ -108,6 +111,7 @@
   const [fileView, setFileView] = useState();
   const [selectedAddress, setSelectedAddress] = useState('');
   const [fileTip, setFileTip] = useState('0');
+  const [detailVisabled, setDetailVisabled] = useState(false);//查看信息弹窗控制
 
   const addressOptions = [
     { label: '地址1', value: 'address1' },
@@ -329,8 +333,11 @@
     },
   ];
 
-  const handleCheckParty = () => {
-    console.log('check party');
+  //查看
+  const handleCheckParty = (value) => {
+    console.log(value);
+    setDialogType(value.type)
+    setDetailVisabled(true)
   }
 
   //获取当前时间
@@ -345,12 +352,9 @@
     return `${year}-${month}-${day} ${hours}:${minutes}`;
   }
 
-
-
-
   //添加申请人: 0、被申请人: 1、代理人: 2
   const handleAdd = (type) => {
-    if(type === 2) {
+    if (type === 2) {
       setAgentVisible(true)
     } else {
       setAddVisabled(true)
@@ -686,7 +690,6 @@
         autoFocus={false}
         focusLock={true}
         footer={null}
-      // style={{ width: '1000px' }}
       >
         <ApplyDialog />
       </Modal>
@@ -701,6 +704,17 @@
       >
         <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