|
|
@@ -1,5 +1,6 @@
|
|
|
+//eslint-disable
|
|
|
import React from 'react';
|
|
|
-import { Spin, Select, Input, Upload, Button, Checkbox } from 'antd';
|
|
|
+import { Spin, Select, Input, Upload, Button, Checkbox, Form,Tooltip } from 'antd';
|
|
|
import { UploadOutlined } from '@ant-design/icons';
|
|
|
import axios from "axios";
|
|
|
import select_data from '../../common/ssq';
|
|
|
@@ -16,18 +17,18 @@ export default class centerW extends React.Component {
|
|
|
headerProps: {
|
|
|
progress: {
|
|
|
strokeColor: {
|
|
|
- '0%': '#108ee9',
|
|
|
- '100%': '#87d068',
|
|
|
+ '0%': '#108ee9',
|
|
|
+ '100%': '#87d068',
|
|
|
},
|
|
|
strokeWidth: 3,
|
|
|
format: percent => `${parseFloat(percent.toFixed(2))}%`,
|
|
|
- }
|
|
|
+ }
|
|
|
},
|
|
|
imgType: null,
|
|
|
Params: this.props.arr,
|
|
|
tradingScenarios: [],
|
|
|
datas: {},
|
|
|
- signedType: '',
|
|
|
+ signedName: '',
|
|
|
businessLicensePath: '',//营业执照照片路径
|
|
|
openAccountPath: '',//开户许可证照片路径
|
|
|
legalIdCardProsPath: '',//法人证件人像面路径
|
|
|
@@ -40,18 +41,40 @@ export default class centerW extends React.Component {
|
|
|
legalPersonBankCardPath: '',//法人银行卡图影印件路径
|
|
|
desireAuthOtherPath: '',//确认入网意愿其他验证方式路径
|
|
|
otherCerPath: '',//其他资质文件路径
|
|
|
- scLodings : null
|
|
|
+ scLodings: null,
|
|
|
+ offlist: select_data.offlist,
|
|
|
+ validation_list: [],
|
|
|
+ form_width: 200
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
componentDidMount() {
|
|
|
this.props.onRef(this);
|
|
|
- let signedType = JSON.parse(localStorage.getItem('oData')).signedType;
|
|
|
- localStorage.setItem('rightArray',JSON.stringify(select_data.rightArray))
|
|
|
+ let registerRole = JSON.parse(localStorage.getItem('oData')).registerRole;
|
|
|
+ localStorage.setItem('rightArray', JSON.stringify(select_data.rightArray))
|
|
|
this.setState({
|
|
|
- signedType: signedType,
|
|
|
+ registerRole: registerRole,
|
|
|
});
|
|
|
+
|
|
|
+ if (registerRole == 'INDIVIDUAL_BUSINESS') { //个体工商户
|
|
|
+ this.setState({
|
|
|
+ offlist: select_data.INDIVIDUAL_BUSINESS
|
|
|
+ })
|
|
|
+ }
|
|
|
+
|
|
|
+ if (registerRole == 'NATURAL_PERSON') { //自然人
|
|
|
+ this.setState({
|
|
|
+ offlist: select_data.NATURAL_PERSON
|
|
|
+ })
|
|
|
+ }
|
|
|
+
|
|
|
+ if (registerRole == 'offlist') { //默认
|
|
|
+ this.setState({
|
|
|
+ offlist: select_data.offlist
|
|
|
+ })
|
|
|
+ }
|
|
|
+ console.log(registerRole)
|
|
|
}
|
|
|
|
|
|
toParent = (data) => {
|
|
|
@@ -61,7 +84,7 @@ export default class centerW extends React.Component {
|
|
|
InputWdata(e) {
|
|
|
let Params = {
|
|
|
legalPersonName: document.getElementById("legalPersonName").value,//法人姓名
|
|
|
- profession: this.state.Params.profession, //法人职业
|
|
|
+ profession: this.state.Params.profession == undefined ? '' : this.state.Params.profession,
|
|
|
legalPersonIdType: this.state.Params.legalPersonIdType == undefined ? '' : this.state.Params.legalPersonIdType,//法人证件类型
|
|
|
legalPersonIdNo: document.getElementById("legalPersonIdNo").value, //证件号码
|
|
|
idEffectiveDateStart: '',//法人证件有效期开始日期
|
|
|
@@ -128,6 +151,7 @@ export default class centerW extends React.Component {
|
|
|
}
|
|
|
|
|
|
CheckChange(e) {
|
|
|
+ console.log(e)
|
|
|
this.state.Params.tradingScenarios = e.toString()
|
|
|
}
|
|
|
|
|
|
@@ -137,7 +161,7 @@ export default class centerW extends React.Component {
|
|
|
}
|
|
|
UploadImgstate() { //修改上传图片状态
|
|
|
let fileList = this.state.fileList;
|
|
|
-
|
|
|
+
|
|
|
let imgType = this.state.imgType; //当前上传图片点击的Index
|
|
|
fileList[0].status = 'done' //上传成功之后的状态 自动修改
|
|
|
fileList[0].response = fileList[0].name //图片上传成功之后展示的TIP
|
|
|
@@ -153,7 +177,7 @@ export default class centerW extends React.Component {
|
|
|
let file = e.file;
|
|
|
let that_ = this;
|
|
|
that_.setState({
|
|
|
- scLodings : true
|
|
|
+ scLodings: true
|
|
|
})
|
|
|
const formData = new FormData();
|
|
|
formData.append('file', file)
|
|
|
@@ -166,14 +190,14 @@ export default class centerW extends React.Component {
|
|
|
let status = res.data.msg;
|
|
|
if (status == '获取成功') {
|
|
|
let dataUrl = res.data.filesResult[0].fileName;
|
|
|
- that_.wjbc(imgType,dataUrl)
|
|
|
+ that_.wjbc(imgType, dataUrl)
|
|
|
}
|
|
|
}).catch((error) => { //上传失败后设置回之前的上前数量与状态
|
|
|
console.log(error);
|
|
|
})
|
|
|
}
|
|
|
|
|
|
- wjbc(e,dataUrl) {
|
|
|
+ wjbc(e, dataUrl) {
|
|
|
let that_ = this;
|
|
|
let rightArray = this.state.rightArray;
|
|
|
switch (e) {
|
|
|
@@ -182,8 +206,8 @@ export default class centerW extends React.Component {
|
|
|
that_.state.Params.businessLicensePath = dataUrl;
|
|
|
that_.setState({
|
|
|
rightArray: rightArray,
|
|
|
- businessLicensePath : dataUrl,
|
|
|
- scLodings : false
|
|
|
+ businessLicensePath: dataUrl,
|
|
|
+ scLodings: false
|
|
|
})
|
|
|
break;
|
|
|
case 1:
|
|
|
@@ -191,9 +215,9 @@ export default class centerW extends React.Component {
|
|
|
that_.state.Params.openAccountPath = dataUrl;
|
|
|
that_.setState({
|
|
|
rightArray: rightArray,
|
|
|
- openAccountPath : dataUrl,
|
|
|
- scLodings : false
|
|
|
-
|
|
|
+ openAccountPath: dataUrl,
|
|
|
+ scLodings: false
|
|
|
+
|
|
|
})
|
|
|
break;
|
|
|
case 2:
|
|
|
@@ -201,8 +225,8 @@ export default class centerW extends React.Component {
|
|
|
that_.state.Params.legalIdCardProsPath = dataUrl;
|
|
|
that_.setState({
|
|
|
rightArray: rightArray,
|
|
|
- legalIdCardProsPath : dataUrl,
|
|
|
- scLodings : false
|
|
|
+ legalIdCardProsPath: dataUrl,
|
|
|
+ scLodings: false
|
|
|
})
|
|
|
break;
|
|
|
case 3:
|
|
|
@@ -210,8 +234,8 @@ export default class centerW extends React.Component {
|
|
|
that_.state.Params.legalIdCardConsPath = dataUrl;
|
|
|
that_.setState({
|
|
|
rightArray: rightArray,
|
|
|
- legalIdCardConsPath : dataUrl,
|
|
|
- scLodings : false
|
|
|
+ legalIdCardConsPath: dataUrl,
|
|
|
+ scLodings: false
|
|
|
})
|
|
|
break;
|
|
|
case 4:
|
|
|
@@ -219,8 +243,8 @@ export default class centerW extends React.Component {
|
|
|
that_.state.Params.desireAuthPath = dataUrl;
|
|
|
that_.setState({
|
|
|
rightArray: rightArray,
|
|
|
- desireAuthPath : dataUrl,
|
|
|
- scLodings : false
|
|
|
+ desireAuthPath: dataUrl,
|
|
|
+ scLodings: false
|
|
|
})
|
|
|
break;
|
|
|
case 5:
|
|
|
@@ -228,8 +252,8 @@ export default class centerW extends React.Component {
|
|
|
that_.state.Params.holdingIdCardPath = dataUrl;
|
|
|
that_.setState({
|
|
|
rightArray: rightArray,
|
|
|
- holdingIdCardPath : dataUrl,
|
|
|
- scLodings : false
|
|
|
+ holdingIdCardPath: dataUrl,
|
|
|
+ scLodings: false
|
|
|
})
|
|
|
break;
|
|
|
case 6:
|
|
|
@@ -237,8 +261,8 @@ export default class centerW extends React.Component {
|
|
|
that_.state.Params.webSitePath = dataUrl;
|
|
|
that_.setState({
|
|
|
rightArray: rightArray,
|
|
|
- webSitePath : dataUrl,
|
|
|
- scLodings : false
|
|
|
+ webSitePath: dataUrl,
|
|
|
+ scLodings: false
|
|
|
})
|
|
|
break;
|
|
|
case 7:
|
|
|
@@ -246,8 +270,8 @@ export default class centerW extends React.Component {
|
|
|
that_.state.Params.wechatAppletPath = dataUrl;
|
|
|
that_.setState({
|
|
|
rightArray: rightArray,
|
|
|
- wechatAppletPath : dataUrl,
|
|
|
- scLodings : false
|
|
|
+ wechatAppletPath: dataUrl,
|
|
|
+ scLodings: false
|
|
|
})
|
|
|
break;
|
|
|
case 8:
|
|
|
@@ -255,8 +279,8 @@ export default class centerW extends React.Component {
|
|
|
that_.state.Params.appPath = dataUrl;
|
|
|
that_.setState({
|
|
|
rightArray: rightArray,
|
|
|
- appPath : dataUrl,
|
|
|
- scLodings : false
|
|
|
+ appPath: dataUrl,
|
|
|
+ scLodings: false
|
|
|
})
|
|
|
break;
|
|
|
case 9:
|
|
|
@@ -264,8 +288,8 @@ export default class centerW extends React.Component {
|
|
|
that_.state.Params.legalPersonBankCardPath = dataUrl;
|
|
|
that_.setState({
|
|
|
rightArray: rightArray,
|
|
|
- legalPersonBankCardPath : dataUrl,
|
|
|
- scLodings : false
|
|
|
+ legalPersonBankCardPath: dataUrl,
|
|
|
+ scLodings: false
|
|
|
})
|
|
|
break;
|
|
|
case 10:
|
|
|
@@ -273,8 +297,8 @@ export default class centerW extends React.Component {
|
|
|
that_.state.Params.desireAuthOtherPath = dataUrl;
|
|
|
that_.setState({
|
|
|
rightArray: rightArray,
|
|
|
- desireAuthOtherPath : dataUrl,
|
|
|
- scLodings : false
|
|
|
+ desireAuthOtherPath: dataUrl,
|
|
|
+ scLodings: false
|
|
|
})
|
|
|
break;
|
|
|
case 11:
|
|
|
@@ -282,140 +306,301 @@ export default class centerW extends React.Component {
|
|
|
that_.state.Params.otherCerPath = dataUrl;
|
|
|
that_.setState({
|
|
|
rightArray: rightArray,
|
|
|
- otherCerPath : dataUrl,
|
|
|
- scLodings : false
|
|
|
+ otherCerPath: dataUrl,
|
|
|
+ scLodings: false
|
|
|
})
|
|
|
break;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
|
|
|
+ listTypes(e) {
|
|
|
+ let data = this.state.offlist;
|
|
|
+ let type = data.find((item, index) => { return item.value == e });
|
|
|
+ if (type !== undefined) {
|
|
|
+ type = true
|
|
|
+ } else {
|
|
|
+ type = false
|
|
|
+ }
|
|
|
+ return type
|
|
|
+ }
|
|
|
|
|
|
+ verification(e) { //暴露给父组件的方法,验证当前页面必填项
|
|
|
+ this.setState({
|
|
|
+ validation_list : e,
|
|
|
+ rightArray : this.state.rightArray
|
|
|
+ })
|
|
|
+ }
|
|
|
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
- // defaultValue={Params.signedName}
|
|
|
render() {
|
|
|
- const { selectData, Params, signedType, rightArray,headerProps,scLodings,imgType } = this.state;
|
|
|
+ const { selectData, Params, signedType, rightArray, headerProps, scLodings, imgType, validation_list, form_width } = this.state;
|
|
|
const { Option } = Select;
|
|
|
-
|
|
|
+ const layout = {
|
|
|
+ labelCol: { span: 4 },
|
|
|
+ };
|
|
|
+ const onFinish = (values) => {
|
|
|
+ console.log('xxx: ', values);
|
|
|
+ };
|
|
|
+ console.log(Params)
|
|
|
+ console.log(validation_list)
|
|
|
+ let s = validation_list.find((item, index) => { return item === 'businessLicensePath'}) ;
|
|
|
+ console.log(s)
|
|
|
+ // Params.profession = 8
|
|
|
return (
|
|
|
<div className={styleData.center_up}>
|
|
|
- <div className={styleData.center_left}>
|
|
|
- <div className={styleData.cl}>
|
|
|
- <div className={styleData.titles}> 法人姓名<i className='label_x'>*</i> ： </div>
|
|
|
- <div className={styleData.inputs}><Input id='legalPersonName' placeholder="请输入法人姓名" defaultValue={Params.legalPersonName} /></div>
|
|
|
- </div>
|
|
|
- <div className={styleData.cl}>
|
|
|
- <div className={styleData.titles}> 法人职业 ： </div>
|
|
|
- <Select size='default' placeholder="请选择法人职业" defaultValue={Params.profession} onChange={this.selectChange_1.bind(this)} style={{ width: 200 }}>
|
|
|
- {selectData.contractW.map((item, index) => (
|
|
|
- <Option key={index} value={item.value}>{item.txt}</Option>
|
|
|
- ))}
|
|
|
- </Select>
|
|
|
- </div>
|
|
|
- <div className={styleData.cl}>
|
|
|
- <div className={styleData.titles}> 法人证件类型<i className='label_x'>*</i>： </div>
|
|
|
- <Select size='default' placeholder="请选择证件类型" defaultValue={Params.legalPersonIdType} onChange={this.selectChange_2.bind(this)} style={{ width: 200 }}>
|
|
|
- {selectData.certificateW.map((item, index) => (
|
|
|
- <Option key={index} value={item.value}>{item.txt}</Option>
|
|
|
- ))}
|
|
|
- </Select>
|
|
|
- </div>
|
|
|
- <div className={styleData.cl}>
|
|
|
- <div className={styleData.titles}> 法人证件号码<i className='label_x'>*</i>： </div>
|
|
|
- <div className={styleData.inputs}><Input id='legalPersonIdNo' placeholder="请输入证件号码" defaultValue={Params.legalPersonIdNo} /></div>
|
|
|
- </div>
|
|
|
- <div className={styleData.cl}>
|
|
|
- <div className={styleData.titles}> 企业证件类型{signedType == 'BY_SPLIT_BILL' && <i className='label_x'>*</i>} ： </div>
|
|
|
- <Select size='default' placeholder="请选择证件类型" defaultValue={Params.cerNoType} onChange={this.selectChange_3.bind(this)} style={{ width: 200 }}>
|
|
|
- {selectData.cerNoTypeW.map((item, index) => (
|
|
|
- <Option key={index} value={item.value}>{item.txt}</Option>
|
|
|
- ))}
|
|
|
- </Select>
|
|
|
- </div>
|
|
|
- <div className={styleData.cl}>
|
|
|
- <div className={styleData.titles}> 资质证书编号{signedType == 'BY_SPLIT_BILL' && <i className='label_x'>*</i>} ： </div>
|
|
|
- <div className={styleData.inputs}><Input id='cerNo' placeholder="请输入证书编号" defaultValue={Params.cerNo} /></div>
|
|
|
- </div>
|
|
|
- <div className={styleData.cl}>
|
|
|
- <div className={styleData.titles}> 营业面积{signedType == 'BY_SPLIT_BILL' && <i className='label_x'>*</i>} ： </div>
|
|
|
- <div className={styleData.inputs}>
|
|
|
- <Select size='default' placeholder="请选择营业面积" defaultValue={Params.sellingArea} onChange={this.selectChange_4.bind(this)} style={{ width: 200 }}>
|
|
|
- <Option key={1} value='A'>500平米以上</Option>
|
|
|
- <Option key={2} value='B'>200-500平米（含）</Option>
|
|
|
- <Option key={3} value='C'>200平米以下</Option>
|
|
|
- </Select>
|
|
|
+ <Form
|
|
|
+ {...layout}
|
|
|
+ onFinish={onFinish}
|
|
|
+ initialValues={{ //数据回填
|
|
|
+ 'legalPersonName' : Params.legalPersonName == undefined ? '' : Params.legalPersonName,
|
|
|
+ 'tradingScenarios': Params.tradingScenarios == undefined ? ['WEBSITE'] : Params.tradingScenarios,
|
|
|
+ 'profession' : Params.profession == undefined ? null : Params.profession,
|
|
|
+ 'legalPersonIdType' : Params.legalPersonIdType == undefined ? null : Params.legalPersonIdType,
|
|
|
+
|
|
|
+ }}
|
|
|
+ >
|
|
|
+ <div className={styleData.center_left}>
|
|
|
+ <div className={styleData.cl}>
|
|
|
+ <Form.Item
|
|
|
+ label="法人姓名"
|
|
|
+ name="legalPersonName"
|
|
|
+ labelCol={{ style: { width: 150 } }}
|
|
|
+ rules={[{ required: this.listTypes('legalPersonName') == true ? true : false, message: '' }]}
|
|
|
+ validateStatus={validation_list.find((item, index) => { return item == 'legalPersonName' }) !== undefined ? 'error' : null}
|
|
|
+ help={validation_list.find((item, index) => { return item == 'legalPersonName' }) !== undefined ? '此项为必填项!' : null}
|
|
|
+ >
|
|
|
+ <Input id='legalPersonName' style={{ width: form_width }} placeholder="请输入法人姓名" />
|
|
|
+ </Form.Item>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div className={styleData.cl}>
|
|
|
- <div className={styleData.titles}> 公司员工规模{signedType == 'BY_SPLIT_BILL' && <i className='label_x'>*</i>} ： </div>
|
|
|
- <div className={styleData.inputs}>
|
|
|
- <Select size='default' placeholder="请选择营业面积" defaultValue={Params.staffSize} onChange={this.selectChange_5.bind(this)} style={{ width: 200 }}>
|
|
|
- <Option key={4} value='A'>100人以上</Option>
|
|
|
- <Option key={5} value='B'>50-100人（含）</Option>
|
|
|
- <Option key={6} value='C'>50人以下</Option>
|
|
|
- </Select>
|
|
|
+ <div className={styleData.cl}>
|
|
|
+ <Form.Item
|
|
|
+ label="法人职业"
|
|
|
+ name="profession"
|
|
|
+ labelCol={{ style: { width: 150 } }}
|
|
|
+ rules={[{ required: this.listTypes('profession') == true ? true : false, message: '' }]}
|
|
|
+ validateStatus={validation_list.find((item, index) => { return item == 'profession' }) !== undefined ? 'error' : null}
|
|
|
+ help={validation_list.find((item, index) => { return item == 'profession' }) !== undefined ? '此项为必填项!' : null}
|
|
|
+ >
|
|
|
+ <Select size='default' placeholder="请选择法人职业" onChange={this.selectChange_1.bind(this)} style={{ width: 200 }}>
|
|
|
+ {selectData.contractW.map((item, index) => (
|
|
|
+ <Option key={index} value={item.value}>{item.txt}</Option>
|
|
|
+ ))}
|
|
|
+ </Select>
|
|
|
+ </Form.Item>
|
|
|
+ </div>
|
|
|
+ <div className={styleData.cl}>
|
|
|
+ <Form.Item
|
|
|
+ label="法人证件类型"
|
|
|
+ name="legalPersonIdType"
|
|
|
+ labelCol={{ style: { width: 150 } }}
|
|
|
+ rules={[{ required: this.listTypes('legalPersonIdType') == true ? true : false, message: '' }]}
|
|
|
+ validateStatus={validation_list.find((item, index) => { return item == 'legalPersonIdType' }) !== undefined ? 'error' : null}
|
|
|
+ help={validation_list.find((item, index) => { return item == 'legalPersonIdType' }) !== undefined ? '此项为必填项!' : null}
|
|
|
+ >
|
|
|
+ <Select size='default' placeholder="请选择证件类型" onChange={this.selectChange_2.bind(this)} style={{ width: 200 }}>
|
|
|
+ {selectData.certificateW.map((item, index) => (
|
|
|
+ <Option key={index} value={item.value}>{item.txt}</Option>
|
|
|
+ ))}
|
|
|
+ </Select>
|
|
|
+ </Form.Item>
|
|
|
+ </div>
|
|
|
+ <div className={styleData.cl}>
|
|
|
+ <Form.Item
|
|
|
+ label="法人证件号码"
|
|
|
+ name="legalPersonIdNo"
|
|
|
+ labelCol={{ style: { width: 150 } }}
|
|
|
+ rules={[{ required: this.listTypes('legalPersonIdNo') == true ? true : false, message: '' }]}
|
|
|
+ validateStatus={validation_list.find((item, index) => { return item == 'legalPersonIdNo' }) !== undefined ? 'error' : null}
|
|
|
+ help={validation_list.find((item, index) => { return item == 'legalPersonIdNo' }) !== undefined ? '此项为必填项!' : null}
|
|
|
+ >
|
|
|
+ <Input id='legalPersonIdNo' style={{ width: form_width }} placeholder="请输入证件号码" defaultValue={Params.legalPersonIdNo} />
|
|
|
+ </Form.Item>
|
|
|
+ </div>
|
|
|
+ <div className={styleData.cl}>
|
|
|
+ <Form.Item
|
|
|
+ label="企业证件类型"
|
|
|
+ name="cerNoType"
|
|
|
+ labelCol={{ style: { width: 150 } }}
|
|
|
+ rules={[{ required: this.listTypes('cerNoType') == true ? true : false, message: '' }]}
|
|
|
+ validateStatus={validation_list.find((item, index) => { return item == 'cerNoType' }) !== undefined ? 'error' : null}
|
|
|
+ help={validation_list.find((item, index) => { return item == 'cerNoType' }) !== undefined ? '此项为必填项!' : null}
|
|
|
+ >
|
|
|
+ <Select size='default' placeholder="请选择证件类型" defaultValue={Params.cerNoType} onChange={this.selectChange_3.bind(this)} style={{ width: 200 }}>
|
|
|
+ {selectData.cerNoTypeW.map((item, index) => (
|
|
|
+ <Option key={index} value={item.value}>{item.txt}</Option>
|
|
|
+ ))}
|
|
|
+ </Select>
|
|
|
+ </Form.Item>
|
|
|
+ </div>
|
|
|
+ <div className={styleData.cl}>
|
|
|
+ <Form.Item
|
|
|
+ label="资质证书编号"
|
|
|
+ name="cerNo"
|
|
|
+ labelCol={{ style: { width: 150 } }}
|
|
|
+ rules={[{ required: this.listTypes('cerNo') == true ? true : false, message: '' }]}
|
|
|
+ validateStatus={validation_list.find((item, index) => { return item == 'cerNo' }) !== undefined ? 'error' : null}
|
|
|
+ help={validation_list.find((item, index) => { return item == 'cerNo' }) !== undefined ? '此项为必填项!' : null}
|
|
|
+ >
|
|
|
+ <Input id='cerNo' style={{ width: form_width }} placeholder="请输入证书编号" defaultValue={Params.cerNo} />
|
|
|
+ </Form.Item>
|
|
|
+ </div>
|
|
|
+ <div className={styleData.cl}>
|
|
|
+ <Form.Item
|
|
|
+ label="营业面积"
|
|
|
+ name="sellingArea"
|
|
|
+ labelCol={{ style: { width: 150 } }}
|
|
|
+ rules={[{ required: this.listTypes('sellingArea') == true ? true : false, message: '' }]}
|
|
|
+ validateStatus={validation_list.find((item, index) => { return item == 'sellingArea' }) !== undefined ? 'error' : null}
|
|
|
+ help={validation_list.find((item, index) => { return item == 'sellingArea' }) !== undefined ? '此项为必填项!' : null}
|
|
|
+ >
|
|
|
+ <Select size='default' placeholder="请选择营业面积" defaultValue={Params.sellingArea} onChange={this.selectChange_4.bind(this)} style={{ width: 200 }}>
|
|
|
+ <Option key={1} value='A'>500平米以上</Option>
|
|
|
+ <Option key={2} value='B'>200-500平米（含）</Option>
|
|
|
+ <Option key={3} value='C'>200平米以下</Option>
|
|
|
+ </Select>
|
|
|
+ </Form.Item>
|
|
|
+ </div>
|
|
|
+ <div className={styleData.cl}>
|
|
|
+ <Form.Item
|
|
|
+ label="公司员工规模"
|
|
|
+ name="staffSize"
|
|
|
+ labelCol={{ style: { width: 150 } }}
|
|
|
+ rules={[{ required: this.listTypes('staffSize') == true ? true : false, message: '' }]}
|
|
|
+ validateStatus={validation_list.find((item, index) => { return item == 'staffSize' }) !== undefined ? 'error' : null}
|
|
|
+ help={validation_list.find((item, index) => { return item == 'staffSize' }) !== undefined ? '此项为必填项!' : null}
|
|
|
+ >
|
|
|
+ <Select size='default' placeholder="请选择员工规模" defaultValue={Params.staffSize} onChange={this.selectChange_5.bind(this)} style={{ width: 200 }}>
|
|
|
+ <Option key={4} value='A'>100人以上</Option>
|
|
|
+ <Option key={5} value='B'>50-100人（含）</Option>
|
|
|
+ <Option key={6} value='C'>50人以下</Option>
|
|
|
+ </Select>
|
|
|
+ </Form.Item>
|
|
|
+ </div>
|
|
|
+ <div className={styleData.cl}>
|
|
|
+ <Form.Item
|
|
|
+ label="交易场景说明"
|
|
|
+ name="tradingScenarios"
|
|
|
+ labelCol={{ style: { width: 150 } }}
|
|
|
+ rules={[{ required: this.listTypes('tradingScenarios') == true ? true : false, message: '' }]}
|
|
|
+ validateStatus={validation_list.find((item, index) => { return item == 'tradingScenarios' }) !== undefined ? 'error' : null}
|
|
|
+ help={validation_list.find((item, index) => { return item == 'tradingScenarios' }) !== undefined ? '此项为必填项!' : null}
|
|
|
+ >
|
|
|
+ <Checkbox.Group options={selectData.options} onChange={this.CheckChange.bind(this)} />
|
|
|
+ </Form.Item>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ <div className={styleData.cl}>
|
|
|
+ <Form.Item
|
|
|
+ label="网站网址"
|
|
|
+ name="webSite"
|
|
|
+ labelCol={{ style: { width: 150 } }}
|
|
|
+ rules={[{ required: this.listTypes('webSite') == true ? true : false, message: '' }]}
|
|
|
+ validateStatus={validation_list.find((item, index) => { return item == 'webSite' }) !== undefined ? 'error' : null}
|
|
|
+ help={validation_list.find((item, index) => { return item == 'webSite' }) !== undefined ? '此项为必填项!' : null}
|
|
|
+ >
|
|
|
+ <Input id='webSite' style={{ width: form_width }} placeholder="请输入网站网址" defaultValue={Params.webSite} />
|
|
|
+ </Form.Item>
|
|
|
+ </div>
|
|
|
+ <div className={styleData.cl}>
|
|
|
+ <Form.Item
|
|
|
+ label="网站名称"
|
|
|
+ name="webSiteName"
|
|
|
+ labelCol={{ style: { width: 150 } }}
|
|
|
+ rules={[{ required: this.listTypes('webSiteName') == true ? true : false, message: '' }]}
|
|
|
+ validateStatus={validation_list.find((item, index) => { return item == 'webSiteName' }) !== undefined ? 'error' : null}
|
|
|
+ help={validation_list.find((item, index) => { return item == 'webSiteName' }) !== undefined ? '此项为必填项!' : null}
|
|
|
+ >
|
|
|
+ <Input id='webSiteName' style={{ width: form_width }} placeholder="请输入网站名称" defaultValue={Params.webSiteName} />
|
|
|
+ </Form.Item>
|
|
|
+ </div>
|
|
|
+ <div className={styleData.cl}>
|
|
|
+ <Form.Item
|
|
|
+ label="ICP备案号"
|
|
|
+ name="icp"
|
|
|
+ labelCol={{ style: { width: 150 } }}
|
|
|
+ rules={[{ required: this.listTypes('icp') == true ? true : false, message: '' }]}
|
|
|
+ validateStatus={validation_list.find((item, index) => { return item == 'icp' }) !== undefined ? 'error' : null}
|
|
|
+ help={validation_list.find((item, index) => { return item == 'icp' }) !== undefined ? '此项为必填项!' : null}
|
|
|
+ >
|
|
|
+ <Input id='icp' style={{ width: form_width }} placeholder="请输入ICP备案号" defaultValue={Params.icp} />
|
|
|
+ </Form.Item>
|
|
|
+ </div>
|
|
|
+ <div className={styleData.cl}>
|
|
|
+ <Form.Item
|
|
|
+ label="APP名称"
|
|
|
+ name="appName"
|
|
|
+ labelCol={{ style: { width: 150 } }}
|
|
|
+ rules={[{ required: this.listTypes('appName') == true ? true : false, message: '' }]}
|
|
|
+ validateStatus={validation_list.find((item, index) => { return item == 'appName' }) !== undefined ? 'error' : null}
|
|
|
+ help={validation_list.find((item, index) => { return item == 'appName' }) !== undefined ? '此项为必填项!' : null}
|
|
|
+ >
|
|
|
+ <Input id='appName' style={{ width: form_width }} placeholder="请输入APP名称" defaultValue={Params.appName} />
|
|
|
+ </Form.Item>
|
|
|
+ </div>
|
|
|
+ <div className={styleData.cl}>
|
|
|
+ <Form.Item
|
|
|
+ label="公众号/小程序/生活号"
|
|
|
+ name="wechatAppletName"
|
|
|
+ labelCol={{ style: { width: 150 } }}
|
|
|
+ rules={[{ required: this.listTypes('wechatAppletName') == true ? true : false, message: '' }]}
|
|
|
+ validateStatus={validation_list.find((item, index) => { return item == 'wechatAppletName' }) !== undefined ? 'error' : null}
|
|
|
+ help={validation_list.find((item, index) => { return item == 'wechatAppletName' }) !== undefined ? '此项为必填项!' : null}
|
|
|
+ >
|
|
|
+ <Input id='wechatAppletName' style={{ width: form_width }} placeholder="请输入名称" defaultValue={Params.wechatAppletName} />
|
|
|
+ </Form.Item>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div className={styleData.cl}>
|
|
|
- <div className={styleData.titles}> 交易场景说明<i className='label_x'>*</i> ： </div>
|
|
|
- <Checkbox.Group options={selectData.options} defaultValue={['WEBSITE']} onChange={this.CheckChange.bind(this)} />
|
|
|
- </div>
|
|
|
- <div className={styleData.cl}>
|
|
|
- <div className={styleData.titles}> 网站网址 ： </div>
|
|
|
- <div className={styleData.inputs}><Input id='webSite' placeholder="请输入网站网址" defaultValue={Params.webSite} /></div>
|
|
|
- </div>
|
|
|
- <div className={styleData.cl}>
|
|
|
- <div className={styleData.titles}> 网站名称 ： </div>
|
|
|
- <div className={styleData.inputs}><Input id='webSiteName' placeholder="请输入网站名称" defaultValue={Params.webSiteName} /></div>
|
|
|
- </div>
|
|
|
- <div className={styleData.cl}>
|
|
|
- <div className={styleData.titles}> ICP备案号 ： </div>
|
|
|
- <div className={styleData.inputs}><Input id='icp' placeholder="请输入ICP备案号" defaultValue={Params.icp} /></div>
|
|
|
- </div>
|
|
|
- <div className={styleData.cl}>
|
|
|
- <div className={styleData.titles}> APP名称 ： </div>
|
|
|
- <div className={styleData.inputs}><Input id='appName' placeholder="请输入APP名称" defaultValue={Params.appName} /></div>
|
|
|
- </div>
|
|
|
- <div className={styleData.cl}>
|
|
|
- <div className={styleData.titles}> 公众号/小程序/生活号 ： </div>
|
|
|
- <div className={styleData.inputs}><Input id='wechatAppletName' placeholder="请输入名称" defaultValue={Params.wechatAppletName} /></div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div className={styleData.center_right}>
|
|
|
- {rightArray.map((item, index) => (
|
|
|
- <div className={styleData.cl} key={index}>
|
|
|
- <div className={styleData.titles}> {item.txt}{(item.value == 1 || item.value == 2 || item.value == 3 || item.value == 4 || item.value == 6 || item.value == 10) && <i className='label_x'>*</i>} ： </div>
|
|
|
- <div className={styleData.Upload_wrap}>
|
|
|
- <Upload
|
|
|
- {...headerProps}
|
|
|
- name="files"
|
|
|
- className={"Upload" + index}
|
|
|
- maxCount={1}
|
|
|
- showUploadList={false}
|
|
|
- accept={item.type}
|
|
|
- customRequest={this.handleChange.bind(this)}
|
|
|
- onChange={this.onChangeUpload.bind(this)}
|
|
|
-
|
|
|
- >
|
|
|
- <Button icon={<UploadOutlined />} onClick={() => this.btnClick(index)}>选择文件</Button>
|
|
|
- </Upload>
|
|
|
- <div className={styleData.title_tips} style={{
|
|
|
- color : item.txts == '上传成功' ? 'green' : 'red'
|
|
|
- }} >
|
|
|
- {scLodings == true && imgType == index && <Spin size="small" tip="上传中..." style={{
|
|
|
- fontSize : '12px'
|
|
|
- }}></Spin>}
|
|
|
- {scLodings == true && imgType !== index && item.txts}
|
|
|
- {scLodings == null && imgType !== index && item.txts}
|
|
|
- {scLodings == false && item.txts}
|
|
|
+ <div className={styleData.center_right}>
|
|
|
+ {rightArray.map((item, index) => (
|
|
|
+ <Form.Item
|
|
|
+ key={index}
|
|
|
+ label={item.txt}
|
|
|
+ name={item.value}
|
|
|
+ labelCol={{ style: { width: 320 } }}
|
|
|
+ rules={[{ required: this.listTypes(item.value) == true ? true : false, message: '' }]}
|
|
|
+ // validateStatus={validation_list.find((item, index) => { return item == item.value }) !== undefined ? 'error' : null}
|
|
|
+ // help={validation_list.find((item, index) => { return item == item.value }) !== undefined ? '此项为必填项!' : null}
|
|
|
+ >
|
|
|
+ <div className={styleData.cl} key={index}>
|
|
|
+ <Upload
|
|
|
+ {...headerProps}
|
|
|
+ name={item.value}
|
|
|
+ className={"Upload" + index}
|
|
|
+ maxCount={1}
|
|
|
+ showUploadList={false}
|
|
|
+ accept={item.type}
|
|
|
+ customRequest={this.handleChange.bind(this)}
|
|
|
+ onChange={this.onChangeUpload.bind(this)}
|
|
|
+
|
|
|
+ >
|
|
|
+ {
|
|
|
+ validation_list.find((items, index) => { return items == `${item.value}` }) !== undefined ?
|
|
|
+ <Tooltip title="请上传必须文件!" color="red" key={index} defaultVisible={true} placement="rightTop">
|
|
|
+ <Button icon={<UploadOutlined />} onClick={() => this.btnClick(index)}>选择文件</Button>
|
|
|
+ </Tooltip>
|
|
|
+ : <Button icon={<UploadOutlined />} onClick={() => this.btnClick(index)} >选择文件</Button>
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ </Upload>
|
|
|
+ <div className={styleData.title_tips} style={{
|
|
|
+ color: item.txts == '上传成功' ? 'green' : 'red',
|
|
|
+ display : 'inline-block',
|
|
|
+ marginLeft : '15px'
|
|
|
+ }} >
|
|
|
+ {scLodings == true && imgType == index && <Spin size="small" tip="上传中..." style={{
|
|
|
+ fontSize: '12px'
|
|
|
+ }}></Spin>}
|
|
|
+ {scLodings == true && imgType !== index && item.txts}
|
|
|
+ {scLodings == null && imgType !== index && item.txts}
|
|
|
+ {scLodings == false && item.txts}
|
|
|
+ </div>
|
|
|
+
|
|
|
</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- ))}
|
|
|
- </div>
|
|
|
+ </Form.Item>
|
|
|
+ ))}
|
|
|
+ </div>
|
|
|
+ </Form>
|
|
|
</div>
|
|
|
)
|
|
|
}
|
