F

.env

-VITE_SERVER_BASE=/api
+VITE_SERVER_BASE=/api/admin
 # VITE_LOGIN_URL=http://localhost:3009/admin/

package.json

     "classnames": "^2.3.2",
     "echarts": "^5.4.0",
     "i18next": "^23.9.0",
+    "i18next-browser-languagedetector": "^7.2.0",
     "md5": "^2.3.0",
     "moment": "^2.29.4",
     "react": "18.2.0",

src/components/Upload/UploadFile.jsx

-import React, { useState } from 'react';
-import { LoadingOutlined, PlusOutlined, CloudUploadOutlined } from '@ant-design/icons';
-import { Button } from "antd";
-import { useTranslation } from 'react-i18next';
-import Upload from './Upload';
+import React, { useState } from "react";
+import {
+  LoadingOutlined,
+  PlusOutlined,
+  CloudUploadOutlined,
+} from "@ant-design/icons";
+import { Button, Image } from "antd";
+import { useTranslation } from "react-i18next";
+import Upload from "./Upload";
 import "./style.less";
 
 export default (props) => {
   const { t } = useTranslation();
 
   const [loading, setLoading] = useState(false);
-  const [name, setName] = useState();
-
-  function beforeUpload (file) {
+  // const [name, setName] = useState();
 
+  function beforeUpload(file) {
     // const isImage = file.type === 'image/jpeg' || file.type === 'image/png'||file.type==='image/gif';
     // if (!isImage) {
     //   message.error('请上传 JPG , PNG或GIF 图片!');
   }
 
   const UploadButton = (props) => (
-    <div style={{ textAlign: 'center', width: '260px' }}>
-      {props.loading ? <LoadingOutlined /> : <CloudUploadOutlined style={{ fontSize: '30px', color: '#1890ff' }} />}
-      <div style={{ marginTop: 8, fontSize: '16px', color: '#1890ff', fontWeight: 600 }}>{t('authentication.uploadText')}</div>
+    <div style={{ textAlign: "center", width: "260px" }}>
+      {props.loading ? (
+        <LoadingOutlined />
+      ) : (
+        <CloudUploadOutlined style={{ fontSize: "30px", color: "#1890ff" }} />
+      )}
+      <div
+        style={{
+          marginTop: 8,
+          fontSize: "16px",
+          color: "#1890ff",
+          fontWeight: 600,
+        }}
+      >
+        {t("authentication.uploadText")}
+      </div>
     </div>
   );
 
-  const handleChange = info => {
-    if (info.file.status === 'uploading') {
+  const handleChange = (info) => {
+    console.log(info);
+    if (info.file.status === "uploading") {
       setLoading(true);
       return;
     }
-    if (info.file.status === 'error') {
+    if (info.file.status === "error") {
       setLoading(false);
       return;
     }
 
-    if (info.file.status === 'done') {
+    if (info.file.status === "done") {
       setLoading(false);
       const { url, fileType } = info.file.response;
       onChange(url);
-      setName(info.file.name);
+      // setName(info.file.name);
     }
   };
 
+  console.log(value);
   return (
     <>
-
       {/* <div style={{ marginTop: '40px', fontSize: '16px' }}>{t('authentication.uploadTitle1')}</div> */}
-      <div style={{ display: 'flex', alignItem: 'stretch' }}>
+      <div style={{ display: "flex", alignItem: "stretch" }}>
         <div className="authentication-right-upload-box">
           <Upload
             // accept=".pdf"
             onChange={handleChange}
             beforeUpload={beforeUpload}
           >
-            {
-              value ? <div style={{ fontSize: '18px' }}>{name}</div> : <UploadButton loading={loading} />
-            }
-          </Upload >
+            {value ? (
+              <img src={value} alt="avatar" />
+            ) : (
+              <UploadButton loading={loading}/>
+            )}
+          </Upload>
         </div>
         <div style={{ flex: 1.2 }}>
-          <div style={{ padding: '0 15px', color: '#bfbfbf' }}>{t('authentication.uploadPromptText1')}</div>
-          <div style={{ padding: '0 15px', color: '#bfbfbf' }}>{t('authentication.uploadPromptText2')}</div>
-          <div style={{ padding: '0 15px', color: '#bfbfbf' }}>{t('authentication.uploadPromptText3')}</div>
-          {
-            text1 && (
-              <div style={{ padding: '0 15px', fontWeight: 600 }}>{text1}</div>
-            )
-          }
-          {
-            text2 && (
-              <div style={{ padding: '0 15px', color: '#bfbfbf' }}>{text2}</div>
-            )
-          }
-          {
-            text3 && (
-              <div style={{ padding: '0 15px', fontWeight: 600 }}>{text3}</div>
-            )
-          }
-          <Button type="link">{t('authentication.uploadBtnText')}</Button>
+          <div style={{ padding: "0 15px", color: "#bfbfbf" }}>
+            {t("authentication.uploadPromptText1")}
+          </div>
+          <div style={{ padding: "0 15px", color: "#bfbfbf" }}>
+            {t("authentication.uploadPromptText2")}
+          </div>
+          <div style={{ padding: "0 15px", color: "#bfbfbf" }}>
+            {t("authentication.uploadPromptText3")}
+          </div>
+          {text1 && (
+            <div style={{ padding: "0 15px", fontWeight: 600 }}>{text1}</div>
+          )}
+          {text2 && (
+            <div style={{ padding: "0 15px", color: "#bfbfbf" }}>{text2}</div>
+          )}
+          {text3 && (
+            <div style={{ padding: "0 15px", fontWeight: 600 }}>{text3}</div>
+          )}
+          <Button type="link">{t("authentication.uploadBtnText")}</Button>
         </div>
       </div>
     </>
-  )
-}
+  );
+};

src/components/Upload/UploadImage.jsx

   const [loading, setLoading] = useState(false);
 
   const handleChange = info => {
+    console.log(info)
+
     if (info.file.status === 'uploading') {
       setLoading(true);
       return;
     }
 
     if (info.file.status === 'done') {
-      setLoading(false);
       const { url, fileType } = info.file.response;
       onChange(url);
+      setLoading(false);
+    
     }
   };
 
   const previewUrl = getRealPath ? getRealPath(value) : value;
 
+  console.log("value->>>>>>>",value)
   return (
     <Upload
       listType="picture-card"
       beforeUpload={beforeUpload}
       onChange={handleChange}
     >
-      {value ? <img src={previewUrl} alt="avatar" style={{ width: '100%', height: '100%' }} /> : <UploadButton loading={loading} />}
+      {value ? <img src={value} alt="avatar" style={{ width: '100%', height: '100%' }} /> : <UploadButton loading={loading} />}
     </Upload>
   );
 }

src/components/Upload/request.js

   formData.append("fileType", fileType);
 
   console.log('formData', formData);
-  return request(`/admin/upload`, {
+  return request(`/upload`, {
     method: 'post',
     data: formData,
     headers: {

src/locale/config.js

-import i18n from 'i18next';
-import { initReactI18next } from 'react-i18next';
-import translation_en from './en.json';
-import translation_zh from './zh.json';
-import translation_zht from './zht.json';
+import i18n from "i18next";
+import { initReactI18next } from "react-i18next";
+import translation_en from "./en.json";
+import translation_zh from "./zh.json";
+import translation_zht from "./zht.json";
+import I18nextBrowserLanguageDetector from "i18next-browser-languagedetector";
 
 const resources = {
-    en: {
-        translation: translation_en,
-    },
-    zh: {
-        translation: translation_zh,
-    },
-    zht: {
-        translation: translation_zht,
-    },
+  en: {
+    translation: translation_en,
+  },
+  zh: {
+    translation: translation_zh,
+  },
+  zht: {
+    translation: translation_zht,
+  },
 };
 
 let defaultLang = navigator.language;
-if (defaultLang.indexOf('zh') == 0) {
-    if (defaultLang == 'zh-CN' || defaultLang == 'zh') {
-        defaultLang = 'zh';
-    } else {
-        defaultLang = 'zht';
-    }
+if (defaultLang.indexOf("zh") == 0) {
+  if (defaultLang == "zh-CN" || defaultLang == "zh") {
+    defaultLang = "zh";
+  } else {
+    defaultLang = "zht";
+  }
 } else {
-    defaultLang = 'en';
+  defaultLang = "en";
 }
 
-i18n.use(initReactI18next).init({
+i18n
+  .use(initReactI18next)
+  .use(I18nextBrowserLanguageDetector)
+  .init({
     resources,
     // 默认语言  zh/en/zht  中文/英文/繁体
-    lng: defaultLang,
+    // lng: defaultLang,
     interpolation: {
-        escapeValue: false,
+      escapeValue: false,
     },
-});
+  });
 
 export default i18n;

src/locale/zh.json

     "enterpriseTypeRadio2": "公众股份有限公司",
     "enterpriseTypeRadio3": "有股本的公共无限公司",
     "enterpriseTypeRadio4": "有股本的私人无限公司",
-    "formRightSelect1": "中国香港(地区)",
+    "formRightSelect1": "中国大陆",
     "formRightSelectPlaceholder1": "州/State/Province/Region",
     "formRightSelectPlaceholderII1": "国家/地区",
     "formRightInputPlaceholder2": "市/City",
     "foundationInfoNextBtn": "下一步",
 
     "subTitleRight2": "您的身份为",
-    "directorInfoRadioValue1": "企业董事",
-    "directorInfoSubTitle3": "请用手机扫描二维码拍摄上传",
+    "directorInfoRadioValue1": "企业法代",
     "directorInfoRadioText1": "您本人为该企业的负责人，能够代表企业行驶职权",
     "directorInfoRadioValue2": "被授权人",
     "directorInfoRadioText2": "您本人被企业授权，能够代表企业处理事务",
     "directorInfoLabel2": "证件类型",
     "directorInfoSelectValue1": "中国大陆",
     "directorInfoRadioValue": "身份证",
-    "directorInfoTitle": "请用手机扫描二维码拍摄上传",
+    "directorInfoTitle": "上传身份证正反面",
     "directorInfoContent1": "1.请用手机扫描二维码，或用手机打开分享链接，拍照上传证件照片",
     "directorInfoContent2": "2.拍照上传图片保持清晰可见、完整，照片需要包含证件四角，无反光",
     "directorInfoContent3": "3.如需修改上传图片，请重新扫描上传或重新打开分享链接",
     "everyoneInfoTitle": "填写企业受益所有人信息",
     "everyoneInfoContent1": "根据所适用法律规定，我们需要向贵公司收集受益所有人信息。",
     "everyoneInfoContent2": "受益所有人：实际管控、管理公司并享有公司最终收益的自然人。具体是指，直接或间接通过股权、授权或其他形式法律安排拥有公司25%以上股权、投票权的自然人。",
-    "everyoneInfoInputLabel1": "董事【刘凡】是否为受益所有人？",
+    "everyoneInfoInputLabel1": "企业董事 {{beneficiaryName}} 是否为受益所有人？",
+    "everyoneInfoInputLabelAuthorized": "被授权人{{beneficiaryName}}是否为受益所有人？",
     "everyoneInfoInputLabel2": "贵公司是否还有其他的受益所有人？",
     "everyoneInfoInputLabel3": "董事【刘凡】的持股比例为？",
     "everyoneInfoPlaceholder": "请输入持股比例",
     "FaceRecognitionBtn1": "进行人脸识别",
     "FaceRecognitionBtn2": "寻求帮助",
     "FaceRecognitionTag1": "待识别",
+    "FaceRecognitionTag2": "已识别",
 
     "FaceRecognitionModalTitle": "人脸识别",
     "FaceRecognitionModalContent1": "请用手机扫描以下二维码，或用手机打开分享链接，按页面提示完成人脸识别认证，认证完成后，您的信息将被自动提交。",

src/pages/authentication/components/Authentication.jsx

-import React from "react";
-import { Divider, Card, Steps, Button, Radio, Form, Input, Row, Col, Select, Image } from "antd";
-import { useTranslation } from 'react-i18next';
+import React, { useEffect } from "react";
+import {
+  Divider,
+  Card,
+  Steps,
+  Button,
+  Radio,
+  Form,
+  Input,
+  Row,
+  Col,
+  Select,
+  Image,
+} from "antd";
+import { useTranslation } from "react-i18next";
 import useBool from "@/utils/hooks/useBool";
-import { postTaCompanyRealName } from "@/services/taCompanyRealName";
+import {
+  getTaCompanyRealNameTenantId,
+  postTaCompanyRealName,
+  putTaCompanyRealName,
+} from "@/services/taCompanyRealName";
+import { ProForm, ProFormRadio } from "@ant-design/pro-components";
 
 export default (props) => {
-
   const { index, setIndex } = props;
   const { t } = useTranslation();
   const [form] = Form.useForm();
 
   const onFinish = (values) => {
-    postTaCompanyRealName(values).then((res) => {
-      setIndex(index + 1);
-    });
+    const id = values.realCompanyId;
+    if (id) {
+      putTaCompanyRealName(id, values).then(() => {
+        setIndex(index + 1);
+      });
+    } else {
+      postTaCompanyRealName(values).then((res) => {
+        setIndex(index + 1);
+      });
+    }
   };
 
+  useEffect(() => {
+    form.resetFields();
+    getTaCompanyRealNameTenantId()
+      .then((res) => {
+        form.setFieldsValue(res);
+      })
+      .catch((err) => {});
+  }, []);
+  const isListedCompany = [
+    {
+      label: t("authentication.AuthenticationYes"),
+      value: "1",
+    },
+    {
+      label: t("authentication.AuthenticationNo"),
+      value: "0",
+    },
+  ];
   return (
     <>
-      <div style={{ fontSize: '24px', fontWeight: '400', width: '900px' }}>{t('authentication.AuthenticationTitle')}</div>
-      <Card bordered={false} style={{ width: '900px', paddingLeft: '36px' }}>
-        <div style={{ fontSize: '16px', fontWeight: '600' }}>{t('authentication.AuthenticationContent1')}</div>
+      <div style={{ fontSize: "24px", fontWeight: "400", width: "900px" }}>
+        {t("authentication.AuthenticationTitle")}
+      </div>
+      <Card bordered={false} style={{ width: "900px", paddingLeft: "36px" }}>
+        <div style={{ fontSize: "16px", fontWeight: "600" }}>
+          {t("authentication.AuthenticationContent1")}
+        </div>
         <Form
           form={form}
           size="large"
           layout="vertical"
           onFinish={onFinish}
-          style={{ marginTop: '4em' }}
+          style={{ marginTop: "4em" }}
           wrapperCol={{ span: 14 }}
         >
-          <Form.Item label={t('authentication.AuthenticationLabel1')} name="registrationLocation">
-            <Select placeholder={t('authentication.AuthenticationPlaceholder3')}>
+          <Form.Item hidden name="realCompanyId"></Form.Item>
+          <Form.Item
+            label={t("authentication.AuthenticationLabel1")}
+            name="registrationLocation"
+          >
+            <Select
+              placeholder={t("authentication.AuthenticationPlaceholder3")}
+            >
               <Select.Option value="中国大陆">中国大陆</Select.Option>
             </Select>
           </Form.Item>
-          <Form.Item label={t('authentication.AuthenticationLabel2')} name="companyNameCn">
-            <Input placeholder={t('authentication.AuthenticationPlaceholder1')} />
+          <Form.Item
+            label={t("authentication.AuthenticationLabel2")}
+            name="companyNameCn"
+          >
+            <Input
+              placeholder={t("authentication.AuthenticationPlaceholder1")}
+            />
           </Form.Item>
-          <div style={{ fontSize: '11px', color: '#bfbfbf', marginTop: '-20px' }}>{t('authentication.AuthenticationTip')}</div>
-          <Form.Item label={t('authentication.AuthenticationLabel3')} name="companyNameEn">
-            <Input placeholder={t('authentication.AuthenticationPlaceholder2')} />
+          <div
+            style={{ fontSize: "11px", color: "#bfbfbf", marginTop: "-20px" }}
+          >
+            {t("authentication.AuthenticationTip")}
+          </div>
+          <Form.Item
+            label={t("authentication.AuthenticationLabel3")}
+            name="companyNameEn"
+          >
+            <Input
+              placeholder={t("authentication.AuthenticationPlaceholder2")}
+            />
           </Form.Item>
-          <Form.Item label={t('authentication.AuthenticationLabel4')} name="isListedCompany">
-            <div style={{ marginTop: '-24px' }}>
-              <Radio.Group>
-                <Radio value={1}>{t('authentication.AuthenticationYes')}</Radio>
-                <Radio value={0}>{t('authentication.AuthenticationNo')}</Radio>
-              </Radio.Group>
-            </div>
+          <Form.Item
+            label={t("authentication.AuthenticationLabel4")}
+            name="isListedCompany"
+          >
+            <Radio.Group options={isListedCompany} />
           </Form.Item>
-          <Form.Item style={{ marginTop: '24px' }}>
-            <Button
-              type="primary"
-              size="large"
-              htmlType="submit"
-            >{t('authentication.AuthenticationBtn')}</Button>
+
+          <Form.Item style={{ marginTop: "24px" }}>
+            <Button type="primary" size="large" htmlType="submit">
+              {t("authentication.AuthenticationBtn")}
+            </Button>
           </Form.Item>
         </Form>
       </Card>
     </>
-  )
-}
+  );
+};

src/pages/authentication/components/ConpanyDirectorAuthPerson.jsx

+import { UploadImage } from "@/components/Upload";
+import { Button, Form, Input, Radio, Select } from "antd";
+import React from "react";
+import { useTranslation } from "react-i18next";
+export default (props) => {
+  const { title, identity } = props;
+  const { t } = useTranslation();
+  const directorRule = {
+      [`${identity}-directorCountry`]: [{ require: true, message: "请选择国家" }],
+      [`${identity}-directorIdType`]: [{ require: true, message: "请选择证件类型" }],
+      [`${identity}-directorIdFront`]: [{ require: true, message: "请上传证件正面" }],
+      [`${identity}-directorIdBack`]: [{ require: true, message: "请上传证件反面" }],
+      [`${identity}-directorNameCn`]: [{ require: true, message: "请输入中文名" }],
+      [`${identity}-directorIdNo`]: [{ require: true, message: "请输入证件证件号码" }],
+  };
+
+  return (
+    <>
+      <div
+        style={{
+          fontSize: "16px",
+          fontWeight: "600",
+          marginBottom: "36px",
+        }}
+      >
+        {title}
+      </div>
+      <Form.Item name={`${identity}-companyLegalId`} hidden/>
+      {/* <Form.Item name={`${identity}-companyBeneficiaryId`} hidden/> */}
+      <Form.Item
+        label={t("authentication.directorInfoLabel1")}
+        wrapperCol={{ span: 17 }}
+        name={`${identity}-directorCountry`}
+        rules={directorRule[`${identity}-directorCountry`]}
+      >
+        <Select placeholder={t("authentication.directorInfoPlaceholder1")}>
+          <Select.Option value={t("authentication.directorInfoSelectValue1")}>
+            {t("authentication.directorInfoSelectValue1")}
+          </Select.Option>
+        </Select>
+      </Form.Item>
+      <Form.Item
+        label={t("authentication.directorInfoLabel2")}
+        name={`${identity}-directorIdType`}
+        rules={directorRule[`${identity}-directorIdType`]}
+        initialValue="1"
+      >
+        <Radio.Group>
+          <Radio style={{ fontSize: "16px" }} value="1">
+            {t("authentication.directorInfoRadioValue")}
+          </Radio>
+        </Radio.Group>
+      </Form.Item>
+      {/* 请用手机扫描二维码拍摄上传 */}
+      <div
+        style={{
+          fontSize: "16px",
+          fontWeight: "600",
+          marginBottom: "12px",
+        }}
+      >
+        {t("authentication.directorInfoTitle")}
+      </div>
+      <Form.Item>
+        <div style={{ color: "#bfbfbf" }}>
+          {t("authentication.directorInfoContent1")}
+        </div>
+        <div style={{ color: "#bfbfbf" }}>
+          {t("authentication.directorInfoContent2")}
+        </div>
+        <div style={{ color: "#bfbfbf" }}>
+          {t("authentication.directorInfoContent3")}
+        </div>
+        <div style={{ color: "red" }}>
+          {t("authentication.directorInfoContent4")}
+        </div>
+        <Button type="link" style={{ padding: "4px 0" }}>
+          {t("authentication.uploadBtnText")}
+        </Button>
+      </Form.Item>
+      <Form.Item
+        name={`${identity}-directorIdFront`}
+        label={t("authentication.directorInfoSubTitle1")}
+        rules={directorRule[`${identity}-directorIdFront`]}
+
+      >
+        <UploadImage />
+        {/* 
+            <div className="image_box">
+              <div className="directorInfo-img-right-text">
+                {t("authentication.directorInfoIDCardRightText")}
+              </div>
+            </div> */}
+      </Form.Item>
+      <Form.Item
+        name={`${identity}-directorIdBack`}
+        label={t("authentication.directorInfoSubTitle2")}
+        rules={directorRule[`${identity}-directorIdBack`]}
+
+      >
+        <UploadImage />
+        {/* <div style={{ marginTop: "24px", fontSize: "16px" }}>
+              {t("authentication.directorInfoSubTitle2")}
+            </div> */}
+        {/* <div className="image_box"> */}
+        {/* <div className="directorInfo-img-right-text">
+                {t("authentication.directorInfoIDCardRightText")}
+              </div> */}
+        {/* </div> */}
+      </Form.Item>
+
+      <Form.Item
+        label={t("authentication.directorInfoLabel3")}
+        wrapperCol={{ span: 17 }}
+        name={`${identity}-directorNameCn`}
+        rules={directorRule[`${identity}-directorNameCn`]}
+
+      >
+        <Input
+          placeholder={t("authentication.directorInfoInputPlaceholder2")}
+        />
+      </Form.Item>
+      <Form.Item
+        label={t("authentication.directorInfoLabel4")}
+        wrapperCol={{ span: 17 }}
+        name={`${identity}-directorIdNo`}
+        rules={directorRule[`${identity}-directorIdNo`]}
+
+      >
+        <Input
+          placeholder={t("authentication.directorInfoInputPlaceholder3")}
+          size="large"
+        />
+      </Form.Item>
+    </>
+  );
+};

src/pages/authentication/components/ConpanyDirectorAuthPersonBeneficiary.jsx

+import { UploadImage } from "@/components/Upload";
+import { Button, Form, Input,  InputNumber,  Radio, Select } from "antd";
+import React from "react";
+import { useTranslation } from "react-i18next";
+export default (props) => {
+  const { title, identity, key } = props;
+  console.log(props);
+  const { t } = useTranslation();
+  const directorRule = {
+    [`${identity}-directorCountry`]: [{ require: true, message: "请选择国家" }],
+    [`${identity}-directorIdType`]: [
+      { require: true, message: "请选择证件类型" },
+    ],
+    [`${identity}-directorIdFront`]: [
+      { require: true, message: "请上传证件正面" },
+    ],
+    [`${identity}-directorIdBack`]: [
+      { require: true, message: "请上传证件反面" },
+    ],
+    [`${identity}-directorNameCn`]: [
+      { require: true, message: "请输入中文名" },
+    ],
+    [`${identity}-directorIdNo`]: [
+      { require: true, message: "请输入证件证件号码" },
+    ],
+  };
+
+  return (
+    <>
+      <div
+        style={{
+          fontSize: "16px",
+          fontWeight: "600",
+          marginBottom: "36px",
+        }}
+      >
+        {title}
+      </div>
+      <Form.Item name={`${identity}-companyLegalId`} />
+      <Form.Item name={`${identity}-companyBeneficiaryItemId`} />
+      <Form.Item
+        // label={t("authentication.directorInfoLabel1")}
+        label="受益所有人国籍"
+        wrapperCol={{ span: 17 }}
+        name={`${identity}-directorCountry`}
+        rules={directorRule[`${identity}-directorCountry`]}
+      >
+        <Select placeholder={t("authentication.directorInfoPlaceholder1")}>
+          <Select.Option value={t("authentication.directorInfoSelectValue1")}>
+            {t("authentication.directorInfoSelectValue1")}
+          </Select.Option>
+        </Select>
+      </Form.Item>
+      <Form.Item
+        label={t("authentication.directorInfoLabel2")}
+        name={`${identity}-directorIdType`}
+        rules={directorRule[`${identity}-directorIdType`]}
+        initialValue="1"
+      >
+        <Radio.Group>
+          <Radio style={{ fontSize: "16px" }} value="1">
+            {t("authentication.directorInfoRadioValue")}
+          </Radio>
+        </Radio.Group>
+      </Form.Item>
+      {/* 请用手机扫描二维码拍摄上传 */}
+      <div
+        style={{
+          fontSize: "16px",
+          fontWeight: "600",
+          marginBottom: "12px",
+        }}
+      >
+        {t("authentication.directorInfoTitle")}
+      </div>
+      <Form.Item>
+        <div style={{ color: "#bfbfbf" }}>
+          {t("authentication.directorInfoContent1")}
+        </div>
+        <div style={{ color: "#bfbfbf" }}>
+          {t("authentication.directorInfoContent2")}
+        </div>
+        <div style={{ color: "#bfbfbf" }}>
+          {t("authentication.directorInfoContent3")}
+        </div>
+        <div style={{ color: "red" }}>
+          {t("authentication.directorInfoContent4")}
+        </div>
+        <Button type="link" style={{ padding: "4px 0" }}>
+          {t("authentication.uploadBtnText")}
+        </Button>
+      </Form.Item>
+      <Form.Item
+        name={`${identity}-directorIdFront`}
+        label={t("authentication.directorInfoSubTitle1")}
+        rules={directorRule[`${identity}-directorIdFront`]}
+      >
+        <UploadImage />
+        {/* 
+            <div className="image_box">
+              <div className="directorInfo-img-right-text">
+                {t("authentication.directorInfoIDCardRightText")}
+              </div>
+            </div> */}
+      </Form.Item>
+      <Form.Item
+        name={`${identity}-directorIdBack`}
+        label={t("authentication.directorInfoSubTitle2")}
+        rules={directorRule[`${identity}-directorIdBack`]}
+      >
+        <UploadImage />
+        {/* <div style={{ marginTop: "24px", fontSize: "16px" }}>
+              {t("authentication.directorInfoSubTitle2")}
+            </div> */}
+        {/* <div className="image_box"> */}
+        {/* <div className="directorInfo-img-right-text">
+                {t("authentication.directorInfoIDCardRightText")}
+              </div> */}
+        {/* </div> */}
+      </Form.Item>
+
+      <Form.Item
+        label={t("authentication.directorInfoLabel3")}
+        wrapperCol={{ span: 17 }}
+        name={`${identity}-directorNameCn`}
+        rules={directorRule[`${identity}-directorNameCn`]}
+      >
+        <Input
+          placeholder={t("authentication.directorInfoInputPlaceholder2")}
+        />
+      </Form.Item>
+      <Form.Item
+        label={t("authentication.directorInfoLabel4")}
+        wrapperCol={{ span: 17 }}
+        name={`${identity}-directorIdNo`}
+        rules={directorRule[`${identity}-directorIdNo`]}
+      >
+        <Input
+          placeholder={t("authentication.directorInfoInputPlaceholder3")}
+          size="large"
+        />
+      </Form.Item>
+      <Form.Item
+        label="持股比例"
+        name={`${identity}-shareholdingRatio`}
+        wrapperCol={{ span: 18 }}
+      >
+        <InputNumber
+          placeholder=">=25"
+          style={{ width: '100%' }}
+          formatter={(value) => `${value}%`}
+          min={25}
+        />
+      </Form.Item>
+    </>
+  );
+};
+ 

src/pages/authentication/components/DirectorInfo.jsx

-import React from "react";
-import { Divider, Card, Steps, Button, Radio, Form, Input, Row, Col, Select, Image } from "antd";
-import { useTranslation } from 'react-i18next';
-import { postTaCompanyLegalInfo } from "@/services/taCompanyLegalInfo";
+import React, { useEffect, useState } from "react";
+import {
+  Divider,
+  Card,
+  Steps,
+  Button,
+  Radio,
+  Form,
+  Input,
+  Row,
+  Col,
+  Select,
+  Image,
+} from "antd";
+import { useTranslation } from "react-i18next";
+import {
+  postTaCompanyLegalInfo,
+  getTaCompanyLegalInfoTenantId,
+  putTaCompanyLegalInfo,
+} from "@/services/taCompanyLegalInfo";
 import "../style.less";
+import { UploadImage } from "@/components/Upload";
+import { ProForm } from "@ant-design/pro-components";
+import ConpanyDirectorAuthPerson from "./ConpanyDirectorAuthPerson";
 
 export default (props) => {
   const { index, setIndex } = props;
   const [form] = Form.useForm();
 
   const onFinish = (values) => {
-    postTaCompanyLegalInfo([values]).then((res) => {
-      setIndex(index + 1);
-    });
+    const authorizedPersonId = "authorizedPerson-companyLegalId";
+    const conpanyDirectorId = "conpanyDirector-companyLegalId";
+    // 被授权人
+    let authorizedPerson = {},
+      //企业董事
+      conpanyDirector = {};
+
+    for (const key in values) {
+      const prefix = key.split("-")[0];
+      const prefix1 = key.split("-")[1];
+      if (prefix == "authorizedPerson") {
+        authorizedPerson[prefix1] = values[key];
+        authorizedPerson["identity"] = "authorizedPerson";
+      } else if (prefix == "conpanyDirector") {
+        conpanyDirector[prefix1] = values[key];
+        conpanyDirector["identity"] = "conpanyDirector";
+      }
+    }
+    const data = [authorizedPerson, conpanyDirector].filter(
+      (x) => Object.keys(x).length != 0
+    );
+    const id = values[authorizedPersonId] || values[conpanyDirectorId];
+    if (id) {
+      console.log("更新");
+      putTaCompanyLegalInfo(id, data).then((res) => {
+        setIndex(index + 1);
+      });
+    } else {
+      console.log("新增");
+      postTaCompanyLegalInfo(data).then((res) => {
+        setIndex(index + 1);
+      });
+    }
+
+    console.log(data);
+  };
+
+  const [showList, setShowList] = useState("conpanyDirector");
+  const radioChange = (e) => {
+    setShowList(e.target.value);
+  };
+
+  const directorRule = {
+    identity: [{ require: true, message: "请选择身份" }],
   };
 
+  useEffect(() => {
+    form.resetFields();
+    getTaCompanyLegalInfoTenantId()
+      .then((res) => {
+        if (res) {
+          const select =
+            res.length == 2 ? "authorizedPerson" : "conpanyDirector";
+          setShowList(select);
+          const data = (res || [])
+            .map((x) => {
+              const dataObj = {};
+              if (x.identity == "authorizedPerson") {
+                for (const key in x) {
+                  dataObj[`authorizedPerson-${key}`] = x[key];
+                }
+              } else if (x.identity == "conpanyDirector") {
+                for (const key in x) {
+                  dataObj[`conpanyDirector-${key}`] = x[key];
+                }
+              }
+              return dataObj;
+            })
+            .reduce((acc, item) => ({ ...acc, ...item }));
+
+          form.setFieldsValue({
+            ...data,
+            identity: select,
+          });
+        }
+      })
+      .catch((err) => {});
+  }, []);
+
   return (
     <>
-      <div style={{ fontSize: '24px', fontWeight: '400' }}>{t('authentication.stepsTitle2')}</div>
-      <Form
-        form={form}
-        layout="vertical"
-        onFinish={onFinish}
-        size="large"
-      >
-        <Card bordered={false} style={{ width: '900px', marginBottom: '24px' }}>
+      <div style={{ fontSize: "24px", fontWeight: "400" }}>
+        {t("authentication.stepsTitle2")}
+      </div>
+      <Form form={form} layout="vertical" onFinish={onFinish} size="large">
+        <Card bordered={false} style={{ width: "900px", marginBottom: "24px" }}>
           {/* 您的身份为 */}
-          <div style={{ fontSize: '16px', fontWeight: '600', marginBottom: '12px' }}>{t('authentication.subTitleRight2')}</div>
-          <Form.Item name="identity">
-            <Radio.Group>
-              <div style={{ marginBottom: '24px' }}>
-                <Radio style={{ fontSize: '16px' }} value="conpanyDirector">{t('authentication.directorInfoRadioValue1')}</Radio>
-                <div style={{ paddingTop: '6px', color: '#bfbfbf' }}>{t('authentication.directorInfoRadioText1')}</div>
+          <div
+            style={{
+              fontSize: "16px",
+              fontWeight: "600",
+              marginBottom: "12px",
+            }}
+          >
+            {t("authentication.subTitleRight2")}
+          </div>
+
+          <Form.Item
+            name="identity"
+            rules={directorRule.identity}
+            initialValue={showList}
+          >
+            <Radio.Group onChange={radioChange}>
+              <div style={{ marginBottom: "24px" }}>
+                <Radio style={{ fontSize: "16px" }} value="conpanyDirector">
+                  {t("authentication.directorInfoRadioValue1")}
+                </Radio>
+                {/* <div style={{ paddingTop: "6px", color: "#bfbfbf" }}>
+                  {t("authentication.directorInfoRadioText1")}
+                </div> */}
               </div>
-              <div style={{ marginBottom: '24px' }}>
-                <Radio style={{ fontSize: '16px' }} value="authorizedPerson">{t('authentication.directorInfoRadioValue2')}</Radio>
-                <div style={{ paddingTop: '6px', color: '#bfbfbf' }}>{t('authentication.directorInfoRadioText2')}</div>
+              <div style={{ marginBottom: "24px" }}>
+                <Radio style={{ fontSize: "16px" }} value="authorizedPerson">
+                  {t("authentication.directorInfoRadioValue2")}
+                </Radio>
+                {/* <div style={{ paddingTop: "6px", color: "#bfbfbf" }}>
+                  {t("authentication.directorInfoRadioText2")}
+                </div> */}
               </div>
             </Radio.Group>
           </Form.Item>
-          {/* 企业董事 */}
-          <div style={{ fontSize: '16px', fontWeight: '600', marginBottom: '36px' }}>{t('authentication.directorInfoRadioValue1')}</div>
-          <Form.Item label={t('authentication.directorInfoLabel1')} wrapperCol={{ span: 17 }} name="directorCountry">
-            <Select placeholder={t('authentication.directorInfoPlaceholder1')}>
-              <Select.Option value={t('authentication.directorInfoSelectValue1')}>
-                {t('authentication.directorInfoSelectValue1')}</Select.Option>
-            </Select>
-          </Form.Item>
-          <Form.Item label={t('authentication.directorInfoLabel2')} name="directorIdType">
-            <Radio.Group>
-              <Radio style={{ fontSize: '16px' }} value="1">
-                {t('authentication.directorInfoRadioValue')}
-              </Radio>
-            </Radio.Group>
-          </Form.Item>
-          {/* 请用手机扫描二维码拍摄上传 */}
-          <div style={{ fontSize: '16px', fontWeight: '600', marginBottom: '12px' }}>{t('authentication.directorInfoSubTitle3')}</div>
-          <Form.Item>
-            <div style={{ color: '#bfbfbf' }}>{t('authentication.directorInfoContent1')}</div>
-            <div style={{ color: '#bfbfbf' }}>{t('authentication.directorInfoContent2')}</div>
-            <div style={{ color: '#bfbfbf' }}>{t('authentication.directorInfoContent3')}</div>
-            <div style={{ color: 'red' }}>{t('authentication.directorInfoContent4')}</div>
-            <Button type="link" style={{ padding: '4px 0' }}>{t('authentication.uploadBtnText')}</Button>
-          </Form.Item>
-          <Form.Item name="directorIdFront">
-            <div className="directorInfo-img-box">
-              <div style={{ fontSize: '16px' }}>{t('authentication.directorInfoSubTitle1')}</div>
-              <div>
-                <Image width={100} height={100} preview={false} src="./img/empty.png" />
-                <div className="directorInfo-img-right-text">{t('authentication.directorInfoIDCardRightText')}</div>
-              </div>
-              <div style={{ marginTop: '24px', fontSize: '16px' }}>{t('authentication.directorInfoSubTitle2')}</div>
-              <div>
-                <Image width={100} height={100} preview={false} src="./img/empty.png" />
-                <div className="directorInfo-img-right-text">{t('authentication.directorInfoIDCardRightText')}</div>
-              </div>
-            </div>
-          </Form.Item>
-          <Form.Item label={t('authentication.directorInfoLabel3')} wrapperCol={{ span: 17 }} name="directorNameCn">
-            <Input placeholder={t('authentication.directorInfoInputPlaceholder2')} />
-            {/* <Input.Group>
-              <Row>
-                <Col span={8}>
-                  <Input placeholder={t('authentication.directorInfoInputPlaceholder1')} size="large" />
-                </Col>
-                <Col span={8} style={{ marginLeft: '36px' }}>
-                  <Input placeholder={t('authentication.directorInfoInputPlaceholder2')} size="large" />
-                </Col>
-              </Row>
-            </Input.Group> */}
-          </Form.Item>
-          <Form.Item label={t('authentication.directorInfoLabel4')} wrapperCol={{ span: 17 }} name="directorIdNo">
-            <Input placeholder={t('authentication.directorInfoInputPlaceholder3')} size="large" />
+
+          <Form.Item noStyle shouldUpdate>
+            {({ getFieldValue }) => {
+              const identity = getFieldValue("identity");
+              return (
+                <>
+                  {identity == "authorizedPerson" ? (
+                    <ConpanyDirectorAuthPerson
+                      title={t("authentication.directorInfoRadioValue2")}
+                      identity="authorizedPerson"
+                    />
+                  ) : null}
+
+                  {
+                    <ConpanyDirectorAuthPerson
+                      title={t("authentication.directorInfoRadioValue1")}
+                      identity="conpanyDirector"
+                    />
+                  }
+                </>
+              );
+            }}
           </Form.Item>
-          {/* 其他董事 */}
-          <div style={{ fontSize: '16px', fontWeight: '600' }}>{t('authentication.directorInfoOtherDirectors')}</div>
-          <Button type="primary" htmlType="submit" style={{ width: '6vw' }}>{t('authentication.foundationInfoNextBtn')}</Button>
-        </Card>
+          {/* 被授权人 */}
+          {/* {showList == "authorizedPerson" && (
+            <ConpanyDirectorAuthPerson
+              title={t("authentication.directorInfoRadioValue2")}
+              identity="authorizedPerson"
+            />
+          )}
 
+          <ConpanyDirectorAuthPerson
+            title={t("authentication.directorInfoRadioValue1")}
+            identity="conpanyDirector"
+          /> */}
+
+          <Button
+            size="large"
+            style={{ width: "6vw", marginRight: "40px" }}
+            onClick={() => setIndex(index - 1)}
+          >
+            上一步
+          </Button>
+          <Button type="primary" htmlType="submit" style={{ width: "6vw" }}>
+            {t("authentication.foundationInfoNextBtn")}
+          </Button>
+        </Card>
       </Form>
     </>
-  )
-}
+  );
+};

src/pages/authentication/components/EveryoneInfo.jsx

-import React, { useState } from "react";
-import { Divider, Card, Steps, Button, Radio, Form, Input, Row, Col, Select, Checkbox } from "antd";
+import React, { useEffect, useState } from "react";
+import { Card, Button, Radio, Form, Select } from "antd";
 import UploadFile from "@/components/Upload/UploadFile";
-import { useTranslation } from 'react-i18next';
-import { postTaCompanyBeneficiaryInfo } from "@/services/taCompanyBeneficiaryInfo";
+import { useTranslation } from "react-i18next";
+import {
+  getTaCompanyBeneficiaryInfoTenantId,
+  postTaCompanyBeneficiaryInfo,
+  putTaCompanyBeneficiaryInfo,
+} from "@/services/taCompanyBeneficiaryInfo";
 import "../style.less";
+import { getTaCompanyLegalInfoTenantId } from "@/services/taCompanyLegalInfo";
+import RadioTitle from "./RadioTitle";
+import { ProForm } from "@ant-design/pro-components";
+import ConpanyDirectorAuthPersonBeneficiary from "./ConpanyDirectorAuthPersonBeneficiary";
 
 export default (props) => {
   const { index, setIndex } = props;
   const { t } = useTranslation();
   const [form] = Form.useForm();
 
-  const [ratio, setRatio] = useState("0");
+  // const [ratio, setRatio] = useState("0");
   const onFinish = (values) => {
-    console.log('----------->');
-    postTaCompanyBeneficiaryInfo([values]).then((res) => {
-      setIndex(index + 1);
-    });
+    console.log("----------->", values);
+    const authorizedPersonId = "authorizedPerson-beneficiaryId";
+    // 被授权人
+    let authorizedPerson = {},
+      //企业董事
+      conpanyDirector = {};
+    // 其他受益人
+    const otherBeneficiary = [];
+
+    for (const key in values) {
+      const prefix = key.split("-")[0];
+      const prefix1 = key.split("-")[1];
+      if (prefix == "authorizedPerson") {
+        authorizedPerson[prefix1] = values[key];
+        authorizedPerson["identity"] = "authorizedPerson";
+      } else if (prefix == "conpanyDirector") {
+        conpanyDirector[prefix1] = values[key];
+        conpanyDirector["identity"] = "conpanyDirector";
+      } else if (parseInt(prefix) == prefix) {
+        if (!otherBeneficiary[prefix - 1]) {
+          otherBeneficiary[prefix - 1] = {};
+        }
+        otherBeneficiary[parseInt(prefix) - 1][prefix1] = values[key];
+      }
+    }
+    // const data = [, otherBeneficiary];
+    const data = {
+      beneficiaryInfoList: [authorizedPerson, conpanyDirector],
+      beneficiaryItemList: otherBeneficiary,
+    };
+    console.log(data);
+
+    putTaCompanyBeneficiaryInfo(values[authorizedPersonId], data).then(
+      (res) => {
+        setIndex(index + 1);
+      }
+    );
   };
   const onBack = () => {
     setIndex(index - 1);
   };
-  const onChange = (e) => {
-    setRatio(e.target.value);
-  }
+  // const onChange = (e) => {
+  //   setRatio(e.target.value);
+  // };
+  const [otherBeneficiaryNum, setOtherBeneficiaryNum] = useState(1);
+
+  useEffect(() => {
+    form.resetFields();
+    getTaCompanyBeneficiaryInfoTenantId()
+      .then((res) => {
+        if (res) {
+          const BeneficiaryNum = res[1]?.length||0;
+
+          setOtherBeneficiaryNum(BeneficiaryNum||1)
+          const isOtherBeneficiary = BeneficiaryNum > 0 ? "1" : "0";
+
+          const data = (res[0] || [])
+            .map((x) => {
+              const dataObj = {};
+              if (x.identity == "authorizedPerson") {
+                for (const key in x) {
+                  dataObj[`authorizedPerson-${key}`] = x[key];
+                }
+              } else if (x.identity == "conpanyDirector") {
+                for (const key in x) {
+                  dataObj[`conpanyDirector-${key}`] = x[key];
+                }
+              }
+              return dataObj;
+            })
+            .reduce((acc, item) => ({ ...acc, ...item }));
+
+          const data1 = [];
+          res[1].map((x, index) => {
+            //
+            for (const key in x) {
+              data1[`${index + 1}-${key}`] = x[key];
+            }
+          });
+          console.log(data1);
+          // console.log(data);
+          form.setFieldsValue({
+            ...data,
+            otherBeneficiaryNum: BeneficiaryNum||1,
+            isOtherBeneficiary: isOtherBeneficiary,
+            ...data1,
+          });
+        }
+      })
+      .catch((err) => {});
+  }, []);
 
   return (
     <>
-      <div style={{ fontSize: '24px', fontWeight: '400' }}>{t('authentication.everyoneInfoTitle')}</div>
-      <Card bordered={false} style={{ width: '900px', marginBottom: '24px' }}>
-        <div style={{ fontSize: '16px', marginBottom: '24px' }}>{t('authentication.everyoneInfoContent1')}</div>
-        <div style={{ fontSize: '16px', fontWeight: '600' }}>{t('authentication.everyoneInfoContent2')}</div>
-        <Form
+      <div style={{ fontSize: "24px", fontWeight: "400" }}>
+        {t("authentication.everyoneInfoTitle")}
+      </div>
+      <Card bordered={false} style={{ width: "900px", marginBottom: "24px" }}>
+        <div style={{ fontSize: "16px", marginBottom: "24px" }}>
+          {t("authentication.everyoneInfoContent1")}
+        </div>
+        <div style={{ fontSize: "16px", fontWeight: "600" }}>
+          {t("authentication.everyoneInfoContent2")}
+        </div>
+        <ProForm
           form={form}
           layout="vertical"
           onFinish={onFinish}
           size="large"
-          style={{ marginTop: '4em' }}
+          style={{ marginTop: "4em" }}
+          submitter={false}
         >
-          <Form.Item label={t('authentication.everyoneInfoInputLabel1')} name="beneficiaryName">
-            <Radio.Group onChange={onChange} value={ratio}>
-              <Radio style={{ fontSize: '16px' }} value="1">{t('authentication.everyoneInfoInputRadioValue1')}</Radio>
-              <Radio style={{ fontSize: '16px' }} value="0">{t('authentication.everyoneInfoInputRadioValue2')}</Radio>
-            </Radio.Group>
+          <Form.Item noStyle shouldUpdate>
+            {({ getFieldValue }) => {
+              const authorizedPerson = getFieldValue(
+                "authorizedPerson-beneficiaryName"
+              );
+              const conpanyDirector = getFieldValue(
+                "conpanyDirector-beneficiaryName"
+              );
+              return (
+                <>
+                  {authorizedPerson ? (
+                    <RadioTitle identity="authorizedPerson" />
+                  ) : null}
+                  {conpanyDirector ? (
+                    <RadioTitle identity="conpanyDirector" />
+                  ) : null}
+                </>
+              );
+            }}
           </Form.Item>
-          {
-            ratio == "1" && (
-              <Form.Item label={t('authentication.everyoneInfoInputLabel3')} name="shareholdingRatio" wrapperCol={{ span: 18 }}>
-                <Input placeholder={t('authentication.everyoneInfoPlaceholder')} suffix="%" />
-              </Form.Item>
-            )
-          }
-          <Form.Item label={t('authentication.everyoneInfoUploadTitle')} style={{ marginTop: '40px', marginBottom: '36px' }} name="equityStructureChart">
+
+          {/* {ratio == "1" && (
+            <Form.Item
+              label={t("authentication.everyoneInfoInputLabel3")}
+              name="shareholdingRatio"
+              wrapperCol={{ span: 18 }}
+            >
+              <Input
+                placeholder={t("authentication.everyoneInfoPlaceholder")}
+                suffix="%"
+              />
+            </Form.Item>
+          )} */}
+          {/* <Form.Item
+            label={t("authentication.everyoneInfoUploadTitle")}
+            name="equityStructureChart"
+            style={{ marginTop: "40px", marginBottom: "36px" }}
+          >
             <UploadFile />
-          </Form.Item>
-          {/* <Form.Item label={t('authentication.everyoneInfoInputLabel2')} name="">
+          </Form.Item> */}
+
+          <Form.Item
+            label={t("authentication.everyoneInfoInputLabel2")}
+            name="isOtherBeneficiary"
+            initialValue="0"
+          >
             <Radio.Group>
-              <Radio style={{ fontSize: '16px' }} value="1">{t('authentication.everyoneInfoInputRadioValue1')}</Radio>
-              <Radio style={{ fontSize: '16px' }} value="2">{t('authentication.everyoneInfoInputRadioValue2')}</Radio>
+              <Radio style={{ fontSize: "16px" }} value="1">
+                {t("authentication.everyoneInfoInputRadioValue1")}
+              </Radio>
+              <Radio style={{ fontSize: "16px" }} value="0">
+                {t("authentication.everyoneInfoInputRadioValue2")}
+              </Radio>
             </Radio.Group>
           </Form.Item>
-          <div style={{ marginBottom: '36px', color: '#ffac00', marginTop: '-24px' }}>{t('authentication.everyoneInfoRadioTip')}</div> */}
+
+          <Form.Item noStyle shouldUpdate>
+            {({ getFieldValue }) => {
+              const isOtherBeneficiary = getFieldValue("isOtherBeneficiary");
+              // const arrOtherBeneficiaryNum = [];
+              // arrOtherBeneficiaryNum.push();
+
+              return (
+                isOtherBeneficiary == 1 && (
+                  <>
+                    <Form.Item
+                      name="otherBeneficiaryNum"
+                      label="贵公司其他受益所有人的数量为？"
+                      // initialValue={otherBeneficiaryNum || 1}
+                    >
+                      <Select
+                        options={[
+                          { value: 1, label: 1 },
+                          { value: 2, label: 2 },
+                          { value: 3, label: 3 },
+                          { value: 4, label: 4 },
+                        ]}
+                        onChange={setOtherBeneficiaryNum}
+                      />
+                    </Form.Item>
+                    {[...Array(otherBeneficiaryNum)].map((x, index) => {
+                      console.log(index);
+                      return (
+                        <ConpanyDirectorAuthPersonBeneficiary
+                          key={index + 1}
+                          identity={index + 1}
+                          title={`填写第 【${index + 1}】 个受益所有人信息`}
+                        />
+                      );
+                    })}
+                  </>
+                )
+              );
+            }}
+          </Form.Item>
+
+          <div
+            style={{
+              marginBottom: "36px",
+              color: "#ffac00",
+              marginTop: "-24px",
+            }}
+          >
+            {t("authentication.everyoneInfoRadioTip")}
+          </div>
 
           {/* 这个是 我已阅读并同意 的东西，涛哥你看适当放开 */}
-          {/* <Form.Item name="check" rules={[{ required: true, message: '请阅读并勾选协议' }]}>
+          {/* <Form.Item
+            name="check"
+            rules={[{ required: true, message: "请阅读并勾选协议" }]}
+          >
             <Checkbox>
-              {t('authentication.everyoneInfoAgreement')}
-              <a>{t('authentication.everyoneInfoAgreementTitle1')}</a>
-              {t('authentication.everyoneInfoAgreementEnd')}
-              <a>{t('authentication.everyoneInfoAgreementTitle2')}</a>
+              {t("authentication.everyoneInfoAgreement")}
+              <a>{t("authentication.everyoneInfoAgreementTitle1")}</a>
+              {t("authentication.everyoneInfoAgreementEnd")}
+              <a>{t("authentication.everyoneInfoAgreementTitle2")}</a>
             </Checkbox>
           </Form.Item> */}
-          <Form.Item style={{ marginTop: '24px' }}>
-            <Button size="large" style={{ width: '6vw', marginRight: '2vw' }} onClick={onBack}>{t('authentication.everyoneInfoBack')}</Button>
-            <Button size="large" type="primary" htmlType="submit" style={{ width: '6vw' }}>{t('authentication.everyoneInfoSubmit')}</Button>
-          </Form.Item>
-        </Form>
 
+          <Form.Item style={{ marginTop: "24px" }}>
+            <Button
+              size="large"
+              style={{ width: "6vw", marginRight: "2vw" }}
+              onClick={onBack}
+            >
+              {t("authentication.everyoneInfoBack")}
+            </Button>
+            <Button
+              size="large"
+              type="primary"
+              htmlType="submit"
+              style={{ width: "6vw" }}
+            >
+              {t("authentication.everyoneInfoSubmit")}
+            </Button>
+          </Form.Item>
+        </ProForm>
       </Card>
     </>
-  )
-}
+  );
+};

src/pages/authentication/components/FaceAuthenticationList.jsx

+import { Button, Tag } from "antd";
+import { color } from "echarts";
+import React from "react";
+import { useTranslation } from "react-i18next";
+export default (props) => {
+  const { onOpen, item } = props;
+  const { t } = useTranslation();
+  return (
+    <>
+      <div
+        style={{
+          fontSize: "12px",
+          fontWeight: "600",
+          marginBottom: "12px",
+          color: "#031520",
+        }}
+      >
+        {
+          item.identity == "conpanyDirector"
+            ? "企业董事"
+            : item.identity == "authorizedPerson"
+            ? "被授权人"
+            : "其他受益人"
+          // t("authentication.FaceRecognitionSubTitle")
+        }
+      </div>
+      <div className="face-recognition-box">
+        <div style={{ flex: 0.3 }}>
+          <div style={{ fontSize: "12px", paddingBottom: "8px" }}>
+            {t("authentication.FaceRecognitionName")}
+          </div>
+          <div style={{ fontSize: "12px", fontWeight: "600" }}>
+            {item?.directorNameCn}
+          </div>
+        </div>
+        <div style={{ flex: 0.4 }}>
+          <div style={{ fontSize: "12px", paddingBottom: "8px" }}>
+            {t("authentication.FaceRecognitionState")}
+          </div>
+          <div>
+            <Tag color="orange">
+              {item?.certificationStatus == 0
+                ? t("authentication.FaceRecognitionTag1")
+                : t("authentication.FaceRecognitionTag2")}
+            </Tag>
+          </div>
+        </div>
+        <div style={{ flex: 0.3 }}>
+          <Button type="primary" onClick={() => onOpen(item)}>
+            {t("authentication.FaceRecognitionBtn1")}
+          </Button>
+        </div>
+      </div>
+    </>
+  );
+};

src/pages/authentication/components/FaceRecognition.jsx

-import React, { useState } from "react";
-import { Tag, Card, Steps, Button, Radio, Form, Input, Row, Col, Select, Image } from "antd";
-import { useTranslation } from 'react-i18next';
+import React, { useEffect, useState } from "react";
+import {
+  Tag,
+  Card,
+  Steps,
+  Button,
+  Radio,
+  Form,
+  Input,
+  Row,
+  Col,
+  Select,
+  Image,
+} from "antd";
+import { useTranslation } from "react-i18next";
 import FaceRecognitionModal from "./FaceRecognitionModal";
 import "../style.less";
+import { getTaCompanyLegalItemAllCompany } from "@/services/taCompanyLegalItem";
+import FaceAuthenticationList from "./FaceAuthenticationList";
 
 export default (props) => {
   const { t } = useTranslation();
-  const [open, setOpen] = useState(false)
+  const [open, setOpen] = useState(false);
+  const [itemIdentify, setItemIdentify] = useState(false);
 
-  const onOpen = () => {
-    setOpen(true)
-  }
+  const onOpen = (item) => {
+    setItemIdentify(item)
+    setOpen(true);
+  };
+  const [list, setList] = useState([]);
+
+  useEffect(() => {
+    getTaCompanyLegalItemAllCompany()
+      .then((res) => {
+        setList(res);
+      })
+      .catch((err) => {});
+  }, []);
 
   return (
     <>
-      <div style={{ fontSize: '24px', fontWeight: '400' }}>{t('authentication.FaceRecognitionTitle')}</div>
-      <Card bordered={false} style={{ width: '900px', paddingBottom: '3vw' }}>
-        <div style={{ fontSize: '16px', marginBottom: '24px' }}>{t('authentication.FaceRecognitionContent1')}</div>
-        <div style={{ fontSize: '16px', fontWeight: 'bold', marginBottom: '12px' }}>{t('authentication.FaceRecognitionSubTitle')}</div>
-        <div className="face-recognition-box">
-          <div style={{ flex: 0.3 }}>
-            <div style={{ fontSize: '16px' }}>{t('authentication.FaceRecognitionName')}</div>
-            <div style={{ fontSize: '16px', fontWeight: 'bold' }}>XXX</div>
-          </div>
-          <div style={{ flex: 0.4 }}>
-            <div style={{ fontSize: '16px' }}>{t('authentication.FaceRecognitionState')}</div>
-            <div><Tag color="orange">{t('authentication.FaceRecognitionTag1')}</Tag></div>
-          </div>
-          <div style={{ flex: 0.3 }}>
-            <Button type="primary" onClick={onOpen}>{t('authentication.FaceRecognitionBtn1')}</Button>
-          </div>
+      <div style={{ fontSize: "24px", fontWeight: "400" }}>
+        {t("authentication.FaceRecognitionTitle")}
+      </div>
+      <Card bordered={false} style={{ width: "900px", paddingBottom: "3vw" }}>
+        <div style={{ fontSize: "16px", marginBottom: "24px" }}>
+          {t("authentication.FaceRecognitionContent1")}
+        </div>
+        {(list || []).map((x, index) => {
+          return (
+            <FaceAuthenticationList key={index} item={x} onOpen={onOpen} />
+          );
+        })}
+        <div
+          style={{ fontSize: "16px", marginTop: "12px", marginBottom: "40px" }}
+        >
+          {t("authentication.FaceRecognitionContent2")}
         </div>
-        <div style={{ fontSize: '16px', marginTop: '12px', marginBottom: '40px' }}>{t('authentication.FaceRecognitionContent2')}</div>
-        <Button size="large" style={{ width: '6vw' }}>{t('authentication.FaceRecognitionBtn2')}</Button>
+        <Button size="large" style={{ width: "6vw" }}>
+          {t("authentication.FaceRecognitionBtn2")}
+        </Button>
       </Card>
-      <FaceRecognitionModal open={open} setOpen={setOpen} />
+      <FaceRecognitionModal  itemIdentify={itemIdentify}open={open} setOpen={setOpen} />
     </>
-  )
-}
+  );
+};

