From 6325c023be17f6bd48b6131b5c17bbbaf0a6dad8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=AD=99=E6=99=AF=E5=AD=A6?=
 <5412262+sun_jing_xue@user.noreply.gitee.com>
Date: Fri, 4 Jul 2025 10:15:56 +0800
Subject: [PATCH] =?UTF-8?q?=E5=B8=A6=E5=BD=95=E5=85=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/register/register.less              |  17 +
 src/pages/register/supplier.tsx               |  53 +-
 .../components/SupplierExitModal.tsx          |  30 +
 .../SupplierRegisterAgent/index.tsx           |  19 +-
 src/pages/supplier/register/expert.tsx        | 241 ------
 src/pages/supplier/register/register.less     | 108 ---
 src/pages/supplier/register/supplier.tsx      | 226 -----
 .../register/supplier/CommonFormSections.tsx  | 770 ------------------
 .../register/supplier/DomesticForm.tsx        | 282 -------
 .../register/supplier/ForeignForm.tsx         | 317 -------
 src/servers/api/register.ts                   |   8 +-
 11 files changed, 108 insertions(+), 1963 deletions(-)
 create mode 100644 src/pages/supplier/informationManagement/SupplierRegisterAgent/components/SupplierExitModal.tsx
 delete mode 100644 src/pages/supplier/register/expert.tsx
 delete mode 100644 src/pages/supplier/register/register.less
 delete mode 100644 src/pages/supplier/register/supplier.tsx
 delete mode 100644 src/pages/supplier/register/supplier/CommonFormSections.tsx
 delete mode 100644 src/pages/supplier/register/supplier/DomesticForm.tsx
 delete mode 100644 src/pages/supplier/register/supplier/ForeignForm.tsx

diff --git a/src/pages/register/register.less b/src/pages/register/register.less
index cc83ba1..25ff5b3 100644
--- a/src/pages/register/register.less
+++ b/src/pages/register/register.less
@@ -13,6 +13,23 @@
   position: relative;
 }
 
