添加申请人、被申请人、代理人、选择单位弹窗静态

zhangyongtian

2024-08-17 53709db83f171ff9ef4ad8b26ae7a79085e1a7ee

 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>
  )
}