src/pages/authentication/components/FaceRecognitionModal.jsx

 import React from "react";
 import { Modal, Statistic, Button } from "antd";
-import { LinkOutlined } from '@ant-design/icons'
-import { useTranslation } from 'react-i18next';
+import { LinkOutlined } from "@ant-design/icons";
+import { useTranslation } from "react-i18next";
 const { Countdown } = Statistic;
 
 export default (props) => {
-  const { open, setOpen } = props;
+  const { open, setOpen, itemIdentify } = props;
   const { t } = useTranslation();
+
+  const name =
+    (itemIdentify.identity == "authorizedPerson"
+      ? "被授权人"
+      : itemIdentify.identity == "conpanyDirector"
+      ? "企业董事"
+      : "其他受益人") + itemIdentify.directorNameCn;
+
   return (
     <Modal
       title={
         <div style={{ textAlign: "center", fontWeight: "bold" }}>
-          {t('authentication.FaceRecognitionModalTitle')}
+          {t("authentication.FaceRecognitionModalTitle")}
         </div>
       }
       open={open}
       onCancel={() => setOpen(false)}
       footer={null}
     >
-      <div style={{ fontSize: "15px", marginBottom: "12px" }}>{t('authentication.FaceRecognitionModalContent1')}</div>
+      <div style={{ fontSize: "15px", marginBottom: "12px" }}>
+        {t("authentication.FaceRecognitionModalContent1")}
+      </div>
       <div style={{ fontSize: "14px" }}>
-        {t('authentication.FaceRecognitionModalTip1')}
+        {t("authentication.FaceRecognitionModalTip1")}
         <Countdown
           value={Date.now() + 1800 * 1000}
           format="mm:ss"
           style={{ display: "inline-block" }}
         />
-        {t('authentication.FaceRecognitionModalTip2')}
+        {t("authentication.FaceRecognitionModalTip2")}
+      </div>
+      <div style={{ fontSize: "16px", margin: "24px 0", textAlign: "center" }}>
+        {
+          name // t('authentication.FaceRecognitionDirector')
+        }
       </div>
-      <div style={{ fontSize: "16px", margin: "24px 0", textAlign: "center" }}>{t('authentication.FaceRecognitionDirector')}XX</div>
       <div style={{ display: "flex", justifyContent: "center" }}>
-        <Button type="primary"><LinkOutlined />{t('authentication.FaceRecognitionBtn')}</Button>
+        <Button type="primary">
+          <LinkOutlined />
+          {t("authentication.FaceRecognitionBtn")}
+        </Button>
       </div>
     </Modal>
-  )
-}
+  );
+};

