Skip to content

M
merchant-manage-ui
Commit 931c1e92 authored by 张子雨's avatar 张子雨
Browse files
Options

feat: 添加校验

parent a09a0f43
Hide whitespace changes
Inline Side-by-side
Showing with 482 additions and 376 deletions
src/pages/businessManage/info/index.jsx
View file @ 931c1e92
...@@ -52,7 +52,7 @@ const { Option } = Select; ...@@ -52,7 +52,7 @@ const { Option } = Select;
const { Item: FormItem } = Form; const { Item: FormItem } = Form;
const { RangePicker } = DatePicker; const { RangePicker } = DatePicker;
const { TabPane } = Tabs; const { TabPane } = Tabs;
const carID = 301008; // 汽车类商家
class BusinessInfo extends Component { class BusinessInfo extends Component {
getFieldDecorator = this.props?.form?.getFieldDecorator; getFieldDecorator = this.props?.form?.getFieldDecorator;
...@@ -82,6 +82,7 @@ class BusinessInfo extends Component { ...@@ -82,6 +82,7 @@ class BusinessInfo extends Component {
checkboxDisabled: false, checkboxDisabled: false,
mainCategoryId: null, mainCategoryId: null,
companyNamedis: false, // 公司名称 companyNamedis: false, // 公司名称
storedis: true, // 到店校验
}; };
async componentDidMount() { async componentDidMount() {
...@@ -321,7 +322,9 @@ class BusinessInfo extends Component { ...@@ -321,7 +322,9 @@ class BusinessInfo extends Component {
} }
onChangeBusinessModel = e => { onChangeBusinessModel = e => {
const storedis = e.includes(3);
this.getCategoryList(e); this.getCategoryList(e);
this.setState({ storedis });
this.props.form.setFieldsValue({ this.props.form.setFieldsValue({
mainCategoryId: '', mainCategoryId: '',
}); });
...@@ -338,7 +341,14 @@ class BusinessInfo extends Component { ...@@ -338,7 +341,14 @@ class BusinessInfo extends Component {
const { const {
form: { getFieldDecorator }, form: { getFieldDecorator },
} = this.props; } = this.props;
const { businessInfo, type, checkboxDisabled, mainCategoryId, companyNamedis } = this.state; const {
businessInfo,
type,
checkboxDisabled,
mainCategoryId,
companyNamedis,
storedis,
} = this.state;
return ( return (
<div className={styles.infoBox}> <div className={styles.infoBox}>
<Form className="login-form" onSubmit={this.handleSubmit} {...formItemLayout}> <Form className="login-form" onSubmit={this.handleSubmit} {...formItemLayout}>
...@@ -417,22 +427,26 @@ class BusinessInfo extends Component { ...@@ -417,22 +427,26 @@ class BusinessInfo extends Component {
})(<Input />)} })(<Input />)}
</FormItem> </FormItem>
</Col> </Col>
<Col span={12}> {+mainCategoryId !== carID && (
<FormItem label="客服电话" labelCol={{ span: 5 }}> <>
{getFieldDecorator('servicePhone', { <Col span={12}>
rules: [{ required: true, message: '请输入客服电话!' }], <FormItem label="客服电话" labelCol={{ span: 5 }}>
initialValue: businessInfo.servicePhone, {getFieldDecorator('servicePhone', {
})(<Input maxLength={11} />)} rules: [{ required: true, message: '请输入客服电话!' }],
</FormItem> initialValue: businessInfo.servicePhone,
</Col> })(<Input maxLength={11} />)}
<Col span={24}> </FormItem>
<FormItem label="签约日期" labelCol={{ span: 4 }}> </Col>
{getFieldDecorator('signDateType', { <Col span={24}>
rules: [{ required: true, message: '请选择签约日期' }], <FormItem label="签约日期" labelCol={{ span: 4 }}>
initialValue: businessInfo.signDateType, {getFieldDecorator('signDateType', {
})(<Checkbox.Group options={signDateTypeList} />)} rules: [{ required: true, message: '请选择签约日期' }],
</FormItem> initialValue: businessInfo.signDateType,
</Col> })(<Checkbox.Group options={signDateTypeList} />)}
</FormItem>
</Col>
</>
)}
</Row> </Row>
</Card> </Card>
<Card title="店铺营业信息"> <Card title="店铺营业信息">
...@@ -451,29 +465,32 @@ class BusinessInfo extends Component { ...@@ -451,29 +465,32 @@ class BusinessInfo extends Component {
)} )}
</FormItem> </FormItem>
</Col> </Col>
{+mainCategoryId !== carID && (
<Col span={24}> <>
<FormItem label="服务设施" labelCol={{ span: 4 }}> <Col span={24}>
{getFieldDecorator('selfList', { <FormItem label="服务设施" labelCol={{ span: 4 }}>
initialValue: businessInfo.selfList, {getFieldDecorator('selfList', {
})( initialValue: businessInfo.selfList,
<Select mode="multiple"> })(
{this.state.serviceFacilitys.map(item => ( <Select mode="multiple">
<Option value={item.code} key={item.code}> {this.state.serviceFacilitys.map(item => (
{item.desc} <Option value={item.code} key={item.code}>
</Option> {item.desc}
))} </Option>
</Select>, ))}
)} </Select>,
</FormItem> )}
</Col> </FormItem>
<Col span={24}> </Col>
<FormItem label="自定义服务设施" labelCol={{ span: 4 }}> <Col span={24}>
{getFieldDecorator('customList', { <FormItem label="自定义服务设施" labelCol={{ span: 4 }}>
initialValue: businessInfo.customList, {getFieldDecorator('customList', {
})(renderServiceTags.call(this))} initialValue: businessInfo.customList,
</FormItem> })(renderServiceTags.call(this))}
</Col> </FormItem>
</Col>
</>
)}
</Card> </Card>
<Card title="证照信息录入区"> <Card title="证照信息录入区">
<Row gutter={24}> <Row gutter={24}>
...@@ -500,20 +517,23 @@ class BusinessInfo extends Component { ...@@ -500,20 +517,23 @@ class BusinessInfo extends Component {
)} )}
</FormItem> </FormItem>
</Col> </Col>
<Col span={24}> {+mainCategoryId !== carID && (
<FormItem label="企业类型" labelCol={{ span: 4 }}> <Col span={24}>
{getFieldDecorator('companyType', { <FormItem label="企业类型" labelCol={{ span: 4 }}>
rules: [{ required: true, message: '请选择企业类型!' }], {getFieldDecorator('companyType', {
initialValue: businessInfo.companyType, rules: [{ required: true, message: '请选择企业类型!' }],
})( initialValue: businessInfo.companyType,
<Radio.Group disabled={businessInfo.companyType}> })(
<Radio value={1}>一般纳税人</Radio> <Radio.Group disabled={businessInfo.companyType}>
<Radio value={2}>小规模</Radio> <Radio value={1}>一般纳税人</Radio>
<Radio value={3}>个体工商</Radio> <Radio value={2}>小规模</Radio>
</Radio.Group>, <Radio value={3}>个体工商</Radio>
)} </Radio.Group>,
</FormItem> )}
</Col> </FormItem>
</Col>
)}
<Col span={24} className={styles.imgList}> <Col span={24} className={styles.imgList}>
<FormItem label="营业执照" labelCol={{ span: 4 }} wrapperCol={wrapperCol}> <FormItem label="营业执照" labelCol={{ span: 4 }} wrapperCol={wrapperCol}>
{getFieldDecorator('businessLicenseImage', { {getFieldDecorator('businessLicenseImage', {
...@@ -533,124 +553,136 @@ class BusinessInfo extends Component { ...@@ -533,124 +553,136 @@ class BusinessInfo extends Component {
)} )}
</FormItem> </FormItem>
</Col> </Col>
<Col span={12}> {+mainCategoryId !== carID && (
<Row> <>
<Col span={4} style={{ marginTop: '4px' }}> <Col span={12}>
{businessInfo.companyName && ( <Row>
<Button onClick={this.setCompanyName}>修改</Button> <Col span={4} style={{ marginTop: '4px' }}>
)} {businessInfo.companyName && (
<Button onClick={this.setCompanyName}>修改</Button>
)}
</Col>
<Col span={12}>
<FormItem label="公司名称" labelCol={{ span: 8 }}>
{getFieldDecorator('companyName', {
rules: [{ required: true, message: '请输入公司名称!' }],
initialValue: businessInfo.companyName,
})(<Input maxLength={50} disabled={companyNamedis} />)}
</FormItem>
</Col>
</Row>
</Col> </Col>
<Col span={12}> <Col span={12}>
<FormItem label="公司名称" labelCol={{ span: 8 }}> <FormItem label="统一社会信用代码" labelCol={{ span: 8 }}>
{getFieldDecorator('companyName', { {getFieldDecorator('socialCode', {
rules: [{ required: true, message: '请输入公司名称!' }], rules: [{ required: true, message: '请输入统一社会信用代码!' }],
initialValue: businessInfo.companyName, initialValue: businessInfo.socialCode,
})(<Input maxLength={50} disabled={companyNamedis} />)} })(<Input maxLength={32} />)}
</FormItem> </FormItem>
</Col> </Col>
</Row> {(!companyNamedis &&
</Col> businessInfo.companyType &&
<Col span={12}> businessInfo.companyType !== 2) ||
<FormItem label="统一社会信用代码" labelCol={{ span: 8 }}> (!companyNamedis && businessInfo?.icbProofImage?.length) ? (
{getFieldDecorator('socialCode', { <Col span={12}>
rules: [{ required: true, message: '请输入统一社会信用代码!' }], <FormItem
initialValue: businessInfo.socialCode, label="工商局变更证明"
})(<Input maxLength={32} />)} labelCol={{ span: 8 }}
</FormItem> wrapperCol={wrapperCol}
</Col>
{(!companyNamedis && businessInfo.companyType && businessInfo.companyType !== 2) ||
(!companyNamedis && businessInfo?.icbProofImage?.length) ? (
<Col span={12}>
<FormItem label="工商局变更证明" labelCol={{ span: 8 }} wrapperCol={wrapperCol}>
{getFieldDecorator('icbProofImage', {
rules: [{ required: true, message: '请上传工商局变更证明!' }],
initialValue: businessInfo.icbProofImage,
})(
<Upload
{...uploadPropsFn.call(this, {
keyName: 'icbProofImage',
limit: 1,
})}
fileList={businessInfo.icbProofImage}
>
<UploadOutlined /> 上传文件
</Upload>,
)}
</FormItem>
</Col>
) : (
''
)}
{(!companyNamedis && businessInfo.companyType && businessInfo.companyType === 2) ||
(!companyNamedis && businessInfo?.householdRegisterImage?.length) ? (
<Col span={12}>
<FormItem label="户口本本人页" labelCol={{ span: 8 }} wrapperCol={wrapperCol}>
{getFieldDecorator('householdRegisterImage', {
rules: [{ required: true, message: '请上传户口本本人页!' }],
initialValue: businessInfo.householdRegisterImage,
})(
<Upload
{...uploadPropsFn.call(this, {
keyName: 'householdRegisterImage',
limit: 1,
})}
fileList={businessInfo.householdRegisterImage}
> >
<UploadOutlined /> 上传文件 {getFieldDecorator('icbProofImage', {
</Upload>, rules: [{ required: true, message: '请上传工商局变更证明!' }],
)} initialValue: businessInfo.icbProofImage,
</FormItem> })(
</Col> <Upload
) : ( {...uploadPropsFn.call(this, {
'' keyName: 'icbProofImage',
)} limit: 1,
<Col span={24}> })}
<FormItem label="营业执照有效期" labelCol={{ span: 4 }}> fileList={businessInfo.icbProofImage}
{getFieldDecorator('businessLicensePeriod', { >
rules: [{ required: true, message: '请选择营业执照有效期!' }], <UploadOutlined /> 上传文件
initialValue: businessInfo.businessLicensePeriod, </Upload>,
})(<DatePicker maxLength={50} />)} )}
</FormItem> </FormItem>
</Col> </Col>
<Col span={24}> ) : (
<FormItem label="类目所需资质" labelCol={{ span: 4 }} wrapperCol={wrapperCol}> ''
{getFieldDecorator('categoryQualificateImage', {
initialValue: businessInfo.categoryQualificateImage,
})(
<Upload
{...uploadPropsFn.call(this, {
keyName: 'categoryQualificateImage',
type: 6,
})}
fileList={businessInfo.categoryQualificateImage}
>
<UploadOutlined /> 上传文件
</Upload>,
)} )}
</FormItem> {(!companyNamedis &&
</Col> businessInfo.companyType &&
<Col span={24}> businessInfo.companyType === 2) ||
<FormItem label="电子签章" labelCol={{ span: 4 }} wrapperCol={wrapperCol}> (!companyNamedis && businessInfo?.householdRegisterImage?.length) ? (
{getFieldDecorator('sealImage', { <Col span={12}>
rules: [{ required: true, message: '请上传电子签章!' }], <FormItem label="户口本本人页" labelCol={{ span: 8 }} wrapperCol={wrapperCol}>
initialValue: businessInfo.sealImage, {getFieldDecorator('householdRegisterImage', {
})( rules: [{ required: true, message: '请上传户口本本人页!' }],
<Upload initialValue: businessInfo.householdRegisterImage,
{...uploadPropsFn.call(this, { })(
keyName: 'sealImage', <Upload
type: 3, {...uploadPropsFn.call(this, {
maxSize: 1024 * 200, keyName: 'householdRegisterImage',
maxSizeMsg: '文件大小不能超过200K', limit: 1,
limit: 1, })}
})} fileList={businessInfo.householdRegisterImage}
fileList={businessInfo.sealImage} >
> <UploadOutlined /> 上传文件
<UploadOutlined /> 上传文件 </Upload>,
</Upload>, )}
</FormItem>
</Col>
) : (
''
)} )}
</FormItem> <Col span={24}>
</Col> <FormItem label="营业执照有效期" labelCol={{ span: 4 }}>
{+mainCategoryId === 301008 && ( {getFieldDecorator('businessLicensePeriod', {
rules: [{ required: true, message: '请选择营业执照有效期!' }],
initialValue: businessInfo.businessLicensePeriod,
})(<DatePicker maxLength={50} />)}
</FormItem>
</Col>
<Col span={24}>
<FormItem label="类目所需资质" labelCol={{ span: 4 }} wrapperCol={wrapperCol}>
{getFieldDecorator('categoryQualificateImage', {
initialValue: businessInfo.categoryQualificateImage,
})(
<Upload
{...uploadPropsFn.call(this, {
keyName: 'categoryQualificateImage',
type: 6,
})}
fileList={businessInfo.categoryQualificateImage}
>
<UploadOutlined /> 上传文件
</Upload>,
)}
</FormItem>
</Col>
<Col span={24}>
<FormItem label="电子签章" labelCol={{ span: 4 }} wrapperCol={wrapperCol}>
{getFieldDecorator('sealImage', {
rules: [{ required: true, message: '请上传电子签章!' }],
initialValue: businessInfo.sealImage,
})(
<Upload
{...uploadPropsFn.call(this, {
keyName: 'sealImage',
type: 3,
maxSize: 1024 * 200,
maxSizeMsg: '文件大小不能超过200K',
limit: 1,
})}
fileList={businessInfo.sealImage}
>
<UploadOutlined /> 上传文件
</Upload>,
)}
</FormItem>
</Col>
</>
)}
{(+mainCategoryId === carID || storedis) && (
<> <>
<Col span={24}> <Col span={24}>
<FormItem label="授权品牌" labelCol={{ span: 4 }}> <FormItem label="授权品牌" labelCol={{ span: 4 }}>
...@@ -686,99 +718,111 @@ class BusinessInfo extends Component { ...@@ -686,99 +718,111 @@ class BusinessInfo extends Component {
</Card> </Card>
<Card title="法人信息录入区"> <Card title="法人信息录入区">
<Row gutter={24}> <Row gutter={24}>
<Col span={12} className={styles.imgList}> {+mainCategoryId !== carID && (
<FormItem label="法人身份证人像面" labelCol={{ span: 8 }} wrapperCol={wrapperCol}> <>
{getFieldDecorator('idCardPortraitImage', { <Col span={12} className={styles.imgList}>
rules: [{ required: true, message: '请上传身份证人像面!' }],
initialValue: businessInfo.idCardPortraitImage,
})(
<Upload
{...uploadPropsFn.call(
this,
{ keyName: 'idCardPortraitImage', type: 5 },
this.dealImgInfo,
)}
fileList={businessInfo.idCardPortraitImage}
>
<UploadOutlined />
<div>身份证人像面</div>
</Upload>,
)}
</FormItem>
</Col>
<Col span={12} className={styles.imgList}>
<FormItem label="法人身份证国徽面" labelCol={{ span: 8 }} wrapperCol={wrapperCol}>
{getFieldDecorator('idCardEmblemImage', {
rules: [{ required: true, message: '请上传身份证国徽面!' }],
initialValue: businessInfo.idCardEmblemImage,
})(
<Upload
{...uploadPropsFn.call(
this,
{ keyName: 'idCardEmblemImage', type: 4 },
this.dealImgInfo,
)}
fileList={businessInfo.idCardEmblemImage}
>
<UploadOutlined />
<div>身份证国徽面</div>
</Upload>,
)}
</FormItem>
</Col>
<Col span={12}>
<FormItem label="证件姓名" labelCol={{ span: 8 }}>
{getFieldDecorator('legalPersonName', {
rules: [{ required: true, message: '请输入证件姓名!' }],
initialValue: businessInfo.legalPersonName,
})(<Input maxLength={8} />)}
</FormItem>
</Col>
<Col span={12}>
<FormItem label="身份证号码" labelCol={{ span: 8 }}>
{getFieldDecorator('legalPersonIdCard', {
rules: [{ required: true, message: '请输入身份证号码!' }],
initialValue: businessInfo.legalPersonIdCard,
})(<Input maxLength={18} />)}
</FormItem>
</Col>
<Col span={12}>
<FormItem label="身份证起始有效期" labelCol={{ span: 8 }}>
{getFieldDecorator('legalPersonStart', {
rules: [{ required: true, message: '身份证起始有效期!' }],
initialValue: businessInfo.legalPersonStart,
})(<DatePicker style={{ width: '200px' }} />)}
</FormItem>
</Col>
<Col span={12}>
<Row gutter={24}>
<Col span={19}>
<FormItem <FormItem
label="身份证结束有效期" label="法人身份证人像面"
labelCol={{ span: 12 }} labelCol={{ span: 8 }}
wrapperCol={{ span: 12 }} wrapperCol={wrapperCol}
> >
{getFieldDecorator('legalPersonEnd', { {getFieldDecorator('idCardPortraitImage', {
rules: [{ required: !checkboxDisabled, message: '身份证结束有效期!' }], rules: [{ required: true, message: '请上传身份证人像面!' }],
initialValue: businessInfo.legalPersonEnd, initialValue: businessInfo.idCardPortraitImage,
})(<DatePicker style={{ width: '200px' }} disabled={checkboxDisabled} />)} })(
<Upload
{...uploadPropsFn.call(
this,
{ keyName: 'idCardPortraitImage', type: 5 },
this.dealImgInfo,
)}
fileList={businessInfo.idCardPortraitImage}
>
<UploadOutlined />
<div>身份证人像面</div>
</Upload>,
)}
</FormItem> </FormItem>
</Col> </Col>
<Col span={5}> <Col span={12} className={styles.imgList}>
<FormItem> <FormItem
{getFieldDecorator('legalPersonPeriod', { label="法人身份证国徽面"
initialValue: businessInfo.checked, labelCol={{ span: 8 }}
wrapperCol={wrapperCol}
>
{getFieldDecorator('idCardEmblemImage', {
rules: [{ required: true, message: '请上传身份证国徽面!' }],
initialValue: businessInfo.idCardEmblemImage,
})( })(
<Checkbox.Group <Upload
options={legalPersonList} {...uploadPropsFn.call(
className={styles.radio} this,
onChange={e => this.oncheckedChange(e)} { keyName: 'idCardEmblemImage', type: 4 },
/>, this.dealImgInfo,
)}
fileList={businessInfo.idCardEmblemImage}
>
<UploadOutlined />
<div>身份证国徽面</div>
</Upload>,
)} )}
</FormItem> </FormItem>
</Col> </Col>
</Row> <Col span={12}>
</Col> <FormItem label="证件姓名" labelCol={{ span: 8 }}>
{getFieldDecorator('legalPersonName', {
rules: [{ required: true, message: '请输入证件姓名!' }],
initialValue: businessInfo.legalPersonName,
})(<Input maxLength={8} />)}
</FormItem>
</Col>
<Col span={12}>
<FormItem label="身份证号码" labelCol={{ span: 8 }}>
{getFieldDecorator('legalPersonIdCard', {
rules: [{ required: true, message: '请输入身份证号码!' }],
initialValue: businessInfo.legalPersonIdCard,
})(<Input maxLength={18} />)}
</FormItem>
</Col>
<Col span={12}>
<FormItem label="身份证起始有效期" labelCol={{ span: 8 }}>
{getFieldDecorator('legalPersonStart', {
rules: [{ required: true, message: '身份证起始有效期!' }],
initialValue: businessInfo.legalPersonStart,
})(<DatePicker style={{ width: '200px' }} />)}
</FormItem>
</Col>
<Col span={12}>
<Row gutter={24}>
<Col span={19}>
<FormItem
label="身份证结束有效期"
labelCol={{ span: 12 }}
wrapperCol={{ span: 12 }}
>
{getFieldDecorator('legalPersonEnd', {
rules: [{ required: !checkboxDisabled, message: '身份证结束有效期!' }],
initialValue: businessInfo.legalPersonEnd,
})(<DatePicker style={{ width: '200px' }} disabled={checkboxDisabled} />)}
</FormItem>
</Col>
<Col span={5}>
<FormItem>
{getFieldDecorator('legalPersonPeriod', {
initialValue: businessInfo.checked,
})(
<Checkbox.Group
options={legalPersonList}
className={styles.radio}
onChange={e => this.oncheckedChange(e)}
/>,
)}
</FormItem>
</Col>
</Row>
</Col>
</>
)}
<Col span={12}> <Col span={12}>
<FormItem label="手机号" labelCol={{ span: 8 }}> <FormItem label="手机号" labelCol={{ span: 8 }}>
{getFieldDecorator('legalPersonPhone', { {getFieldDecorator('legalPersonPhone', {
...@@ -790,39 +834,195 @@ class BusinessInfo extends Component { ...@@ -790,39 +834,195 @@ class BusinessInfo extends Component {
})(<Input maxLength={11} />)} })(<Input maxLength={11} />)}
</FormItem> </FormItem>
</Col> </Col>
<Col span={24}> {+mainCategoryId !== carID && (
<FormItem label="其它证照" labelCol={{ span: 4 }} wrapperCol={wrapperCol}> <Col span={24}>
{getFieldDecorator('otherImage', { <FormItem label="其它证照" labelCol={{ span: 4 }} wrapperCol={wrapperCol}>
initialValue: businessInfo.otherImage, {getFieldDecorator('otherImage', {
})( initialValue: businessInfo.otherImage,
<Upload })(
{...uploadPropsFn.call(this, { keyName: 'otherImage', limit: 9, type: 7 })} <Upload
fileList={businessInfo.otherImage} {...uploadPropsFn.call(this, { keyName: 'otherImage', limit: 9, type: 7 })}
> fileList={businessInfo.otherImage}
<UploadOutlined /> 上传文件 >
</Upload>, <UploadOutlined /> 上传文件
)} </Upload>,
</FormItem> )}
</Col> </FormItem>
</Col>
)}
</Row> </Row>
</Card> </Card>
<Card title="结算信息录入区"> <Card title="结算信息录入区">
<Row gutter={24}> {+mainCategoryId !== carID && (
<Col span={24}> <>
<FormItem label="账户类型" labelCol={{ span: 4 }} wrapperCol={wrapperCol}> <Row gutter={24}>
{getFieldDecorator('settlementType', { <Col span={24}>
rules: [{ required: true, message: '请选择账户类型!' }], <FormItem label="账户类型" labelCol={{ span: 4 }} wrapperCol={wrapperCol}>
initialValue: businessInfo.settlementType, {getFieldDecorator('settlementType', {
})( rules: [{ required: true, message: '请选择账户类型!' }],
<Radio.Group onChange={e => this.onChangeSettlType(e)}> initialValue: businessInfo.settlementType,
<Radio value={1}>对公</Radio> })(
<Radio value={2}>对私(小微商户)</Radio> <Radio.Group onChange={e => this.onChangeSettlType(e)}>
</Radio.Group>, <Radio value={1}>对公</Radio>
)} <Radio value={2}>对私(小微商户)</Radio>
</FormItem> </Radio.Group>,
</Col> )}
</Row> </FormItem>
{this.state.settlementType === 1 && ( </Col>
</Row>
{this.state.settlementType === 1 && (
<Row gutter={24}>
<Col span={12}>
<FormItem label="开户许可证" labelCol={{ span: 8 }} wrapperCol={wrapperCol}>
{getFieldDecorator('accountOpenPermitImage', {
rules: [{ required: true, message: '请上传开户许可证!' }],
initialValue: businessInfo.accountOpenPermitImage,
})(
<Upload
{...uploadPropsFn.call(this, {
keyName: 'accountOpenPermitImage',
type: 8,
})}
fileList={businessInfo.accountOpenPermitImage}
>
<UploadOutlined /> 上传文件
</Upload>,
)}
</FormItem>
</Col>
<Col span={12}>
<FormItem label="开户许可证编号" labelCol={{ span: 8 }}>
{getFieldDecorator('bankAccountLicenseNum', {
rules: [{ required: true, message: '请输入开户许可证编号!' }],
initialValue: businessInfo.bankAccountLicenseNum,
})(<Input maxLength={32} />)}
</FormItem>
</Col>
<Col span={12}>
<FormItem label="开户名称" labelCol={{ span: 8 }}>
{getFieldDecorator('bankAccountName', {
rules: [{ required: true, message: '请输入开户名称!' }],
initialValue: businessInfo.bankAccountName,
})(<Input maxLength={32} />)}
</FormItem>
</Col>
<Col span={12}>
<FormItem label="开户行" labelCol={{ span: 8 }}>
{getFieldDecorator('accountBankName', {
rules: [{ required: true, message: '请选择开户行!' }],
initialValue: businessInfo.accountBankName,
})(
<Select
showSearch
filterOption={(input, option) =>
(option?.value ?? '').toLowerCase().includes(input.toLowerCase())
}
>
{this.state.bankList.map(item => (
<Option value={item.bankName} key={item.bankName}>
{item.bankName}
</Option>
))}
</Select>,
)}
</FormItem>
</Col>
<Col span={12}>
<FormItem label="银行帐号" labelCol={{ span: 8 }}>
{getFieldDecorator('bankAccount', {
rules: [{ required: true, message: '请输入银行帐号!' }],
initialValue: businessInfo.bankAccount,
})(<Input maxLength={20} />)}
</FormItem>
</Col>
<Col span={12}>
<FormItem label="联行号" labelCol={{ span: 8 }}>
{getFieldDecorator('interbankNum', {
initialValue: businessInfo.interbankNum,
})(<Input maxLength={50} />)}
</FormItem>
</Col>
<Col span={24}>
<FormItem
label="非同名结算授权文件"
labelCol={{ span: 4 }}
wrapperCol={wrapperCol}
>
{getFieldDecorator('differentNameAuthorizationImage', {
initialValue: businessInfo.differentNameAuthorizationImage,
})(
<Upload
{...uploadPropsFn.call(this, {
keyName: 'differentNameAuthorizationImage',
limit: 1,
})}
fileList={businessInfo.differentNameAuthorizationImage}
>
<UploadOutlined /> 上传文件
</Upload>,
)}
</FormItem>
</Col>
</Row>
)}
{this.state.settlementType === 2 && (
<Row gutter={24}>
<Col span={12}>
<FormItem label="银行卡类型" labelCol={{ span: 8 }}>
{getFieldDecorator('bankAccountType', {
rules: [{ required: true, message: '请选择银行卡类型!' }],
initialValue: businessInfo.bankAccountType,
})(
<Select>
<Option value={1} key={1}>
借记卡
</Option>
</Select>,
)}
</FormItem>
</Col>
<Col span={12}>
<FormItem label="开户名称" labelCol={{ span: 8 }}>
{getFieldDecorator('bankAccountName', {
rules: [{ required: true, message: '请输入开户名称!' }],
initialValue: businessInfo.bankAccountName,
})(<Input maxLength={32} />)}
</FormItem>
</Col>
<Col span={12}>
<FormItem label="开户行" labelCol={{ span: 8 }}>
{getFieldDecorator('accountBankName', {
rules: [{ required: true, message: '请选择开户行!' }],
initialValue: businessInfo.accountBankName,
})(
<Select
showSearch
filterOption={(input, option) =>
(option?.value ?? '').toLowerCase().includes(input.toLowerCase())
}
>
{this.state.bankList.map(item => (
<Option value={item.bankName} key={item.bankName}>
{item.bankName}
</Option>
))}
</Select>,
)}
</FormItem>
</Col>
<Col span={12}>
<FormItem label="银行帐号" labelCol={{ span: 8 }}>
{getFieldDecorator('bankAccount', {
rules: [{ required: true, message: '请输入银行帐号!' }],
initialValue: businessInfo.bankAccount,
})(<Input maxLength={20} />)}
</FormItem>
</Col>
</Row>
)}
</>
)}
{+mainCategoryId === carID && (
<Row gutter={24}> <Row gutter={24}>
<Col span={12}> <Col span={12}>
<FormItem label="开户许可证" labelCol={{ span: 8 }} wrapperCol={wrapperCol}> <FormItem label="开户许可证" labelCol={{ span: 8 }} wrapperCol={wrapperCol}>
...@@ -842,97 +1042,6 @@ class BusinessInfo extends Component { ...@@ -842,97 +1042,6 @@ class BusinessInfo extends Component {
)} )}
</FormItem> </FormItem>
</Col> </Col>
<Col span={12}>
<FormItem label="开户许可证编号" labelCol={{ span: 8 }}>
{getFieldDecorator('bankAccountLicenseNum', {
rules: [{ required: true, message: '请输入开户许可证编号!' }],
initialValue: businessInfo.bankAccountLicenseNum,
})(<Input maxLength={32} />)}
</FormItem>
</Col>
<Col span={12}>
<FormItem label="开户名称" labelCol={{ span: 8 }}>
{getFieldDecorator('bankAccountName', {
rules: [{ required: true, message: '请输入开户名称!' }],
initialValue: businessInfo.bankAccountName,
})(<Input maxLength={32} />)}
</FormItem>
</Col>
<Col span={12}>
<FormItem label="开户行" labelCol={{ span: 8 }}>
{getFieldDecorator('accountBankName', {
rules: [{ required: true, message: '请选择开户行!' }],
initialValue: businessInfo.accountBankName,
})(
<Select
showSearch
filterOption={(input, option) =>
(option?.value ?? '').toLowerCase().includes(input.toLowerCase())
}
>
{this.state.bankList.map(item => (
<Option value={item.bankName} key={item.bankName}>
{item.bankName}
</Option>
))}
</Select>,
)}
</FormItem>
</Col>
<Col span={12}>
<FormItem label="银行帐号" labelCol={{ span: 8 }}>
{getFieldDecorator('bankAccount', {
rules: [{ required: true, message: '请输入银行帐号!' }],
initialValue: businessInfo.bankAccount,
})(<Input maxLength={20} />)}
</FormItem>
</Col>
<Col span={12}>
<FormItem label="联行号" labelCol={{ span: 8 }}>
{getFieldDecorator('interbankNum', {
initialValue: businessInfo.interbankNum,
})(<Input maxLength={50} />)}
</FormItem>
</Col>
<Col span={24}>
<FormItem
label="非同名结算授权文件"
labelCol={{ span: 4 }}
wrapperCol={wrapperCol}
>
{getFieldDecorator('differentNameAuthorizationImage', {
initialValue: businessInfo.differentNameAuthorizationImage,
})(
<Upload
{...uploadPropsFn.call(this, {
keyName: 'differentNameAuthorizationImage',
limit: 1,
})}
fileList={businessInfo.differentNameAuthorizationImage}
>
<UploadOutlined /> 上传文件
</Upload>,
)}
</FormItem>
</Col>
</Row>
)}
{this.state.settlementType === 2 && (
<Row gutter={24}>
<Col span={12}>
<FormItem label="银行卡类型" labelCol={{ span: 8 }}>
{getFieldDecorator('bankAccountType', {
rules: [{ required: true, message: '请选择银行卡类型!' }],
initialValue: businessInfo.bankAccountType,
})(
<Select>
<Option value={1} key={1}>
借记卡
</Option>
</Select>,
)}
</FormItem>
</Col>
<Col span={12}> <Col span={12}>
<FormItem label="开户名称" labelCol={{ span: 8 }}> <FormItem label="开户名称" labelCol={{ span: 8 }}>
{getFieldDecorator('bankAccountName', { {getFieldDecorator('bankAccountName', {
...@@ -973,8 +1082,7 @@ class BusinessInfo extends Component { ...@@ -973,8 +1082,7 @@ class BusinessInfo extends Component {
</Row> </Row>
)} )}
</Card> </Card>
{/* 汽车301008 */} {(+mainCategoryId === carID || storedis) && (
{+mainCategoryId === 301008 ? (
<Card title="其他信息"> <Card title="其他信息">
<Row gutter={24}> <Row gutter={24}>
<Col span={24}> <Col span={24}>
...@@ -987,8 +1095,6 @@ class BusinessInfo extends Component { ...@@ -987,8 +1095,6 @@ class BusinessInfo extends Component {
</Col> </Col>
</Row> </Row>
</Card> </Card>
) : (
''
)} )}
<div className={styles.formBtns}> <div className={styles.formBtns}>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment