对接注册字段

This commit is contained in:
linxd
2025-07-16 14:01:31 +08:00
parent e76d4afa62
commit 1ff4f4dd65
3 changed files with 220 additions and 103 deletions

View File

@ -45,6 +45,14 @@ const ForeignForm: React.FC<ForeignFormProps> = ({
// 币种
const [currencyOptions, setCurrencyOptions] = useState<DictItem[]>([]);
useEffect(() => {
// 设置供应商类型为境外企业
form.setFieldsValue({
coscoSupplierBase: {
...form.getFieldValue('coscoSupplierBase'),
supplierType: 'ovs'
}
});
getregionInternational().then((res) => {
if (res.code === 200) {
setRegionOptions(res.data);
@ -69,10 +77,15 @@ const ForeignForm: React.FC<ForeignFormProps> = ({
{/* 境外企业特有的基本信息部分 */}
<div className="form-section-title"></div>
{/* 隐藏字段 - 供应商类型 */}
<Form.Item name={['coscoSupplierBase', 'supplierType']} hidden initialValue="ovs">
<Input />
</Form.Item>
<Row gutter={24}>
<Col span={8}>
<Form.Item
name={['coscoSupplierBase', 'companyName']}
name={['coscoSupplierBase', 'name']}
label="企业名称"
rules={[{ required: true, message: '请输入企业名称' }]}
>
@ -81,7 +94,7 @@ const ForeignForm: React.FC<ForeignFormProps> = ({
</Col>
<Col span={8}>
<Form.Item
name={['coscoSupplierBase', 'companyEnglishName']}
name={['coscoSupplierBase', 'nameEn']}
label="企业英文名称"
rules={[{ required: true, message: '请输入企业英文名称' }]}
>
@ -89,19 +102,24 @@ const ForeignForm: React.FC<ForeignFormProps> = ({
</Form.Item>
</Col>
<Col span={8}>
<Form.Item name={['coscoSupplierBase', 'vat']} label="税号">
<Input placeholder="请输入税号" />
<Form.Item name={['coscoSupplierBase', 'vat']} label="增值税号VAT">
<Input placeholder="请输入增值税号" />
</Form.Item>
</Col>
{/* <Col span={8}>
<Form.Item name={['coscoSupplierBase', 'taxpayerId']} label="境外纳税人ID号">
<Input placeholder="请输入境外纳税人ID号" />
</Form.Item>
</Col> */}
<Col span={8}>
<Form.Item
name={['coscoSupplierBase', 'country']}
name={['coscoSupplierBase', 'nation']}
label="国家/地区"
rules={[{ required: true, message: '请选择国家/地区' }]}
>
<Select placeholder="请选择国家/地区">
{regionOptions.map((item) => {
return <Option value={item.id}>{item.name}</Option>;
return <Option key={item.id} value={item.id}>{item.name}</Option>;
})}
</Select>
</Form.Item>
@ -141,18 +159,18 @@ const ForeignForm: React.FC<ForeignFormProps> = ({
<Input.Password placeholder="请再次输入密码" />
</Form.Item>
</Col> */}
{/* <Col span={8}>
<Col span={8}>
<Form.Item
name="registeredAddress"
name={['coscoSupplierBase', 'regAddress']}
label="注册地址"
rules={[{ required: true, message: '请输入注册地址' }]}
>
<Input prefix={<EnvironmentOutlined />} placeholder="请具体注明" />
</Form.Item>
</Col> */}
</Col>
<Col span={8}>
<Form.Item
name={['coscoSupplierBase', 'officeAddress']}
name={['coscoSupplierBase', 'workAddress']}
label="办公地址"
rules={[{ required: true, message: '请输入办公地址' }]}
>
@ -161,7 +179,7 @@ const ForeignForm: React.FC<ForeignFormProps> = ({
</Col>
<Col span={8}>
<Form.Item
name={['coscoSupplierBase', 'businessScope']}
name={['coscoSupplierBase', 'range']}
label="经营范围"
rules={[{ required: true, message: '请输入经营范围' }]}
>
@ -169,7 +187,7 @@ const ForeignForm: React.FC<ForeignFormProps> = ({
</Form.Item>
</Col>
<Col span={8}>
<Form.Item name={['coscoSupplierBase', 'parentCompanyInfo']} label="母公司/出资人">
<Form.Item name={['coscoSupplierBase', 'parentCompanyInvestor']} label="母公司/出资人">
<Input placeholder="请输入母公司或出资人信息" />
</Form.Item>
</Col>
@ -178,19 +196,21 @@ const ForeignForm: React.FC<ForeignFormProps> = ({
<Input placeholder="请输入企业法定代表人" />
</Form.Item>
</Col>
{/*
<Col span={8}>
<Form.Item
name="companyType"
name={['coscoSupplierBase', 'enterpriseType']}
label="企业类别"
rules={[{ required: true, message: '请选择企业类别' }]}
>
<Select placeholder="请选择企业类别" options={companyTypeOptions.map(item => ({
label: item.dicName,
value: item.code,
}))} />
<Select
placeholder="请选择企业类别"
options={companyTypeOptions.map(item => ({
label: item.dicName,
value: item.code,
}))}
/>
</Form.Item>
</Col> */}
</Col>
{/* <Col span={8}>
<Form.Item
name="supplierType"
@ -208,7 +228,7 @@ const ForeignForm: React.FC<ForeignFormProps> = ({
<Col span={8}>
<Form.Item label="注册资本" required>
<Input.Group compact style={{ display: 'flex' }}>
<Form.Item name={['coscoSupplierBase', 'capitalCurrency']} noStyle initialValue="USD">
<Form.Item name={['coscoSupplierBase', 'currency']} noStyle initialValue="USD">
<Select
style={{ width: 100, borderRadius: '2px 0 0 2px' }}
options={currencyOptions.map((item) => ({
@ -218,7 +238,7 @@ const ForeignForm: React.FC<ForeignFormProps> = ({
/>
</Form.Item>
<Form.Item
name={['coscoSupplierBase', 'capitalAmount']}
name={['coscoSupplierBase', 'capital']}
noStyle
rules={[{ required: true, message: '请输入注册资本金额' }]}
>
@ -234,7 +254,7 @@ const ForeignForm: React.FC<ForeignFormProps> = ({
<Col span={8}>
<Form.Item
name={['coscoSupplierBase', 'contactName']}
name={['coscoSupplierBase', 'contactsName']}
label="联系人姓名"
rules={[{ required: true, message: '请输入联系人姓名' }]}
>
@ -243,7 +263,7 @@ const ForeignForm: React.FC<ForeignFormProps> = ({
</Col>
<Col span={8}>
<Form.Item
name={['coscoSupplierBase', 'contactEmail']}
name={['coscoSupplierBase', 'contactsEmail']}
label="联系人邮箱"
rules={[
{ type: 'email', message: '请输入有效的电子邮箱' },
@ -269,7 +289,7 @@ const ForeignForm: React.FC<ForeignFormProps> = ({
</Col>
<Col span={8}>
<Form.Item
name={['coscoSupplierBase', 'verificationCode']}
name="captcha"
label="验证码"
rules={[
{ required: true, message: '请输入验证码' },
@ -281,12 +301,17 @@ const ForeignForm: React.FC<ForeignFormProps> = ({
</Col>
<Col span={8}>
<Form.Item
name={['coscoSupplierBase', 'contactPhone']}
name={['coscoSupplierBase', 'contactsPhone']}
label="联系人手机"
>
<Input placeholder="请输入企业联系电话" prefix={<MobileOutlined />} />
</Form.Item>
</Col>
<Col span={8}>
<Form.Item name={['coscoSupplierBase', 'telephone']} label="固定电话">
<Input placeholder="请输入企业固定电话" />
</Form.Item>
</Col>
{/* <Col span={8}>
<Form.Item
name="contactIdType"
@ -308,12 +333,6 @@ const ForeignForm: React.FC<ForeignFormProps> = ({
<Input placeholder="请填写联系人正确的身份证号" />
</Form.Item>
</Col> */}
{/* <Col span={8}>
<Form.Item name="telephone" label="固定电话">
<Input placeholder="请输入企业联系电话" />
</Form.Item>
</Col> */}
</Row>
{/* 使用通用表单组件 */}