followUpDetails.jsx 39 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864
  1. import React,{Component} from "react";
  2. import {Button, Col, Form, message, Modal, Spin, Table, Tabs, Tag} from "antd";
  3. import {
  4. getApprovedState,
  5. getCuikuan,
  6. getjiedian,
  7. getLiquidationStatus,
  8. getProcessStatus,
  9. splitUrl
  10. } from "../../../tools";
  11. import ImgList from "../../../common/imgList";
  12. import $ from "jquery/src/ajax";
  13. import OrderRiZi from "@/orderRiZi.jsx";
  14. import ProjectDetailsReadOnly from "../../../common/projectDetailsReadOnly";
  15. import CustomerServiceRecord from './customerServiceRecord';
  16. import OrderItemStatus from "../../../common/orderItemStatus";
  17. import EnterpriseNameChange from "../../../common/enterpriseNameChange";
  18. const FormItem = Form.Item;
  19. const { TabPane } = Tabs;
  20. const formItemLayout = {
  21. labelCol: { span: 8 },
  22. wrapperCol: { span: 14 },
  23. };
  24. class FollowUpDetails extends Component{
  25. constructor(props) {
  26. super(props);
  27. this.state={
  28. loading:false,
  29. columnsX: [
  30. {
  31. title: "业务项目名称",
  32. dataIndex: "commodityName",
  33. key: "commodityName",
  34. render: (text, record) => {
  35. return text + "-" + record.id
  36. }
  37. },
  38. {
  39. title: "项目类别",
  40. dataIndex: "cname",
  41. key: "cname",
  42. },
  43. {
  44. title: "项目数量",
  45. dataIndex: "commodityQuantity",
  46. key: "commodityQuantity",
  47. render: (text, record) => {
  48. if (record.splitStatus == 1) {
  49. return (
  50. <span>
  51. {text}{" "}
  52. <Tag
  53. color="#108ee9"
  54. onClick={(e) => {
  55. e.stopPropagation();
  56. this.showRes(record);
  57. }}
  58. >
  59. 已拆
  60. </Tag>
  61. </span>
  62. );
  63. } else {
  64. return text;
  65. }
  66. },
  67. },
  68. {
  69. title: "金额(万元)",
  70. dataIndex: "commodityPrice",
  71. key: "commodityPrice",
  72. },
  73. {
  74. title: "负责人",
  75. dataIndex: "contacts",
  76. key: "contacts",
  77. },
  78. {
  79. title: "负责人电话",
  80. dataIndex: "contactsMobile",
  81. key: "contactsMobile",
  82. },
  83. {
  84. title: "主要项目",
  85. dataIndex: "main",
  86. key: "main",
  87. render: (text) => {
  88. return text ? "是" : "否";
  89. },
  90. },
  91. {
  92. title: "项目说明",
  93. dataIndex: "taskComment",
  94. key: "taskComment",
  95. render: (text) => {
  96. return text && text.length > 8 ? text.substr(0, 8) + "…" : text;
  97. },
  98. },
  99. ],
  100. dataSourceX:[],
  101. contactList:[],
  102. ContactsListsNew: [
  103. {
  104. title: "项目名称",
  105. dataIndex: "commodityName",
  106. key: "commodityName",
  107. render: (text, record) => {
  108. return <span>{text + "-" + record.tid}</span>;
  109. },
  110. },
  111. {
  112. title: "项目分类",
  113. dataIndex: "projectType",
  114. key: "projectType",
  115. render: (text) => {
  116. let arr = this.state.dataSourceX || [];
  117. let str = "";
  118. for (let i = 0; i < arr.length; i++) {
  119. if (this.state.dataSourceX[i].sort == text) {
  120. str = this.state.dataSourceX[i].cname;
  121. return <span>{str}</span>;
  122. }
  123. }
  124. },
  125. },
  126. {
  127. title: "催款科目",
  128. dataIndex: "dunTypeName",
  129. key: "dunTypeName",
  130. render: (text, record) => {
  131. if (record.customizeName) {
  132. return text + record.customizeName;
  133. }
  134. return <span>{text}</span>;
  135. },
  136. },
  137. {
  138. title: "时间(天)",
  139. dataIndex: "waitDay",
  140. key: "waitDay",
  141. render: (text, record) => {
  142. if (record.dunTypeName) {
  143. if (record.customizeTimes) {
  144. return record.customizeTimes;
  145. }
  146. return <span>{text}</span>;
  147. }
  148. },
  149. },
  150. {
  151. title: "金额(万元)",
  152. dataIndex: "money",
  153. key: "money",
  154. render: (text, record) => {
  155. if (record.dunTypeName) {
  156. if (record.appropriationRatio && !record.money) {
  157. return <span>{record.appropriationRatio}(拨款比例)</span>;
  158. } else if (record.appropriationRatio && record.money) {
  159. return (
  160. <span>
  161. {text}(比例:{record.appropriationRatio})
  162. </span>
  163. );
  164. } else {
  165. return <span>{text}</span>;
  166. }
  167. }
  168. },
  169. },
  170. {
  171. title: "服务年限",
  172. dataIndex: "startDate",
  173. key: "startDate",
  174. render: (text, record) => {
  175. if (record.dunTypeName) {
  176. return <span>{text}</span>;
  177. }
  178. },
  179. },
  180. {
  181. title: "催款状态",
  182. dataIndex: "status",
  183. key: "status",
  184. render: (text) => {
  185. return <span>{text == 1 ? "已启动" : "未启动"}</span>;
  186. },
  187. },
  188. ],
  189. ContactsLists: [
  190. {
  191. title: "催款科目",
  192. dataIndex: "dunSubject",
  193. key: "dunSubject",
  194. render: (text) => {
  195. return getjiedian(text);
  196. },
  197. },
  198. {
  199. title: "金额(万元)",
  200. dataIndex: "money",
  201. key: "money",
  202. },
  203. {
  204. title: "催款状态",
  205. dataIndex: "dunStatus",
  206. key: "dunStatus",
  207. render: (text) => {
  208. return getCuikuan(text);
  209. },
  210. },
  211. ],
  212. tabsKey:'1',
  213. dataSourcerizhi:[],
  214. }
  215. this.jiedian =this.jiedian.bind(this);
  216. this.jiedianNew =this.jiedianNew.bind(this);
  217. this.xiangqing =this.xiangqing.bind(this);
  218. this.rizhi =this.rizhi.bind(this);
  219. this.closeOrderLog =this.closeOrderLog.bind(this);
  220. this.tableRowClickX =this.tableRowClickX.bind(this);
  221. this.nextCancel =this.nextCancel.bind(this);
  222. this.rizhi =this.rizhi.bind(this);
  223. this.getOrderLog =this.getOrderLog.bind(this);
  224. this.xiangmu =this.xiangmu.bind(this);
  225. }
  226. componentDidMount() {
  227. this.xiangqing();
  228. this.jiedian();
  229. this.jiedianNew();
  230. this.xiangmu();
  231. }
  232. getOrderLog() {
  233. this.setState({
  234. rizhivisible: true,
  235. });
  236. this.rizhi();
  237. }
  238. closeOrderLog() {
  239. this.setState({
  240. rizhivisible: false,
  241. dataSourcerizhi:[],
  242. });
  243. }
  244. tableRowClickX(record) {
  245. this.setState({
  246. addnextVisible: true,
  247. dataInfor:record,
  248. });
  249. }
  250. nextCancel() {
  251. this.setState({
  252. addnextVisible: false,
  253. dataInfor:{}
  254. });
  255. }
  256. rizhi() {
  257. this.setState({
  258. selectOrderLogLoading: true,
  259. });
  260. $.ajax({
  261. method: "get",
  262. dataType: "json",
  263. crossDomain: false,
  264. url: "/api/admin/newOrder/selectOrderLog",
  265. data: {
  266. orderNo: this.props.orderNo,
  267. },
  268. success: function (data) {
  269. let theArr = [];
  270. let thisData = data.data;
  271. if (!thisData.length) {
  272. if (data.error && data.error.length) {
  273. message.warning(data.error[0].message);
  274. }
  275. } else {
  276. for (let i = 0; i < data.data.length; i++) {
  277. let thisdata = data.data[i];
  278. theArr.push({
  279. processName: thisdata.processName,
  280. adminName: thisdata.adminName,
  281. createDate: thisdata.createDate,
  282. remarks: thisdata.remarks,
  283. });
  284. }
  285. }
  286. this.setState({
  287. dataSourcerizhi: theArr,
  288. });
  289. }.bind(this),
  290. }).always(
  291. function () {
  292. this.setState({
  293. selectOrderLogLoading: false,
  294. });
  295. }.bind(this)
  296. );
  297. }
  298. jiedian() {
  299. $.ajax({
  300. method: "get",
  301. dataType: "json",
  302. crossDomain: false,
  303. url: globalConfig.context + "/api/admin/newOrder/selectOrderDun",
  304. data: {
  305. orderNo: this.props.orderNo,
  306. },
  307. success: function (data) {
  308. let theArr = [];
  309. let thisData = [];
  310. if (data.error.length || data.data.list == "") {
  311. if (data.error && data.error.length) {
  312. message.warning(data.error[0].message);
  313. }
  314. } else {
  315. for (let i = 0; i < data.data.length; i++) {
  316. thisData = data.data[i];
  317. theArr.push({
  318. key: i,
  319. dunSubject: thisData.dunSubject
  320. ? thisData.dunSubject.toString()
  321. : "", //催款科目
  322. id: thisData.id, //节点Id
  323. money: thisData.money, //催款金额
  324. dunStatus: thisData.dunStatus, //催款状态
  325. });
  326. }
  327. this.setState({
  328. contactList: theArr,
  329. });
  330. }
  331. }.bind(this),
  332. }).always(
  333. function () {
  334. }.bind(this)
  335. );
  336. }
  337. //查看催款节点
  338. jiedianNew() {
  339. this.setState({
  340. newOrderDunLoading: true,
  341. });
  342. $.ajax({
  343. method: "get",
  344. dataType: "json",
  345. crossDomain: false,
  346. url:
  347. globalConfig.context + "/api/admin/newOrderDun/selectListNewOrderDun",
  348. data: {
  349. orderNo: this.props.orderNo,
  350. },
  351. success: function (data) {
  352. if (data.error && data.error.length) {
  353. message.warning(data.error[0].message);
  354. } else {
  355. let theArr = [];
  356. let thisData = [];
  357. let arr = data.data || [];
  358. let totalCui = 0;
  359. for (let i = 0; i < arr.length; i++) {
  360. thisData = arr[i];
  361. totalCui += +thisData.money;
  362. theArr.push({
  363. key: i,
  364. dunSubject: thisData.dunSubject
  365. ? thisData.dunSubject.toString()
  366. : "", //催款科目
  367. id: thisData.id, //节点Id
  368. money: thisData.money, //催款金额
  369. commodityName: thisData.commodityName,
  370. projectType: thisData.projectType,
  371. dunTypeName: thisData.dunTypeName,
  372. status: thisData.status,
  373. waitDay: thisData.waitDay,
  374. effectiveCount: thisData.effectiveCount,
  375. startDate: thisData.startDate,
  376. dunType: thisData.dunType,
  377. appropriationRatio: thisData.appropriationRatio,
  378. customizeName: thisData.customizeName,
  379. customizeTimes: thisData.customizeTimes,
  380. tid: thisData.tid,
  381. });
  382. }
  383. if (!totalCui) {
  384. totalCui = 0;
  385. }
  386. totalCui = (Math.round(totalCui * 1000000) / 1000000).toFixed(6);
  387. this.setState({
  388. contactListNew: theArr,
  389. totalCui,
  390. });
  391. }
  392. }.bind(this),
  393. }).always(
  394. function () {
  395. this.setState({
  396. newOrderDunLoading: false,
  397. });
  398. }.bind(this)
  399. );
  400. }
  401. xiangqing() {
  402. this.setState({
  403. loading: true,
  404. });
  405. $.ajax({
  406. method: "get",
  407. dataType: "json",
  408. crossDomain: false,
  409. url: globalConfig.context + "/api/admin/newOrder/getOrderNewDetail",
  410. data: {
  411. orderNo: this.props.orderNo,
  412. },
  413. success: function (data) {
  414. if (data.error.length || data.data.list == "") {
  415. if (data.error && data.error.length) {
  416. message.warning(data.error[0].message);
  417. }
  418. } else {
  419. let thisdata = data.data;
  420. this.setState({
  421. orderUid: thisdata.uid,
  422. orderNo: thisdata.orderNo, //订单编号
  423. contractNo: thisdata.contractNo, //合同编号
  424. userName: thisdata.userName, //客户名称
  425. signDate: thisdata.signDate, //签单时间
  426. processStatus: thisdata.processStatus, //流程状态
  427. liquidationStatus: thisdata.liquidationStatus, //结算状态
  428. contacts: thisdata.contacts, //企业联系人
  429. contactMobile: thisdata.contactMobile, //联系人电话
  430. legalPerson: thisdata.legalPerson, //法人
  431. legalPersonTel: thisdata.legalPersonTel, //法人电话
  432. firstAmount: thisdata.firstAmount, //签单金额
  433. totalAmount: thisdata.totalAmount, //首付金额
  434. approval: thisdata.approval, //特批状态
  435. settlementAmount: thisdata.settlementAmount, //已收款项
  436. orderRemarks: thisdata.orderRemarks, //订单留言
  437. orgCodeUrl: thisdata.contractPictureUrl
  438. ? splitUrl(
  439. thisdata.contractPictureUrl,
  440. ",",
  441. globalConfig.avatarHost + "/upload"
  442. )
  443. : [], //图片地址
  444. replenishUrl: thisdata.agreementUrl
  445. ? splitUrl(
  446. thisdata.agreementUrl,
  447. ",",
  448. globalConfig.avatarHost + "/upload"
  449. )
  450. : [], //图片地址
  451. salesmanName: thisdata.salesmanName, //营销员名称
  452. salesmanMobile: thisdata.salesmanMobile, //营销员电话
  453. oldSalesmanName: thisdata.oldSalesmanName, //营销员名称
  454. oldSalesmanMobile: thisdata.oldSalesmanMobile, //营销员电话
  455. financeName: thisdata.financeName, //财务名称
  456. financeMobile: thisdata.financeMobile, //财务电话
  457. nowFinance: thisdata.nowFinance, //财务名称
  458. nowFinanceMobile: thisdata.nowFinanceMobile, //财务电话
  459. depName: thisdata.depName,
  460. outsource: thisdata.outsource == 0 ? "否" : "是",
  461. deleteSign:thisdata.deleteSign,
  462. });
  463. }
  464. }.bind(this),
  465. }).always(
  466. function () {
  467. this.setState({
  468. loading: false,
  469. });
  470. }.bind(this)
  471. );
  472. }
  473. xiangmu() {
  474. this.setState({
  475. orderTaskLoading:true
  476. })
  477. $.ajax({
  478. method: "get",
  479. dataType: "json",
  480. crossDomain: false,
  481. url: globalConfig.context + "/api/admin/newOrder/getOrderTask",
  482. data: {
  483. orderNo: this.props.orderNo,
  484. },
  485. success: function (data) {
  486. let theArr = [];
  487. if (data.error.length || data.data.list == "") {
  488. if (data.error && data.error.length) {
  489. message.warning(data.error[0].message);
  490. }
  491. } else {
  492. for (let i = 0; i < data.data.length; i++) {
  493. let thisdata = data.data[i];
  494. thisdata.key = i;
  495. theArr.push(thisdata);
  496. }
  497. this.setState({
  498. dataSourceX: theArr,
  499. });
  500. }
  501. }.bind(this),
  502. }).always(
  503. function () {
  504. this.setState({
  505. orderTaskLoading: false,
  506. });
  507. }.bind(this)
  508. );
  509. }
  510. render() {
  511. return (
  512. <Modal
  513. className="customeDetails"
  514. footer=""
  515. title={null}
  516. width="1200px"
  517. maskClosable={false}
  518. visible={this.props.visible}
  519. onOk={this.props.onCancel}
  520. onCancel={this.props.onCancel}
  521. >
  522. <div>
  523. <Tabs
  524. defaultActiveKey="1"
  525. className="test"
  526. activeKey={this.state.tabsKey}
  527. onChange={(e)=>{this.setState({tabsKey:e})}}
  528. tabBarExtraContent={
  529. <div style={{fontWeight:'bold',paddingRight:'15px'}}>
  530. <OrderItemStatus deleteSign={this.state.deleteSign}/>
  531. </div>
  532. }
  533. >
  534. <TabPane tab="订单详情" key="1">
  535. <Form
  536. layout="horizontal"
  537. id="demand-form"
  538. style={{ paddingBottom: "40px" }}
  539. >
  540. <Spin spinning={this.state.loading}>
  541. <div className="clearfix">
  542. <FormItem
  543. className="half-item"
  544. {...formItemLayout}
  545. label="订单编号"
  546. >
  547. <span>{this.state.orderNo}</span>
  548. </FormItem>
  549. <FormItem
  550. className="half-item"
  551. {...formItemLayout}
  552. label="合同编号"
  553. >
  554. <span>{this.state.contractNo}</span>
  555. </FormItem>
  556. <FormItem
  557. className="half-item"
  558. {...formItemLayout}
  559. label="客户名称"
  560. >
  561. <span>{this.state.userName}</span>
  562. <EnterpriseNameChange
  563. type='journal'
  564. style={{ marginLeft: 10 }}
  565. enterpriseId={this.state.orderUid}/>
  566. </FormItem>
  567. <FormItem
  568. className="half-item"
  569. {...formItemLayout}
  570. label="下单时间"
  571. >
  572. <span>{this.state.signDate}</span>
  573. </FormItem>
  574. <FormItem
  575. className="half-item"
  576. {...formItemLayout}
  577. label="流程状态"
  578. >
  579. <span>{getProcessStatus(this.state.processStatus)}</span>
  580. </FormItem>
  581. <FormItem
  582. className="half-item"
  583. {...formItemLayout}
  584. label="结算状态"
  585. >
  586. <span>
  587. {getLiquidationStatus(this.state.liquidationStatus)}
  588. </span>
  589. </FormItem>
  590. <FormItem
  591. className="half-item"
  592. {...formItemLayout}
  593. label="企业联系人"
  594. >
  595. <span>{this.state.contacts}</span>
  596. </FormItem>
  597. <FormItem
  598. className="half-item"
  599. {...formItemLayout}
  600. label="联系人电话"
  601. >
  602. <span>{this.state.contactMobile}</span>
  603. </FormItem>
  604. <FormItem
  605. className="half-item"
  606. {...formItemLayout}
  607. label="企业法人"
  608. >
  609. <span>{this.state.legalPerson}</span>
  610. </FormItem>
  611. <FormItem
  612. className="half-item"
  613. {...formItemLayout}
  614. label="法人电话"
  615. >
  616. <span>{this.state.legalPersonTel}</span>
  617. </FormItem>
  618. <FormItem
  619. className="half-item"
  620. {...formItemLayout}
  621. label="签单金额(万元)"
  622. >
  623. <span>{this.state.totalAmount}</span>
  624. </FormItem>
  625. <FormItem
  626. className="half-item"
  627. {...formItemLayout}
  628. label="首付金额(万元)"
  629. >
  630. <span>{this.state.firstAmount}</span>
  631. </FormItem>
  632. <FormItem
  633. className="half-item"
  634. {...formItemLayout}
  635. label="特批立项"
  636. >
  637. <span>{getApprovedState(this.state.approval)}</span>
  638. </FormItem>
  639. <FormItem
  640. className="half-item"
  641. {...formItemLayout}
  642. label="已收款项(万元)"
  643. >
  644. <span>{this.state.settlementAmount}</span>
  645. </FormItem>
  646. <FormItem
  647. className="half-item"
  648. {...formItemLayout}
  649. label="订单部门"
  650. >
  651. <span>{this.state.depName}</span>
  652. </FormItem>
  653. <FormItem
  654. className="half-item"
  655. {...formItemLayout}
  656. label="是否外包"
  657. >
  658. {this.state.outsource}
  659. </FormItem>
  660. <div className="clearfix">
  661. <FormItem
  662. labelCol={{ span: 4 }}
  663. wrapperCol={{ span: 16 }}
  664. label="订单留言"
  665. >
  666. <span>{this.state.orderRemarks}</span>
  667. </FormItem>
  668. </div>
  669. <div className="clearfix">
  670. <FormItem
  671. labelCol={{ span: 4 }}
  672. wrapperCol={{ span: 18 }}
  673. label={"合同扫描件"}
  674. >
  675. <div style={{paddingTop:'10px',paddingBottom:'10px'}}>
  676. {this.props.visible && this.state.orgCodeUrl ? <ImgList fileList={this.state.orgCodeUrl} ItemWidth={'96px'}/> : <div/>}
  677. </div>
  678. <Button
  679. style={{
  680. float: "right",
  681. marginRight: "140px",
  682. marginTop: "20px",
  683. }}
  684. onClick={this.getOrderLog}
  685. >
  686. 查看订单 日志
  687. </Button>
  688. </FormItem>
  689. <FormItem
  690. labelCol={{ span: 4 }}
  691. wrapperCol={{ span: 18 }}
  692. label="补充协议"
  693. >
  694. <div style={{paddingTop:'10px',paddingBottom:'10px'}}>
  695. {this.props.visible && this.state.replenishUrl ? <ImgList domId={'inquiry1'} fileList={this.state.replenishUrl} ItemWidth={'96px'}/> : <div/>}
  696. </div>
  697. </FormItem>
  698. </div>
  699. <div className="clearfix">
  700. <FormItem
  701. className="half-item"
  702. {...formItemLayout}
  703. label="订单负责人"
  704. >
  705. <span>{this.state.salesmanName}</span>
  706. </FormItem>
  707. <FormItem
  708. className="half-item"
  709. {...formItemLayout}
  710. label="订单负责人电话"
  711. >
  712. <span>{this.state.salesmanMobile}</span>
  713. </FormItem>
  714. </div>
  715. <div className="clearfix">
  716. <FormItem
  717. className="half-item"
  718. {...formItemLayout}
  719. label="当前财务负责人"
  720. >
  721. <span>{this.state.nowFinance}</span>
  722. </FormItem>
  723. <FormItem
  724. className="half-item"
  725. {...formItemLayout}
  726. label="当前财务负责人电话"
  727. >
  728. <span>{this.state.nowFinanceMobile}</span>
  729. </FormItem>
  730. </div>
  731. <div className="clearfix">
  732. <FormItem
  733. className="half-item"
  734. {...formItemLayout}
  735. style={{ opacity: ".5" }}
  736. label="原订单负责人"
  737. >
  738. <span>{this.state.oldSalesmanName}</span>
  739. </FormItem>
  740. <FormItem
  741. className="half-item"
  742. {...formItemLayout}
  743. style={{ opacity: ".5" }}
  744. label="原订单负责人电话"
  745. >
  746. <span>{this.state.oldSalesmanMobile}</span>
  747. </FormItem>
  748. </div>
  749. <div className="clearfix">
  750. <FormItem
  751. className="half-item"
  752. style={{ opacity: ".5" }}
  753. {...formItemLayout}
  754. label="实际财务操作人"
  755. >
  756. <span>{this.state.financeName}</span>
  757. </FormItem>
  758. <FormItem
  759. className="half-item"
  760. {...formItemLayout}
  761. style={{ opacity: ".5" }}
  762. label="实际财务操作人电话"
  763. >
  764. <span>{this.state.financeMobile}</span>
  765. </FormItem>
  766. </div>
  767. <div>
  768. <span style={{ marginLeft: "50px", fontSize: "20px" }}>
  769. 项目业务
  770. </span>
  771. </div>
  772. <div className="patent-table">
  773. <Spin spinning={this.state.orderTaskLoading}>
  774. <Table
  775. columns={this.state.columnsX}
  776. dataSource={this.state.dataSourceX}
  777. pagination={false}
  778. onRowClick={this.tableRowClickX}
  779. bordered
  780. size="small"
  781. />
  782. </Spin>
  783. </div>
  784. <div>
  785. <span style={{ marginLeft: "50px", fontSize: "20px" }}>
  786. 催款节点
  787. </span>
  788. <span
  789. style={{
  790. display: this.state.contactList.length ? "none" : "inline-block",
  791. marginLeft: 10,
  792. color: "red",
  793. }}
  794. >
  795. 金额总计(万元): {this.state.totalCui}
  796. </span>
  797. </div>
  798. <div className="clearfix">
  799. <Spin spinning={this.state.newOrderDunLoading}>
  800. <Form layout="horizontal" id="demand-form">
  801. <Table
  802. pagination={false}
  803. bordered
  804. size="small"
  805. columns={
  806. this.state.ContactsListsNew
  807. }
  808. dataSource={
  809. this.state.contactListNew
  810. }
  811. />
  812. <Col
  813. span={24}
  814. offset={9}
  815. style={{ marginTop: "15px" }}
  816. />
  817. </Form>
  818. </Spin>
  819. </div>
  820. </div>
  821. </Spin>
  822. </Form>
  823. </TabPane>
  824. <TabPane tab="客服跟进详情" key="2">
  825. {this.state.tabsKey === '2' ? <CustomerServiceRecord
  826. orderNo={this.props.orderNo}
  827. uid={this.props.uid}
  828. /> : ''}
  829. </TabPane>
  830. </Tabs>
  831. <OrderRiZi
  832. dataSourcerizhi={this.state.dataSourcerizhi}
  833. closeOrderLog={this.closeOrderLog}
  834. visible={this.state.rizhivisible}
  835. loading={this.state.selectOrderLogLoading}
  836. />
  837. {this.state.addnextVisible && <ProjectDetailsReadOnly
  838. infor={this.state.dataInfor}
  839. visible={this.state.addnextVisible}
  840. onCancel={this.nextCancel}
  841. />}
  842. </div>
  843. </Modal>
  844. )
  845. }
  846. }
  847. export default FollowUpDetails;