src/pages/authentication/components/FoundationInfo.jsx

-import React from "react";
-import { Divider, Card, Steps, Button, Radio, Form, Input, Row, Col, Select } from "antd";
+import React, { useEffect } from "react";
+import {
+  Divider,
+  Card,
+  Steps,
+  Button,
+  Radio,
+  Form,
+  Input,
+  Row,
+  Col,
+  Select,
+} from "antd";
 import UploadFile from "@/components/Upload/UploadFile";
-import { useTranslation } from 'react-i18next';
-import { postTaCompanyInfo } from "@/services/taCompanyInfo";
+import { useTranslation } from "react-i18next";
+import {
+  getTaCompanyInfo,
+  getTaCompanyInfoTenantId,
+  postTaCompanyInfo,
+  putTaCompanyInfo,
+} from "@/services/taCompanyInfo";
 import "../style.less";
 
 export default (props) => {
   const { t } = useTranslation();
 
   const onFinish = (values) => {
-    console.log('values', [values]);
-    postTaCompanyInfo([values]).then((res) => {
-      setIndex(index + 1);
-    });
+    const id = values.companyId;
+    if (id) {
+      getTaCompanyInfoTenantId()
+        .then((res) => {
+          setIndex(index + 1);
+        })
+        .catch((err) => {});
+    } else {
+      postTaCompanyInfo(values).then((res) => {
+        setIndex(index + 1);
+      });
+    }
   };
 
+  useEffect(() => {
+    form.resetFields();
+
+    getTaCompanyInfoTenantId()
+      .then((res) => {
+        form.setFieldsValue(res);
+      })
+      .catch((err) => {});
+  }, []);
+
+  const validateMessages = {
+    required: "请填写${label}",
+    types: {
+      certificateIncorporation: "${label} 不是有效的公司注册证书",
+      companyBusinessRegistration: "${label} 不是有效的公司商业登记证",
+      nnc1Nar1: "${label} 不是有效的NNC1/最新NAR1",
+      otherAnnex: "${label} 不是有效的其他证件",
+      companyType: "${label} 不是有效的企业类型",
+      businessRegistrationNum: "${label} 不是有效的商业登记号",
+      registerCountry: "${label} 不是有效的注册-国家",
+      registerProvinceRegion: "${label} 不是有效的注册-省/地区",
+      registerCity: "${label} 不是有效的注册-市",
+      registerSpecificAddress: "${label} 不是有效的注册-具体地址",
+      registerPostalCode: "${label} 不是有效的注册-邮政编码",
+
+      realityCountry: "${label} 不是有效的实际经营-国家",
+      realityProvinceRegion: "${label} 不是有效的实际经营-省/地区",
+      realityCity: "${label} 不是有效的实际经营-市",
+      realitySpecificAddress: "${label} 不是有效的实际经营-具体地址",
+      realityPostalCode: "${label} 不是有效的实际经营-邮政编码",
+      numEmployees: "${label} 不是有效的雇员人数",
+      businessPremisesType: "${label} 不是有效的经营场所类型",
+    },
+  };
+  const formRule = {
+    certificateIncorporation: [{ required: true }],
+    companyBusinessRegistration: [{ required: true }],
+    nnc1Nar1: [{ required: true }],
+    otherAnnex: [{ required: true }],
+    companyType: [{ required: true }],
+    businessRegistrationNum: [{ required: true }],
+    registerCountry: [{ required: true }],
+    registerProvinceRegion: [{ required: true }],
+    registerCity: [{ required: true }],
+    registerSpecificAddress: [{ required: true }],
+    registerPostalCode: [{ required: true }],
+
+    realityCountry: [{ required: true }],
+    realityProvinceRegion: [{ required: true }],
+    realityCity: [{ required: true }],
+    realitySpecificAddress: [{ required: true }],
+    realityPostalCode: [{ required: true }],
+    numEmployees: [{ required: true }],
+    businessPremisesType: [{ required: true }],
+  };
   return (
     <>
-      <div style={{ fontSize: '24px', fontWeight: '400' }}>{t('authentication.titleRight')}</div>
+      <div style={{ fontSize: "24px", fontWeight: "400" }}>
+        {t("authentication.titleRight")}
+      </div>
       {/* <Card bordered={false} style={{ width: '900px', marginBottom: '24px' }}>
         <div style={{ color: 'red', fontWeight: '600' }}>{t('authentication.rightTopSubTitle')}</div>
         <div style={{ color: '#bfbfbf' }}>{t('authentication.rightTopText')}</div>
         layout="vertical"
         onFinish={onFinish}
         size="large"
+        validateMessages={validateMessages}
       >
-        <Card bordered={false} style={{ width: '900px', marginBottom: '24px' }}>
-          <div style={{ fontSize: '16px', fontWeight: '600', marginBottom: '40px' }}>{t('authentication.subTitleRight')}</div>
-          <Form.Item name="certificateIncorporation" label={t('authentication.uploadTitle1')}>
+        <Form.Item hidden name="companyId"></Form.Item>
+
+        <Card bordered={false} style={{ width: "900px", marginBottom: "24px" }}>
+          <div
+            style={{
+              fontSize: "16px",
+              fontWeight: "600",
+              marginBottom: "40px",
+            }}
+          >
+            {t("authentication.subTitleRight")}
+          </div>
+          <Form.Item
+            name="certificateIncorporation"
+            label={t("authentication.uploadTitle1")}
+            rules={formRule.certificateIncorporation}
+          >
             <UploadFile />
           </Form.Item>
-          <Form.Item name="companyBusinessRegistration" label={t('authentication.uploadTitle2')}>
-            <UploadFile text1={t('authentication.uploadPromptTextII4')} />
+          <Form.Item
+            name="companyBusinessRegistration"
+            label={t("authentication.uploadTitle2")}
+            rules={formRule.companyBusinessRegistration}
+          >
+            <UploadFile text1={t("authentication.uploadPromptTextII4")} />
           </Form.Item>
-          <Form.Item name="nnc1Nar1" label={t('authentication.uploadTitle3')}>
-            <UploadFile text2={t('authentication.uploadPromptTextIII4')} text3={t('authentication.uploadPromptTextII5')} />
+          <Form.Item
+            name="nnc1Nar1"
+            label={t("authentication.uploadTitle3")}
+            rules={formRule.nnc1Nar1}
+          >
+            <UploadFile
+              text2={t("authentication.uploadPromptTextIII4")}
+              text3={t("authentication.uploadPromptTextII5")}
+            />
           </Form.Item>
-          <Form.Item name="otherAnnex" label={t('authentication.uploadTitle4')}>
+          <Form.Item
+            name="otherAnnex"
+            label={t("authentication.uploadTitle4")}
+            rules={formRule.otherAnnex}
+          >
             <UploadFile />
           </Form.Item>
         </Card>
-        <Card bordered={false} style={{ width: '900px', marginBottom: '24px' }}>
-          <Form.Item label={t('authentication.formRightLabel1')} wrapperCol={{ span: 18 }} name="companyType">
+        <Card bordered={false} style={{ width: "900px", marginBottom: "24px" }}>
+          <Form.Item
+            label={t("authentication.formRightLabel1")}
+            wrapperCol={{ span: 18 }}
+            name="companyType"
+            initialValue={1}
+            rules={formRule.companyType}
+          >
             <Radio.Group>
               <Radio
-                style={{ fontSize: '16px', fontWeight: '600', paddingBottom: '12px' }}
+                style={{
+                  fontSize: "16px",
+                  fontWeight: "600",
+                  paddingBottom: "12px",
+                }}
                 value="1"
-              >{t('authentication.enterpriseTypeRadio1')}</Radio>
+              >
+                {t("authentication.enterpriseTypeRadio1")}
+              </Radio>
               <Radio
-                style={{ fontSize: '16px', fontWeight: '600', paddingBottom: '12px' }}
+                style={{
+                  fontSize: "16px",
+                  fontWeight: "600",
+                  paddingBottom: "12px",
+                }}
                 value="2"
-              >{t('authentication.enterpriseTypeRadio2')}</Radio>
+              >
+                {t("authentication.enterpriseTypeRadio2")}
+              </Radio>
               <Radio
-                style={{ fontSize: '16px', fontWeight: '600', paddingBottom: '12px' }}
+                style={{
+                  fontSize: "16px",
+                  fontWeight: "600",
+                  paddingBottom: "12px",
+                }}
                 value="3"
-              >{t('authentication.enterpriseTypeRadio3')}</Radio>
-              <Radio
-                style={{ fontSize: '16px', fontWeight: '600' }}
-                value="4"
-              >{t('authentication.enterpriseTypeRadio4')}</Radio>
+              >
+                {t("authentication.enterpriseTypeRadio3")}
+              </Radio>
+              <Radio style={{ fontSize: "16px", fontWeight: "600" }} value="4">
+                {t("authentication.enterpriseTypeRadio4")}
+              </Radio>
             </Radio.Group>
           </Form.Item>
-          <Form.Item label={t('authentication.formRightLabel2')} wrapperCol={{ span: 18 }} name="businessRegistrationNum">
-            <Input placeholder={t('authentication.formRightPlaceholder')} />
+          <Form.Item
+            label={t("authentication.formRightLabel2")}
+            wrapperCol={{ span: 18 }}
+            name="businessRegistrationNum"
+            rules={formRule.businessRegistrationNum}
+          >
+            <Input placeholder={t("authentication.formRightPlaceholder")} />
             {/* <Input.Group>
               <Row>
                 <Col span={8}>
             </Input.Group> */}
           </Form.Item>
 
-
-          <Form.Item label={t('authentication.formRightLabel3')} wrapperCol={{ span: 18 }} name="registerCountry">
-            <Select placeholder={t('authentication.formRightPlaceholder2')}>
-              <Select.Option value={t('authentication.formRightSelect1')}>{t('authentication.formRightSelect1')}</Select.Option>
+          <Form.Item
+            label={t("authentication.formRightLabel3")}
+            wrapperCol={{ span: 18 }}
+            name="registerCountry"
+            rules={formRule.registerCountry}
+          >
+            <Select placeholder={t("authentication.formRightPlaceholder2")}>
+              <Select.Option value={t("authentication.formRightSelect1")}>
+                {t("authentication.formRightSelect1")}
+              </Select.Option>
             </Select>
           </Form.Item>
 
-          <Form.Item wrapperCol={{ span: 18 }} name="registerProvinceRegion">
-            <Select placeholder={t('authentication.formRightSelectPlaceholder1')}>
+          <Form.Item
+            wrapperCol={{ span: 18 }}
+            name="registerProvinceRegion"
+            rules={formRule.registerProvinceRegion}
+          >
+            <Select
+              placeholder={t("authentication.formRightSelectPlaceholder1")}
+            >
               <Select.Option value="北京">北京</Select.Option>
             </Select>
           </Form.Item>
-          <Form.Item wrapperCol={{ span: 18 }} name="registerCity">
-            <Input placeholder={t('authentication.formRightInputPlaceholder2')} />
+          <Form.Item
+            wrapperCol={{ span: 18 }}
+            name="registerCity"
+            rules={formRule.registerCity}
+          >
+            <Input
+              placeholder={t("authentication.formRightInputPlaceholder2")}
+            />
           </Form.Item>
-          <Form.Item wrapperCol={{ span: 18 }} name="registerSpecificAddress">
-            <Input placeholder={t('authentication.formRightInputPlaceholder3')} />
+          <Form.Item
+            wrapperCol={{ span: 18 }}
+            name="registerSpecificAddress"
+            rules={formRule.registerSpecificAddress}
+          >
+            <Input
+              placeholder={t("authentication.formRightInputPlaceholder3")}
+            />
           </Form.Item>
-          <Form.Item wrapperCol={{ span: 18 }} name="registerPostalCode">
-            <Input placeholder={t('authentication.formRightInputPlaceholder4')} />
+          <Form.Item
+            wrapperCol={{ span: 18 }}
+            name="registerPostalCode"
+            rules={formRule.registerPostalCode}
+          >
+            <Input
+              placeholder={t("authentication.formRightInputPlaceholder4")}
+            />
           </Form.Item>
           {/* 实际经营地址 */}
-          <Form.Item label={t('authentication.formRightLabel4')} wrapperCol={{ span: 18 }} name="realityCountry">
-            <Select placeholder={t('authentication.formRightSelectPlaceholder1')}>
-              <Select.Option value="中国香港（地区）">中国香港（地区）</Select.Option>
+          <Form.Item
+            label={t("authentication.formRightLabel4")}
+            wrapperCol={{ span: 18 }}
+            name="realityCountry"
+            rules={formRule.realityCountry}
+          >
+            <Select
+              placeholder={t("authentication.formRightSelectPlaceholder1")}
+            >
+              <Select.Option value="中国香港（地区）">
+                中国香港（地区）
+              </Select.Option>
             </Select>
           </Form.Item>
 
-          <Form.Item wrapperCol={{ span: 18 }} name="realityProvinceRegion">
-            <Select placeholder={t('authentication.formRightSelectPlaceholder1')}>
+          <Form.Item
+            wrapperCol={{ span: 18 }}
+            name="realityProvinceRegion"
+            rules={formRule.realityProvinceRegion}
+          >
+            <Select
+              placeholder={t("authentication.formRightSelectPlaceholder1")}
+            >
               <Select.Option value="北京">北京</Select.Option>
             </Select>
           </Form.Item>
-          <Form.Item wrapperCol={{ span: 18 }} name="realityCity">
-            <Input placeholder={t('authentication.formRightInputPlaceholder2')} />
+          <Form.Item
+            wrapperCol={{ span: 18 }}
+            name="realityCity"
+            rules={formRule.realityCity}
+          >
+            <Input
+              placeholder={t("authentication.formRightInputPlaceholder2")}
+            />
           </Form.Item>
-          <Form.Item wrapperCol={{ span: 18 }} name="realitySpecificAddress">
-            <Input placeholder={t('authentication.formRightInputPlaceholder3')} />
+          <Form.Item
+            wrapperCol={{ span: 18 }}
+            name="realitySpecificAddress"
+            rules={formRule.realitySpecificAddress}
+          >
+            <Input
+              placeholder={t("authentication.formRightInputPlaceholder3")}
+            />
           </Form.Item>
-          <Form.Item wrapperCol={{ span: 18 }} name="realityPostalCode">
-            <Input placeholder={t('authentication.formRightInputPlaceholder4')} />
+          <Form.Item
+            wrapperCol={{ span: 18 }}
+            name="realityPostalCode"
+            rules={formRule.realityPostalCode}
+          >
+            <Input
+              placeholder={t("authentication.formRightInputPlaceholder4")}
+            />
           </Form.Item>
 
-          <Form.Item label={t('authentication.formRightLabel5')} wrapperCol={{ span: 18 }} name="numEmployees">
-            <Select placeholder={t('authentication.formRightInputPlaceholder5')}>
-              <Select.Option value="1" style={{ backgroundColor: '#FFF' }}>{t('authentication.formRightInputNumber1')}</Select.Option>
-              <Select.Option value="2" style={{ backgroundColor: '#FFF' }}>{t('authentication.formRightInputNumber2')}</Select.Option>
-              <Select.Option value="3" style={{ backgroundColor: '#FFF' }}>{t('authentication.formRightInputNumber3')}</Select.Option>
+          <Form.Item
+            label={t("authentication.formRightLabel5")}
+            wrapperCol={{ span: 18 }}
+            name="numEmployees"
+            rules={formRule.numEmployees}
+          >
+            <Select
+              placeholder={t("authentication.formRightInputPlaceholder5")}
+            >
+              <Select.Option value="1" style={{ backgroundColor: "#FFF" }}>
+                {t("authentication.formRightInputNumber1")}
+              </Select.Option>
+              <Select.Option value="2" style={{ backgroundColor: "#FFF" }}>
+                {t("authentication.formRightInputNumber2")}
+              </Select.Option>
+              <Select.Option value="3" style={{ backgroundColor: "#FFF" }}>
+                {t("authentication.formRightInputNumber3")}
+              </Select.Option>
             </Select>
           </Form.Item>
-          <Form.Item label={t('authentication.formRightLabel6')} wrapperCol={{ span: 18 }} name="businessPremisesType">
-            <Select placeholder={t('authentication.formRightInputPlaceholder6')}>
-              <Select.Option value="1" style={{ backgroundColor: '#FFF' }}>{t('authentication.formRightInputPlace1')}</Select.Option>
-              <Select.Option value="2" style={{ backgroundColor: '#FFF' }}>{t('authentication.formRightInputPlace2')}</Select.Option>
-              <Select.Option value="3" style={{ backgroundColor: '#FFF' }}>{t('authentication.formRightInputPlace3')}</Select.Option>
-              <Select.Option value="4" style={{ backgroundColor: '#FFF' }}>{t('authentication.formRightInputPlace4')}</Select.Option>
+          <Form.Item
+            label={t("authentication.formRightLabel6")}
+            wrapperCol={{ span: 18 }}
+            name="businessPremisesType"
+            rules={formRule.businessPremisesType}
+          >
+            <Select
+              placeholder={t("authentication.formRightInputPlaceholder6")}
+            >
+              <Select.Option value="1" style={{ backgroundColor: "#FFF" }}>
+                {t("authentication.formRightInputPlace1")}
+              </Select.Option>
+              <Select.Option value="2" style={{ backgroundColor: "#FFF" }}>
+                {t("authentication.formRightInputPlace2")}
+              </Select.Option>
+              <Select.Option value="3" style={{ backgroundColor: "#FFF" }}>
+                {t("authentication.formRightInputPlace3")}
+              </Select.Option>
+              <Select.Option value="4" style={{ backgroundColor: "#FFF" }}>
+                {t("authentication.formRightInputPlace4")}
+              </Select.Option>
             </Select>
           </Form.Item>
-          <Button type="primary" size="large" style={{ width: '6vw' }} htmlType="submit">{t('authentication.foundationInfoNextBtn')}</Button>
+     
+          <Button
+            type="primary"
+            size="large"
+            style={{ width: "6vw" }}
+            htmlType="submit"
+          >
+            {t("authentication.foundationInfoNextBtn")}
+          </Button>
         </Card>
       </Form>
     </>
-  )
-}
+  );
+};