+.register-page.on {
+  background: none;
+  min-height: auto;
+}
+
+.register-page.on .register-container  {
+  padding: 0;
+  margin: 0;
+  box-shadow: none;
+  &.large-width{
+    width: 100%;
+    position: relative;
+    top: 0;
+  }
+
+}
+
 // 注册容器
 .register-container {
   width: 600px;
diff --git a/src/pages/register/supplier.tsx b/src/pages/register/supplier.tsx
index da39383..1d03ac2 100644
--- a/src/pages/register/supplier.tsx
+++ b/src/pages/register/supplier.tsx
@@ -5,10 +5,17 @@ import { Form, Button, message, Radio, Checkbox, Modal, Spin } from 'antd';
 import { HomeOutlined } from '@ant-design/icons';
 import DomesticForm from './supplier/DomesticForm';
 import ForeignForm from './supplier/ForeignForm';
-import { coscoSupplierBaseAdd, fetchSurveyQuestions } from '@/servers/api/register';
+import { addAgent, coscoSupplierBaseAdd, fetchSurveyQuestions } from '@/servers/api/register';
 import './register.less';
 
-const SupplierRegister: React.FC = () => {
+interface supplierWithInputProps {
+  supplierWithInput?: Boolean;
+  exitId?: string;
+  onOk?: () => void;
+}
+
+const SupplierRegister: React.FC<supplierWithInputProps> = (props) => {
+  const { supplierWithInput = false, exitId = '', onOk } = props;
   const [form] = Form.useForm();
   const intl = useIntl();
   const [supplierType, setSupplierType] = useState<string>('dvs');
@@ -20,6 +27,10 @@ const SupplierRegister: React.FC = () => {
 
   // 获取问卷列表
   useEffect(() => {
+    //供应商带录入
+    if (supplierWithInput) {
+
+    }
     const fetchQuestions = async () => {
       setFetchingQuestions(true);
       try {
@@ -71,12 +82,17 @@ const SupplierRegister: React.FC = () => {
 
       console.log('供应商注册信息:', values);
 
-      // 直接调用API
-      const response = await coscoSupplierBaseAdd(values);
+      // 直接调用API  supplierWithInput === true 供应商注册代录 否则 注册
+      const response = await (supplierWithInput? addAgent(values) : coscoSupplierBaseAdd(values));
 
       if (response.success) {
-        message.success('注册成功，请登录');
-        history.push('/login');
+        if(!supplierWithInput) {
+          message.success('注册成功，请登录');
+          history.push('/login');
+        } else {
+          message.success(`${exitId? '修改成功': '注册成功'}`);
+          onOk;
+        }
       } else {
         message.error(response.message || '注册失败，请重试');
       }
@@ -94,17 +110,22 @@ const SupplierRegister: React.FC = () => {
   };
 
   return (
-    <div className="register-page ">
+    <div className={`register-page ${supplierWithInput ? ' on' : ''}`}>
       <div className="register-container large-width">
-        <div className="back-home">
-          <a onClick={() => history.push('/index')}>
-            <HomeOutlined /> {intl.formatMessage({ id: 'login.back.home' })}
-          </a>
-        </div>
+        {!supplierWithInput && (
+          <>
+            <div className="back-home">
+              <a onClick={() => history.push('/index')}>
+                <HomeOutlined /> {intl.formatMessage({ id: 'login.back.home' })}
+              </a>
+            </div>
+
+            <div className="register-title">
+              {intl.formatMessage({ id: 'register.supplier.title' })}
+            </div>
+          </>
+        )}
 
-        <div className="register-title">
-          {intl.formatMessage({ id: 'register.supplier.title' })}
-        </div>
 
         <Spin spinning={fetchingQuestions}>
           <Form
@@ -195,7 +216,7 @@ const SupplierRegister: React.FC = () => {
         okText="我知道了"
         cancelButtonProps={{ style: { display: 'none' } }}
         destroyOnClose
-        // maskClosable={false}
+      // maskClosable={false}
       >
         <div style={{ maxHeight: '60vh', overflow: 'auto' }}>
           <p>尊敬的用户：</p>
diff --git a/src/pages/supplier/informationManagement/SupplierRegisterAgent/components/SupplierExitModal.tsx b/src/pages/supplier/informationManagement/SupplierRegisterAgent/components/SupplierExitModal.tsx
new file mode 100644
index 0000000..25a1dce
--- /dev/null
+++ b/src/pages/supplier/informationManagement/SupplierRegisterAgent/components/SupplierExitModal.tsx
@@ -0,0 +1,30 @@
+// components/SupplierExitModal.tsx
+import React from 'react';
+import { Modal } from 'antd';
+import Register from '@/pages/register/supplier'
+interface SupplierExitModalProps {
+    visible: boolean;
+    exitId: string;
+    onOk: () => void;
+}
+
+const SupplierExitModal: React.FC<SupplierExitModalProps> = ({ visible, exitId, onOk }) => {
+    return (
+        <Modal
+            title="供应商注册代录"
+            visible={visible}
+            onOk={onOk}
+            onCancel={onOk}
+            okText="知道了"
+            cancelButtonProps={{ style: { display: 'none' } }}
+            width='80%'
+            style={{height:"75vh"}}
+            footer={false}
+            centered
+        >
+           <Register supplierWithInput={true} exitId={exitId} onOk={onOk}  />
+        </Modal>
+    );
+};
+
+export default SupplierExitModal; 
diff --git a/src/pages/supplier/informationManagement/SupplierRegisterAgent/index.tsx b/src/pages/supplier/informationManagement/SupplierRegisterAgent/index.tsx
index e5f2fb0..416ac3b 100644
--- a/src/pages/supplier/informationManagement/SupplierRegisterAgent/index.tsx
+++ b/src/pages/supplier/informationManagement/SupplierRegisterAgent/index.tsx
@@ -4,6 +4,9 @@ import { SearchOutlined, ReloadOutlined, PlusOutlined } from '@ant-design/icons'
 import { getPageAgent } from './services';
 import type { ColumnsType } from 'antd/es/table';
 import SupplierViewModal from './components/SupplierViewModal';
+import SupplierExitModal from './components/SupplierExitModal'; 
+
+
 const { RangePicker } = DatePicker;
 const { TabPane } = Tabs;
 interface Columns {
@@ -24,6 +27,10 @@ const SupplierRegisterAgent: React.FC = () => {
   const [viewVisible, setViewVisible] = useState(false);
    //查看  参数传递
     const [currentRecord, setCurrentRecord] = useState('');
+  // 新增与修改
+    const [exitModalVisible, setExitModalVisible] = useState(false);
+    const [exitId, setExitId] = useState('');
+    
   // 查询数据
   const fetchData = async (page = 1, pageSize = 10) => {
     setLoading(true);
@@ -120,7 +127,10 @@ const SupplierRegisterAgent: React.FC = () => {
       render: (_: any, record: any) => (
         <Space>
           <a onClick={() => { setCurrentRecord(record.id); setViewVisible(true); }}>查看</a>
-          <a onClick={() => message.info(`编辑：${record.name}`)}>编辑</a>
+          {/* <a onClick={() => {
+            setExitId(record.id);
+            setExitModalVisible(true);
+          }}>编辑</a> */}
         </Space>
       ),
     },
@@ -155,7 +165,7 @@ const SupplierRegisterAgent: React.FC = () => {
           </Tabs>
         </Col>
         <Col>
-          <Button type="primary" icon={<PlusOutlined />}>新增</Button>
+          <Button type="primary" icon={<PlusOutlined />} onClick={() => { setExitModalVisible(true) }} >新增</Button>
         </Col>
       </Row>
       {/* 表格 */}
@@ -179,6 +189,11 @@ const SupplierRegisterAgent: React.FC = () => {
         record={currentRecord}
         onCancel={() => setViewVisible(false)}
       />
+      <SupplierExitModal
+        visible={exitModalVisible}
+        exitId={exitId}
+        onOk={() => setExitModalVisible(false)}
+      />
     </div>
   );
 };
diff --git a/src/pages/supplier/register/expert.tsx b/src/pages/supplier/register/expert.tsx
deleted file mode 100644
index f581335..0000000
--- a/src/pages/supplier/register/expert.tsx
+++ /dev/null
@@ -1,241 +0,0 @@
-// 专家注册
-import React, { useState } from 'react';
-import { useIntl, history } from 'umi';
-import { Form, Input, Button, message, Card, Select, Row, Col } from 'antd';
-import {
-  UserOutlined,
-  LockOutlined,
-  MobileOutlined,
-  IdcardOutlined,
-  HomeOutlined,
-} from '@ant-design/icons';
-import './register.less';
-
-const { Option } = Select;
-
-const ExpertRegister: React.FC = () => {
-  const [form] = Form.useForm();
-  const intl = useIntl();
-  const [loading, setLoading] = useState(false);
-  const [countdown, setCountdown] = useState(0);
-
-  // 获取短信验证码
-  const handleGetCaptcha = () => {
-    form
-      .validateFields(['phone'])
-      .then((values) => {
-        message.success(`验证码已发送至 ${values.phone}`);
-        let count = 60;
-        setCountdown(count);
-
-        const timer = setInterval(() => {
-          count--;
-          setCountdown(count);
-          if (count === 0) {
-            clearInterval(timer);
-          }
-        }, 1000);
-      })
-      .catch((errorInfo) => {
-        message.error('请先输入正确的手机号');
-      });
-  };
-
-  const onFinish = (values: any) => {
-    setLoading(true);
-    console.log('专家注册信息:', values);
-    // 这里添加注册逻辑
-    setTimeout(() => {
-      setLoading(false);
-      message.success('注册成功，请登录');
-      history.push('/login');
-    }, 1000);
-  };
-
-  return (
-    <div className="register-page">
-      <div className="register-container">
-        <div className="back-home">
-          <a onClick={() => history.push('/index')}>
-            <HomeOutlined /> {intl.formatMessage({ id: 'login.back.home' })}
-          </a>
-        </div>
-
-        <div className="register-title">{intl.formatMessage({ id: 'register.expert.title' })}</div>
-
-        <Form
-          form={form}
-          name="expert_register"
-          onFinish={onFinish}
-          layout="horizontal"
-          labelAlign="right"
-          size='large'
-          labelCol={{ span: 5 }}
-          wrapperCol={{ span: 19 }}
-        >
-          <Form.Item
-            name="username"
-            label={intl.formatMessage({ id: 'register.username.label' })}
-            rules={[
-              {
-                required: true,
-                message: intl.formatMessage({ id: 'register.username.required' }),
-              },
-              { min: 4, message: intl.formatMessage({ id: 'register.username.min' }) },
-            ]}
-          >
-            <Input
-              prefix={<UserOutlined />}
-              placeholder={intl.formatMessage({ id: 'register.username.placeholder' })}
-            />
-          </Form.Item>
-
-          <Form.Item
-            name="phone"
-            label={intl.formatMessage({ id: 'register.phone.label' })}
-            rules={[
-              { required: true, message: intl.formatMessage({ id: 'register.phone.required' }) },
-              {
-                pattern: /^1[3-9]\d{9}$/,
-                message: intl.formatMessage({ id: 'register.phone.invalid' }),
-              },
-            ]}
-          >
-            <Input
-              prefix={<MobileOutlined />}
-              placeholder={intl.formatMessage({ id: 'register.phone.placeholder' })}
-            />
-          </Form.Item>
-
-          <Form.Item
-            name="idType"
-            label={intl.formatMessage({ id: 'register.expert.idType.label' })}
-            rules={[
-              {
-                required: true,
-                message: intl.formatMessage({ id: 'register.expert.idType.required' }),
-              },
-            ]}
-          >
-            <Select
-              placeholder={intl.formatMessage({ id: 'register.expert.idType.placeholder' })}
-              className="custom-select"
-              dropdownMatchSelectWidth={false}
-            >
-              <Option value="idcard">居民身份证</Option>
-              <Option value="foreignid">外国人居留证</Option>
-              <Option value="tempid">临时身份证</Option>
-            </Select>
-          </Form.Item>
-
-          <Form.Item
-            name="idCard"
-            label={intl.formatMessage({ id: 'register.expert.idCard.label' })}
-            rules={[
-              {
-                required: true,
-                message: intl.formatMessage({ id: 'register.expert.idCard.required' }),
-              },
-            ]}
-          >
-            <Input
-              prefix={<IdcardOutlined />}
-              placeholder={intl.formatMessage({ id: 'register.expert.idCard.placeholder' })}
-            />
-          </Form.Item>
-
-          <Form.Item
-            name="password"
-            label={intl.formatMessage({ id: 'register.password.label' })}
-            rules={[
-              {
-                required: true,
-                message: intl.formatMessage({ id: 'register.password.required' }),
-              },
-              { min: 6, message: intl.formatMessage({ id: 'register.password.min' }) },
-              {
-                pattern: /^[a-zA-Z0-9]{6,16}$/,
-                message: intl.formatMessage({ id: 'register.password.pattern' }),
-              },
-            ]}
-          >
-            <Input.Password
-              prefix={<LockOutlined />}
-              placeholder={intl.formatMessage({ id: 'register.password.placeholder' })}
-            />
-          </Form.Item>
-
-          <Form.Item
-            name="confirmPassword"
-            label={intl.formatMessage({ id: 'register.confirmPassword.label' })}
-            dependencies={['password']}
-            rules={[
-              {
-                required: true,
-                message: intl.formatMessage({ id: 'register.confirmPassword.required' }),
-              },
-              ({ getFieldValue }) => ({
-                validator(_, value) {
-                  if (!value || getFieldValue('password') === value) {
-                    return Promise.resolve();
-                  }
-                  return Promise.reject(
-                    new Error(intl.formatMessage({ id: 'register.confirmPassword.notMatch' })),
-                  );
-                },
-              }),
-            ]}
-          >
-            <Input.Password
-              prefix={<LockOutlined />}
-              placeholder={intl.formatMessage({ id: 'register.confirmPassword.placeholder' })}
-            />
-          </Form.Item>
-
-          <Form.Item
-            name="captcha"
-            label={intl.formatMessage({ id: 'register.captcha.label' })}
-            rules={[
-              {
-                required: true,
-                message: intl.formatMessage({ id: 'register.captcha.required' }),
-              },
-            ]}
-          >
-            <Row gutter={8}>
-              <Col span={16}>
-                <Input placeholder={intl.formatMessage({ id: 'register.captcha.placeholder' })} />
-              </Col>
-              <Col span={8}>
-                <Button
-                  type="primary"
-                  style={{ marginTop: 0 }}
-                  disabled={countdown > 0}
-                  onClick={handleGetCaptcha}
-                >
-                  {countdown > 0
-                    ? `${countdown}s`
-                    : intl.formatMessage({ id: 'register.captcha.get' })}
-                </Button>
-              </Col>
-            </Row>
-          </Form.Item>
-
-          <Form.Item wrapperCol={{ offset: 6, span: 12 }}>
-            <Button type="primary" htmlType="submit" block loading={loading}>
-              {intl.formatMessage({ id: 'register.submit' })}
-            </Button>
-            <div style={{ marginTop: 16, textAlign: 'center' }}>
-              {intl.formatMessage({ id: 'register.hasAccount' })}
-              <a onClick={() => history.push('/login')} style={{ marginLeft: 8 }}>
-                {intl.formatMessage({ id: 'register.login' })}
-              </a>
-            </div>
-          </Form.Item>
-        </Form>
-      </div>
-    </div>
-  );
-};
-
-export default ExpertRegister;
diff --git a/src/pages/supplier/register/register.less b/src/pages/supplier/register/register.less
deleted file mode 100644
index 4a038b7..0000000
--- a/src/pages/supplier/register/register.less
+++ /dev/null
@@ -1,108 +0,0 @@
-// @import '~@/baseStyle.less';
-
-// 注册页面整体布局
-.register-page {
-  // display: flex;
-  // justify-content: center;
-  // align-items: center;
-  // min-height: 100vh;
-  // background: #f0f2f5;
-  // // background-image: url('~@/assets/img/loginBg.jpg');
-  // background-size: cover;
-  // background-position: center;
-  // position: relative;
-}
-
-// 注册容器
-.register-container {
-  &.large-width{
-    width: 100%;
-  
-  }
-}
-
-// 标题样式
-.register-title {
-  margin-bottom: 20px;
-  // color: @main-color;
-  font-weight: bold;
-  font-size: 24px;
-  text-align: center;
-}
-
-// 返回首页链接
-.back-home {
-  position: absolute;
-  top: 10px;
-  left: 10px;
-
-  a {
-    display: flex;
-    align-items: center;
-    // color: @main-color;
-    font-size: 14px;
-
-    &:hover {
-      // color: lighten(@main-color, 10%);
-    }
-
-    .anticon {
-      margin-right: 4px;
-    }
-  }
-}
-.form-section-title {
-  font-size: 16px;
-  font-weight: 600;
-  margin: 20px 0 16px 0;
-  padding-left: 12px;
-  border-left: 4px solid #1890ff;
-}
-
-.questionnaire-header,
-.questionnaire-questions {
-  font-weight: 500;
-  margin: 10px 0;
-  padding: 5px 0;
-}
-
-.question-text {
-  margin-bottom: 10px;
-  color: #333;
-}
-
-.commitment-upload {
-  padding: 15px;
-  background-color: #f9f9f9;
-  border-radius: 4px;
-}
-
-.qualification-table {
-  .ant-table-thead > tr > th {
-    background-color: #f0f5ff;
-    font-weight: 500;
-  }
-
-  .ant-form-item {
-    margin-bottom: 0;
-  }
-
-  .ant-table-cell {
-    padding: 8px;
-  }
-}
-
-.questionnaire-header {
-  font-size: 15px;
-  font-weight: 500;
-  margin: 15px 0 10px 0;
-  color: rgba(0, 0, 0, 0.85);
-}
-
-
-.register-form{
-  height: 75vh;
-  overflow-x: hidden;
-  overflow-y: auto;
-  padding-right: 31px;
-}
\ No newline at end of file
diff --git a/src/pages/supplier/register/supplier.tsx b/src/pages/supplier/register/supplier.tsx
deleted file mode 100644
index 9d52efd..0000000
--- a/src/pages/supplier/register/supplier.tsx
+++ /dev/null
@@ -1,226 +0,0 @@
-// 供应商注册
-import React, { useState, useEffect } from 'react';
-import { useIntl, history } from 'umi';
-import { Form, Button, message, Radio, Checkbox, Modal, Spin } from 'antd';
-import { HomeOutlined } from '@ant-design/icons';
-import DomesticForm from './supplier/DomesticForm';
-import ForeignForm from './supplier/ForeignForm';
-// import { coscoSupplierBaseAdd, fetchSurveyQuestions } from '@/servers/api/register';
-import './register.less';
-
-const SupplierRegister: React.FC = () => {
-  const [form] = Form.useForm();
-  const intl = useIntl();
-  const [supplierType, setSupplierType] = useState<string>('dvs');
-  const [loading, setLoading] = useState(false);
-  const [countdown, setCountdown] = useState(0);
-  const [modalVisible, setModalVisible] = useState(false);
-  const [surveyQuestions, setSurveyQuestions] = useState([]);
-  const [fetchingQuestions, setFetchingQuestions] = useState(false);
-
-  // 获取问卷列表
-  useEffect(() => {
-    // const fetchQuestions = async () => {
-    //   setFetchingQuestions(true);
-    //   try {
-    //     const response = await fetchSurveyQuestions();
-    //     if (response.success) {
-    //       setSurveyQuestions(response.data || []);
-    //     } else {
-    //       message.error(response.message || '获取问卷列表失败');
-    //     }
-    //   } catch (error) {
-    //     console.error('获取问卷列表出错:', error);
-    //     message.error('获取问卷列表出错');
-    //   } finally {
-    //     setFetchingQuestions(false);
-    //   }
-    // };
-
-    // fetchQuestions();
-  }, []);
-
-  // 获取短信验证码
-  const handleGetCaptcha = () => {
-    form
-      .validateFields(['contactPhone'])
-      .then((values) => {
-        message.success(`验证码已发送至 ${values.contactPhone}`);
-        let count = 60;
-        setCountdown(count);
-
-        const timer = setInterval(() => {
-          count--;
-          setCountdown(count);
-          if (count === 0) {
-            clearInterval(timer);
-          }
-        }, 1000);
-      })
-      .catch((errorInfo) => {
-        message.error('请先输入正确的手机号');
-      });
-  };
-
-  const onFinish = async (values: any) => {
-    setLoading(true);
-    try {
-      // 确保供应商类型添加到表单值中
-      values.coscoSupplierBase = values.coscoSupplierBase || {};
-      values.coscoSupplierBase.supplierType = supplierType;
-
-      console.log('供应商注册信息:', values);
-
-      // // 直接调用API
-      // const response = await coscoSupplierBaseAdd(values);
-
-      // if (response.success) {
-      //   message.success('注册成功，请登录');
-      //   history.push('/login');
-      // } else {
-      //   message.error(response.message || '注册失败，请重试');
-      // }
-    } catch (error) {
-      console.error('注册出错:', error);
-      message.error('注册失败，请稍后重试');
-    } finally {
-      setLoading(false);
-    }
-  };
-
-  const handleSupplierTypeChange = (e: any) => {
-    form.resetFields();
-    setSupplierType(e.target.value);
-  };
-
-  return (
-    <div className="register-page ">
-      <div className="register-container large-width">
-        {/* <div className="back-home">
-          <a onClick={() => history.push('/index')}>
-            <HomeOutlined /> {intl.formatMessage({ id: 'login.back.home' })}
-          </a>
-        </div> */}
-
-        {/* <div className="register-title">
-          {intl.formatMessage({ id: 'register.supplier.title' })}
-        </div> */}
-
-        <Spin spinning={fetchingQuestions}>
-          <Form
-            form={form}
-            name="supplier_register"
-            className="register-form"
-            onFinish={onFinish}
-            layout="horizontal"
-            labelAlign="right"
-            size="large"
-            labelCol={{ style: { width: 160 } }}  // 这里单位是 px，label 固定 120px 宽
-            wrapperCol={{ style: { flex: 1 } }}   // 内容区域自适应
-          >
-            {/* <Form.Item label="企业类型" labelCol={{ span: 2 }} wrapperCol={{ span: 19 }}>
-              <Radio.Group onChange={handleSupplierTypeChange} buttonStyle="solid" value={supplierType}>
-                <Radio.Button value="dvs">境内企业/机构</Radio.Button>
-                <Radio.Button value="ovs">境外企业</Radio.Button>
-              </Radio.Group>
-            </Form.Item> */}
-
-            {supplierType === 'dvs' ? (
-              <DomesticForm
-                form={form}
-                countdown={countdown}
-                surveyQuestions={surveyQuestions}
-                handleGetCaptcha={handleGetCaptcha}
-              />
-            ) : (
-              <ForeignForm
-                form={form}
-                countdown={countdown}
-                handleGetCaptcha={handleGetCaptcha}
-                surveyQuestions={surveyQuestions}
-              />
-            )}
-            {/* <Form.Item
-              name="agreement"
-              valuePropName="checked"
-              labelCol={{ span: 2 }}
-              wrapperCol={{ span: 19 }}
-              rules={[
-                {
-                  validator: (_, value) =>
-                    value
-                      ? Promise.resolve()
-                      : Promise.reject(new Error('请阅读并同意注册信息承诺书')),
-                },
-              ]}
-            >
-              <Checkbox>
-                我已阅读并同意
-                <Button
-                  type="link"
-                  onClick={(e) => {
-                    e.preventDefault();
-                    e.stopPropagation();
-                    setModalVisible(true);
-                  }}
-                >
-                  《注册信息承诺书》
-                </Button>
-              </Checkbox>
-            </Form.Item> */}
-            <Form.Item wrapperCol={{ span: 24 }}>
-              <div style={{ textAlign: 'center' }}>
-                <Button type="primary" htmlType="submit" loading={loading}>
-                  {intl.formatMessage({ id: 'register.submit' })}
-                </Button>
-              </div>
-            </Form.Item>
-          </Form>
-        </Spin>
-      </div>
-
-      {/* 注册信息承诺书弹窗 */}
-      <Modal
-        title="注册信息承诺书"
-        visible={modalVisible}
-        onOk={() => {
-          console.log('点击了确定按钮');
-          setModalVisible(false);
-        }}
-        onCancel={() => {
-          console.log('点击了取消按钮');
-          setModalVisible(false);
-        }}
-        width={700}
-        okText="我知道了"
-        cancelButtonProps={{ style: { display: 'none' } }}
-        destroyOnClose
-        // maskClosable={false}
-      >
-        <div style={{ maxHeight: '60vh', overflow: 'auto' }}>
-          <p>尊敬的用户：</p>
-          <p>感谢您注册使用我们的平台。请您仔细阅读以下承诺内容：</p>
-          <ol>
-            <li>
-              本人/单位承诺所提供的注册信息真实、准确、完整，不存在虚假记载、误导性陈述或重大遗漏。
-            </li>
-            <li>本人/单位承诺遵守平台的各项规则和要求，不从事任何违法违规活动。</li>
-            <li>
-              本人/单位了解并同意，如提供虚假信息或违反平台规则，平台有权终止服务并追究相关责任。
-            </li>
-            <li>本人/单位承诺妥善保管账号和密码，对账号下的所有操作和行为负责。</li>
-            <li>本人/单位同意平台在必要范围内合法使用所提供的信息，用于提供服务和改善用户体验。</li>
-            <li>
-              本人/单位承诺遵守国家法律法规和行业规范，恪守商业道德，不从事任何损害平台或其他用户利益的行为。
-            </li>
-            <li>本人/单位承诺所上传的资质文件和证明材料真实有效，并对其真实性和合法性负责。</li>
-            <li>本人/单位了解并同意，平台有权根据业务需要对用户资料进行审核，并保留最终解释权。</li>
-          </ol>
-          <p>特此承诺！</p>
-        </div>
-      </Modal>
-    </div>
-  );
-};
-
-export default SupplierRegister;
diff --git a/src/pages/supplier/register/supplier/CommonFormSections.tsx b/src/pages/supplier/register/supplier/CommonFormSections.tsx
deleted file mode 100644
index 66f8b98..0000000
--- a/src/pages/supplier/register/supplier/CommonFormSections.tsx
+++ /dev/null
@@ -1,770 +0,0 @@
-/**
- * 供应商注册表单通用部分
- * 封装了国内企业和境外企业注册表单相同的部分
- */
-import React from 'react';
-import {
-  Form,
-  Input,
-  Button,
-  Select,
-  Upload,
-  DatePicker,
-  Row,
-  Col,
-  Table,
-  Radio,
-  Cascader,
-  Empty,
-} from 'antd';
-import { UploadOutlined, PlusOutlined, DeleteOutlined } from '@ant-design/icons';
-import { message } from 'antd';
-import { validateFileSize } from '@/utils/utils';
-
-const { Option } = Select;
-
-// 中国省市区级联数据
-export const addressOptions = [
-  {
-    value: '330000',
-    label: '浙江省',
-    children: [
-      {
-        value: '330100',
-        label: '杭州市',
-        children: [
-          { value: '330102', label: '上城区' },
-          { value: '330103', label: '下城区' },
-          { value: '330104', label: '江干区' },
-          { value: '330105', label: '拱墅区' },
-          { value: '330106', label: '西湖区' },
-          { value: '330108', label: '滨江区' },
-        ],
-      },
-    ],
-  },
-  {
-    value: '310000',
-    label: '上海市',
-    children: [
-      {
-        value: '310100',
-        label: '上海市',
-        children: [
-          { value: '310101', label: '黄浦区' },
-          { value: '310104', label: '徐汇区' },
-          { value: '310105', label: '长宁区' },
-        ],
-      },
-    ],
-  },
-];
-
-interface CommonFormSectionsProps {
-  form: any;
-}
-
-// 扩展问卷部分的属性接口
-interface SurveySectionProps extends CommonFormSectionsProps {
-  surveyQuestions?: API.SurveyQuestionResponse;
-}
-
-/**
- * 资质信息表单部分
- * 包含资质证书类型、名称、编号、等级、发证机构、发证日期、有效期等
- */
-export const QualificationSection: React.FC<CommonFormSectionsProps> = ({ form }) => {
-  return (
-    <>
-      <div className="form-section-title">资质信息</div>
-
-      <Form.List name="coscoSupplierQualifications">
-        {(fields, { add, remove }) => (
-          <>
-            <Table
-              dataSource={fields.map((field) => ({
-                ...field,
-                key: field.key,
-                fieldKey: field.name,
-              }))}
-              pagination={false}
-              bordered
-              size="middle"
-              rowKey="key"
-              columns={[
-                {
-                  title: '序号',
-                  dataIndex: 'name',
-                  width: 60,
-                  render: (_, __, index) => index + 1,
-                },
-                {
-                  title: '资质证书类型',
-                  dataIndex: 'certType',
-                  render: (_, record) => (
-                    <Form.Item
-                      name={[record.name, 'certType']}
-                      noStyle
-                      rules={[{ required: true, message: '请选择资质证书类型' }]}
-                    >
-                      <Select placeholder="请选择类型" style={{ width: '100%' }}>
-                        <Option value="机构资质">机构资质</Option>
-                        <Option value="CMMI资质等级">CMMI资质等级</Option>
-                        <Option value="质量体系认证">质量体系认证</Option>
-                        <Option value="环境管理体系认证">环境管理体系认证</Option>
-                        <Option value="行业资质">行业资质</Option>
-                      </Select>
-                    </Form.Item>
-                  ),
-                },
-                {
-                  title: '资质名称',
-                  dataIndex: 'certName',
-                  render: (_, record) => (
-                    <Form.Item
-                      name={[record.name, 'certName']}
-                      noStyle
-                      rules={[{ required: true, message: '请输入资质名称' }]}
-                    >
-                      <Input placeholder="请输入资质名称" />
-                    </Form.Item>
-                  ),
-                },
-                {
-                  title: '资质证书编号',
-                  dataIndex: 'certNumber',
-                  render: (_, record) => (
-                    <Form.Item
-                      name={[record.name, 'certNumber']}
-                      noStyle
-                      rules={[{ required: true, message: '请输入资质证书编号' }]}
-                    >
-                      <Input placeholder="请输入证书编号" />
-                    </Form.Item>
-                  ),
-                },
-                {
-                  title: '资质类别和等级',
-                  dataIndex: 'certLevel',
-                  render: (_, record) => (
-                    <Form.Item name={[record.name, 'certLevel']} noStyle>
-                      <Input placeholder="请输入资质类别和等级" />
-                    </Form.Item>
-                  ),
-                },
-                {
-                  title: '发证机构',
-                  dataIndex: 'issuingAuthority',
-                  render: (_, record) => (
-                    <Form.Item
-                      name={[record.name, 'issuingAuthority']}
-                      noStyle
-                      rules={[{ required: true, message: '请输入发证机构' }]}
-                    >
-                      <Input placeholder="请输入发证机构" />
-                    </Form.Item>
-                  ),
-                },
-                {
-                  title: '发证日期',
-                  dataIndex: 'issueDate',
-                  render: (_, record) => (
-                    <Form.Item
-                      name={[record.name, 'dateTime']}
-                      noStyle
-                      rules={[{ required: true, message: '请选择发证日期' }]}
-                    >
-                      <DatePicker
-                        placeholder="年/月/日"
-                        style={{ width: '100%' }}
-                        format="YYYY-MM-DD"
-                      />
-                    </Form.Item>
-                  ),
-                },
-                {
-                  title: '资质有效期至',
-                  dataIndex: 'expiryDate',
-                  render: (_, record) => (
-                    <Form.Item
-                      name={[record.name, 'termOfValidity']}
-                      noStyle
-                      rules={[{ required: true, message: '请选择资质有效期' }]}
-                    >
-                      <DatePicker
-                        placeholder="年/月/日"
-                        style={{ width: '100%' }}
-                        format="YYYY-MM-DD"
-                      />
-                    </Form.Item>
-                  ),
-                },
-                {
-                  title: '附件',
-                  dataIndex: 'certFile',
-                  render: (_, record) => (
-                    <Form.Item
-                      name={[record.name, 'certFile']}
-                      noStyle
-                      rules={[{ required: true, message: '请上传资质证书附件' }]}
-                    >
-                      <Upload name="certFile" action="/api/upload" listType="text" maxCount={1}>
-                        <Button type="link" size="small">
-                          上传
-                        </Button>
-                      </Upload>
-                    </Form.Item>
-                  ),
-                },
-                {
-                  title: '操作',
-                  width: 70,
-                  render: (_, record) => (
-                    <Button
-                      type="link"
-                      danger
-                      icon={<DeleteOutlined />}
-                      onClick={() => remove(record.name)}
-                    >
-                      删除
-                    </Button>
-                  ),
-                },
-              ]}
-            />
-            <Form.Item style={{ marginTop: 16 }} wrapperCol={{ span: 24 }}>
-              <Button type="dashed" onClick={() => add()} block icon={<PlusOutlined />}>
-                添加行
-              </Button>
-            </Form.Item>
-          </>
-        )}
-      </Form.List>
-    </>
-  );
-};
-
-/**
- * 开票信息表单部分
- * 包含纳税人类型、开票抬头、纳税人识别号、开票地址等
- */
-export const InvoiceSection: React.FC<CommonFormSectionsProps> = ({ form }) => {
-  return (
-    <>
-      <div className="form-section-title">开票信息</div>
-
-      <Row gutter={24}>
-        <Col span={8}>
-          <Form.Item
-            name={['coscoSupplierInvoice', 'taxpayerType']}
-            label="纳税人类型"
-            rules={[{ required: true, message: '请选择纳税人类型' }]}
-          >
-            <Select placeholder="请选择纳税人类型">
-              <Option value="general">一般纳税人</Option>
-              <Option value="small">小规模纳税人</Option>
-            </Select>
-          </Form.Item>
-        </Col>
-        <Col span={8}>
-          <Form.Item
-            name="invoiceTitle"
-            label="开票抬头"
-            rules={[{ required: true, message: '请输入开票抬头' }]}
-          >
-            <Input placeholder="请输入开票抬头" />
-          </Form.Item>
-        </Col>
-        <Col span={8}>
-          <Form.Item
-            name="taxpayerNumber"
-            label="纳税人识别号"
-            rules={[{ required: true, message: '请输入纳税人识别号' }]}
-          >
-            <Input placeholder="请输入纳税人识别号" />
-          </Form.Item>
-        </Col>
-        <Col span={8}>
-          <Form.Item name="invoiceAddress" label="开票地址">
-            <Input placeholder="请输入开票地址" />
-          </Form.Item>
-        </Col>
-        <Col span={8}>
-          <Form.Item name="invoicePhone" label="开票电话">
-            <Input placeholder="请输入开票电话" />
-          </Form.Item>
-        </Col>
-        <Col span={8}>
-          <Form.Item name="invoiceBank" label="开票户行">
-            <Input placeholder="请输入开票银行" />
-          </Form.Item>
-        </Col>
-        <Col span={8}>
-          <Form.Item name="bankAccountNumber" label="开票户行账号">
-            <Input placeholder="请输入开票户行账号" />
-          </Form.Item>
-        </Col>
-        <Col span={8}>
-          <Form.Item name="generalTaxpayerCert" label="一般纳税人资格证明">
-            <Upload
-              name="generalTaxpayerCert"
-              action="/api/upload"
-              listType="text"
-              maxCount={1}
-              beforeUpload={(file) => validateFileSize(file, 10, ['pdf', 'jpg', 'jpeg', 'png'])}
-            >
-              <Button icon={<UploadOutlined />}>上传文件</Button>
-            </Upload>
-          </Form.Item>
-        </Col>
-      </Row>
-    </>
-  );
-};
-
-/**
- * 银行账户表单部分
- * 包含开户银行、账户名称、账号、所在地区等
- */
-export const BankAccountSection: React.FC<CommonFormSectionsProps> = ({ form }) => {
-  return (
-    <>
-      <div className="form-section-title">银行账户</div>
-
-      <Form.List name="coscoSupplierBank">
-        {(fields, { add, remove }) => (
-          <>
-            <Table
-              dataSource={fields.map((field) => ({
-                ...field,
-                key: field.key,
-                fieldKey: field.name,
-              }))}
-              pagination={false}
-              bordered
-              size="middle"
-              rowKey="key"
-              columns={[
-                {
-                  title: '序号',
-                  dataIndex: 'name',
-                  width: 60,
-                  render: (_, __, index) => index + 1,
-                },
-                {
-                  title: '开户银行',
-                  dataIndex: 'bankName',
-                  render: (_, record) => (
-                    <Form.Item
-                      name={[record.name, 'bankName']}
-                      noStyle
-                      rules={[{ required: true, message: '请输入开户银行' }]}
-                    >
-                      <Input placeholder="请输入开户银行" />
-                    </Form.Item>
-                  ),
-                },
-                {
-                  title: '账户名称',
-                  dataIndex: 'accountName',
-                  render: (_, record) => (
-                    <Form.Item
-                      name={[record.name, 'accountName']}
-                      noStyle
-                      rules={[{ required: true, message: '请输入账户名称' }]}
-                    >
-                      <Input placeholder="请输入账户名称" />
-                    </Form.Item>
-                  ),
-                },
-                {
-                  title: '账号',
-                  dataIndex: 'accountNumber',
-                  render: (_, record) => (
-                    <Form.Item
-                      name={[record.name, 'accountNumber']}
-                      noStyle
-                      rules={[{ required: true, message: '请输入账号' }]}
-                    >
-                      <Input placeholder="请输入账号" />
-                    </Form.Item>
-                  ),
-                },
-                {
-                  title: '国家、省、市',
-                  dataIndex: 'location',
-                  render: (_, record) => (
-                    <Form.Item
-                      name={[record.name, 'address']}
-                      noStyle
-                      rules={[{ required: true, message: '请选择地址' }]}
-                    >
-                      <Cascader
-                        options={addressOptions}
-                        placeholder="请选择省市区"
-                        showSearch={{
-                          filter: (inputValue, path) => {
-                            return path.some((option) => {
-                              if (typeof option.label === 'string') {
-                                return (
-                                  option.label.toLowerCase().indexOf(inputValue.toLowerCase()) > -1
-                                );
-                              }
-                              return false;
-                            });
-                          },
-                        }}
-                      />
-                    </Form.Item>
-                  ),
-                },
-                {
-                  title: '操作',
-                  width: 70,
-                  render: (_, record) => (
-                    <Button
-                      type="link"
-                      danger
-                      icon={<DeleteOutlined />}
-                      onClick={() => remove(record.name)}
-                    >
-                      删除
-                    </Button>
-                  ),
-                },
-              ]}
-            />
-            <Form.Item style={{ marginTop: 16 }} wrapperCol={{ span: 24 }}>
-              <Button type="dashed" onClick={() => add()} block icon={<PlusOutlined />}>
-                添加行
-              </Button>
-            </Form.Item>
-          </>
-        )}
-      </Form.List>
-    </>
-  );
-};
-
-/**
- * 社会准则符合性自查问卷部分
- * 包含填写人信息和问卷内容
- */
-export const SurveySection: React.FC<SurveySectionProps> = ({ form, surveyQuestions }) => {
-  // 使用API获取的问卷数据，如果没有则显示无数据状态
-  const hasQuestions = surveyQuestions && surveyQuestions.length > 0;
-
-  return (
-    <>
-      <div className="form-section-title">社会准则符合性自查问卷</div>
-
-      <div className="questionnaire-header">填写人信息：</div>
-      <Row gutter={24}>
-        <Col span={8}>
-          <Form.Item
-            name={['coscoSupplierSurvey', 'supplierName']}
-            label="供应商名称"
-            rules={[{ required: true, message: '请输入供应商名称' }]}
-          >
-            <Input placeholder="请输入供应商名称" />
-          </Form.Item>
-        </Col>
-        <Col span={8}>
-          <Form.Item
-            name={['coscoSupplierSurvey', 'name']}
-            label="姓名"
-            rules={[{ required: true, message: '请输入姓名' }]}
-          >
-            <Input placeholder="请输入姓名" />
-          </Form.Item>
-        </Col>
-        <Col span={8}>
-          <Form.Item
-            name={['coscoSupplierSurvey', 'position']}
-            label="职位"
-            rules={[{ required: true, message: '请输入职位' }]}
-          >
-            <Input placeholder="请输入职位" />
-          </Form.Item>
-        </Col>
-        <Col span={8}>
-          <Form.Item
-            name={['coscoSupplierSurvey', 'phone']}
-            label="电话号"
-            rules={[{ required: true, message: '请输入电话号' }]}
-          >
-            <Input placeholder="请输入电话号" />
-          </Form.Item>
-        </Col>
-        <Col span={8}>
-          <Form.Item
-            name={['coscoSupplierSurvey', 'email']}
-            label="邮箱"
-            rules={[
-              { type: 'email', message: '请输入有效的电子邮箱' },
-              { required: true, message: '请输入电子邮箱' },
-            ]}
-          >
-            <Input placeholder="请输入电子邮箱" />
-          </Form.Item>
-        </Col>
-        <Col span={8}>
-          <Form.Item
-            name={['coscoSupplierSurvey', 'dateTime']}
-            label="日期"
-            rules={[{ required: true, message: '请选择日期' }]}
-          >
-            <DatePicker placeholder="请选择日期" style={{ width: '100%' }} format="YYYY-MM-DD" />
-          </Form.Item>
-        </Col>
-      </Row>
-
-      <div className="questionnaire-header" style={{ marginTop: '20px' }}>
-        问卷：
-      </div>
-
-      {hasQuestions ? (
-        <Form.List name="coscoSupplierSurveyQuestionReply">
-          {(fields, { add, remove }) => {
-            // 确保有足够的表单项对应每个问题
-            if (fields.length < surveyQuestions.length) {
-              const diff = surveyQuestions.length - fields.length;
-              for (let i = 0; i < diff; i++) {
-                add();
-              }
-            }
-
-            return (
-              <Table
-                pagination={false}
-                bordered
-                size="middle"
-                rowKey="id"
-                dataSource={surveyQuestions}
-                columns={[
-                  {
-                    title: '序号',
-                    dataIndex: 'id',
-                    width: 60,
-                    align: 'center',
-                    render: (text, record, index) => index + 1,
-                  },
-                  {
-                    title: '问题',
-                    dataIndex: 'questionName',
-                    render: (text) => <div style={{ whiteSpace: 'pre-line' }}>{text}</div>,
-                  },
-                  {
-                    title: '回复',
-                    width: 650,
-                    render: (_, record, index) => (
-                      <>
-                        <Form.Item
-                          name={[index, 'surveyQuestionId']}
-                          initialValue={record.id}
-                          hidden
-                        >
-                          <Input />
-                        </Form.Item>
-                        <Form.Item
-                          name={[index, 'replyValue']}
-                          rules={[{ required: true, message: '请选择答案' }]}
-                          wrapperCol={{ span: 24 }}
-                        >
-                          <Radio.Group>
-                            {record.coscoSurveyQuestionOptionList?.map((option: any) => (
-                              <Radio key={option.id} value={option.opentionValue}>
-                                {option.optionName}
-                              </Radio>
-                            ))}
-                          </Radio.Group>
-                        </Form.Item>
-                      </>
-                    ),
-                  },
-                ]}
-              />
-            );
-          }}
-        </Form.List>
-      ) : (
-        <div style={{ padding: '30px 0' }}>
-          <Empty description="暂无问卷数据" image={Empty.PRESENTED_IMAGE_SIMPLE} />
-        </div>
-      )}
-    </>
-  );
-};
-
-/**
- * 供应商反商业贿赂承诺书和其他附件部分
- */
-export const AttachmentSection: React.FC<CommonFormSectionsProps> = ({ form }) => {
-  return (
-    <>
-      <div className="form-section-title">供应商反商业贿赂承诺书</div>
-      <Row gutter={24}>
-        <Col span={12}>
-          <div className="upload-label">
-            请加盖公司公章后上传
-            <Button
-              type="link"
-              href="/templates/anti-bribery-template.docx"
-              download="供应商反商业贿赂承诺书模板.docx"
-            >
-              下载模版
-            </Button>
-          </div>
-
-          <Form.List name="coscoSupplierSurveyAttachments">
-            {(fields, { add, remove }) => {
-              // 确保至少有一项用于反商业贿赂承诺书
-              if (fields.length === 0) {
-                add({ attachmentsType: 'commitment' });
-              }
-
-              return (
-                <div>
-                  {fields.map((field, index) => (
-                    <div key={field.key} style={{ display: field.name === 0 ? 'block' : 'none' }}>
-                      <Form.Item
-                        name={[field.name, 'attachmentsType']}
-                        initialValue="commitment"
-                        hidden
-                      >
-                        <Input />
-                      </Form.Item>
-
-                      <Form.Item
-                        name={[field.name, 'fileUrl']}
-                        rules={[{ required: true, message: '请上传已盖章的反商业贿赂承诺书' }]}
-                      >
-                        <Upload
-                          name="file"
-                          action="/api/upload"
-                          listType="text"
-                          maxCount={1}
-                          beforeUpload={(file) =>
-                            validateFileSize(file, 10, ['pdf', 'doc', 'docx'])
-                          }
-                          onChange={(info) => {
-                            if (info.file.status === 'done') {
-                              const response = info.file.response;
-                              if (response && response.success) {
-                                // 填充文件信息
-                                form.setFieldsValue({
-                                  coscoSupplierSurveyAttachments: [
-                                    {
-                                      ...form.getFieldValue([
-                                        'coscoSupplierSurveyAttachments',
-                                        field.name,
-                                      ]),
-                                      fileName: info.file.name,
-                                      fileType: info.file.type,
-                                      fileSize: info.file.size.toString(),
-                                      filePath: response.filePath || response.url,
-                                    },
-                                  ],
-                                });
-                                message.success(`${info.file.name} 上传成功`);
-                              } else {
-                                message.error(`${info.file.name} 上传失败`);
-                              }
-                            }
-                          }}
-                        >
-                          <Button icon={<UploadOutlined />}>上传文件</Button>
-                        </Upload>
-                      </Form.Item>
-                    </div>
-                  ))}
-                </div>
-              );
-            }}
-          </Form.List>
-        </Col>
-      </Row>
-
-      <div className="form-section-title">其他附件</div>
-      <Row gutter={24}>
-        <Col span={24}>
-          <Form.List name="coscoSupplierSurveyAttachments">
-            {(fields, { add, remove }) => (
-              <>
-                <div className="upload-label">其他附件（非必须上传）</div>
-                {fields.map((field, index) => (
-                  <div
-                    key={field.key}
-                    style={{
-                      display: index > 0 || fields.length === 1 ? 'block' : 'none',
-                      marginBottom: 8,
-                    }}
-                  >
-                    {index > 0 && (
-                      <Form.Item
-                        name={[field.name, 'attachmentsType']}
-                        initialValue="accessory"
-                        hidden
-                      >
-                        <Input />
-                      </Form.Item>
-                    )}
-
-                    {index > 0 && (
-                      <Form.Item name={[field.name, 'fileUrl']}>
-                        <Upload
-                          name="file"
-                          action="/api/upload"
-                          listType="text"
-                          maxCount={1}
-                          beforeUpload={(file) => validateFileSize(file, 20, ['*'])}
-                          onChange={(info) => {
-                            if (info.file.status === 'done') {
-                              const response = info.file.response;
-                              if (response && response.success) {
-                                // 填充文件信息
-                                const fieldValue = form.getFieldValue([
-                                  'coscoSupplierSurveyAttachments',
-                                  field.name,
-                                ]);
-                                form.setFieldsValue({
-                                  coscoSupplierSurveyAttachments: [
-                                    {
-                                      ...fieldValue,
-                                      fileName: info.file.name,
-                                      fileType: info.file.type,
-                                      fileSize: info.file.size.toString(),
-                                      filePath: response.filePath || response.url,
-                                    },
-                                  ],
-                                });
-                                message.success(`${info.file.name} 上传成功`);
-                              } else {
-                                message.error(`${info.file.name} 上传失败`);
-                              }
-                            }
-                          }}
-                        >
-                          <Button icon={<UploadOutlined />}>上传</Button>
-                        </Upload>
-                      </Form.Item>
-                    )}
-                  </div>
-                ))}
-
-                <Button
-                  type="dashed"
-                  onClick={() => add({ attachmentsType: 'accessory' })}
-                  icon={<PlusOutlined />}
-                  style={{ marginTop: 8 }}
-                >
-                  添加更多附件
-                </Button>
-              </>
-            )}
-          </Form.List>
-        </Col>
-      </Row>
-    </>
-  );
-};
diff --git a/src/pages/supplier/register/supplier/DomesticForm.tsx b/src/pages/supplier/register/supplier/DomesticForm.tsx
deleted file mode 100644
index 0748663..0000000
--- a/src/pages/supplier/register/supplier/DomesticForm.tsx
+++ /dev/null
@@ -1,282 +0,0 @@
-/* 境内企业/机构 表单项 */
-import React from 'react';
-import { Form, Input, Button, Select, Upload, DatePicker, Row, Col, message } from 'antd';
-import {
-  MobileOutlined,
-  MailOutlined,
-  EnvironmentOutlined,
-  UploadOutlined,
-} from '@ant-design/icons';
-
-/**
- * 引入通用表单组件
- */
-import {
-  QualificationSection,
-  InvoiceSection,
-  BankAccountSection,
-  SurveySection,
-  AttachmentSection,
-} from './CommonFormSections';
-import { validateFileSize } from '@/utils/utils';
-
-const { Option } = Select;
-const { TextArea } = Input;
-
-// 移除不再需要的addressOptions
-
-interface DomesticFormProps {
-  form: any;
-  countdown: number;
-  handleGetCaptcha: () => void;
-  surveyQuestions?: any; // 本身就是数组类型
-}
-
-/**
- * 境内企业注册表单
- * 基本信息部分为境内企业特有
- * 其他部分使用通用表单组件
- */
-const DomesticForm: React.FC<DomesticFormProps> = ({
-  form,
-  countdown,
-  handleGetCaptcha,
-  surveyQuestions,
-}) => {
-  return (
-    <>
-      <div className="form-section-title">基本信息</div>
-
-      {/* 营业执照附件和有效期 */}
-      <Row gutter={24}>
-        <Col span={10}>
-          <Form.Item
-            name={['coscoSupplierBase', 'licenceAccessory']}
-            label="营业执照附件"
-            extra="pdf,jpg,jpeg,png类型的文件,大小不超过10MB"
-            rules={[{ required: true, message: '请上传营业执照附件' }]}
-          >
-            <Upload
-              name="businessLicense"
-              action="/api/upload"
-              listType="text"
-              maxCount={1}
-              beforeUpload={(file) => validateFileSize(file, 10, ['pdf', 'jpg', 'jpeg', 'png'])}
-            >
-              <Button icon={<UploadOutlined />}>上传文件</Button>
-            </Upload>
-          </Form.Item>
-        </Col>
-        <Col span={10}>
-          <Form.Item
-            name={['coscoSupplierBase', 'licenceDate']}
-            label="营业执照有效期"
-            rules={[{ required: false, message: '请选择营业执照有效期' }]}
-          >
-            <DatePicker
-              placeholder="请选择日期"
-              style={{ width: '100%' }}
-              format="YYYY-MM-DD"
-            />
-          </Form.Item>
-        </Col>
-        <Col span={10}>
-          <Form.Item
-            name={['coscoSupplierBase', 'name']}
-            label="企业名称"
-            rules={[{ required: true, message: '请输入企业名称' }]}
-          >
-            <Input placeholder="请输入企业名称" />
-          </Form.Item>
-        </Col>
-        <Col span={10}>
-          <Form.Item
-            name="socialCreditCode"
-            label="统一社会信用代码"
-            rules={[
-              { required: true, message: '请输入统一社会信用代码' },
-              { pattern: /^[0-9A-HJ-NPQRTUWXY]{18}$/, message: '请输入正确的统一社会信用代码' },
-            ]}
-          >
-            <Input placeholder="请输入正确的统一社会信用代码" disabled />
-          </Form.Item>
-        </Col>
-        <Col span={10}>
-          <Form.Item
-            name="legalPerson"
-            label="企业法定代表人"
-            rules={[{ required: true, message: '请输入企业法定代表人/负责人' }]}
-          >
-            <Input placeholder="张三" />
-          </Form.Item>
-        </Col>
-        <Col span={10}>
-          <Form.Item
-            name="registeredCapital"
-            label="注册资本"
-            rules={[{ required: true, message: '请输入注册资本' }]}
-          >
-            <Input
-              type="number"
-              placeholder="请输入金额"
-              addonBefore="人民币"
-              addonAfter="万元"
-            />
-          </Form.Item>
-        </Col>
-        <Col span={10}>
-          <Form.Item
-            name="companyType"
-            label="企业性质"
-            rules={[{ required: true, message: '请选择企业性质' }]}
-          >
-            <Select placeholder="请选择企业性质">
-              <Option value="limited">有限责任公司</Option>
-              <Option value="joint">股份有限公司</Option>
-              <Option value="individual">个体工商户</Option>
-              <Option value="other">其他</Option>
-            </Select>
-          </Form.Item>
-        </Col>
-        <Col span={10}>
-          <Form.Item
-            name="supplierType"
-            label="供应商类型"
-            rules={[{ required: true, message: '请选择供应商类型' }]}
-          >
-            <Select placeholder="请选择类型">
-              <Option value="manufacturer">制造商</Option>
-              <Option value="agent">代理商</Option>
-              <Option value="service">服务商</Option>
-              <Option value="other">其他</Option>
-            </Select>
-          </Form.Item>
-        </Col>
-        <Col span={10}>
-          <Form.Item name="parentCompanyInfo" label="母公司/出资人">
-            <Input placeholder="请输入母公司或出资人信息" />
-          </Form.Item>
-        </Col>
-        <Col span={10}>
-          <Form.Item
-            name="registeredAddress"
-            label="注册地址"
-            rules={[{ required: true, message: '请输入注册地址' }]}
-          >
-            <Input prefix={<EnvironmentOutlined />} placeholder="上海市普陀区XX路1888号" />
-          </Form.Item>
-        </Col>
-        <Col span={10}>
-          <Form.Item name="officeAddress" label="办公地址">
-            <Input
-              prefix={<EnvironmentOutlined />}
-              placeholder="请具体注明省、市、区、路、门牌号"
-            />
-          </Form.Item>
-        </Col> 
-        <Col span={10}>
-          <Form.Item
-            name="contactPerson"
-            label="联系人姓名"
-            rules={[{ required: true, message: '请输入联系人姓名' }]}
-          >
-            <Input placeholder="请输入联系人姓名" />
-          </Form.Item>
-        </Col>
-        <Col span={10}>
-          <Form.Item
-            name="contactPhone"
-            label="联系人手机"
-            rules={[
-              { required: true, message: '请输入联系人手机号' },
-              { pattern: /^1[3-9]\d{9}$/, message: '请输入有效的手机号' },
-            ]}
-          >
-            <Input prefix={<MobileOutlined />} placeholder="请输入11位手机号码" />
-          </Form.Item>
-        </Col>
-        { false && (
-          <Col span={10} >
-          <Form.Item
-            name="captcha"
-            label="验证码"
-            rules={[{ required: true, message: '请输入验证码' }]}
-          >
-            <Row gutter={8}>
-              <Col span={14}>
-                <Input placeholder="请输入短信验证码" />
-              </Col>
-              <Col span={10}>
-                <Button
-                  type="primary"
-                  style={{ marginTop: 0 }}
-                  disabled={countdown > 0}
-                  onClick={handleGetCaptcha}
-                >
-                  {countdown > 0 ? `${countdown}s` : '获取验证码'}
-                </Button>
-              </Col>
-            </Row>
-          </Form.Item>
-        </Col>
-        )}
-        
-        <Col span={10}>
-          <Form.Item name="contactIdType" label="联系人身份类别">
-            <Select placeholder="请选择类型">
-              <Option value="idcard">居民身份证</Option>
-              <Option value="passport">护照</Option>
-              <Option value="other">其他证件</Option>
-            </Select>
-          </Form.Item>
-        </Col>
-        <Col span={10}>
-          <Form.Item name="contactIdNumber" label="联系人证件号码">
-            <Input placeholder="请填写联系人正确的身份证号" />
-          </Form.Item>
-        </Col>
-        <Col span={10}>
-          <Form.Item
-            name="contactEmail"
-            label="联系人邮箱"
-            rules={[
-              { type: 'email', message: '请输入有效的电子邮箱' },
-              { required: true, message: '请输入电子邮箱' },
-            ]}
-          >
-            <Input prefix={<MailOutlined />} placeholder="请输入企业联系电话" />
-          </Form.Item>
-        </Col>
-        <Col span={10}>
-          <Form.Item name="telephone" label="固定电话">
-            <Input placeholder="XXX@XXX.com" />
-          </Form.Item>
-        </Col>
-        <Col span={20}>
-          <Form.Item
-            name="businessScope"
-            label="经营范围"
-            rules={[{ required: true, message: '请输入经营范围' }]}
-          >
-            <TextArea
-              placeholder="金融专用产品、广告传媒"
-              rows={2}
-              maxLength={200}
-              showCount
-              style={{ resize: 'none' }}
-            />
-          </Form.Item>
-        </Col>
-      </Row>
-
-      {/* 使用通用表单组件 */}
-      {/* <QualificationSection form={form} /> */}
-      {/* <InvoiceSection form={form} /> */}
-      {/* <BankAccountSection form={form} /> */}
-      {/* <SurveySection form={form} surveyQuestions={surveyQuestions} /> */}
-      {/* <AttachmentSection form={form} /> */}
-    </>
-  );
-};
-
-export default DomesticForm;
diff --git a/src/pages/supplier/register/supplier/ForeignForm.tsx b/src/pages/supplier/register/supplier/ForeignForm.tsx
deleted file mode 100644
index c79940a..0000000
--- a/src/pages/supplier/register/supplier/ForeignForm.tsx
+++ /dev/null
@@ -1,317 +0,0 @@
-/* 境外企业 表单项 */
-import React from 'react';
-import { Form, Input, Button, Select, Row, Col } from 'antd';
-import {
-  MobileOutlined,
-  MailOutlined,
-  EnvironmentOutlined,
-} from '@ant-design/icons';
-/**
- * 引入通用表单组件
- */
-import {
-  QualificationSection,
-  InvoiceSection,
-  BankAccountSection,
-  SurveySection,
-  AttachmentSection,
-} from './CommonFormSections';
-
-const { Option } = Select;
-const { TextArea } = Input;
-
-interface ForeignFormProps {
-  form: any;
-  countdown: number;
-  handleGetCaptcha: () => void;
-  surveyQuestions?: any; // 本身就是数组类型
-}
-
-/**
- * 境外企业注册表单
- * 基本信息部分为境外企业特有
- * 其他部分使用通用表单组件
- */
-const ForeignForm: React.FC<ForeignFormProps> = ({ form, countdown, handleGetCaptcha, surveyQuestions }) => {
-  return (
-    <>
-      {/* 境外企业特有的基本信息部分 */}
-      <div className="form-section-title">基本信息</div>
-
-      <Row gutter={24}>
-        <Col span={8}>
-          <Form.Item
-            name="companyName"
-            label="企业名称"
-            rules={[{ required: true, message: '请输入企业名称' }]}
-          >
-            <Input placeholder="请输入企业名称" />
-          </Form.Item>
-        </Col>
-        <Col span={8}>
-          <Form.Item
-            name="companyEnglishName"
-            label="企业英文名称"
-            rules={[{ required: true, message: '请输入企业英文名称' }]}
-          >
-            <Input placeholder="请输入企业英文名称" />
-          </Form.Item>
-        </Col>
-        <Col span={8}>
-          <Form.Item
-            name="companyRegNumber"
-            label="公司注册号"
-            rules={[{ required: true, message: '请输入公司注册号' }]}
-          >
-            <Input placeholder="请输入公司注册号" />
-          </Form.Item>
-        </Col>
-        <Col span={8}>
-          <Form.Item
-            name="country"
-            label="国家/地区"
-            rules={[{ required: true, message: '请选择国家/地区' }]}
-          >
-            <Select placeholder="请选择国家/地区">
-              <Option value="US">美国</Option>
-              <Option value="UK">英国</Option>
-              <Option value="JP">日本</Option>
-              <Option value="DE">德国</Option>
-              <Option value="FR">法国</Option>
-              <Option value="AU">澳大利亚</Option>
-              <Option value="CA">加拿大</Option>
-              <Option value="SG">新加坡</Option>
-              <Option value="HK">中国香港</Option>
-              <Option value="OTHER">其他</Option>
-            </Select>
-          </Form.Item>
-        </Col>
-        <Col span={8}>
-          <Form.Item
-            name="registrationPassword"
-            label="登录密码"
-            rules={[
-              { required: true, message: '请输入登录密码' },
-              { min: 8, message: '密码长度为8-20位' },
-              {
-                pattern: /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[!@#$%^&*])[A-Za-z\d!@#$%^&*]{8,20}$/,
-                message: '需要同时包含字母、数字、大小写',
-              },
-            ]}
-          >
-            <Input.Password placeholder="长度为8-20位，需要同时包含字母、数字、大小写" />
-          </Form.Item>
-        </Col>
-        <Col span={8}>
-          <Form.Item
-            name="confirmPassword"
-            label="确认密码"
-            rules={[
-              { required: true, message: '请再次输入密码' },
-              ({ getFieldValue }) => ({
-                validator(_, value) {
-                  if (!value || getFieldValue('registrationPassword') === value) {
-                    return Promise.resolve();
-                  }
-                  return Promise.reject(new Error('两次输入的密码不一致'));
-                },
-              }),
-            ]}
-          >
-            <Input.Password placeholder="请再次输入密码" />
-          </Form.Item>
-        </Col>
-        <Col span={8}>
-          <Form.Item
-            name="registeredAddress"
-            label="注册地址"
-            rules={[{ required: true, message: '请输入注册地址' }]}
-          >
-            <Input prefix={<EnvironmentOutlined />} placeholder="请具体注明" />
-          </Form.Item>
-        </Col>
-        <Col span={8}>
-          <Form.Item name="officeAddress" label="办公地址">
-            <Input prefix={<EnvironmentOutlined />} placeholder="请具体注明" />
-          </Form.Item>
-        </Col>
-        <Col span={8}>
-          <Form.Item name="parentCompanyInfo" label="母公司/出资人">
-            <Input placeholder="请输入母公司或出资人信息" />
-          </Form.Item>
-        </Col>
-        <Col span={8}>
-          <Form.Item
-            name="legalPerson"
-            label="企业法定代表人"
-            rules={[{ required: true, message: '请输入企业法定代表人' }]}
-          >
-            <Input placeholder="请输入企业法定代表人" />
-          </Form.Item>
-        </Col>
-        <Col span={8}>
-          <Form.Item
-            name="companyType"
-            label="企业性质"
-            rules={[{ required: true, message: '请选择企业性质' }]}
-          >
-            <Select placeholder="请选择企业性质">
-              <Option value="corporation">公司制企业</Option>
-              <Option value="partnership">合伙企业</Option>
-              <Option value="joint">合资企业</Option>
-              <Option value="sole">独资企业</Option>
-              <Option value="other">其他</Option>
-            </Select>
-          </Form.Item>
-        </Col>
-        <Col span={8}>
-          <Form.Item
-            name="supplierType"
-            label="供应商类型"
-            rules={[{ required: true, message: '请选择供应商类型' }]}
-          >
-            <Select placeholder="请选择供应商类型">
-              <Option value="manufacturer">制造商</Option>
-              <Option value="agent">代理商</Option>
-              <Option value="service">服务商</Option>
-              <Option value="other">其他</Option>
-            </Select>
-          </Form.Item>
-        </Col>
-        <Col span={8}>
-          <Form.Item
-            label="注册资本"
-            required
-          >
-            <Input.Group compact style={{ display: 'flex' }}>
-              <Form.Item name="capitalCurrency" noStyle initialValue="USD">
-                <Select style={{ width: 100, borderRadius: '2px 0 0 2px' }}>
-                  <Option value="USD">美元</Option>
-                  <Option value="EUR">欧元</Option>
-                  <Option value="GBP">英镑</Option>
-                  <Option value="JPY">日元</Option>
-                  <Option value="HKD">港币</Option>
-                </Select>
-              </Form.Item>
-              <Form.Item
-                name="capitalAmount"
-                noStyle
-                rules={[{ required: true, message: '请输入注册资本金额' }]}
-              >
-                <Input
-                  type="number"
-                  placeholder="请输入金额"
-                  style={{ flex: 1, borderRadius: '0 2px 2px 0', marginLeft: -1 }}
-                />
-              </Form.Item>
-            </Input.Group>
-          </Form.Item>
-        </Col>
-        
-        <Col span={8}>
-          <Form.Item
-            name="contactName"
-            label="联系人姓名"
-            rules={[{ required: true, message: '请输入联系人姓名' }]}
-          >
-            <Input placeholder="请输入联系人姓名" />
-          </Form.Item>
-        </Col>
-        <Col span={8}>
-          <Form.Item
-            name="contactPhone"
-            label="联系人手机"
-            rules={[
-              { required: true, message: '请输入联系人手机号码' },
-              { pattern: /^1[3-9]\d{9}$/, message: '请输入正确的手机号码' },
-            ]}
-          >
-            <Input
-              placeholder="请输入11位手机号码"
-              prefix={<MobileOutlined />}
-              addonAfter={
-                <Button
-                  type="link"
-                  size="small"
-                  disabled={countdown > 0}
-                  onClick={handleGetCaptcha}
-                >
-                  {countdown ? `${countdown}秒后重新获取` : '获取验证码'}
-                </Button>
-              }
-            />
-          </Form.Item>
-        </Col>
-        <Col span={8}>
-          <Form.Item
-            name="verificationCode"
-            label="验证码"
-            rules={[
-              { required: true, message: '请输入验证码' },
-              { pattern: /^\d{6}$/, message: '请输入6位数字验证码' },
-            ]}
-            extra="该手机号用于后续联系和找回密码"
-          >
-            <Input placeholder="请输入验证码" />
-          </Form.Item>
-        </Col>
-        <Col span={8}>
-          <Form.Item
-            name="contactIdType"
-            label="联系人身份类别"
-            rules={[{ required: true, message: '请选择联系人身份类别' }]}
-          >
-            <Select placeholder="请选择类型">
-              <Option value="internal">境内人士</Option>
-              <Option value="external">境外（非大陆人士）</Option>
-            </Select>
-          </Form.Item>
-        </Col>
-        <Col span={8}>
-          <Form.Item
-            name="contactIdNumber"
-            label="联系人证件号码"
-            rules={[{ required: true, message: '请输入联系人证件号码' }]}
-          >
-            <Input placeholder="请填写联系人正确的身份证号" />
-          </Form.Item>
-        </Col>
-        <Col span={8}>
-          <Form.Item
-            name="contactEmail"
-            label="联系人邮箱"
-            rules={[
-              { type: 'email', message: '请输入有效的电子邮箱' },
-              { required: true, message: '请输入电子邮箱' },
-            ]}
-          >
-            <Input prefix={<MailOutlined />} placeholder="XXX@XXX.com" />
-          </Form.Item>
-        </Col>
-        <Col span={8}>
-          <Form.Item name="telephone" label="固定电话">
-            <Input placeholder="请输入企业联系电话" />
-          </Form.Item>
-        </Col>
-        <Col span={8}>
-          <Form.Item
-            name="businessScope"
-            label="经营范围"
-            rules={[{ required: true, message: '请输入经营范围' }]}
-          >
-            <TextArea placeholder="请输入经营范围" rows={2} maxLength={200} showCount />
-          </Form.Item>
-        </Col>
-      </Row>
-
-      {/* 使用通用表单组件 */}
-      <QualificationSection form={form} />
-      <InvoiceSection form={form} />
-      <BankAccountSection form={form} />
-      <SurveySection form={form} surveyQuestions={surveyQuestions} />
-      {/* <AttachmentSection form={form} /> */}
-    </>
-  );
-};
-
-export default ForeignForm;
diff --git a/src/servers/api/register.ts b/src/servers/api/register.ts
index 9908f77..ad22ab2 100644
--- a/src/servers/api/register.ts
+++ b/src/servers/api/register.ts
@@ -7,7 +7,13 @@ export async function coscoSupplierBaseAdd(data: API.RegisterRequest) {
     data,
   });
 }
-
+// 代录供应商注册
+export async function addAgent(data: API.RegisterRequest) {
+  return request('/api/coscoSupplierBase/addAgent', {
+    method: 'POST',
+    data,
+  });
+}
 
 // 获取调查问卷
 export async function fetchSurveyQuestions(): Promise<API.APIResponse<API.SurveyQuestionResponse>> {