|
@@ -1,7 +1,6 @@
|
|
|
/*
|
|
|
@author:李霆
|
|
|
@update:2018/05/29
|
|
|
- @descript:复制粘贴,拿起来就是干!!
|
|
|
*/
|
|
|
|
|
|
import React from 'react';
|
|
@@ -25,10 +24,11 @@ import $ from 'jquery/src/ajax';
|
|
|
import moment from 'moment';
|
|
|
import './unit.less';
|
|
|
import { areaSelect } from '@/NewDicProvinceList';
|
|
|
-import { socialAttribute, industry,adviserType } from '@/dataDic.js';
|
|
|
+import { socialAttribute, industry,adviserType,lawType } from '@/dataDic.js';
|
|
|
import { splitUrl,getAuthState,getAdviserType ,getSocialAttribute } from '@/tools.js';
|
|
|
const FormItem = Form.Item;
|
|
|
const monthFormat = 'YYYY/MM';
|
|
|
+
|
|
|
//图片组件
|
|
|
|
|
|
const PicturesWall = React.createClass({
|
|
@@ -95,8 +95,10 @@ const Expert = React.createClass({
|
|
|
orgCodeUrl: [],
|
|
|
companyLogoUrl: [],
|
|
|
headPortraitUrl: [],
|
|
|
+ lawState:false,
|
|
|
adviserUrl:[],
|
|
|
positiveIdUrl: [],
|
|
|
+ lawUrl:[],
|
|
|
oppositeIdUrl: [],
|
|
|
authenticationState:undefined
|
|
|
};
|
|
@@ -137,7 +139,7 @@ const Expert = React.createClass({
|
|
|
authenticationState:authenticationState,
|
|
|
dateOfBirthYear:thisData.dateOfBirthYear,
|
|
|
dateOfBirthMonth:thisData.dateOfBirthMonth,
|
|
|
- type:thisData.type, //0-个人认证 1-企业认证
|
|
|
+ type:thisData.type,
|
|
|
expert:thisData.expert, //认证类型 0-未认证专家顾问 1-专家认证 2-顾问认证
|
|
|
authMessage:thisData.auditInfo,
|
|
|
auditStatus:thisData.auditStatus||'0', //认证状态 0-未认证 1-认证审核中 2-已认证 3-认证失败
|
|
@@ -153,6 +155,9 @@ const Expert = React.createClass({
|
|
|
oppositeIdUrl: thisData.oppositeIdUrl
|
|
|
? splitUrl(thisData.oppositeIdUrl, ',', globalConfig.avatarHost + '/upload')
|
|
|
: [],
|
|
|
+ lawUrl:thisData.oppositeIdUrl
|
|
|
+ ? splitUrl(thisData.oppositeIdUrl, ',', globalConfig.avatarHost + '/upload')
|
|
|
+ : [],
|
|
|
data: thisData,
|
|
|
ProvinceCity: ProvinceCityArr[0] != null ? ProvinceCityArr : undefined,
|
|
|
yearMonth: month,
|
|
@@ -220,6 +225,17 @@ const Expert = React.createClass({
|
|
|
});
|
|
|
thecompanyLogoUrls = picArr.join(',');
|
|
|
}
|
|
|
+ //律师证书
|
|
|
+ let lawUrls = [];
|
|
|
+ if (this.state.lawUrl.length) {
|
|
|
+ let picArr = [];
|
|
|
+ this.state.lawUrl.map(function(item) {
|
|
|
+ if (item.response && item.response.data && item.response.data.length) {
|
|
|
+ picArr.push(item.response.data);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ lawUrls = picArr.join(',');
|
|
|
+ }
|
|
|
let years = [];
|
|
|
years = this.state.yearList!=undefined?(this.state.yearList).split('/'):[this.state.dateOfBirthYear,this.state.dateOfBirthMonth];
|
|
|
this.setState({
|
|
@@ -262,6 +278,9 @@ const Expert = React.createClass({
|
|
|
dataList.oppositeIdUrl=thecompanyLogoUrls.length != 0 ? thecompanyLogoUrls : '';
|
|
|
}else if(this.state.authenticationState=='1'){
|
|
|
dataList.expert='2';
|
|
|
+ dataList.lawFirm=values.adviserType=='4'?values.lawFirm:'';
|
|
|
+ dataList.lawType=values.adviserType=='4'?values.lawType:'';
|
|
|
+ dataList.lawUrl=values.adviserType=='4'&&lawUrls.length !=0 ?lawUrls:''; //法律职业资格证
|
|
|
dataList.consultantType=values.adviserType;//顾问类型
|
|
|
dataList.headPortraitUrl=theorgCodeUrl.length != 0 ? theorgCodeUrl : ''; //顾问照片
|
|
|
dataList.positiveIdUrl=thecompanyLogoUrl.length != 0 ? thecompanyLogoUrl : '';
|
|
@@ -296,6 +315,10 @@ const Expert = React.createClass({
|
|
|
message.warning(this.state.authenticationState=='1'?'请上传顾问照片!':'请上传专家照片');
|
|
|
return;
|
|
|
}
|
|
|
+ if(!(this.state.lawUrl.length)){
|
|
|
+ message.warning('请上传您的律师职业资格证!');
|
|
|
+ return;
|
|
|
+ }
|
|
|
if(!(this.state.oppositeIdUrl.length)||!(this.state.positiveIdUrl.length)){
|
|
|
message.warning('请上传您的身份证正反照片!');
|
|
|
return;
|
|
@@ -321,6 +344,18 @@ const Expert = React.createClass({
|
|
|
visible: false
|
|
|
});
|
|
|
},
|
|
|
+ //顾问选择法律顾问
|
|
|
+ handleSelectChange(value){
|
|
|
+ if(value=='4'){
|
|
|
+ this.setState({
|
|
|
+ lawState:true
|
|
|
+ })
|
|
|
+ }else{
|
|
|
+ this.setState({
|
|
|
+ lawState:false
|
|
|
+ })
|
|
|
+ }
|
|
|
+ },
|
|
|
getHeadPortraitUrl(e) {
|
|
|
this.setState({ headPortraitUrl: e });
|
|
|
},
|
|
@@ -374,9 +409,9 @@ const Expert = React.createClass({
|
|
|
<FormItem className="half-item" {...formItemLayout} label="社会属性">
|
|
|
{getFieldDecorator('societyTag', {
|
|
|
rules: [ { required: true, message: '此项为必填项!' } ],
|
|
|
- initialValue: theData.societyTag
|
|
|
+ initialValue: theData.societyTag||undefined
|
|
|
})(
|
|
|
- <Select placeholder="客户社会属性">
|
|
|
+ <Select placeholder="客户社会属性" placeholder="请选择社会属性">
|
|
|
{socialAttribute.map(function(item) {
|
|
|
return <Select.Option key={item.value}>{item.key}</Select.Option>;
|
|
|
})}
|
|
@@ -454,11 +489,12 @@ const Expert = React.createClass({
|
|
|
<div className="clearfix">
|
|
|
<FormItem
|
|
|
labelCol={{ span: 3 }}
|
|
|
- wrapperCol={{ span: 18 }}
|
|
|
+ wrapperCol={{ span: 10 }}
|
|
|
label="个人简介"
|
|
|
>
|
|
|
{getFieldDecorator('introduction', {
|
|
|
- initialValue: theData.introduction
|
|
|
+ initialValue: theData.introduction,
|
|
|
+ rules: [ { required: true, message: '此项为必填项!' } ]
|
|
|
})(<Input type="textarea" rows={4} maxLength={512} placeholder="输入个人简介,比如案例、简介、从业时间、服务企业等"/>)}
|
|
|
</FormItem>
|
|
|
</div>
|
|
@@ -513,9 +549,9 @@ const Expert = React.createClass({
|
|
|
<FormItem className="half-item" {...formItemLayout} label="顾问类型">
|
|
|
{getFieldDecorator('adviserType', {
|
|
|
rules: [ { required: true, message: '此项为必填项!' } ],
|
|
|
- initialValue: (theData.consultantType||theData.consultantType=='0')&&theData.consultantType.toString()
|
|
|
+ initialValue: (theData.consultantType||theData.consultantType=='0')?theData.consultantType.toString():undefined
|
|
|
})(
|
|
|
- <Select placeholder="选择类型">
|
|
|
+ <Select placeholder="选择类型" onChange={this.handleSelectChange.bind(this)}>
|
|
|
{adviserType.map(function(item) {
|
|
|
return <Select.Option key={item.value}>{item.key}</Select.Option>;
|
|
|
})}
|
|
@@ -523,20 +559,70 @@ const Expert = React.createClass({
|
|
|
)}
|
|
|
</FormItem>
|
|
|
</div>:''}
|
|
|
+ {
|
|
|
+ this.state.lawState?<div className="clearfix"><div>
|
|
|
+ <FormItem className="half-item" {...formItemLayout} label="法律顾问类型">
|
|
|
+ {getFieldDecorator('lawType', {
|
|
|
+ rules: [ { required: true, message: '此项为必填项!' } ],
|
|
|
+ initialValue: (theData.lawType||theData.lawType=='0')?theData.lawType.toString():undefined
|
|
|
+ })(
|
|
|
+ <Select placeholder="选择类型">
|
|
|
+ {lawType.map(function(item) {
|
|
|
+ return <Select.Option key={item.value}>{item.key}</Select.Option>;
|
|
|
+ })}
|
|
|
+ </Select>
|
|
|
+ )}
|
|
|
+ </FormItem>
|
|
|
+ </div>
|
|
|
+ <div className="clearfix">
|
|
|
+ <FormItem className="half-item" {...formItemLayout} label="律师事务所">
|
|
|
+ {getFieldDecorator('lawFirm', {
|
|
|
+ rules: [ { required: true, message: '此项为必填项!' } ],
|
|
|
+ initialValue: theData.lawFirm
|
|
|
+ })(
|
|
|
+ <Input placeholder="请填写所在律师事务所全称"/>
|
|
|
+ )}
|
|
|
+ </FormItem>
|
|
|
+ </div>
|
|
|
+ <div className="clearfix">
|
|
|
+ <FormItem
|
|
|
+ labelCol={{ span: 3 }}
|
|
|
+ wrapperCol={{ span: 10 }}
|
|
|
+ label="典型案例"
|
|
|
+ >
|
|
|
+ {getFieldDecorator('case', {
|
|
|
+ initialValue: theData.case,
|
|
|
+ rules: [ { required: true, message: '此项为必填项!' } ]
|
|
|
+ })(<Input type="textarea" rows={4} maxLength={10000} placeholder="输入典型案例"/>)}
|
|
|
+ </FormItem>
|
|
|
+ </div></div>:''
|
|
|
+ }
|
|
|
{this.state.authenticationState=='1'||this.state.authenticationState=='0'?<div className="clearfix pictures">
|
|
|
<div className="clearfix">
|
|
|
<FormItem
|
|
|
className="picWidth"
|
|
|
labelCol={{ span: 9 }}
|
|
|
wrapperCol={{ span: 10 }}
|
|
|
- label={<span><strong style={{color:"#f00"}}>*</strong><span>{this.state.authenticationState=='0'?'专家照片':'顾问照片'}</span></span> }
|
|
|
+ label={<span><strong style={{color:"#f00"}}> * </strong><span>{this.state.authenticationState=='0'?'专家照片':'顾问照片'}</span></span> }
|
|
|
>
|
|
|
<PicturesWall
|
|
|
fileList={this.getHeadPortraitUrl}
|
|
|
pictureUrl={this.state.headPortraitUrl}
|
|
|
/>
|
|
|
- <p>建议:图片要清晰1。</p>
|
|
|
+ <p>建议:图片要清晰。</p>
|
|
|
</FormItem>
|
|
|
+ {this.state.lawState?<FormItem
|
|
|
+ className="picWidth"
|
|
|
+ labelCol={{ span: 9 }}
|
|
|
+ wrapperCol={{ span: 10 }}
|
|
|
+ label={<span><strong style={{color:"#f00"}}> * </strong><span>律师职业资格证</span></span> }
|
|
|
+ >
|
|
|
+ <PicturesWall
|
|
|
+ fileList={(e)=>{this.setState({lawUrl:e})}}
|
|
|
+ pictureUrl={this.state.lawUrl}
|
|
|
+ />
|
|
|
+ <p>建议:图片要清晰。</p>
|
|
|
+ </FormItem>:''}
|
|
|
</div>
|
|
|
<FormItem
|
|
|
className="picWidth"
|
|
@@ -556,6 +642,7 @@ const Expert = React.createClass({
|
|
|
<PicturesWall fileList={this.getOppositeIdUrl} pictureUrl={this.state.oppositeIdUrl} />
|
|
|
<p>建议:图片要清晰。</p>
|
|
|
</FormItem>
|
|
|
+
|
|
|
</div>:''}
|
|
|
</div>:(this.state.auditStatus=='2'||this.state.auditStatus=='1')&&this.state.expert=='1'?
|
|
|
<div>
|
|
@@ -639,8 +726,29 @@ const Expert = React.createClass({
|
|
|
<FormItem className="half-item" {...formItemLayout} label="顾问类型">
|
|
|
<span>{getAdviserType(theData.consultantType)}</span>
|
|
|
</FormItem>
|
|
|
+ {
|
|
|
+ theData.consultantType=='4'?<div className="clearfix"><div>
|
|
|
+ <FormItem className="half-item" {...formItemLayout} label="法律顾问类型">
|
|
|
+ <span>{lawType(theData.lawType)}</span>
|
|
|
+ </FormItem>
|
|
|
+ </div>
|
|
|
+ <div className="clearfix">
|
|
|
+ <FormItem className="half-item" {...formItemLayout} label="律师事务所">
|
|
|
+ <span>{theData.lawFirm}</span>
|
|
|
+ </FormItem>
|
|
|
+ </div>
|
|
|
+ <div className="clearfix">
|
|
|
+ <FormItem
|
|
|
+ labelCol={{ span: 3 }}
|
|
|
+ wrapperCol={{ span: 10 }}
|
|
|
+ label="典型案例"
|
|
|
+ >
|
|
|
+ <span>{theData.case}</span>
|
|
|
+ </FormItem>
|
|
|
+ </div></div>:''
|
|
|
+ }
|
|
|
<div className="clearfix">
|
|
|
- <FormItem labelCol={{ span: 3 }} wrapperCol={{ span: 13 }} label="顾问照片">
|
|
|
+ <FormItem labelCol={{ span: 3 }} wrapperCol={{ span: 10 }} label="顾问照片">
|
|
|
<Upload className="demandDetailShow-upload"
|
|
|
listType="picture-card"
|
|
|
fileList={this.state.headPortraitUrl}
|
|
@@ -657,6 +765,23 @@ const Expert = React.createClass({
|
|
|
<img alt="" style={{ width: '100%' }} src={this.state.previewImage || ''} />
|
|
|
</Modal>
|
|
|
</FormItem>
|
|
|
+ <FormItem labelCol={{ span: 3 }} wrapperCol={{ span: 10 }} label="律师职业资格证">
|
|
|
+ <Upload className="demandDetailShow-upload"
|
|
|
+ listType="picture-card"
|
|
|
+ fileList={this.state.layUrl}
|
|
|
+ onPreview={(file) => {
|
|
|
+ this.setState({
|
|
|
+ previewImage: file.url || file.thumbUrl,
|
|
|
+ previewVisible: true,
|
|
|
+ });
|
|
|
+ }} >
|
|
|
+ </Upload>
|
|
|
+ <Modal maskClosable={false} footer={null}
|
|
|
+ visible={this.state.previewVisible}
|
|
|
+ onCancel={() => { this.setState({ previewVisible: false }) }}>
|
|
|
+ <img alt="" style={{ width: '100%' }} src={this.state.previewImage || ''} />
|
|
|
+ </Modal>
|
|
|
+ </FormItem>
|
|
|
</div>
|
|
|
<div>
|
|
|
<FormItem className="picWidth" labelCol={{ span: 9 }} wrapperCol={{ span: 10 }} label="身份证正面">
|