feat: 添加申请人

zhangyongtian

2024-08-17 6e6f0d5d192712b31949ee77734ae77fc90c66c1

 gz-customerSystem/src/views/register/visit/component/visitorRegister.jsx

@@ -5,7 +5,7 @@
import PersonCard from '../../../../components/personCard';
import * as $$ from '../../../../utils/utility';
import {
  question1, 
  question1,
  applyMaterials,
  applyMaterials_active,
  evidenceMaterials,
@@ -18,8 +18,10 @@
import '../../index.less';
import ApplyDialog from "./applyDialog";
import AgentDialog from "./agentDialog";
import DetailDialog from "./detailDialog";
import FilesCheck from '../../../filesCheck';
import NewFileCheck from '../../../filesCheck/newFileCheck';
import {IconLink} from '@arco-design/web-react/icon';
import { IconLink } from '@arco-design/web-react/icon';
import MapView from './map'

const RadioGroup = Radio.Group;// 根据调解案号获取纠纷登记信息
@@ -39,7 +41,7 @@
    //   mobile: '9144010188453Z',
    //   company: true,
    //   companyName: '张晓梅',//公司法人
    //   partyType: 'applicant',//申请人
    //   partyType: 0,//申请人:0,被申请人：1
    // },
    // {
    //   id: 1,
@@ -58,6 +60,7 @@
    //   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' }]
    // },
    // {
@@ -101,6 +104,7 @@
  const [fileView, setFileView] = useState();
  const [selectedAddress, setSelectedAddress] = useState('');
  const [fileTip, setFileTip] = useState('0');
  const [detailVisabled, setDetailVisabled] = useState(false);//查看信息弹窗控制
  const [mapView, setMapView] = useState(false);
  const formRef = useRef();

@@ -391,8 +395,11 @@
    },
  ];

  const handleCheckParty = () => {
    console.log('check party');
  //查看
  const handleCheckParty = (value) => {
    console.log(value);
    setDialogType(value.type)
    setDetailVisabled(true)
  }

  //获取当前时间
@@ -406,9 +413,6 @@

    return `${year}-${month}-${day} ${hours}:${minutes}`;
  }




  //添加申请人: 0、被申请人: 1、代理人: 2
  const handleAdd = (type) => {
@@ -425,7 +429,11 @@
    setSelectedAddress(value);
  };


  //添加当事人
  const handleAddParty = (value) => {
    console.log(value);
    setFakeData([...fakeData, value])
  }



@@ -755,9 +763,8 @@
        autoFocus={false}
        focusLock={true}
        footer={null}
      // style={{ width: '1000px' }}
      >
        <ApplyDialog />
        <ApplyDialog dialogType={dialogType} onClose={() => setAddVisabled(false)} handleAddParty={handleAddParty}/>
      </Modal>
      <Modal
        title={'添加代理人'}
@@ -770,6 +777,17 @@
      >
        <AgentDialog />
      </Modal>
      <Modal
        title={'查看' + peopleMap[dialogType]}
        visible={detailVisabled}
        onOk={() => setDetailVisabled(false)}
        onCancel={() => setDetailVisabled(false)}
        autoFocus={false}
        focusLock={true}
        footer={null}
      >
        <DetailDialog />
      </Modal>
      <Modal style={{ width: '1200px' }} visible={mapView} onCancel={() => setMapView(false)} footer={null} title='选择纠纷发生地' centered>
        <Row gutter={[16, 0]}>
          <Col span={16}>