|
@@ -7,7 +7,21 @@ import './myClient.less';
|
|
import { orderStatusList,cityArr,customerStatus } from '../../dataDic.js';
|
|
import { orderStatusList,cityArr,customerStatus } from '../../dataDic.js';
|
|
import { beforeUploadFile,getOrderStatus, getSearchUrl,getcustomerTyp,getcityArr,getcustomerStatue,getCompanyIntention,getfllowSituation,getsex} from '../../tools.js';
|
|
import { beforeUploadFile,getOrderStatus, getSearchUrl,getcustomerTyp,getcityArr,getcustomerStatue,getCompanyIntention,getfllowSituation,getsex} from '../../tools.js';
|
|
|
|
|
|
-
|
|
|
|
|
|
+const data = [{
|
|
|
|
+ companyName : '公司名称',
|
|
|
|
+ _followSituation : 'John Brown',
|
|
|
|
+ _companyIntention: 32,
|
|
|
|
+
|
|
|
|
+ }, {
|
|
|
|
+ companyName: '跟单人',
|
|
|
|
+ _followSituation: 'Jim Green',
|
|
|
|
+ _companyIntention: 42,
|
|
|
|
+ }, {
|
|
|
|
+ companyName: '时间',
|
|
|
|
+ _followSituation: 'Joe Black',
|
|
|
|
+ _companyIntention: 32,
|
|
|
|
+
|
|
|
|
+ }];
|
|
const AchievementDetail = React.createClass({
|
|
const AchievementDetail = React.createClass({
|
|
getInitialState () {
|
|
getInitialState () {
|
|
return {
|
|
return {
|
|
@@ -117,74 +131,76 @@ const AchievementDetail = React.createClass({
|
|
title="客户详情"
|
|
title="客户详情"
|
|
className="demand-order-content">
|
|
className="demand-order-content">
|
|
<Spin spinning={this.state.loading}>
|
|
<Spin spinning={this.state.loading}>
|
|
- <Row>
|
|
|
|
- <Col span={2}>客户类型:</Col>
|
|
|
|
|
|
+ <Row style={{marginLeft:'100px'}}>
|
|
|
|
+ <Col span={3}>客户类型:</Col>
|
|
<Col span={10}>{getcustomerTyp(theData.customerTyp)}</Col>
|
|
<Col span={10}>{getcustomerTyp(theData.customerTyp)}</Col>
|
|
- <Col span={2}>编号:</Col>
|
|
|
|
|
|
+ <Col span={3}>编号:</Col>
|
|
<Col span={10}>{theData.id}</Col>
|
|
<Col span={10}>{theData.id}</Col>
|
|
</Row>
|
|
</Row>
|
|
- <Row>
|
|
|
|
- <Col span={2}>录入时间:</Col>
|
|
|
|
|
|
+ <Row style={{marginLeft:'100px'}}>
|
|
|
|
+ <Col span={3}>录入时间:</Col>
|
|
<Col span={10}>{theData.createTime}</Col>
|
|
<Col span={10}>{theData.createTime}</Col>
|
|
- <Col span={2}>跟单人:</Col>
|
|
|
|
|
|
+ <Col span={3}>跟单人:</Col>
|
|
<Col span={10}>{theData.ownerId}</Col>
|
|
<Col span={10}>{theData.ownerId}</Col>
|
|
</Row>
|
|
</Row>
|
|
- <Row>基本资料:</Row>
|
|
|
|
- <Row>
|
|
|
|
- <Col span={2}>公司名称:</Col>
|
|
|
|
|
|
+ <Row style={{marginLeft:'50px'}}>基本资料:</Row>
|
|
|
|
+ <Row style={{marginLeft:'100px'}}>
|
|
|
|
+ <Col span={3}>公司名称:</Col>
|
|
<Col span={10}>{theData.companyName}</Col>
|
|
<Col span={10}>{theData.companyName}</Col>
|
|
- <Col span={2}>公司行业:</Col>
|
|
|
|
|
|
+ <Col span={3}>公司行业:</Col>
|
|
<Col span={10}>{theData.companyIndustry}</Col>
|
|
<Col span={10}>{theData.companyIndustry}</Col>
|
|
</Row>
|
|
</Row>
|
|
- <Row>
|
|
|
|
- <Col span={2}>意向服务:</Col>
|
|
|
|
|
|
+ <Row style={{marginLeft:'100px'}}>
|
|
|
|
+ <Col span={3}>意向服务:</Col>
|
|
<Col span={10}>{getCompanyIntention(theData.companyIntention)}</Col>
|
|
<Col span={10}>{getCompanyIntention(theData.companyIntention)}</Col>
|
|
- <Col span={2}>地区:</Col>
|
|
|
|
|
|
+ <Col span={3}>地区:</Col>
|
|
<Col span={10}>{getcityArr(theData.province)}</Col>
|
|
<Col span={10}>{getcityArr(theData.province)}</Col>
|
|
</Row>
|
|
</Row>
|
|
- <Row>
|
|
|
|
- <Col span={2}>最新跟进:</Col>
|
|
|
|
|
|
+ <Row style={{marginLeft:'100px'}}>
|
|
|
|
+ <Col span={3}>最新跟进:</Col>
|
|
<Col span={10}>{getfllowSituation(theData.followSituation)}</Col>
|
|
<Col span={10}>{getfllowSituation(theData.followSituation)}</Col>
|
|
- <Col span={2}>客户状态:</Col>
|
|
|
|
|
|
+ <Col span={3}>客户状态:</Col>
|
|
<Col span={10}>{getcustomerStatue(theData.customerStatus)}</Col>
|
|
<Col span={10}>{getcustomerStatue(theData.customerStatus)}</Col>
|
|
</Row>
|
|
</Row>
|
|
- <Row>
|
|
|
|
- <Col span={2}>详细地址:</Col>
|
|
|
|
|
|
+ <Row style={{marginLeft:'100px'}}>
|
|
|
|
+ <Col span={3}>详细地址:</Col>
|
|
<Col span={10}>{theData.adress}</Col>
|
|
<Col span={10}>{theData.adress}</Col>
|
|
- <Col span={2}>备注:</Col>
|
|
|
|
|
|
+ </Row>
|
|
|
|
+ <Row style={{marginLeft:'100px'}}>
|
|
|
|
+ <Col span={3}>备注:</Col>
|
|
<Col span={10}>{theData.remark}</Col>
|
|
<Col span={10}>{theData.remark}</Col>
|
|
</Row>
|
|
</Row>
|
|
- <Row>联系资料:</Row>
|
|
|
|
- <Row>
|
|
|
|
- <Col span={2}>姓名:</Col>
|
|
|
|
|
|
+ <Row style={{marginLeft:'50px'}}>联系资料:</Row>
|
|
|
|
+ <Row style={{marginLeft:'100px'}}>
|
|
|
|
+ <Col span={3}>姓名:</Col>
|
|
<Col span={10}>{theData.contactName}</Col>
|
|
<Col span={10}>{theData.contactName}</Col>
|
|
- <Col span={2}>性别:</Col>
|
|
|
|
|
|
+ <Col span={3}>性别:</Col>
|
|
<Col span={10}>{getsex(theData.sex)}</Col>
|
|
<Col span={10}>{getsex(theData.sex)}</Col>
|
|
</Row>
|
|
</Row>
|
|
- <Row>
|
|
|
|
- <Col span={2}>手机号码:</Col>
|
|
|
|
|
|
+ <Row style={{marginLeft:'100px'}}>
|
|
|
|
+ <Col span={3}>手机号码:</Col>
|
|
<Col span={10}>{theData.telNum}</Col>
|
|
<Col span={10}>{theData.telNum}</Col>
|
|
- <Col span={2}>座机号:</Col>
|
|
|
|
|
|
+ <Col span={3}>座机号:</Col>
|
|
<Col span={10}>{theData.mobile}</Col>
|
|
<Col span={10}>{theData.mobile}</Col>
|
|
</Row>
|
|
</Row>
|
|
- <Row>
|
|
|
|
- <Col span={2}>QQ号码:</Col>
|
|
|
|
|
|
+ <Row style={{marginLeft:'100px'}}>
|
|
|
|
+ <Col span={3}>QQ号码:</Col>
|
|
<Col span={10}>{theData.qq}</Col>
|
|
<Col span={10}>{theData.qq}</Col>
|
|
- <Col span={2}>邮箱号:</Col>
|
|
|
|
|
|
+ <Col span={3}>邮箱号:</Col>
|
|
<Col span={10}>{theData.email}</Col>
|
|
<Col span={10}>{theData.email}</Col>
|
|
</Row>
|
|
</Row>
|
|
- <Row>
|
|
|
|
- <Col span={2}>微信:</Col>
|
|
|
|
|
|
+ <Row style={{marginLeft:'100px'}}>
|
|
|
|
+ <Col span={3}>微信:</Col>
|
|
<Col span={10}>{theData.wechat}</Col>
|
|
<Col span={10}>{theData.wechat}</Col>
|
|
- <Col span={2}>部门:</Col>
|
|
|
|
|
|
+ <Col span={3}>部门:</Col>
|
|
<Col span={10}>{theData.department}</Col>
|
|
<Col span={10}>{theData.department}</Col>
|
|
</Row>
|
|
</Row>
|
|
- <Row>
|
|
|
|
- <Col span={2}>职位:</Col>
|
|
|
|
|
|
+ <Row style={{marginLeft:'100px'}}>
|
|
|
|
+ <Col span={3}>职位:</Col>
|
|
<Col span={10}>{theData.customerPosition}</Col>
|
|
<Col span={10}>{theData.customerPosition}</Col>
|
|
</Row>
|
|
</Row>
|
|
- <Row>
|
|
|
|
- <Col span={2}></Col>
|
|
|
|
|
|
+ <Row style={{marginLeft:'100px'}}>
|
|
|
|
+ <Col span={3}></Col>
|
|
<Col span={20}>
|
|
<Col span={20}>
|
|
<Button style={{ marginRight: '20px' }} type="primary" onClick={this.handleSubmit}>领取</Button>
|
|
<Button style={{ marginRight: '20px' }} type="primary" onClick={this.handleSubmit}>领取</Button>
|
|
<Button className="set-submit" type="ghost" onClick={this.handleCancel}>取消</Button>
|
|
<Button className="set-submit" type="ghost" onClick={this.handleCancel}>取消</Button>
|
|
@@ -410,14 +426,26 @@ const AchievementOrderList = React.createClass({
|
|
</div>
|
|
</div>
|
|
<div className="user-search">
|
|
<div className="user-search">
|
|
<Input placeholder="公司名称"
|
|
<Input placeholder="公司名称"
|
|
- value={this.state.companyName}
|
|
|
|
- onChange={(e) => { this.setState({ companyName: e.target.value }); }} />
|
|
|
|
|
|
+ value={this.state.customerName}
|
|
|
|
+ onChange={(e) => { this.setState({ customerName: e.target.value }); }} />
|
|
<Select placeholder="客户类型" style={{ width: 120 }}
|
|
<Select placeholder="客户类型" style={{ width: 120 }}
|
|
- value={this.state.customerTyp }
|
|
|
|
- onChange={(e) => { this.setState({ customerTyp : e }) }}>
|
|
|
|
|
|
+ value={this.state.shareTyp }
|
|
|
|
+ onChange={(e) => { this.setState({ shareTyp : e }) }}>
|
|
<Select.Option value="0" >个人客户</Select.Option>
|
|
<Select.Option value="0" >个人客户</Select.Option>
|
|
<Select.Option value="1" >公司客户</Select.Option>
|
|
<Select.Option value="1" >公司客户</Select.Option>
|
|
- </Select>
|
|
|
|
|
|
+ </Select>
|
|
|
|
+ <Select placeholder="意向服务"
|
|
|
|
+ style={{ width: 160 }}
|
|
|
|
+ value={this.state.companyIntention}
|
|
|
|
+ onChange={(e) => { this.setState({ companyIntention: e }) }}>
|
|
|
|
+ {this.state.intentionalOption}
|
|
|
|
+ </Select>
|
|
|
|
+ <Select placeholder="跟进进度"
|
|
|
|
+ style={{ width: 160 }}
|
|
|
|
+ value={this.state.followSituation}
|
|
|
|
+ onChange={(e) => { this.setState({ followSituation: e }) }}>
|
|
|
|
+ {this.state.newOption}
|
|
|
|
+ </Select>
|
|
<Select placeholder="地区"
|
|
<Select placeholder="地区"
|
|
style={{ width: 160 }}
|
|
style={{ width: 160 }}
|
|
value={this.state.province}
|
|
value={this.state.province}
|
|
@@ -430,7 +458,7 @@ const AchievementOrderList = React.createClass({
|
|
{this.state.customerStatuarr}
|
|
{this.state.customerStatuarr}
|
|
</Select>
|
|
</Select>
|
|
<Button type="primary" onClick={this.search}>搜索</Button>
|
|
<Button type="primary" onClick={this.search}>搜索</Button>
|
|
- <Button onClick={this.reset}>重置</Button>
|
|
|
|
|
|
+ <Button onClick={this.reset}>重置</Button>
|
|
<span>更多搜索<Switch defaultChecked={false} onChange={this.searchSwitch} /></span>
|
|
<span>更多搜索<Switch defaultChecked={false} onChange={this.searchSwitch} /></span>
|
|
<div className="search-more" style={this.state.searchMore ? { display: 'none' } : {}}>
|
|
<div className="search-more" style={this.state.searchMore ? { display: 'none' } : {}}>
|
|
<Input placeholder="跟单人" style={{width:'140px',marginRight:'10px'}}
|
|
<Input placeholder="跟单人" style={{width:'140px',marginRight:'10px'}}
|