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

zhangyongtian

2024-08-17 53709db83f171ff9ef4ad8b26ae7a79085e1a7ee

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

@@ -12,8 +12,9 @@
  caseperfection_organize,
  caseperfection_organize_active,
} from '../../../../assets/images/icon';
import { Form, Input, Button, Radio, Select, DatePicker, Cascader, Upload, Message } from '@arco-design/web-react';
import { Form, Input, Button, Radio, Select, Modal, Cascader, Upload, Message } from '@arco-design/web-react';
import KeyVisits from "./keyVisits";
import SelectUnitDialog from "./selectUnitDialog";

const FormItem = Form.Item;
const Option = Select.Option;
@@ -23,7 +24,8 @@
export default function ApplyDialog(props) {
  const formRef = useRef();
  const [perClass, setPerClass] = useState('09_01001-1');
 
  const [visible, setVisible] = useState(false);


  const personIconType = (v) => {
    switch (v) {
@@ -157,11 +159,12 @@
      )
    } else {
      //法人、非法人组织
      let isLegal = type === '09_01001-2'
      return (
        <>
          <Col span={24}>
            <FormItem
              label='企业登记材料'
              label={isLegal ? '企业登记材料' : '机构登记材料'}
              field='file'
            >
              <Upload
@@ -177,7 +180,7 @@
          </Col>
          <Col span={24}>
            <FormItem
              label='法定代表人身份证明材料'
              label={isLegal ? '法定代表人身份证明材料' : '机构代表人身份证明材料'}
              field='file1'
            >
              <Upload
@@ -193,13 +196,14 @@
          </Col>
          <Col span={12}>
            <FormItem
              label='企业名称'
              label={isLegal ? '企业名称' : '机构名称'}
              rules={[{ required: true }]}
              field='peopleNumber'
            >
              <InputSearch
                searchButton='选择'
                placeholder='请填写'
                onSearch={handleSelect}
              />
            </FormItem>
          </Col>
@@ -209,23 +213,23 @@
            </FormItem>
          </Col>
          <Col span={12}>
            <FormItem label='企业所在地' field='money'>
            <FormItem label={isLegal ? '企业所在地' : '机构所在地'} field='money'>
              <Input placeholder='请填写' />
            </FormItem>
          </Col>
          <Col span={12}>
            <FormItem label='统一社会信用代码' field='money'>
            <FormItem label={isLegal ? '统一社会信用代码' : '组织机构代码'} field='money'>
              <Input placeholder='请填写' />
            </FormItem>
          </Col>
          <Col span={12}>
            <FormItem label='法定代表人' field='money'>
            <FormItem label={isLegal ? '法定代表人' : '机构代表人'} field='money'>
              <Input placeholder='请填写' />
            </FormItem>
          </Col>
          <Col span={12}>
            <FormItem
              label='企业类型'
              label={ isLegal ? '企业类型' : '机构类型'}
              field='minzu'
            >
              <Select placeholder='请选择' allowClear>
@@ -254,6 +258,11 @@
        console.log(errors, values);
      });
    }
  }

  //选择
  const handleSelect = (value) => {
    setVisible(true)
  }

  return (
@@ -288,10 +297,11 @@
              initialValues={{
              }}//默认值
            >
              <Row gutter={[32, 0]}>{formType(perClass)}</Row>
              <Row gutter={[32, 0]} style={{ margin: '0 -10px' }}>{formType(perClass)}</Row>
            </Form>
          </Col>
        </Row>

        {/* 重复来访重点人员 */}
        <div style={{ width: 'calc(100% - 9px)', background: '#f2f3f5', marginBottom: '20px', padding: '12px' }}>
          <KeyVisits />
@@ -309,6 +319,17 @@
          重置
        </Button>
      </div>
      <Modal
        title={'选择单位'}
        visible={visible}
        onOk={() => setVisible(false)}
        onCancel={() => setVisible(false)}
        autoFocus={false}
        focusLock={true}
        footer={null}
      >
        <SelectUnitDialog />
      </Modal>
    </div>
  )
}