对接注册字段
This commit is contained in:
@ -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>
|
||||
|
||||
{/* 使用通用表单组件 */}
|
||||
|
Reference in New Issue
Block a user