src/pages/authentication/components/RadioTitle.jsx

+import { ProForm } from "@ant-design/pro-components";
+import { Form, Input, InputNumber, Radio } from "antd";
+import React, { useState } from "react";
+import { useTranslation } from "react-i18next";
+export default (props) => {
+  const { t } = useTranslation();
+  const { identity } = props;
+  const [ratio, setRatio] = useState("0");
+
+  const onChange = (e) => {
+    setRatio(e.target.value);
+  };
+  console.log(identity)
+  return (
+    <>
+      <Form.Item name={`${identity}-companyLegalId`} hidden />
+      <Form.Item name={`${identity}-realCompanyId`} hidden />
+      <Form.Item name={`${identity}-beneficiaryId`} hidden />
+      {/* <Form.Item
+        name={`${identity}-beneficiaryName`}
+        label={`${identity}-beneficiaryName`}
+      /> */}
+      <Form.Item noStyle shouldUpdate>
+        {({ getFieldValue }) => {
+          const beneficiaryName = getFieldValue(`${identity}-beneficiaryName`);
+          const identity2 = getFieldValue(`${identity}-identity`);
+          const lable = `${
+            identity2 == "authorizedPerson" ? "被授权人" : "企业董事"
+          }【${beneficiaryName}】是否为受益所有人？`;
+
+          return (
+            <Form.Item
+              label={lable}
+              name={`${identity}-isBeneficiary`}
+              initialValue={ratio}
+            >
+              <Radio.Group onChange={onChange}>
+                <Radio style={{ fontSize: "16px" }} value="1">
+                  {t("authentication.everyoneInfoInputRadioValue1")}
+                </Radio>
+                <Radio style={{ fontSize: "16px" }} value="0">
+                  {t("authentication.everyoneInfoInputRadioValue2")}
+                </Radio>
+              </Radio.Group>
+            </Form.Item>
+          );
+        }}
+      </Form.Item>
+
+      <Form.Item noStyle shouldUpdate>
+        {({ getFieldValue }) => {
+          const beneficiaryName = getFieldValue(`${identity}-beneficiaryName`);
+          // const lable =
+          //   identity == "conpanyDirector"
+          //     ? `被授权人【${beneficiaryName}】的持股比例为?`
+          //     : `企业董事 【${beneficiaryName}】 的持股比例为?`;
+              const lable = `${
+                identity == "authorizedPerson" ? "被授权人" : "企业董事"
+              }【${beneficiaryName}】的持股比例为`;
+          const isBeneficiary = getFieldValue(`${identity}-isBeneficiary`);
+          return (
+            isBeneficiary == 1 && (
+              <Form.Item
+                label={lable}
+                name={`${identity}-shareholdingRatio`}
+                wrapperCol={{ span: 18 }}
+              >
+                {/* <Input
+                  placeholder={t("authentication.everyoneInfoPlaceholder")}
+                  suffix="%"
+                /> */}
+                <InputNumber
+                  placeholder=">=25"
+                  style={{ width: "100%" }}
+                  formatter={(value) => `${value}%`}
+                  min={25}
+                />
+              </Form.Item>
+            )
+          );
+        }}
+      </Form.Item>
+    </>
+  );
+};

