myBusiness.jsx 59 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477
  1. import React from 'react';
  2. import { Radio,Icon, Popconfirm,Button, AutoComplete ,Cascader,Input, Tabs,Select,Spin,Table, Switch, message, DatePicker, Modal, Upload,Form ,Row,Col,TimePicker} from 'antd';
  3. import ajax from 'jquery/src/ajax/xhr.js';
  4. import $ from 'jquery/src/ajax';
  5. import moment from 'moment';
  6. const Option = AutoComplete.Option;
  7. const OptGroup = AutoComplete.OptGroup;
  8. import './myClient.less';
  9. import { areaSelect} from '../../../NewDicProvinceList';
  10. const { Column, ColumnGroup } = Table;
  11. const TabPane = Tabs.TabPane;
  12. import {socialAttribute,newFollow,lvl, customerStatus,intentionalService} from '../../../dataDic.js';
  13. import {getcustomerStatue,getprovince,getCompanyIntention,getfllowSituation} from '../../../tools.js';
  14. const dataSource = [{
  15. name: 'AntDesign',
  16. id: '10000',
  17. }, {
  18. name: 'AntDesign UI',
  19. id: '10600',
  20. }, {
  21. name: 'AntDesign UI 有多好',
  22. id: '60100',
  23. }, {
  24. name: 'AntDesign 是啥',
  25. id: '30010',
  26. }, {
  27. name: 'AntDesign 是一个设计语言',
  28. id: '100000',
  29. }];
  30. const data = [{
  31. id: '1',
  32. name: '长沙科技1',
  33. contacts: '午安行',
  34. contactMobile: '321312311',
  35. expert:'0',
  36. serviceCertification:'0',
  37. userCertification:'0',
  38. locationProvince:'广州',
  39. }, {
  40. id: '2',
  41. name: '上海科技',
  42. contacts: '老王',
  43. contactMobile: '231321311',
  44. expert:'1',
  45. serviceCertification:'1',
  46. userCertification:'0',
  47. locationProvince:'湖南-湘潭',
  48. Province:'1',
  49. city:'38',
  50. eare:'500',
  51. }, {
  52. id: '3',
  53. name: '广州科技',
  54. contacts: '老李',
  55. contactMobile: '1123213123',
  56. expert:'1',
  57. serviceCertification:'0',
  58. userCertification:'1',
  59. locationProvince:'北京',
  60. Province:'6',
  61. city:'24',
  62. eare:'12',
  63. }
  64. ];
  65. //图片组件
  66. const PicturesWall = React.createClass({
  67. getInitialState() {
  68. return {
  69. previewVisible: false,
  70. previewImage: '',
  71. fileList: [],
  72. }
  73. },
  74. handleCancel() {
  75. this.setState({ previewVisible: false })
  76. },
  77. handlePreview(file) {
  78. this.setState({
  79. previewImage: file.url || file.thumbUrl,
  80. previewVisible: true,
  81. });
  82. },
  83. handleChange(info) {
  84. let fileList = info.fileList;
  85. this.setState({ fileList });
  86. this.props.fileList(fileList);
  87. },
  88. componentWillReceiveProps(nextProps) {
  89. this.state.fileList = nextProps.pictureUrl;
  90. },
  91. render() {
  92. const { previewVisible, previewImage, fileList } = this.state;
  93. const uploadButton = (
  94. <div>
  95. <Icon type="plus" />
  96. <div className="ant-upload-text">点击上传</div>
  97. </div>
  98. );
  99. return (
  100. <div style={{display:"inline-block"}}>
  101. <Upload
  102. action={globalConfig.context + "/api/admin/customer/attachmentUpload"}
  103. data={{ 'sign': this.props.pictureSign }}
  104. listType="picture-card"
  105. fileList={fileList}
  106. onPreview={this.handlePreview}
  107. onChange={this.handleChange} >
  108. {fileList.length >= 1 ? null : uploadButton}
  109. </Upload>
  110. <Modal maskClosable={false} visible={previewVisible} footer={null} onCancel={this.handleCancel}>
  111. <img alt="example" style={{ width: '100%' }} src={previewImage} />
  112. </Modal>
  113. </div>
  114. );
  115. }
  116. });
  117. const MyBusiness = Form.create()(React.createClass({
  118. loadData(pageNo, apiUrl) {
  119. this.state.data = [];
  120. this.setState({
  121. loading: true
  122. });
  123. $.ajax({
  124. method: "post",
  125. dataType: "json",
  126. crossDomain: false,
  127. url:globalConfig.context + '/api/admin/customer/listBusiness',
  128. data: {
  129. pageNo: pageNo || 1,
  130. pageSize: this.state.pagination.pageSize,
  131. businessGlossoryId: this.state.businessIdS, //业务意向
  132. identifyName:this.state.identifyNameS,
  133. followSituation:this.state.followSituationS,
  134. customerStatus:this.state.customerStatusS,
  135. adminName: this.state.adminNameS,
  136. startDate: this.state.releaseDate[0],
  137. endDate: this.state.releaseDate[1],
  138. },
  139. success: function (data) {
  140. let theArr = [];
  141. if (data.error.length || data.data.list=="") {
  142. if (data.error && data.error.length) {
  143. message.warning(data.error[0].message);
  144. };
  145. } else {
  146. for (let i = 0; i < data.data.list.length; i++) {
  147. let thisdata = data.data.list[i];
  148. theArr.push({
  149. key: i,
  150. id: thisdata.id,
  151. businessId:thisdata.businessId,
  152. businessName:thisdata.businessName,
  153. identifyName:thisdata.identifyName,
  154. followSituation:thisdata.followSituation,
  155. customerStatus:thisdata.customerStatus,
  156. adminName:thisdata.adminName,
  157. createTime:thisdata.createTime
  158. });
  159. };
  160. this.state.pagination.current = data.data.pageNo;
  161. this.state.pagination.total = data.data.totalCount;
  162. };
  163. this.setState({
  164. dataSource: theArr,
  165. pagination: this.state.pagination
  166. });
  167. }.bind(this),
  168. }).always(function () {
  169. this.setState({
  170. loading: false
  171. });
  172. }.bind(this));
  173. },
  174. //点击出现函数
  175. setModal2VisibleOk(e) {
  176. this.setState({
  177. modal2Visible:true
  178. });
  179. },
  180. //点击消失函数
  181. setModal2Visiblecancel(e) {
  182. this.setState({
  183. modal2Visible:false
  184. });
  185. },
  186. getPictureUrl(e) {
  187. this.setState({pictureUrl: e });
  188. },
  189. handleOk(e){
  190. this.setState({
  191. visible: false,
  192. });
  193. },
  194. handleCancel(e){
  195. this.setState({
  196. visible: false,
  197. });
  198. },
  199. getInitialState() {
  200. return {
  201. dataSources:[],
  202. customerName:[],
  203. orgCodeUrl:[],
  204. companyLogoUrl:[],
  205. visible: false ,
  206. searchMore: true,
  207. releaseDate: [],
  208. releaseDate: [],
  209. selectedRowKeys: [],
  210. selectedRowKey: [],
  211. selectedRows: [],
  212. loading: false,
  213. pagination: {
  214. defaultCurrent: 1,
  215. defaultPageSize: 10,
  216. showQuickJumper: true,
  217. pageSize: 10,
  218. onChange: function (page) {
  219. this.loadData(page);
  220. }.bind(this),
  221. showTotal: function (total) {
  222. return '共' + total + '条数据';
  223. }
  224. },
  225. businessFollowList: [
  226. {
  227. title: '跟进时间',
  228. dataIndex: 'name',
  229. key: 'name',
  230. }, {
  231. title: '营销员',
  232. dataIndex: 'type',
  233. key: 'type',
  234. }, {
  235. title: '业务意向进度',
  236. dataIndex: 'locationProvince',
  237. key: 'locationProvince',
  238. }, {
  239. title: '客户状态',
  240. dataIndex: 'contacts',
  241. key: 'contacts',
  242. },
  243. {
  244. title: '拜访方式',
  245. dataIndex: 'contactMobile',
  246. key:'contactMobile',
  247. }, {
  248. title: '联系人',
  249. dataIndex: 'contacts22',
  250. key: 'contacts22',
  251. },
  252. {
  253. title: '联系电话',
  254. dataIndex: 'contactMobile22',
  255. key:'contactMobile22',
  256. },
  257. {
  258. title: '操作',
  259. dataIndex: 'ccc',
  260. key:'ccc',
  261. render: (text, record, index) => {
  262. return <div>
  263. <Popconfirm title="是否删除?" onConfirm={(e)=>{this.intentionDelet(record)}} okText="删除" cancelText="不删除">
  264. <Button style={{marginRight:'10px',color:'#ffffff',background:'#f00',border:'none'}}>删除</Button>
  265. </Popconfirm>
  266. </div>
  267. }
  268. }
  269. ],
  270. columns: [
  271. {
  272. title: '业务名称',
  273. dataIndex: 'businessName',
  274. key: 'businessName',
  275. }, {
  276. title: '意向时间',
  277. dataIndex: 'createTime',
  278. key: 'createTime',
  279. }, {
  280. title: '客户名称',
  281. dataIndex: 'identifyName',
  282. key: 'identifyName',
  283. }, {
  284. title: '营销员',
  285. dataIndex: 'adminName',
  286. key: 'adminName',
  287. },
  288. {
  289. title: '业务意向进度',
  290. dataIndex: 'followSituation',
  291. key:'followSituation',
  292. render: text => { return getfllowSituation(text) }
  293. },
  294. {
  295. title: '客户状态',
  296. dataIndex: 'customerStatus',
  297. key: 'customerStatus',
  298. render: text => { return getcustomerStatue(text) }
  299. },
  300. {
  301. title: '操作',
  302. dataIndex: 'abc',
  303. key: 'abc',
  304. render: (text, record, index) => {
  305. return <div>
  306. <Button onClick={(e) =>{ e.stopPropagation(), this.addModify(record); }} type="primary" style={{marginRight:'10px'}}>跟进</Button>
  307. <Button onClick={(e) =>{ e.stopPropagation(), this.followStop(record) }} type="primary">停止</Button>
  308. </div>
  309. }
  310. }
  311. ],
  312. dataSource: [],
  313. searchTime: [,]
  314. };
  315. },
  316. //删除跟进记录
  317. intentionDelet(e){
  318. console.log(e)
  319. },
  320. //更多操作
  321. ModalOperation(){
  322. this.setState({
  323. visible: true,
  324. });
  325. },
  326. //拜访
  327. visit(e){
  328. this.setState({
  329. visitModul:true
  330. })
  331. console.log(e)
  332. },
  333. //列表删除功能
  334. delectRow() {
  335. let deletedIds;
  336. for (let idx = 0; idx < this.state.selectedRows.length; idx++) {
  337. let rowItem = this.state.selectedRows[idx];
  338. if (rowItem.id) {
  339. deletedIds=rowItem.id;
  340. };
  341. };
  342. this.setState({
  343. selectedRowKeys: [],
  344. });
  345. $.ajax({
  346. method: "get",
  347. dataType: "json",
  348. crossDomain: false,
  349. url: globalConfig.context + "/api/admin/customer/deleteCustomer",
  350. data: {
  351. id: deletedIds,//删除的ID
  352. }
  353. }).done(function (data) {
  354. if (!data.error.length) {
  355. message.success('删除成功!');
  356. this.setState({
  357. loading: false,
  358. });
  359. } else {
  360. message.warning(data.error[0].message);
  361. };
  362. this.loadData();
  363. }.bind(this));
  364. },
  365. getOrgCodeUrl(e) {
  366. this.setState({ orgCodeUrl: e });
  367. },
  368. getCompanyLogoUrl(e) {
  369. this.setState({ companyLogoUrl: e });
  370. },
  371. componentWillMount() {
  372. //意向服务
  373. let intentionalArr = [];
  374. newFollow.map(function (item) {
  375. intentionalArr.push(
  376. <Select.Option value={item.value} key={item.key}>{item.key}</Select.Option>
  377. )
  378. });
  379. //客户状态
  380. let customerStatusArr = [];
  381. customerStatus.map(function (item) {
  382. customerStatusArr.push(
  383. <Select.Option value={item.value} key={item.key}>{item.key}</Select.Option>
  384. )
  385. });
  386. this.state.intentionalOption = intentionalArr;
  387. this.state.customerStatusArrOption = customerStatusArr;
  388. this.loadData();
  389. },
  390. //新建
  391. addClick() {
  392. this.state.businessGlossoryId=undefined;
  393. this.state.followSituation='0';
  394. this.state.customerStatus='0';
  395. this.state.contactType=undefined;
  396. this.state.remarks='';
  397. this.state.result='';
  398. this.addTime();
  399. this.setState({
  400. showDesc: true,
  401. });
  402. },
  403. //跟进
  404. addModify(e) {
  405. this.addTime();
  406. this.HttpFollowUp(e.businessId)
  407. this.setState({
  408. showDesc: true,
  409. });
  410. },
  411. addClickOk(){
  412. this.setState({
  413. businessId:'',
  414. showDesc: false,
  415. });
  416. },
  417. addClickCancel(){
  418. this.setState({
  419. businessId:'',
  420. showDesc: false,
  421. });
  422. },
  423. search() {
  424. this.loadData();
  425. },
  426. reset() {
  427. this.state.businessIdS=undefined; //名称1
  428. this.state.identifyNameS='';
  429. this.state.followSituationS=undefined;
  430. this.state.customerStatusS=undefined;
  431. this.state.adminNameS='';
  432. this.state.releaseDate[0]=undefined;
  433. this.state.releaseDate[1]=undefined;
  434. this.loadData();
  435. },
  436. searchSwitch() {
  437. this.setState({
  438. searchMore: !this.state.searchMore
  439. });
  440. },
  441. //详情保存函数
  442. detailsSubmint(){
  443. this.setState({
  444. modal5Visible:false,
  445. })
  446. },
  447. //基本信息提交
  448. newSubmit(e){
  449. e.preventDefault();
  450. this.setState({
  451. selectedRowKeys: [],
  452. });
  453. this.props.form.validateFields((err, values) => {
  454. if (!err) {
  455. this.setState({
  456. loading: true
  457. });
  458. $.ajax({
  459. method: "get",
  460. dataType: "json",
  461. url:globalConfig.context + '/api/admin/customer/toUpdateBusiness',
  462. data: {
  463. businessId:this.state.rowId
  464. }
  465. }).done(function (data) {
  466. let thisData=data.data;
  467. if (!thisData) {
  468. if (data.error && data.error.length) {
  469. message.warning(data.error[0].message);
  470. };
  471. thisData = {};
  472. };
  473. this.setState({
  474. businessId:thisData.businessId,
  475. identifyName:thisData.identifyName,
  476. businessGlossoryId:thisData.businessGlossoryId,
  477. followSituation:thisData.followSituation,
  478. customerStatus:thisData.customerStatus,
  479. createTime:thisData.createTime,
  480. adminName:thisData.adminName,
  481. remarks:thisData.remarks,
  482. });
  483. }.bind(this),
  484. ).always(function () {
  485. this.setState({
  486. loading: false
  487. });
  488. }.bind(this));
  489. }
  490. })
  491. },
  492. //查看基本详情基本信息
  493. loadInformation(record){
  494. console.log(record)
  495. $.ajax({
  496. method: "get",
  497. dataType: "json",
  498. crossDomain: false,
  499. url: globalConfig.context + '/api/admin/customer/findOrganizationCustomerDetail',
  500. data: {
  501. uid: record
  502. },
  503. success: function (data) {
  504. let thisData = data.data;
  505. if (!thisData) {
  506. if (data.error && data.error.length) {
  507. message.warning(data.error[0].message);
  508. };
  509. thisData = {};
  510. };
  511. let ProvinceCityArr=[];
  512. let ProvinceS=getprovince(thisData.locationProvince);
  513. let citys=getprovince(thisData.locationCity);
  514. let Areas=getprovince(thisData.locationArea);
  515. ProvinceCityArr.push(ProvinceS,citys,Areas)
  516. console.log(ProvinceCityArr)
  517. this.setState({
  518. InformationId:thisData.id,
  519. InformationUid:thisData.uid,
  520. unitName:thisData.unitName,
  521. listed:thisData.listed,
  522. highTechZone:thisData.highTechZone,
  523. orgCodeUrl: thisData.orgCodeUrl ? splitUrl(thisData.orgCodeUrl, ',', globalConfig.avatarHost + '/upload') : [],
  524. companyLogoUrl: thisData.companyLogoUrl ? splitUrl(thisData.companyLogoUrl, ',', globalConfig.avatarHost + '/upload') : [],
  525. dataInformation:thisData,
  526. ProvinceCity:ProvinceCityArr,
  527. industry:thisData.industry,
  528. });
  529. }.bind(this),
  530. }).always(function () {
  531. this.setState({
  532. loading: false
  533. });
  534. }.bind(this));
  535. },
  536. detailsModalOk(e) {
  537. this.setState({ modal5Visible:true });//需要一个请求数据
  538. this.loadInformation(e.id)
  539. },
  540. //点击消失函数
  541. detailsModal(e) {
  542. this.setState({
  543. modal5Visible:false
  544. });
  545. },
  546. //拜访保存函数
  547. visitSubmit(){
  548. this.setState({
  549. visitModul:false,
  550. })
  551. },
  552. //新增联系人
  553. addcontactModulOK(){
  554. this.setState({
  555. addcontactModul:false
  556. });
  557. },
  558. addcontactModulcancel(){
  559. this.setState({
  560. addcontactModul:false
  561. });
  562. },
  563. businessFollowOk(){
  564. this.setState({
  565. businessFollowModul:false
  566. });
  567. },
  568. businessFollowCancel(){
  569. this.setState({
  570. businessFollowModul:false
  571. });
  572. },
  573. //点击新增详情
  574. newContacts(){
  575. this.setState({
  576. addcontactModul:true
  577. });
  578. },
  579. //新增联系人保存函数
  580. submitcontactman(e){
  581. e.preventDafault();
  582. this.props.form.validateFields((err, values) => {
  583. if (!err) {
  584. this.setState({
  585. loading: true
  586. });
  587. $.ajax({
  588. method: "POST",
  589. dataType: "json",
  590. crossDomain: false,
  591. url: globalConfig.context + '/api/admin/customer/addContacter',
  592. data: {
  593. cid: deletedIds,//编号id
  594. sex:this.state.hott,//性别
  595. primaryFlg:this.state.hotst,//是否是主要联系人
  596. name:this.state.paymentIdt,//联系人姓名
  597. mobile:this.state.paymt,//座机
  598. telNum:this.state.payt,//电话
  599. qq:this.state.entIdt,//qq
  600. wechat:this.state.payIdt,//微信
  601. customerPosition:this.state.paentIdt,//职位
  602. depatrment:this.state.paytIdtt,//部门
  603. email:this.state.emailst,//邮箱
  604. }
  605. }).done(function (data) {
  606. this.setState({
  607. loading: false
  608. });
  609. if (!data.error.length) {
  610. message.success('保存成功!');
  611. this.setModal2Visiblecancel()
  612. } else {
  613. message.warning(data.error[0].message);
  614. }
  615. this.getNewWoman(this.state.khId);
  616. }.bind(this));
  617. }
  618. });
  619. },
  620. //获取联系人下拉框
  621. getNewWoman(ids) {
  622. console.log(ids);
  623. $.ajax({
  624. method: "get",
  625. dataType: "json",
  626. crossDomain: false,
  627. url: globalConfig.context + "/api/admin/customer/findCustomerContacts",
  628. data:{
  629. uid:ids,
  630. },
  631. success: function (data) {
  632. let theArr = [];
  633. let thedata=data.data;
  634. if (!thedata) {
  635. if (data.error && data.error.length) {
  636. message.warning(data.error[0].message);
  637. };
  638. thedata = {};
  639. };
  640. thedata.map(function (item,index) {
  641. theArr.push(<Select.Option value={index}>{item.name}</Select.Option>)
  642. });
  643. let telNum=thedata.telNum;
  644. this.setState({
  645. lastname:thedata[0].name||'',
  646. telNumArr:thedata,
  647. nub:thedata[0].mobile,
  648. orderStatusOption: theArr,
  649. });
  650. }.bind(this),
  651. }).always(function () {
  652. this.setState({
  653. loading: false
  654. });
  655. }.bind(this));
  656. },
  657. //根据获取的联系人获取到电话号码函数
  658. hundleName(e){
  659. let changNub=this.state.telNumArr[e];
  660. this.setState({
  661. lastname:e,
  662. nub:changNub.mobile
  663. })
  664. },
  665. //新建保存
  666. addSubmit(e){
  667. e.preventDefault();
  668. this.props.form.validateFields((err, values) => {
  669. if (!err) {
  670. this.setState({
  671. loading: true
  672. });
  673. let thed='';
  674. let conts=this.state.lastname;
  675. if(this.state.orderStatusOption){
  676. this.state.orderStatusOption.map(function(itam){
  677. if(itam.name==conts){
  678. thed=itam.ocbId
  679. }
  680. return thed;
  681. })
  682. }
  683. $.ajax({
  684. method: "post",
  685. dataType: "json",
  686. crossDomain: false,
  687. url: globalConfig.context + '/api/admin/customer/addBusinessAndFollow',
  688. data: {
  689. uid:this.state.khId,
  690. businessGlossoryId: this.state.businessGlossoryId,
  691. followSituation:this.state.followSituation,
  692. customerStatus: this.state.customerStatus,
  693. createTime:this.state.createYear+''+this.state.creatMent,
  694. contactType: this.state.contactType,
  695. ocbId: thed,
  696. followTime:this.state.followTime,
  697. remarks: this.state.remarks,
  698. result: this.state.result,
  699. }
  700. }).done(function (data) {
  701. this.setState({
  702. loading: false
  703. });
  704. if (!data.error.length) {
  705. message.success('保存成功!');
  706. this.addClickCancel();
  707. this.loadData();
  708. this.state.businessId='';
  709. } else {
  710. message.warning(data.error[0].message);
  711. }
  712. }.bind(this));
  713. }
  714. });
  715. },
  716. //新建HTTP获取数据
  717. addTime(){
  718. $.ajax({
  719. method: "get",
  720. dataType: "json",
  721. crossDomain: false,
  722. url: globalConfig.context + "/api/admin/customer/toAddBusinessAndFollow",
  723. data:{
  724. },
  725. success: function (data) {
  726. let theArr = [];
  727. let thedata=data.data;
  728. if (!thedata) {
  729. if (data.error && data.error.length) {
  730. message.warning(data.error[0].message);
  731. };
  732. thedata = {};
  733. };
  734. // thedata.adminName.map(function (item,index) {
  735. // theArr.push(<Select.Option value={index}>{item.name}</Select.Option>)
  736. // });
  737. let creatMent=thedata.createTime.substr(10,9);
  738. let createYear=thedata.createTime.substr(0,10);
  739. this.setState({
  740. creatMent:creatMent,
  741. createYear:createYear,
  742. followTime:thedata.followTime,
  743. adminName: thedata.adminName,
  744. });
  745. }.bind(this),
  746. }).always(function () {
  747. this.setState({
  748. loading: false
  749. });
  750. }.bind(this));
  751. },
  752. //客户名称初始加载
  753. customerList(e){
  754. $.ajax({
  755. method: "get",
  756. dataType: "json",
  757. crossDomain: false,
  758. url: globalConfig.context + "/api/admin/customer/findCustomerByName",
  759. data:{
  760. name:e
  761. },
  762. success: function (data) {
  763. let thedata=data.data;
  764. if (!thedata) {
  765. if (data.error && data.error.length) {
  766. message.warning(data.error[0].message);
  767. };
  768. thedata = {};
  769. };
  770. this.setState({
  771. customerArr:thedata,
  772. });
  773. }.bind(this),
  774. }).always(function () {
  775. this.setState({
  776. loading: false
  777. });
  778. }.bind(this));
  779. },
  780. //值改变时请求客户名称
  781. httpChange(e){
  782. if(e.length>=2){
  783. this.customerList(e);
  784. }
  785. },
  786. //选择值时值匹配及联系人函数加载
  787. autoChange(e){
  788. let theType='';
  789. let contactLists=this.state.customerArr||[];
  790. //let contactLists=dataSource;
  791. if (e) {
  792. contactLists.map(function (item) {
  793. if (item.name == e.toString()) {
  794. theType = item.id;
  795. }
  796. });
  797. }
  798. this.setState({
  799. khId:theType
  800. })
  801. this.getNewWoman(theType)
  802. },
  803. //客户输入框失去焦点是判断客户是否存在
  804. blurChange(e){
  805. let theType='';
  806. let contactLists=this.state.customerArr||[];
  807. //let contactLists=dataSource;
  808. if (e) {
  809. contactLists.map(function (item) {
  810. if (item.name == e.toString()) {
  811. theType = item.id;
  812. }
  813. });
  814. }
  815. if(!theType){
  816. return message.warning('当前客户名不存在')
  817. };
  818. },
  819. //点击跟进时数据处理
  820. HttpFollowUp(e){
  821. $.ajax({
  822. method: "get",
  823. dataType: "json",
  824. crossDomain: false,
  825. url: globalConfig.context + "/api/admin/customer/toFollowOneBusiness",
  826. data:{
  827. businessId:e
  828. },
  829. success: function (data) {
  830. let thedata=data.data;
  831. if (!thedata) {
  832. if (data.error && data.error.length) {
  833. message.warning(data.error[0].message);
  834. };
  835. thedata = {};
  836. };
  837. this.setState({
  838. businessId:thedata.businessId,
  839. businessGlossoryId:thedata.businessGlossoryId,
  840. followSituation:thedata.followSituation,
  841. customerStatus:thedata.customerStatus,
  842. createTime:thedata.createTime,
  843. identifyName:thedata.identifyName,
  844. remarks:thedata.remarks,
  845. });
  846. }.bind(this),
  847. }).always(function () {
  848. this.setState({
  849. loading: false
  850. });
  851. }.bind(this));
  852. },
  853. componentWillReceiveProps(nextProps) {
  854. if (!this.props.visible && nextProps.visible) {
  855. if (nextProps.data && nextProps.data.id) {
  856. this.loadData(nextProps.data.id, nextProps.detailApiUrl);
  857. };
  858. this.state.data = {};
  859. this.state.companyLogoUrl = [];
  860. this.state.orgCodeUrl = [];
  861. };
  862. },
  863. tableRowClick(record, index) {
  864. console.log(record)
  865. this.state.RowData = record;
  866. console.log(record)
  867. this.detailsModalOk(record);
  868. this.setState({
  869. selectedRowKeys:[],
  870. rowId:record.id,
  871. })
  872. },
  873. followRowClick(record, index) {
  874. this.state.RowData = record;
  875. this.addTime();
  876. this.customerList();
  877. this.setState({
  878. businessFollowModul: true,
  879. selectedRowKeys:[],
  880. rowId:record.id,
  881. });
  882. },
  883. render() {
  884. const FormItem = Form.Item
  885. const rowSelection = {
  886. selectedRowKeys: this.state.selectedRowKeys,
  887. onChange: (selectedRowKeys, selectedRows) => {
  888. this.setState({
  889. selectedRows: selectedRows.slice(-1),
  890. selectedRowKeys: selectedRowKeys.slice(-1)
  891. });
  892. },
  893. onSelect: (recordt, selected, selectedRows) => {
  894. this.setState({
  895. recordt:recordt.id
  896. })
  897. },
  898. };
  899. const rowSelections = {
  900. selectedRowKeys: this.state.selectedRowKey,
  901. onChange: (selectedRowKey, selectedRow) => {
  902. this.setState({
  903. selectedRow: selectedRow.slice(-1),
  904. selectedRowKey: selectedRowKey.slice(-1)
  905. });
  906. },
  907. onSelect: (records, selected, selectedRow) => {
  908. this.setState({
  909. selectedRow: selectedRow.slice(-1),
  910. records:records.id,
  911. })
  912. },
  913. };
  914. const hasSelected = this.state.selectedRowKeys.length > 0;
  915. const { RangePicker } = DatePicker;
  916. const { getFieldDecorator } = this.props.form;
  917. const formItemLayout = {
  918. labelCol: { span: 8 },
  919. wrapperCol: { span: 14 },
  920. };
  921. //const theDatak = this.state.datak || {};
  922. const theInformation=this.state.dataInformation || {}
  923. const contactsOption="";
  924. const formItemLayput = {
  925. labelCol: { span: 10 },
  926. wrapperCol: { span: 14 },
  927. };
  928. const businessIds=this.state.businessId||'';
  929. const dataSources=this.state.customerArr || [];
  930. const options = dataSources.map((group) =>
  931. <Option key={group.id} value={group.name}>{group.name}</Option>
  932. )
  933. return (
  934. <div className="user-content" >
  935. <div className="content-title">
  936. <span>我的业务</span>
  937. </div>
  938. <div className="user-search">
  939. <Input placeholder="客户名称"
  940. value={this.state.identifyNameS}
  941. onChange={(e) => { this.setState({ identifyNameS: e.target.value }); }} />
  942. <Select placeholder="服务意向" value={this.state.businessIdS} onChange={(e) => {
  943. this.setState({businessIdS:e})}} style={{width:'150px'}}>
  944. {
  945. intentionalService.map(function (item) {
  946. return <Select.Option key={item.value} >{item.key}</Select.Option>
  947. })
  948. }
  949. </Select>
  950. <Button type="primary" onClick={this.search}>搜索</Button>
  951. <Button onClick={this.reset}>重置</Button>
  952. <Button style={{ background: "#ea0862", border: "none", color: "#fff",marginRight:'10px' ,marginLeft:'10px'}}
  953. disabled={!hasSelected}
  954. onClick={this.delectRow}>删除<Icon type="minus" />
  955. </Button>
  956. <span style={{marginLeft:'10px',marginRight:'20px'}}>更多搜索<Switch defaultChecked={false} onChange={this.searchSwitch} /></span>
  957. <Button type="primary" className="addButton" onClick={this.addClick}>新增业务<Icon type="plus" /></Button>
  958. <div className='clearfix' style={{marginTop:'5px'}}>
  959. <div className="search-more" style={this.state.searchMore ? { display: 'none' } : {}}>
  960. <RangePicker
  961. value={[this.state.releaseDate[0] ? moment(this.state.releaseDate[0]) : null,
  962. this.state.releaseDate[1] ? moment(this.state.releaseDate[1]) : null]}
  963. onChange={(data, dataString) => { this.setState({ releaseDate: dataString }); }} />
  964. <Select placeholder="客户状态"
  965. style={{ width: 150 }}
  966. value={this.state.customerStatusS}
  967. onChange={(e) => { this.setState({ customerStatusS: e }) }}>
  968. {this.state.customerStatusArrOption}
  969. </Select>
  970. <Select placeholder="业务进度"
  971. style={{ width: 150 }}
  972. value={this.state.followSituationS}
  973. onChange={(e) => { this.setState({ followSituationS: e }) }}>
  974. {this.state.intentionalOption}
  975. </Select>
  976. <Input placeholder="营销员" style={{width:'150px'}}
  977. value={this.state.adminNameS}
  978. onChange={(e) => { this.setState({ adminNameS: e.target.value }); }} />
  979. </div>
  980. </div>
  981. </div>
  982. <div className="patent-table">
  983. <Spin spinning={this.state.loading}>
  984. <Table columns={this.state.columns}
  985. dataSource={this.state.dataSource}
  986. rowSelection={rowSelection}
  987. pagination={this.state.pagination}
  988. onRowClick={this.tableRowClick}
  989. />
  990. </Spin>
  991. </div>
  992. <Modal
  993. footer=''
  994. title="我的业务"
  995. width='1000px'
  996. visible={this.state.showDesc}
  997. onOk={this.addClickOk}
  998. onCancel={this.addClickCancel}
  999. >
  1000. <Form horizontal id="demand-form" onSubmit={this.addSubmit}>
  1001. <Spin spinning={this.state.loading}>
  1002. <div className="clearfix">
  1003. {businessIds!=''?<div><FormItem className="half-item"
  1004. {...formItemLayout}
  1005. label="业务意向名称"
  1006. >
  1007. <span>{getCompanyIntention(this.state.businessGlossoryId)}</span>
  1008. </FormItem>
  1009. <FormItem className="half-item"
  1010. {...formItemLayout}
  1011. >
  1012. <Button type="primary" onClick={this.newContacts} style={{marginLeft:'160px'}}>添加新联系人</Button>
  1013. </FormItem>
  1014. <FormItem className="half-item"
  1015. {...formItemLayout}
  1016. label="意向时间"
  1017. >
  1018. <span>{this.state.createTime}</span>
  1019. </FormItem>
  1020. <FormItem className="half-item"
  1021. {...formItemLayout}
  1022. label="客户名称"
  1023. >
  1024. <span>{this.state.businessGlossoryId}</span>
  1025. </FormItem></div>
  1026. :<div><FormItem className="half-item"
  1027. {...formItemLayout}
  1028. label="业务意向名称"
  1029. >
  1030. <Select placeholder="服务意向名称" value={this.state.businessGlossoryId} onChange={(e) => {
  1031. this.setState({businessGlossoryId:e})}} style={{width:'150px'}}>
  1032. {
  1033. intentionalService.map(function (item) {
  1034. return <Select.Option key={item.value} >{item.key}</Select.Option>
  1035. })
  1036. }
  1037. </Select>
  1038. </FormItem>
  1039. <FormItem className="half-item"
  1040. {...formItemLayout}
  1041. >
  1042. <Button type="primary" onClick={this.newContacts} style={{marginLeft:'160px'}}>添加新联系人</Button>
  1043. </FormItem>
  1044. <FormItem className="half-item"
  1045. {...formItemLayout}
  1046. label="意向时间" >
  1047. <DatePicker placeholder="更新日期" value={moment(this.state.createYear,'YYYY-MM-DD')} onChange={(time) => {this.setState({createYear: time});}}/>
  1048. <TimePicker placeholder="更新时间" value={moment(this.state.creatMent, 'HH:mm:ss')} onChange={(time) => { this.setState({creatMent: time}); }}/>
  1049. </FormItem>
  1050. <FormItem className="half-item"
  1051. {...formItemLayout}
  1052. label="客户名称"
  1053. >
  1054. <AutoComplete
  1055. className="certain-category-search"
  1056. dropdownClassName="certain-category-search-dropdown"
  1057. dropdownMatchSelectWidth={false}
  1058. dropdownStyle={{ width: 300 }}
  1059. size="large"
  1060. style={{ width: '100%' }}
  1061. dataSource={options}
  1062. placeholder="输入名称"
  1063. optionLabelProp="value"
  1064. onChange={this.httpChange}
  1065. onSelect={this.autoChange}
  1066. filterOption={true}
  1067. onBlur={this.blurChange}
  1068. >
  1069. <Input />
  1070. </AutoComplete>
  1071. </FormItem></div>
  1072. }
  1073. <FormItem className="half-item"
  1074. {...formItemLayout}
  1075. label="营销员"
  1076. >
  1077. <span>{this.state.adminName}</span>
  1078. </FormItem>
  1079. <FormItem className="half-item"
  1080. {...formItemLayout}
  1081. label="业务意向进度"
  1082. >
  1083. <Select placeholder="业务意向进度" value={this.state.followSituation}
  1084. onChange={(e) => { this.setState({ followSituation: e }) }}>
  1085. {
  1086. intentionalService.map(function (item) {
  1087. return <Select.Option key={item.value} >{item.key}</Select.Option>
  1088. })
  1089. }
  1090. </Select>
  1091. </FormItem>
  1092. <FormItem className="half-item"
  1093. {...formItemLayout}
  1094. label="业务客户状态"
  1095. >
  1096. <Select placeholder="业务客户状态" value={this.state.customerStatus}
  1097. onChange={(e) => { this.setState({ customerStatus: e }) }}>
  1098. {
  1099. customerStatus.map(function (item) {
  1100. return <Select.Option key={item.value} >{item.key}</Select.Option>
  1101. })
  1102. }
  1103. </Select>
  1104. </FormItem>
  1105. <div className="clearfix">
  1106. <FormItem
  1107. labelCol={{ span: 4 }}
  1108. wrapperCol={{ span: 16 }}
  1109. label="业务意向说明" >
  1110. <Input type="textarea" rows={4} placeholder="业务意向说明" value={this.state.remarks}
  1111. onChange={(e) => { this.setState({ remarks: e.target.value }) }}/>
  1112. </FormItem>
  1113. </div>
  1114. <div style={{fontSize:'18px',marginLeft:'30px'}}>拜访情况</div>
  1115. <div className="clearfix">
  1116. <FormItem className="half-item"
  1117. labelCol={{ span: 8 }}
  1118. wrapperCol={{ span: 16 }}
  1119. label="拜访方式" >
  1120. <Radio.Group value={this.state.contactType} onChange={(e) => {
  1121. this.setState({ contactType: e.target.value })
  1122. }}>
  1123. <Radio value={0}>外出</Radio>
  1124. <Radio value={1}>电话</Radio>
  1125. <Radio value={2}>QQ</Radio>
  1126. <Radio value={3}>微信</Radio>
  1127. <Radio value={4}>邮箱</Radio>
  1128. </Radio.Group>
  1129. </FormItem>
  1130. </div>
  1131. <FormItem className="half-item"
  1132. {...formItemLayout}
  1133. label="联系人"
  1134. >
  1135. <Select placeholder="联系人姓名" style={{ width: 140 }}
  1136. value={this.state.lastname}
  1137. onChange={this.hundleName}>
  1138. {this.state.orderStatusOption}
  1139. </Select>
  1140. </FormItem>
  1141. <FormItem className="half-item"
  1142. {...formItemLayout}
  1143. label="联系电话"
  1144. >
  1145. <span>{this.state.nub}</span>
  1146. </FormItem>
  1147. <div className="clearfix">
  1148. <FormItem className="half-item"
  1149. {...formItemLayout}
  1150. label="拜访人"
  1151. >
  1152. <span>{this.state.adminName}</span>
  1153. </FormItem>
  1154. <FormItem className="half-item"
  1155. {...formItemLayout}
  1156. label="拜访时间" >
  1157. <span>{this.state.followTime}</span>
  1158. </FormItem>
  1159. </div>
  1160. <div className="clearfix">
  1161. <FormItem
  1162. labelCol={{ span: 4 }}
  1163. wrapperCol={{ span: 16 }}
  1164. label="拜访备注" >
  1165. <Input type="textarea" rows={4} value={this.state.result} placeholder="来电备注"
  1166. onChange={(e) => { this.setState({ result: e.target.value }); }}/>
  1167. </FormItem>
  1168. </div>
  1169. </div>
  1170. <Button type="primary" size="large" htmlType="submit" style={{margin:'15px 15px 20px 160px'}}>保存</Button>
  1171. <Button size="large" onClick={this.addClickCancel}>取消</Button>
  1172. </Spin>
  1173. </Form>
  1174. </Modal>
  1175. <Modal
  1176. className="customeDetails"
  1177. title="我的业务详情"
  1178. width='1000px'
  1179. visible={this.state.modal5Visible}
  1180. onOk={this.detailsModal}
  1181. onCancel={this.detailsModal}
  1182. footer=''
  1183. >
  1184. <Form horizontal onSubmit={this.newSubmit} id="demand-form">
  1185. <Spin spinning={this.state.loading}>
  1186. <div className="clearfix">
  1187. <FormItem className="half-item"
  1188. {...formItemLayout}
  1189. label="业务意向名称"
  1190. >
  1191. <span>{getCompanyIntention(theInformation.businessGlossoryId)}</span>
  1192. </FormItem>
  1193. <FormItem className="half-item"
  1194. {...formItemLayout}
  1195. label="意向时间"
  1196. >
  1197. <span>{theInformation.createTime}</span>
  1198. </FormItem>
  1199. <FormItem className="half-item"
  1200. {...formItemLayout}
  1201. label="客户名称"
  1202. >
  1203. <span>{theInformation.identifyName}</span>
  1204. </FormItem>
  1205. <FormItem className="half-item"
  1206. {...formItemLayout}
  1207. label="营销员"
  1208. >
  1209. <span>{theInformation.adminName}</span>
  1210. </FormItem>
  1211. <FormItem className="half-item"
  1212. {...formItemLayout}
  1213. label="业务意向进度"
  1214. >
  1215. <Select placeholder="业务意向进度" value={this.state.followSituation}
  1216. onChange={(e) => { this.setState({ followSituation: e }) }}>
  1217. {
  1218. newFollow.map(function (item) {
  1219. return <Select.Option key={item.value} >{item.key}</Select.Option>
  1220. })
  1221. }
  1222. </Select>
  1223. </FormItem>
  1224. <FormItem className="half-item"
  1225. {...formItemLayout}
  1226. label="业务客户状态"
  1227. >
  1228. <Select placeholder="业务客户状态" value={this.state.customerStatus}
  1229. onChange={(e) => { this.setState({ customerStatus: e }) }}>
  1230. {
  1231. intentionalService.map(function (item) {
  1232. return <Select.Option key={item.value} >{item.key}</Select.Option>
  1233. })
  1234. }
  1235. </Select>
  1236. </FormItem>
  1237. <div className="clearfix">
  1238. <FormItem
  1239. labelCol={{ span: 4 }}
  1240. wrapperCol={{ span: 16 }}
  1241. label="业务意向说明" >
  1242. <Input type="textarea" rows={4} placeholder="业务意向说明" value={this.state.remarks}
  1243. onChange={(e) => { this.setState({ remarks: e.target.value }) }}/>
  1244. </FormItem>
  1245. </div>
  1246. <Button className="set-submit" type="primary" htmlType="submit" style={{marginLeft:'160px',marginBottom:'30px'}}>保存</Button>
  1247. <Button className="set-submit" type="ghost" onClick={this.detailsModal}>取消</Button>
  1248. </div>
  1249. <div className="clearfix">
  1250. <div style={{fontSize:'18px',marginLeft:'40px',marginBottom:'20px'}}>业务跟进</div>
  1251. <div className="clearfix" style={{paddingLeft:'40px',paddingRight:'40px'}}>
  1252. <Spin spinning={this.state.loading}>
  1253. <Table
  1254. pagination={this.state.paginations}
  1255. columns={this.state.businessFollowList}
  1256. dataSource={data}
  1257. onRowClick={this.followRowClick}
  1258. />
  1259. </Spin>
  1260. </div>
  1261. </div>
  1262. </Spin>
  1263. </Form>
  1264. </Modal>
  1265. <Modal
  1266. footer=''
  1267. width='800px'
  1268. title="新增联系人"
  1269. visible={this.state.addcontactModul}
  1270. onOk={this.addcontactModulOK}
  1271. onCancel={this.addcontactModulcancel}
  1272. >
  1273. <Form horizontal onSubmit={this.submitcontactman} id="demand-form">
  1274. <Spin spinning={this.state.loading}>
  1275. <Row>
  1276. <FormItem
  1277. labelCol={{ span: 4 }}
  1278. wrapperCol={{ span: 14 }}
  1279. label="是否是主要联系人:" style={{marginRight:'10px'}}>
  1280. <Radio.Group value={this.state.hotst} onChange={(e) => {
  1281. this.setState({ hotst: e.target.value })
  1282. }}>
  1283. <Radio value={0}>是</Radio>
  1284. <Radio value={1}>否</Radio>
  1285. </Radio.Group>
  1286. </FormItem>
  1287. <FormItem
  1288. labelCol={{ span: 4 }}
  1289. wrapperCol={{ span: 14 }}
  1290. label="性别:" style={{marginRight:'10px',marginTop: '-15px'}}>
  1291. <Radio.Group value={this.state.hott} onChange={(e) => {
  1292. this.setState({ hott: e.target.value })
  1293. }}>
  1294. <Radio value={0}>男</Radio>
  1295. <Radio value={1}>女</Radio>
  1296. </Radio.Group>
  1297. </FormItem>
  1298. </Row>
  1299. <Row style={{ paddingLeft:'50px' }}>
  1300. <Col span={2}>姓名:</Col>
  1301. <Col span={8}>
  1302. <Input value={this.state.paymentIdt} required="required"
  1303. onChange={(e) => { this.setState({ paymentIdt: e.target.value }) }} />
  1304. </Col>
  1305. <Col span={2} style={{ marginLeft: '50px' }}>QQ号:</Col>
  1306. <Col span={8}>
  1307. <Input value={this.state.entIdt}
  1308. onChange={(e) => { this.setState({ entIdt: e.target.value }) }} />
  1309. </Col>
  1310. </Row>
  1311. <Row style={{ marginTop: '20px',paddingLeft:'50px' }}>
  1312. <Col span={2}>手机号:</Col>
  1313. <Col span={8}>
  1314. <Input value={this.state.payt} required="required"
  1315. onChange={(e) => { this.setState({ payt: e.target.value }) }} />
  1316. </Col>
  1317. <Col span={2} style={{ marginLeft: '50px' }}>座机号:</Col>
  1318. <Col span={8}>
  1319. <Input value={this.state.paymt}
  1320. onChange={(e) => { this.setState({ paymt: e.target.value }) }} />
  1321. </Col>
  1322. </Row>
  1323. <Row style={{ marginTop: '20px' ,paddingLeft:'50px'}}>
  1324. <Col span={2}>部门:</Col>
  1325. <Col span={8}>
  1326. <Input value={this.state.paytIdtt}
  1327. onChange={(e) => { this.setState({ paytIdtt: e.target.value }) }} />
  1328. </Col>
  1329. <Col span={2} style={{ marginLeft: '50px' }}>职位:</Col>
  1330. <Col span={8}>
  1331. <Input value={this.state.paentIdt}
  1332. onChange={(e) => { this.setState({ paentIdt: e.target.value }) }} />
  1333. </Col>
  1334. </Row>
  1335. <Row style={{ marginTop: '20px',paddingLeft:'50px' }}>
  1336. <Col span={2}>微信号:</Col>
  1337. <Col span={8}>
  1338. <Input value={this.state.payIdt}
  1339. onChange={(e) => { this.setState({ payIdt: e.target.value }) }} />
  1340. </Col>
  1341. <Col span={2} style={{ marginLeft: '50px' }}>邮箱:</Col>
  1342. <Col span={8}>
  1343. <Input value={this.state.emailst}
  1344. onChange={(e) => { this.setState({ emailst: e.target.value }) }} />
  1345. </Col>
  1346. </Row>
  1347. <Row style={{ marginTop: '20px',paddingLeft:'50px' ,marginBottom:'50px'}}>
  1348. <Button className="set-submit" type="primary" htmlType="submit" id="change_keep" style={{marginLeft:'60px'}}>保存</Button>
  1349. <Button className="set-submit" type="ghost" onClick={this.addcontactModulcancel} id='change_rem'>取消</Button>
  1350. </Row>
  1351. </Spin>
  1352. </Form>
  1353. </Modal>
  1354. <Modal
  1355. footer=''
  1356. title="业务跟进详情"
  1357. width='600px'
  1358. visible={this.state.businessFollowModul}
  1359. onOk={this.businessFollowOk}
  1360. onCancel={this.businessFollowCancel}
  1361. >
  1362. <div className="clearfix">
  1363. <Form horizontal id="demand-form" onSubmit={this.passworldSubmit} style={{paddingLeft:'30px'}}>
  1364. <Spin spinning={this.state.loading}>
  1365. <div className="clearfix" >
  1366. <FormItem className="half-item"
  1367. {...formItemLayout}
  1368. label="意向业务名称" >
  1369. <span>{this.state.a}</span>
  1370. </FormItem>
  1371. <FormItem className="half-item"
  1372. {...formItemLayout}
  1373. label="意向时间" >
  1374. <span>{this.state.a1}</span>
  1375. </FormItem>
  1376. <FormItem className="half-item"
  1377. {...formItemLayout}
  1378. label="客户名称" >
  1379. <span>{this.state.a}</span>
  1380. </FormItem>
  1381. <FormItem className="half-item"
  1382. {...formItemLayout}
  1383. label="营销员" >
  1384. <span>{this.state.a}</span>
  1385. </FormItem>
  1386. <FormItem className="half-item"
  1387. {...formItemLayout}
  1388. label="意向业务进度" >
  1389. <span>{this.state.a}</span>
  1390. </FormItem>
  1391. <FormItem className="half-item"
  1392. {...formItemLayout}
  1393. label="业务客户状态" >
  1394. <span>{this.state.a}</span>
  1395. </FormItem>
  1396. </div>
  1397. <div className="clearfix">
  1398. <FormItem className="half-item"
  1399. {...formItemLayout}
  1400. label="业务意向说明" >
  1401. <span>{this.state.a}</span>
  1402. </FormItem>
  1403. </div>
  1404. <div className="clearfix">
  1405. <div style={{fontSize:'18px'}}>拜访情况</div>
  1406. <div className="clearfix">
  1407. <FormItem className="half-item"
  1408. {...formItemLayout}
  1409. label="拜访方式" >
  1410. <span>{this.state.a}</span>
  1411. </FormItem>
  1412. </div>
  1413. <FormItem className="half-item"
  1414. {...formItemLayout}
  1415. label="联系人" >
  1416. <span>{this.state.a}</span>
  1417. </FormItem>
  1418. <FormItem className="half-item"
  1419. {...formItemLayout}
  1420. label="联系电话" >
  1421. <span>{this.state.a}</span>
  1422. </FormItem>
  1423. <FormItem className="half-item"
  1424. {...formItemLayout}
  1425. label="拜访时间" >
  1426. <span>{this.state.a}</span>
  1427. </FormItem>
  1428. <FormItem className="half-item"
  1429. {...formItemLayout}
  1430. label="拜访人" >
  1431. <span>{this.state.a}</span>
  1432. </FormItem>
  1433. <div className="clearfix">
  1434. <FormItem className="half-item"
  1435. {...formItemLayout}
  1436. label="拜访备注" >
  1437. <span>{this.state.a}</span>
  1438. </FormItem>
  1439. </div>
  1440. </div>
  1441. </Spin>
  1442. </Form>
  1443. </div>
  1444. </Modal>
  1445. </div >
  1446. );
  1447. }
  1448. }));
  1449. export default MyBusiness;