src/pages/authentication/index.jsx

 
 export default (props) => {
   const { t } = useTranslation();
-  const [index, setIndex] = useState(0);
+  const [index, setIndex] = useState(3);
   return (
     <Page>
       <div className="authentication-box">

src/pages/authentication/style.less

   align-items: stretch;
   height: 100%;
   padding: 0 80px;
+
   .authentication-left {
     flex: 0.5;
     margin-right: 36px;
   }
+
   .authentication-right-upload-box {
     width: 200px;
     height: 120px;
     border: 1px dashed #1890ff;
     display: 1;
     flex: 0.8;
+
+    img {
+      width: 100%;
+      height: 110px;
+    }
   }
+
   .directorInfo-img-right-text {
     font-size: 16px;
     padding-left: 1em;
     display: inline-block;
   }
-  .directorInfo-img-box {
-    padding: 24px;
-    width: 600px;
-    background-color: rgba(191, 191, 191, 0.1);
+
+  // .directorInfo-img-box {
+  //   padding: 24px;
+  //   width: 600px;
+  //   background-color: rgba(191, 191, 191, 0.1);
+  .image_box {
+    display: flex;
+    align-items: center;
+
+    .ant-upload-picture-card-wrapper {
+      width: auto
+    }
   }
+
+  // }
   .face-recognition-box {
     display: flex;
     align-items: center;
-    background-color: rgba(191, 191, 191, 0.1);
+    background-color: #fafcfc;
+    // background-color: rgba(191, 191, 191, 0.1);
     padding: 24px;
   }
-}
+}

src/routes/Router.jsx

 
 export default (props) => {
   const { routes } = useModel("user");
-  console.log(routes)
   const router = React.useMemo(() => {
     if (!routes || routes.length < 1) {
       return createHashRouter(defaultRoutes);

src/services/login.js

  * 修改密码
  */
 export const changePassword = (data) =>
-  request(`/admin/change-password`, { data, method: "put" });
+  request(`/change-password`, { data, method: "put" });
 
 /*
  * 修改手机号
  */
 export const changePhone = (data) =>
-  request(`/admin/change-phone`, { data, method: "put" });
+  request(`/change-phone`, { data, method: "put" });
 
 /*
  * 修改邮箱
  */
 export const changeEmail = (data) =>
-  request(`/admin/change-email`, { data, method: "put" });
+  request(`/change-email`, { data, method: "put" });
 
 /*
  * 后台登录
  */
 export const login = (data) =>
-  request("/admin/login", { data, method: "post" });
+  request("/login", { data, method: "post" });
 
 /*
 * 后台注册
 */
 export const register = (data) =>
-  request("/admin/register", { data, method: "post" });
+  request("/register", { data, method: "post" });
 
 /*
 * 登出
 */
 export const logout = (data) =>
-  request("/admin/logout", { data, method: "post" });
+  request("/logout", { data, method: "post" });
 
 
 /*
 /**
  * 获取当前用户信息
  */
-export const currentUser = (params) => request("/admin/current", { params })
+export const currentUser = (params) => request("/current", { params })

src/services/taCompanyBeneficiaryInfo.js

 /*
  * 新增数据
  */
-export const postTaCompanyBeneficiaryInfo = (data) => request('/admin/taCompanyBeneficiaryInfo', { data, method: 'post' });
+export const postTaCompanyBeneficiaryInfo = (data) => request('/taCompanyBeneficiaryInfo', { data, method: 'post' });
 
 /*
  * 更新数据
 /*
  * 通过ID查询单条数据
  */
-export const getTaCompanyBeneficiaryInfoId = (id) => request(`/taCompanyBeneficiaryInfo/${id}`);
+export const getTaCompanyBeneficiaryInfoId = (id) => request(`/taCompanyBeneficiaryInfo/${id}`);
+
+
+
+
+
+/*
+ * 通过TenantId查询单条数 据
+ */
+export const getTaCompanyBeneficiaryInfoTenantId = () => request(`/taCompanyBeneficiaryInfo/tenant`);

src/services/taCompanyInfo.js

 /*
  * 新增数据
  */
-export const postTaCompanyInfo = (data) => request('/admin/taCompanyInfo', { data, method: 'post' });
+export const postTaCompanyInfo = (data) => request('/taCompanyInfo', { data, method: 'post' });
 
 /*
  * 更新数据
 /*
  * 通过ID查询单条数据
  */
-export const getTaCompanyInfoId = (id) => request(`/taCompanyInfo/${id}`);
+export const getTaCompanyInfoId = (id) => request(`/taCompanyInfo/${id}`);
+
+
+
+/*
+ * 通过TenantId查询单条数 据
+ */
+export const getTaCompanyInfoTenantId = () => request(`/taCompanyInfo/tenant`);

src/services/taCompanyLegalInfo.js

 /*
  * 新增数据
  */
-export const postTaCompanyLegalInfo = (data) => request('/admin/taCompanyLegalInfo', { data, method: 'post' });
+export const postTaCompanyLegalInfo = (data) => request('/taCompanyLegalInfo', { data, method: 'post' });
 
 /*
  * 更新数据
 /*
  * 通过ID查询单条数据
  */
-export const getTaCompanyLegalInfoId = (id) => request(`/taCompanyLegalInfo/${id}`);
+export const getTaCompanyLegalInfoId = (id) => request(`/taCompanyLegalInfo/${id}`);
+
+
+
+
+/*
+ * 通过TenantId查询单条数 据
+ */
+export const getTaCompanyLegalInfoTenantId = () => request(`/taCompanyLegalInfo/tenant`);

src/services/taCompanyLegalItem.js

+import request from "@/utils/request";
+
+/*
+ * 分页查询
+ */
+export const getTaCompanyLegalItem = (params) => request(`/taCompanyLegalItem`, { params });
+
+/*
+ * 新增数据
+ */
+export const postTaCompanyLegalItem = (data) => request('/taCompanyLegalItem', { data, method: 'post' });
+
+/*
+ * 更新数据
+ */
+export const putTaCompanyLegalItem = (id, data) => request(`/taCompanyLegalItem/${id}`, { data, method: 'put' });
+
+/*
+ * 通过主键删除数据
+ */
+export const deleteTaCompanyLegalItem = (id) => request(`/taCompanyLegalItem/${id}`, { method: 'delete' });
+
+/*
+ * 通过ID查询单条数据
+ */
+export const getTaCompanyLegalItemId = (id) => request(`/taCompanyLegalItem/${id}`);
+
+
+
+/**
+ * 查询 所有的受益人
+ */
+
+/*
+ * 通过ID查询单条数据
+ */
+export const getTaCompanyLegalItemAllCompany = () => request(`/taCompanyLegalItem/allCompany`);
+
+
+
+

src/services/taCompanyRealName.js

 /*
  * 新增数据
  */
-export const postTaCompanyRealName = (data) => request('/admin/taCompanyRealName', { data, method: 'post' });
+export const postTaCompanyRealName = (data) => request('/taCompanyRealName', { data, method: 'post' });
 
 /*
  * 更新数据
 /*
  * 通过ID查询单条数据
  */
-export const getTaCompanyRealNameId = (id) => request(`/taCompanyRealName/${id}`);
+export const getTaCompanyRealNameId = (id) => request(`/taCompanyRealName/${id}`);
+
+
+
+/*
+ * 通过TenantId查询单条数 据
+ */
+export const getTaCompanyRealNameTenantId = () => request(`/taCompanyRealName/tenant`);

src/utils/request.js

         "Content-Type": "application/json;charset=utf-8",
         ...headers,
         Authorization: token,
-        // "x-client-type": "pc.admin",
       },
       responseType: download ? "blob" : responseType,
     };

yarn.lock

   resolved "https://registry.npmmirror.com/@babel/compat-data/-/compat-data-7.22.3.tgz"
   integrity sha512-aNtko9OPOwVESUFp3MZfD8Uzxl7JzSeJpd7npIoxCasU37PFbAQRpKglkaKwlHOyeJdrREpo8TW8ldrkYWwvIQ==
 
-"@babel/core@^7.0.0", "@babel/core@^7.0.0-0", "@babel/core@^7.12.10", "@babel/core@^7.19.6":
+"@babel/core@^7.12.10", "@babel/core@^7.19.6":
   version "7.22.1"
   resolved "https://registry.npmmirror.com/@babel/core/-/core-7.22.1.tgz"
   integrity sha512-Hkqu7J4ynysSXxmAahpN1jjRwVJ+NdpraFLIWflgjpVob3KNyK3/tIUc7Q7szed8WMp0JNa7Qtd1E9Oo22F9gA==
   dependencies:
     tslib "^2.0.0"
 
-"@dnd-kit/core@^6.0.7", "@dnd-kit/core@^6.0.8":
+"@dnd-kit/core@^6.0.8":
   version "6.0.8"
   resolved "https://registry.npmmirror.com/@dnd-kit/core/-/core-6.0.8.tgz"
   integrity sha512-lYaoP8yHTQSLlZe6Rr9qogouGUz9oRUj4AHhDQGQzq/hqaJRpFo65X+JKsdHf8oUFBzx5A+SJPUvxAwTF2OabA==
   resolved "https://registry.npmmirror.com/@emotion/unitless/-/unitless-0.7.5.tgz"
   integrity sha512-OWORNpfjMsSSUBVrRBVGECkhWcULOAJz9ZW8uK9qgxD+87M7jHRcvh/A96XXNhXTLmKcoYSQtBEX7lHMO7YRwg==
 
+"@esbuild/android-arm@0.15.18":
+  version "0.15.18"
+  resolved "https://registry.npmmirror.com/@esbuild/android-arm/-/android-arm-0.15.18.tgz#266d40b8fdcf87962df8af05b76219bc786b4f80"
+  integrity sha512-5GT+kcs2WVGjVs7+boataCkO5Fg0y4kCjzkB5bAip7H4jfnOS3dA6KPiww9W1OEKTKeAcUVhdZGvgI65OXmUnw==
+
+"@esbuild/linux-loong64@0.15.18":
+  version "0.15.18"
+  resolved "https://registry.npmmirror.com/@esbuild/linux-loong64/-/linux-loong64-0.15.18.tgz#128b76ecb9be48b60cf5cfc1c63a4f00691a3239"
+  integrity sha512-L4jVKS82XVhw2nvzLg/19ClLWg0y27ulRwuP7lcyL6AbUWB5aPglXY3M21mauDQMDfRLs8cQmeT03r/+X3cZYQ==
+
 "@formatjs/ecma402-abstract@1.18.2":
   version "1.18.2"
   resolved "https://registry.npmmirror.com/@formatjs/ecma402-abstract/-/ecma402-abstract-1.18.2.tgz"
   resolved "https://registry.npmmirror.com/@jridgewell/set-array/-/set-array-1.1.2.tgz"
   integrity sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==
 
-"@jridgewell/sourcemap-codec@^1.4.10":
-  version "1.4.15"
-  resolved "https://registry.npmmirror.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz"
-  integrity sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==
-
 "@jridgewell/sourcemap-codec@1.4.14":
   version "1.4.14"
   resolved "https://registry.npmmirror.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.14.tgz"
   integrity sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw==
 
+"@jridgewell/sourcemap-codec@^1.4.10":
+  version "1.4.15"
+  resolved "https://registry.npmmirror.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz"
+  integrity sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==
+
 "@jridgewell/trace-mapping@^0.3.17", "@jridgewell/trace-mapping@^0.3.9":
   version "0.3.18"
   resolved "https://registry.npmmirror.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.18.tgz"
     "@uppy/utils" "^4.1.2"
     namespace-emitter "^2.0.1"
 
-"@uppy/core@^2.0.3", "@uppy/core@^2.1.1", "@uppy/core@^2.1.4", "@uppy/core@^2.3.3":
+"@uppy/core@^2.1.1":
   version "2.3.4"
   resolved "https://registry.npmmirror.com/@uppy/core/-/core-2.3.4.tgz"
   integrity sha512-iWAqppC8FD8mMVqewavCz+TNaet6HPXitmGXpGGREGrakZ4FeuWytVdrelydzTdXx6vVKkOmI2FLztGg73sENQ==
   dependencies:
     lodash.throttle "^4.1.1"
 
-"@uppy/xhr-upload@^2.0.3", "@uppy/xhr-upload@^2.0.7":
+"@uppy/xhr-upload@^2.0.3":
   version "2.1.3"
   resolved "https://registry.npmmirror.com/@uppy/xhr-upload/-/xhr-upload-2.1.3.tgz"
   integrity sha512-YWOQ6myBVPs+mhNjfdWsQyMRWUlrDLMoaG7nvf/G6Y3GKZf8AyjFDjvvJ49XWQ+DaZOftGkHmF1uh/DBeGivJQ==
     magic-string "^0.26.7"
     react-refresh "^0.14.0"
 
-"@wangeditor/basic-modules@^1.1.7", "@wangeditor/basic-modules@1.x":
+"@wangeditor/basic-modules@^1.1.7":
   version "1.1.7"
   resolved "https://registry.npmmirror.com/@wangeditor/basic-modules/-/basic-modules-1.1.7.tgz"
   integrity sha512-cY9CPkLJaqF05STqfpZKWG4LpxTMeGSIIF1fHvfm/mz+JXatCagjdkbxdikOuKYlxDdeqvOeBmsUBItufDLXZg==
   dependencies:
     prismjs "^1.23.0"
 
-"@wangeditor/core@^1.1.19", "@wangeditor/core@>=1.1.0", "@wangeditor/core@1.x":
+"@wangeditor/core@^1.1.19":
   version "1.1.19"
   resolved "https://registry.npmmirror.com/@wangeditor/core/-/core-1.1.19.tgz"
   integrity sha512-KevkB47+7GhVszyYF2pKGKtCSj/YzmClsD03C3zTt+9SR2XWT5T0e3yQqg8baZpcMvkjs1D8Dv4fk8ok/UaS2Q==
   resolved "https://registry.npmmirror.com/@wangeditor/editor-for-react/-/editor-for-react-1.0.6.tgz"
   integrity sha512-KJNSfgMr5Blzae3oyaiz20flMKHZHnvsz4bCYQKDCUs/qkvC+xNTnwedlCmhGP187oPWPEypCIYI8Zg6sz0psQ==
 
-"@wangeditor/editor@^5.1.23", "@wangeditor/editor@>=5.1.0":
+"@wangeditor/editor@^5.1.23":
   version "5.1.23"
   resolved "https://registry.npmmirror.com/@wangeditor/editor/-/editor-5.1.23.tgz"
   integrity sha512-0RxfeVTuK1tktUaPROnCoFfaHVJpRAIE2zdS0mpP+vq1axVQpLjM8+fCvKzqYIkH0Pg+C+44hJpe3VVroSkEuQ==
   dependencies:
     color-convert "^2.0.1"
 
-antd@^4.23.4, antd@>=4.23.0:
+antd@^4.23.4:
   version "4.24.10"
   resolved "https://registry.npmmirror.com/antd/-/antd-4.24.10.tgz"
   integrity sha512-GihdwTGFW0dUaWjcvSIfejFcT63HjEp2EbYd+ojEXayldhey230KrHDJ+C53rkrkzLvymrPBfSxlLxJzyFIZsg==
     form-data "^4.0.0"
     proxy-from-env "^1.1.0"
 
-browserslist@^4.21.3, "browserslist@>= 4.21.0":
+browserslist@^4.21.3:
   version "4.21.7"
   resolved "https://registry.npmmirror.com/browserslist/-/browserslist-4.21.7.tgz"
   integrity sha512-BauCXrQ7I2ftSqd2mvKHGo85XR0u7Ru3C/Hxsy/0TkfCtjrmAbPdzLGasmoiBxplpDXlPvdjX9u7srIMfgasNA==
   resolved "https://registry.npmmirror.com/charenc/-/charenc-0.0.2.tgz"
   integrity sha512-yrLQ/yVUFXkzg7EDQsPieE/53+0RlaWTs+wBrvW36cyilJ2SaDWfl4Yj7MtLTXleV9uEKefbAGUPv2/iWSooRA==
 
-classnames@^2.2.1, classnames@^2.2.3, classnames@^2.2.5, classnames@^2.2.6, classnames@^2.3.1, classnames@^2.3.2, classnames@2.x:
+classnames@2.x, classnames@^2.2.1, classnames@^2.2.3, classnames@^2.2.5, classnames@^2.2.6, classnames@^2.3.1, classnames@^2.3.2:
   version "2.3.2"
   resolved "https://registry.npmmirror.com/classnames/-/classnames-2.3.2.tgz"
   integrity sha512-CSbhY4cFEJRe6/GQzIk5qXZ4Jeg5pcsP7b5peFSDpffpe1cqjASH/n9UTjBwOp6XpMSTwQ8Za2K5V02ueA7Tmw==
   dependencies:
     color-name "~1.1.4"
 
-color-name@~1.1.4:
-  version "1.1.4"
-  resolved "https://registry.npmmirror.com/color-name/-/color-name-1.1.4.tgz"
-  integrity sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==
-
 color-name@1.1.3:
   version "1.1.3"
   resolved "https://registry.npmmirror.com/color-name/-/color-name-1.1.3.tgz"
   integrity sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==
 
+color-name@~1.1.4:
+  version "1.1.4"
+  resolved "https://registry.npmmirror.com/color-name/-/color-name-1.1.4.tgz"
+  integrity sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==
+
 combined-stream@^1.0.8:
   version "1.0.8"
   resolved "https://registry.npmmirror.com/combined-stream/-/combined-stream-1.0.8.tgz"
   resolved "https://registry.npmmirror.com/csstype/-/csstype-3.1.2.tgz"
   integrity sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==
 
-d@^1.0.1, d@1:
+d@1, d@^1.0.1:
   version "1.0.1"
   resolved "https://registry.npmmirror.com/d/-/d-1.0.1.tgz"
   integrity sha512-m62ShEObQ39CfralilEQRjH6oAMtNCV1xJyEx5LpRYUVN+EviphDgUc/F3hnYbADmkiNs67Y+3ylmlG7Lnu+FA==
   dependencies:
     "@babel/runtime" "^7.21.0"
 
-dayjs@^1.11.4, dayjs@1.x:
+dayjs@1.x, dayjs@^1.11.4:
   version "1.11.7"
   resolved "https://registry.npmmirror.com/dayjs/-/dayjs-1.11.7.tgz"
   integrity sha512-+Yw9U6YO5TQohxLcIkrXBeY73WP3ejHWVvx8XCk3gxvQDCTEmS48ZrSZCKciI7Bhl/uCMyxYtE9UqRILmFphkQ==
     d "^1.0.1"
     ext "^1.1.2"
 
+esbuild-android-64@0.15.18:
+  version "0.15.18"
+  resolved "https://registry.npmmirror.com/esbuild-android-64/-/esbuild-android-64-0.15.18.tgz#20a7ae1416c8eaade917fb2453c1259302c637a5"
+  integrity sha512-wnpt3OXRhcjfIDSZu9bnzT4/TNTDsOUvip0foZOUBG7QbSt//w3QV4FInVJxNhKc/ErhUxc5z4QjHtMi7/TbgA==
+
+esbuild-android-arm64@0.15.18:
+  version "0.15.18"
+  resolved "https://registry.npmmirror.com/esbuild-android-arm64/-/esbuild-android-arm64-0.15.18.tgz#9cc0ec60581d6ad267568f29cf4895ffdd9f2f04"
+  integrity sha512-G4xu89B8FCzav9XU8EjsXacCKSG2FT7wW9J6hOc18soEHJdtWu03L3TQDGf0geNxfLTtxENKBzMSq9LlbjS8OQ==
+
+esbuild-darwin-64@0.15.18:
+  version "0.15.18"
+  resolved "https://registry.npmmirror.com/esbuild-darwin-64/-/esbuild-darwin-64-0.15.18.tgz#428e1730ea819d500808f220fbc5207aea6d4410"
+  integrity sha512-2WAvs95uPnVJPuYKP0Eqx+Dl/jaYseZEUUT1sjg97TJa4oBtbAKnPnl3b5M9l51/nbx7+QAEtuummJZW0sBEmg==
+
+esbuild-darwin-arm64@0.15.18:
+  version "0.15.18"
+  resolved "https://registry.npmmirror.com/esbuild-darwin-arm64/-/esbuild-darwin-arm64-0.15.18.tgz#b6dfc7799115a2917f35970bfbc93ae50256b337"
+  integrity sha512-tKPSxcTJ5OmNb1btVikATJ8NftlyNlc8BVNtyT/UAr62JFOhwHlnoPrhYWz09akBLHI9nElFVfWSTSRsrZiDUA==
+
+esbuild-freebsd-64@0.15.18:
+  version "0.15.18"
+  resolved "https://registry.npmmirror.com/esbuild-freebsd-64/-/esbuild-freebsd-64-0.15.18.tgz#4e190d9c2d1e67164619ae30a438be87d5eedaf2"
+  integrity sha512-TT3uBUxkteAjR1QbsmvSsjpKjOX6UkCstr8nMr+q7zi3NuZ1oIpa8U41Y8I8dJH2fJgdC3Dj3CXO5biLQpfdZA==
+
+esbuild-freebsd-arm64@0.15.18:
+  version "0.15.18"
+  resolved "https://registry.npmmirror.com/esbuild-freebsd-arm64/-/esbuild-freebsd-arm64-0.15.18.tgz#18a4c0344ee23bd5a6d06d18c76e2fd6d3f91635"
+  integrity sha512-R/oVr+X3Tkh+S0+tL41wRMbdWtpWB8hEAMsOXDumSSa6qJR89U0S/PpLXrGF7Wk/JykfpWNokERUpCeHDl47wA==
+
+esbuild-linux-32@0.15.18:
+  version "0.15.18"
+  resolved "https://registry.npmmirror.com/esbuild-linux-32/-/esbuild-linux-32-0.15.18.tgz#9a329731ee079b12262b793fb84eea762e82e0ce"
+  integrity sha512-lphF3HiCSYtaa9p1DtXndiQEeQDKPl9eN/XNoBf2amEghugNuqXNZA/ZovthNE2aa4EN43WroO0B85xVSjYkbg==
+
+esbuild-linux-64@0.15.18:
+  version "0.15.18"
+  resolved "https://registry.npmmirror.com/esbuild-linux-64/-/esbuild-linux-64-0.15.18.tgz#532738075397b994467b514e524aeb520c191b6c"
+  integrity sha512-hNSeP97IviD7oxLKFuii5sDPJ+QHeiFTFLoLm7NZQligur8poNOWGIgpQ7Qf8Balb69hptMZzyOBIPtY09GZYw==
+
+esbuild-linux-arm64@0.15.18:
+  version "0.15.18"
+  resolved "https://registry.npmmirror.com/esbuild-linux-arm64/-/esbuild-linux-arm64-0.15.18.tgz#5372e7993ac2da8f06b2ba313710d722b7a86e5d"
+  integrity sha512-54qr8kg/6ilcxd+0V3h9rjT4qmjc0CccMVWrjOEM/pEcUzt8X62HfBSeZfT2ECpM7104mk4yfQXkosY8Quptug==
+
+esbuild-linux-arm@0.15.18:
+  version "0.15.18"
+  resolved "https://registry.npmmirror.com/esbuild-linux-arm/-/esbuild-linux-arm-0.15.18.tgz#e734aaf259a2e3d109d4886c9e81ec0f2fd9a9cc"
+  integrity sha512-UH779gstRblS4aoS2qpMl3wjg7U0j+ygu3GjIeTonCcN79ZvpPee12Qun3vcdxX+37O5LFxz39XeW2I9bybMVA==
+
+esbuild-linux-mips64le@0.15.18:
+  version "0.15.18"
+  resolved "https://registry.npmmirror.com/esbuild-linux-mips64le/-/esbuild-linux-mips64le-0.15.18.tgz#c0487c14a9371a84eb08fab0e1d7b045a77105eb"
+  integrity sha512-Mk6Ppwzzz3YbMl/ZZL2P0q1tnYqh/trYZ1VfNP47C31yT0K8t9s7Z077QrDA/guU60tGNp2GOwCQnp+DYv7bxQ==
+
+esbuild-linux-ppc64le@0.15.18:
+  version "0.15.18"
+  resolved "https://registry.npmmirror.com/esbuild-linux-ppc64le/-/esbuild-linux-ppc64le-0.15.18.tgz#af048ad94eed0ce32f6d5a873f7abe9115012507"
+  integrity sha512-b0XkN4pL9WUulPTa/VKHx2wLCgvIAbgwABGnKMY19WhKZPT+8BxhZdqz6EgkqCLld7X5qiCY2F/bfpUUlnFZ9w==
+
+esbuild-linux-riscv64@0.15.18:
+  version "0.15.18"
+  resolved "https://registry.npmmirror.com/esbuild-linux-riscv64/-/esbuild-linux-riscv64-0.15.18.tgz#423ed4e5927bd77f842bd566972178f424d455e6"
+  integrity sha512-ba2COaoF5wL6VLZWn04k+ACZjZ6NYniMSQStodFKH/Pu6RxzQqzsmjR1t9QC89VYJxBeyVPTaHuBMCejl3O/xg==
+
+esbuild-linux-s390x@0.15.18:
+  version "0.15.18"
+  resolved "https://registry.npmmirror.com/esbuild-linux-s390x/-/esbuild-linux-s390x-0.15.18.tgz#21d21eaa962a183bfb76312e5a01cc5ae48ce8eb"
+  integrity sha512-VbpGuXEl5FCs1wDVp93O8UIzl3ZrglgnSQ+Hu79g7hZu6te6/YHgVJxCM2SqfIila0J3k0csfnf8VD2W7u2kzQ==
+
+esbuild-netbsd-64@0.15.18:
+  version "0.15.18"
+  resolved "https://registry.npmmirror.com/esbuild-netbsd-64/-/esbuild-netbsd-64-0.15.18.tgz#ae75682f60d08560b1fe9482bfe0173e5110b998"
+  integrity sha512-98ukeCdvdX7wr1vUYQzKo4kQ0N2p27H7I11maINv73fVEXt2kyh4K4m9f35U1K43Xc2QGXlzAw0K9yoU7JUjOg==
+
+esbuild-openbsd-64@0.15.18:
+  version "0.15.18"
+  resolved "https://registry.npmmirror.com/esbuild-openbsd-64/-/esbuild-openbsd-64-0.15.18.tgz#79591a90aa3b03e4863f93beec0d2bab2853d0a8"
+  integrity sha512-yK5NCcH31Uae076AyQAXeJzt/vxIo9+omZRKj1pauhk3ITuADzuOx5N2fdHrAKPxN+zH3w96uFKlY7yIn490xQ==
+
+esbuild-sunos-64@0.15.18:
+  version "0.15.18"
+  resolved "https://registry.npmmirror.com/esbuild-sunos-64/-/esbuild-sunos-64-0.15.18.tgz#fd528aa5da5374b7e1e93d36ef9b07c3dfed2971"
+  integrity sha512-On22LLFlBeLNj/YF3FT+cXcyKPEI263nflYlAhz5crxtp3yRG1Ugfr7ITyxmCmjm4vbN/dGrb/B7w7U8yJR9yw==
+
+esbuild-windows-32@0.15.18:
+  version "0.15.18"
+  resolved "https://registry.npmmirror.com/esbuild-windows-32/-/esbuild-windows-32-0.15.18.tgz#0e92b66ecdf5435a76813c4bc5ccda0696f4efc3"
+  integrity sha512-o+eyLu2MjVny/nt+E0uPnBxYuJHBvho8vWsC2lV61A7wwTWC3jkN2w36jtA+yv1UgYkHRihPuQsL23hsCYGcOQ==
+
 esbuild-windows-64@0.15.18:
   version "0.15.18"
   resolved "https://registry.npmmirror.com/esbuild-windows-64/-/esbuild-windows-64-0.15.18.tgz"
   integrity sha512-qinug1iTTaIIrCorAUjR0fcBk24fjzEedFYhhispP8Oc7SFvs+XeW3YpAKiKp8dRpizl4YYAhxMjlftAMJiaUw==
 
+esbuild-windows-arm64@0.15.18:
+  version "0.15.18"
+  resolved "https://registry.npmmirror.com/esbuild-windows-arm64/-/esbuild-windows-arm64-0.15.18.tgz#5b5bdc56d341d0922ee94965c89ee120a6a86eb7"
+  integrity sha512-q9bsYzegpZcLziq0zgUi5KqGVtfhjxGbnksaBFYmWLxeV/S1fK4OLdq2DFYnXcLMjlZw2L0jLsk1eGoB522WXQ==
+
 esbuild@^0.15.9:
   version "0.15.18"
   resolved "https://registry.npmmirror.com/esbuild/-/esbuild-0.15.18.tgz"
     combined-stream "^1.0.8"
     mime-types "^2.1.12"
 
+fsevents@~2.3.2:
+  version "2.3.3"
+  resolved "https://registry.npmmirror.com/fsevents/-/fsevents-2.3.3.tgz#cac6407785d03675a2a5e1a5305c697b347d90d6"
+  integrity sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==
+
 function-bind@^1.1.1:
   version "1.1.1"
   resolved "https://registry.npmmirror.com/function-bind/-/function-bind-1.1.1.tgz"
   resolved "https://registry.npmmirror.com/html-void-elements/-/html-void-elements-2.0.1.tgz"
   integrity sha512-0quDb7s97CfemeJAnW9wC0hw78MtW7NU3hqtCD75g2vFlDLt36llsYD7uB7SUzojLMP24N5IatXf7ylGXiGG9A==
 
+i18next-browser-languagedetector@^7.2.0:
+  version "7.2.0"
+  resolved "https://registry.npmmirror.com/i18next-browser-languagedetector/-/i18next-browser-languagedetector-7.2.0.tgz#de0321cba6881be37d82e20e4d6f05aa75f6e37f"
+  integrity sha512-U00DbDtFIYD3wkWsr2aVGfXGAj2TgnELzOX9qv8bT0aJtvPV9CRO77h+vgmHFBMe7LAxdwvT/7VkCWGya6L3tA==
+  dependencies:
+    "@babel/runtime" "^7.23.2"
+
 i18next@^20.4.0:
   version "20.6.1"
   resolved "https://registry.npmmirror.com/i18next/-/i18next-20.6.1.tgz"
   dependencies:
     "@babel/runtime" "^7.12.0"
 
-i18next@^23.9.0, "i18next@>= 23.2.3":
+i18next@^23.9.0:
   version "23.9.0"
   resolved "https://registry.npmmirror.com/i18next/-/i18next-23.9.0.tgz"
   integrity sha512-f3MUciKqwzNV//mHG6EtdSlC65+nqH/3zK8sOSWqNV6FVu2tmHhF/rFOp9UF8S4m1odojtuipKaKJrP0Loh60g==
   dependencies:
     "@formatjs/intl-unified-numberformat" "^3.2.0"
 
-intl-messageformat@^7.8.4:
-  version "7.8.4"
-  resolved "https://registry.npmmirror.com/intl-messageformat/-/intl-messageformat-7.8.4.tgz"
-  integrity sha512-yS0cLESCKCYjseCOGXuV4pxJm/buTfyCJ1nzQjryHmSehlptbZbn9fnlk1I9peLopZGGbjj46yHHiTAEZ1qOTA==
-  dependencies:
-    intl-format-cache "^4.2.21"
-    intl-messageformat-parser "^3.6.4"
-
 intl-messageformat@10.5.11:
   version "10.5.11"
   resolved "https://registry.npmmirror.com/intl-messageformat/-/intl-messageformat-10.5.11.tgz"
     "@formatjs/icu-messageformat-parser" "2.7.6"
     tslib "^2.4.0"
 
+intl-messageformat@^7.8.4:
+  version "7.8.4"
+  resolved "https://registry.npmmirror.com/intl-messageformat/-/intl-messageformat-7.8.4.tgz"
+  integrity sha512-yS0cLESCKCYjseCOGXuV4pxJm/buTfyCJ1nzQjryHmSehlptbZbn9fnlk1I9peLopZGGbjj46yHHiTAEZ1qOTA==
+  dependencies:
+    intl-format-cache "^4.2.21"
+    intl-messageformat-parser "^3.6.4"
+
 invariant@^2.2.2:
   version "2.2.4"
   resolved "https://registry.npmmirror.com/invariant/-/invariant-2.2.4.tgz"
   resolved "https://registry.npmmirror.com/json5/-/json5-2.2.3.tgz"
   integrity sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==
 
-less@*, less@^4.1.3:
+less@^4.1.3:
   version "4.1.3"
   resolved "https://registry.npmmirror.com/less/-/less-4.1.3.tgz"
   integrity sha512-w16Xk/Ta9Hhyei0Gpz9m7VS8F28nieJaL/VyShID7cYvP6IL5oHeL6p4TXSDJqZE/lNv0oJ2pGVjJsRkfwm5FA==
   resolved "https://registry.npmmirror.com/moment/-/moment-2.29.4.tgz"
   integrity sha512-5LC9SOxjSc2HF6vO2CyuTDNivEdoz2IvyJJGj6X8DJ0eFyfszE0QiEd+iXmBvUP3WHxSjFH/vIsA0EN00cgr8w==
 
-ms@^2.1.1, ms@2.1.2:
+ms@2.1.2, ms@^2.1.1:
   version "2.1.2"
   resolved "https://registry.npmmirror.com/ms/-/ms-2.1.2.tgz"
   integrity sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==
   resolved "https://registry.npmmirror.com/node-releases/-/node-releases-2.0.12.tgz"
   integrity sha512-QzsYKWhXTWx8h1kIvqfnC++o0pEmpRQA/aenALsL2F4pqNVr7YzcdMlDij5WBnwftRbJCNJL/O7zdKaxKPHqgQ==
 
-object-assign@^4.1.1, object-assign@4.x:
+object-assign@4.x, object-assign@^4.1.1:
   version "4.1.1"
   resolved "https://registry.npmmirror.com/object-assign/-/object-assign-4.1.1.tgz"
   integrity sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==
     rc-trigger "^5.3.1"
     rc-util "^5.17.0"
 
-rc-field-form@^1.22.0:
-  version "1.32.0"
-  resolved "https://registry.npmmirror.com/rc-field-form/-/rc-field-form-1.32.0.tgz"
-  integrity sha512-vr5pA0/gWiBZf0HKdevQJcWSsAac10Z8Nj1Brs3OOCnExk7l+u8GtsW+4cRSqJLug5fxV11dOGXpxf7+aHT/2A==
-  dependencies:
-    "@babel/runtime" "^7.18.0"
-    async-validator "^4.1.0"
-    rc-util "^5.32.2"
-
 rc-field-form@~1.27.0:
   version "1.27.4"
   resolved "https://registry.npmmirror.com/rc-field-form/-/rc-field-form-1.27.4.tgz"
     react-lifecycles-compat "^3.0.4"
     shallowequal "^1.1.0"
 
-rc-util@^5.0.0, rc-util@^5.0.1, rc-util@^5.0.6, rc-util@^5.15.0, rc-util@^5.16.0, rc-util@^5.16.1, rc-util@^5.17.0, rc-util@^5.18.1, rc-util@^5.19.2, rc-util@^5.2.0, rc-util@^5.2.1, rc-util@^5.20.1, rc-util@^5.21.0, rc-util@^5.21.2, rc-util@^5.22.5, rc-util@^5.23.0, rc-util@^5.24.4, rc-util@^5.25.2, rc-util@^5.26.0, rc-util@^5.27.0, rc-util@^5.31.1, rc-util@^5.32.2, rc-util@^5.4.0, rc-util@^5.6.1, rc-util@^5.8.0, rc-util@^5.9.4:
+rc-util@^5.0.0, rc-util@^5.0.1, rc-util@^5.0.6, rc-util@^5.15.0, rc-util@^5.16.0, rc-util@^5.16.1, rc-util@^5.17.0, rc-util@^5.18.1, rc-util@^5.19.2, rc-util@^5.2.0, rc-util@^5.2.1, rc-util@^5.20.1, rc-util@^5.21.0, rc-util@^5.21.2, rc-util@^5.22.5, rc-util@^5.23.0, rc-util@^5.24.4, rc-util@^5.25.2, rc-util@^5.26.0, rc-util@^5.27.0, rc-util@^5.31.1, rc-util@^5.4.0, rc-util@^5.6.1, rc-util@^5.8.0, rc-util@^5.9.4:
   version "5.32.3"
   resolved "https://registry.npmmirror.com/rc-util/-/rc-util-5.32.3.tgz"
   integrity sha512-+Pv1nOiTtmp6kpz8yZ/DToMrZHz4DIUi1/EhpIsGQhhF12jANx3rb+gsp0YUWWtxUDf6U1Eyhe0EN+mBlCJXoA==
     rc-resize-observer "^1.0.0"
     rc-util "^5.15.0"
 
-react-dom@*, react-dom@>=16.0.0, react-dom@>=16.11.0, react-dom@>=16.6.0, react-dom@>=16.8, react-dom@>=16.8.0, react-dom@>=16.9.0, react-dom@>=17.0.0, react-dom@>=17.0.2, react-dom@18.2.0:
+react-dom@18.2.0:
   version "18.2.0"
   resolved "https://registry.npmmirror.com/react-dom/-/react-dom-18.2.0.tgz"
   integrity sha512-6IMTriUmvsjHUjNtEDudZfuDQUoWXVxKHhlEGSk81n4YFS+r/Kl99wXiwlVXtPBtJenozv2P+hxDsw9eA7Xo6g==
     loose-envify "^1.4.0"
     prop-types "^15.6.2"
 
-react@*, "react@^16.11.0 || ^17.0.0 || ^18.0.0", "react@^16.3.0 || ^17.0.0 || ^18.0.0", "react@^16.6.0 || 17 || 18", "react@^16.8.0 || ^17.0.0 || ^18.0.0", react@^18.2.0, "react@>= 16.8.0", react@>=16.0.0, react@>=16.11.0, react@>=16.12.0, react@>=16.3.0, react@>=16.6.0, react@>=16.8, react@>=16.8.0, react@>=16.9.0, react@>=17.0.0, react@>=17.0.2, react@18.2.0:
+react@18.2.0:
   version "18.2.0"
   resolved "https://registry.npmmirror.com/react/-/react-18.2.0.tgz"
   integrity sha512-/3IjMdb2L9QbBdWiW5e3P2/npwMBaU9mHCSCUzNln0ZCYbcfTsGbTJrU/kGemdH2IWmB2ioZ+zkxtmq6g09fGQ==
   dependencies:
     is-plain-object "^5.0.0"
 
-slate@^0.72.0, slate@>=0.65.3:
+slate@^0.72.0:
   version "0.72.8"
   resolved "https://registry.npmmirror.com/slate/-/slate-0.72.8.tgz"
   integrity sha512-/nJwTswQgnRurpK+bGJFH1oM7naD5qDmHd89JyiKNT2oOKD8marW0QSBtuFnwEbL5aGCS8AmrhXQgNOsn4osAw==
   resolved "https://registry.npmmirror.com/toggle-selection/-/toggle-selection-1.0.6.tgz"
   integrity sha512-BiZS+C1OS8g/q2RRbJmy59xpyghNBqrr6k5L/uKBGRsTfxmu3ffiRnd8mlGPUVayg8pvfi5urfnu8TU7DVOkLQ==
 
-tslib@^2.0.0, tslib@^2.0.3, tslib@^2.3.0, tslib@2.3.0:
+tslib@2.3.0, tslib@^2.0.0, tslib@^2.0.3, tslib@^2.3.0:
   version "2.3.0"
   resolved "https://registry.npmmirror.com/tslib/-/tslib-2.3.0.tgz"
   integrity sha512-N82ooyxVNm6h1riLCoyS9e3fuJ3AMG2zIZs2Gd1ATcSFjSA23Q0fzjjZeh0jbJvWVDZ0cJT8yaNNaaXHzueNjg==
     param-case "^3.0.4"
     pascal-case "^3.1.2"
 
-vite@^3.0.0, "vite@>= 2.0.0-beta.5":
+vite@^3.0.0:
   version "3.2.7"
   resolved "https://registry.npmmirror.com/vite/-/vite-3.2.7.tgz"
   integrity sha512-29pdXjk49xAP0QBr0xXqu2s5jiQIXNvE/xwd0vUizYT2Hzqe4BksNNoWllFVXJf4eLZ+UlVQmXfB4lWrc+t18g==