details.jsx 36 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867
  1. import React, { Component } from "react";
  2. import { Button, Form, message, Modal, Spin, Table, Tag } from "antd";
  3. import OrderItemStatus from "../../../../common/orderItemStatus";
  4. import EnterpriseNameChange from "../../../../common/enterpriseNameChange";
  5. import {
  6. getApprovedState,
  7. getCuikuan,
  8. getjiedian,
  9. getLiquidationStatus,
  10. getProcessStatus,
  11. splitUrl
  12. } from "../../../../tools";
  13. import ImgList from "../../../../common/imgList";
  14. import $ from "jquery/src/ajax";
  15. import ProjectDetailsReadOnly from "../../../../common/projectDetailsReadOnly";
  16. import OrderRiZi from "@/orderRiZi.jsx";
  17. import OrderCoor from "../../../order/orderNew/changeComponent/orderCoor";
  18. import ContentUrl from "../../../order/orderNew/contentUrl";
  19. const FormItem = Form.Item;
  20. const formItemLayout = {
  21. labelCol: { span: 8 },
  22. wrapperCol: { span: 14 },
  23. };
  24. class Details 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 <span>{text}<span style={{ color: "red" }}>{record.patentTypeName}</span>{"-" + record.id}</span>
  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. ContactsListsNew: [
  101. {
  102. title: "项目名称",
  103. dataIndex: "commodityName",
  104. key: "commodityName",
  105. render: (text, record) => {
  106. return <span>{text + "-" + record.tid}</span>;
  107. },
  108. },
  109. {
  110. title: "项目分类",
  111. dataIndex: "projectType",
  112. key: "projectType",
  113. render: (text) => {
  114. let arr = this.state.dataSourceX || [];
  115. let str = "";
  116. for (let i = 0; i < arr.length; i++) {
  117. if (this.state.dataSourceX[i].sort == text) {
  118. str = this.state.dataSourceX[i].cname;
  119. return <span>{str}</span>;
  120. }
  121. }
  122. },
  123. },
  124. {
  125. title: "催款科目",
  126. dataIndex: "dunTypeName",
  127. key: "dunTypeName",
  128. render: (text, record) => {
  129. if (record.customizeName) {
  130. return text + record.customizeName;
  131. }
  132. return <span>{text}</span>;
  133. },
  134. },
  135. {
  136. title: "时间(天)",
  137. dataIndex: "waitDay",
  138. key: "waitDay",
  139. render: (text, record) => {
  140. if (record.dunTypeName) {
  141. if (record.customizeTimes) {
  142. return record.customizeTimes;
  143. }
  144. return <span>{text}</span>;
  145. }
  146. },
  147. },
  148. {
  149. title: "金额(万元)",
  150. dataIndex: "money",
  151. key: "money",
  152. render: (text, record) => {
  153. if (record.dunTypeName) {
  154. if (record.appropriationRatio) {
  155. let percent = Number(record.appropriationRatio * 100);
  156. percent += "%";
  157. return <span>{percent}(拨款比例)</span>;
  158. } else {
  159. return <span>{text}</span>;
  160. }
  161. }
  162. },
  163. },
  164. {
  165. title: "服务年限",
  166. dataIndex: "startDate",
  167. key: "startDate",
  168. render: (text, record) => {
  169. if (record.dunTypeName) {
  170. return <span>{text}</span>;
  171. }
  172. },
  173. },
  174. {
  175. title: "催款状态",
  176. dataIndex: "status",
  177. key: "status",
  178. render: (text) => {
  179. return <span>{text == 1 ? "已启动" : "未启动"}</span>;
  180. },
  181. },
  182. ],
  183. ContactsLists: [
  184. {
  185. title: "催款科目",
  186. dataIndex: "dunSubject",
  187. key: "dunSubject",
  188. render: (text) => {
  189. return getjiedian(text);
  190. },
  191. },
  192. {
  193. title: "金额(万元)",
  194. dataIndex: "money",
  195. key: "money",
  196. },
  197. {
  198. title: "催款状态",
  199. dataIndex: "dunStatus",
  200. key: "dunStatus",
  201. render: (text) => {
  202. return getCuikuan(text);
  203. },
  204. },
  205. ],
  206. dataSourceX: [],
  207. contactList: [],
  208. dataInfor: {},
  209. totalCui: '',
  210. dataSourcerizhi: []
  211. }
  212. this.xiangqing = this.xiangqing.bind(this);
  213. this.xiangmu = this.xiangmu.bind(this);
  214. this.nextCancel = this.nextCancel.bind(this);
  215. this.jiedianNew = this.jiedianNew.bind(this);
  216. this.jiedian = this.jiedian.bind(this);
  217. this.tableRowClickX = this.tableRowClickX.bind(this);
  218. this.getOrderLog = this.getOrderLog.bind(this);
  219. this.closeOrderLog = this.closeOrderLog.bind(this);
  220. this.rizhi = this.rizhi.bind(this);
  221. }
  222. componentDidMount() {
  223. this.xiangqing();
  224. this.xiangmu();
  225. this.jiedian();
  226. this.jiedianNew();
  227. }
  228. //订单详情
  229. xiangqing() {
  230. this.setState({
  231. loading: true,
  232. });
  233. $.ajax({
  234. method: "get",
  235. dataType: "json",
  236. crossDomain: false,
  237. url: globalConfig.context + "/api/admin/newOrder/getOrderNewDetail",
  238. data: {
  239. orderNo: this.props.orderNo,
  240. },
  241. success: function (data) {
  242. if (data.error.length) {
  243. message.warning(data.error[0].message);
  244. } else {
  245. let thisdata = data.data;
  246. this.setState({
  247. orderUid: thisdata.uid,
  248. orderNo: thisdata.orderNo, //订单编号
  249. contractNo: thisdata.contractNo, //合同编号
  250. userName: thisdata.userName, //客户名称
  251. signDate: thisdata.signDate, //签单时间
  252. processStatus: thisdata.processStatus, //流程状态
  253. liquidationStatus: thisdata.liquidationStatus, //结算状态
  254. contacts: thisdata.contacts, //企业联系人
  255. contactMobile: thisdata.contactMobile, //联系人电话
  256. legalPerson: thisdata.legalPerson, //法人
  257. legalPersonTel: thisdata.legalPersonTel, //法人电话
  258. firstAmount: thisdata.firstAmount, //签单金额
  259. totalAmount: thisdata.totalAmount, //首付金额
  260. approval: thisdata.approval, //特批状态
  261. settlementAmount: thisdata.settlementAmount, //已收款项
  262. orderRemarks: thisdata.orderRemarks, //订单留言
  263. orgCodeUrl: thisdata.contractPictureUrl
  264. ? splitUrl(
  265. thisdata.contractPictureUrl,
  266. ",",
  267. globalConfig.avatarHost + "/upload"
  268. )
  269. : [], //图片地址
  270. replenishUrl: thisdata.agreementUrl
  271. ? splitUrl(
  272. thisdata.agreementUrl,
  273. ",",
  274. globalConfig.avatarHost + "/upload"
  275. )
  276. : [], //图片地址
  277. contentUrl: thisdata.serviceContent
  278. ? splitUrl(
  279. thisdata.serviceContent,
  280. ",",
  281. globalConfig.avatarHost + "/upload"
  282. )
  283. : [], //图片地址
  284. salesmanName: thisdata.salesmanName, //营销员名称
  285. salesmanMobile: thisdata.salesmanMobile, //营销员电话
  286. oldSalesmanName: thisdata.oldSalesmanName, //营销员名称
  287. oldSalesmanMobile: thisdata.oldSalesmanMobile, //营销员电话
  288. financeName: thisdata.financeName, //财务名称
  289. financeMobile: thisdata.financeMobile, //财务电话
  290. nowFinance: thisdata.nowFinance, //财务名称
  291. nowFinanceMobile: thisdata.nowFinanceMobile, //财务电话
  292. depName: thisdata.depName,
  293. outsource: thisdata.outsource == 0 ? "否" : "是",
  294. deleteSign: thisdata.deleteSign,
  295. });
  296. }
  297. }.bind(this),
  298. }).always(
  299. function () {
  300. this.setState({
  301. loading: false,
  302. });
  303. }.bind(this)
  304. );
  305. }
  306. //项目列表
  307. xiangmu() {
  308. this.setState({
  309. xiangmuLoading: true,
  310. });
  311. $.ajax({
  312. method: "get",
  313. dataType: "json",
  314. crossDomain: false,
  315. url: globalConfig.context + "/api/admin/newOrder/getOrderTask",
  316. data: {
  317. orderNo: this.props.orderNo,
  318. },
  319. success: function (data) {
  320. let theArr = [];
  321. if (data.error.length || data.data.list == "") {
  322. if (data.error && data.error.length) {
  323. message.warning(data.error[0].message);
  324. }
  325. } else {
  326. for (let i = 0; i < data.data.length; i++) {
  327. let thisdata = data.data[i];
  328. thisdata.key = i;
  329. thisdata.sort = thisdata.cSort;
  330. theArr.push(thisdata);
  331. }
  332. }
  333. this.setState({
  334. dataSourceX: theArr,
  335. });
  336. }.bind(this),
  337. }).always(
  338. function () {
  339. this.setState({
  340. xiangmuLoading: false,
  341. });
  342. }.bind(this)
  343. );
  344. }
  345. //点击打卡项目详情
  346. tableRowClickX(record) {
  347. this.setState({
  348. addnextVisible: true,
  349. dataInfor: record,
  350. });
  351. }
  352. //项目详情关闭
  353. nextCancel() {
  354. this.setState({
  355. addnextVisible: false,
  356. dataInfor: {},
  357. });
  358. }
  359. //节点列表
  360. jiedian() {
  361. this.setState({
  362. jiedianLoading: true,
  363. });
  364. $.ajax({
  365. method: "get",
  366. dataType: "json",
  367. crossDomain: false,
  368. url: globalConfig.context + "/api/admin/newOrder/selectOrderDun",
  369. data: {
  370. orderNo: this.props.orderNo,
  371. },
  372. success: function (data) {
  373. let theArr = [];
  374. let thisData = [];
  375. if (data.error.length || data.data.list == "") {
  376. if (data.error && data.error.length) {
  377. message.warning(data.error[0].message);
  378. }
  379. } else {
  380. for (let i = 0; i < data.data.length; i++) {
  381. thisData = data.data[i];
  382. theArr.push({
  383. key: i,
  384. dunSubject: thisData.dunSubject
  385. ? thisData.dunSubject.toString()
  386. : "", //催款科目
  387. id: thisData.id, //节点Id
  388. money: thisData.money, //催款金额
  389. dunStatus: thisData.dunStatus, //催款状态
  390. });
  391. }
  392. this.setState({
  393. contactList: theArr,
  394. });
  395. }
  396. }.bind(this),
  397. }).always(
  398. function () {
  399. this.setState({
  400. jiedianLoading: false,
  401. });
  402. }.bind(this)
  403. );
  404. }
  405. //查看催款节点
  406. jiedianNew() {
  407. this.setState({
  408. jiedianNewLoading: true,
  409. });
  410. $.ajax({
  411. method: "get",
  412. dataType: "json",
  413. crossDomain: false,
  414. url:
  415. globalConfig.context + "/api/admin/newOrderDun/selectListNewOrderDun",
  416. data: {
  417. orderNo: this.props.orderNo,
  418. },
  419. success: function (data) {
  420. if (data.error && data.error.length) {
  421. message.warning(data.error[0].message);
  422. } else {
  423. let theArr = [];
  424. let thisData = [];
  425. let arr = data.data || [];
  426. let totalCui = 0;
  427. for (let i = 0; i < arr.length; i++) {
  428. thisData = arr[i];
  429. totalCui += +thisData.money;
  430. theArr.push({
  431. key: i,
  432. dunSubject: thisData.dunSubject
  433. ? thisData.dunSubject.toString()
  434. : "", //催款科目
  435. id: thisData.id, //节点Id
  436. money: thisData.money, //催款金额
  437. // orderNo: record ? record.orderNo : this.props.datauser.orderNo,
  438. commodityName: thisData.commodityName,
  439. projectType: thisData.projectType,
  440. dunTypeName: thisData.dunTypeName,
  441. status: thisData.status,
  442. waitDay: thisData.waitDay,
  443. effectiveCount: thisData.effectiveCount,
  444. startDate: thisData.startDate,
  445. dunType: thisData.dunType,
  446. appropriationRatio: thisData.appropriationRatio,
  447. customizeName: thisData.customizeName,
  448. customizeTimes: thisData.customizeTimes,
  449. tid: thisData.tid,
  450. });
  451. }
  452. if (!totalCui) {
  453. totalCui = 0;
  454. }
  455. totalCui = (Math.round(totalCui * 1000000) / 1000000).toFixed(6);
  456. this.setState({
  457. contactListNew: theArr,
  458. totalCui,
  459. });
  460. }
  461. }.bind(this),
  462. }).always(
  463. function () {
  464. this.setState({
  465. jiedianNewLoading: false,
  466. });
  467. }.bind(this)
  468. );
  469. }
  470. //查看订单日志
  471. getOrderLog() {
  472. this.setState({
  473. rizhivisible: true,
  474. });
  475. this.rizhi();
  476. }
  477. closeOrderLog() {
  478. this.setState({
  479. rizhivisible: false,
  480. dataSourcerizhi: []
  481. });
  482. }
  483. rizhi() {
  484. this.setState({
  485. rizhiLoading: true,
  486. });
  487. $.ajax({
  488. method: "get",
  489. dataType: "json",
  490. crossDomain: false,
  491. url: "/api/admin/newOrder/selectOrderLog",
  492. data: {
  493. orderNo: this.props.orderNo,
  494. },
  495. success: function (data) {
  496. let theArr = [];
  497. let thisData = data.data;
  498. if (!thisData.length) {
  499. if (data.error && data.error.length) {
  500. message.warning(data.error[0].message);
  501. }
  502. } else {
  503. for (let i = 0; i < data.data.length; i++) {
  504. let thisdata = data.data[i];
  505. theArr.push({
  506. processName: thisdata.processName,
  507. adminName: thisdata.adminName,
  508. createDate: thisdata.createDate,
  509. remarks: thisdata.remarks,
  510. });
  511. }
  512. }
  513. this.setState({
  514. dataSourcerizhi: theArr,
  515. });
  516. }.bind(this),
  517. }).always(
  518. function () {
  519. this.setState({
  520. rizhiLoading: false,
  521. });
  522. }.bind(this)
  523. );
  524. }
  525. render() {
  526. return (
  527. <Modal
  528. className="customeDetails"
  529. footer=""
  530. title="订单详情"
  531. width="1000px"
  532. visible={this.props.visible}
  533. onOk={this.props.onCancel}
  534. onCancel={this.props.onCancel}
  535. >
  536. <Form layout="horizontal" id="demand-form" style={{ paddingBottom: "40px" }}>
  537. <Spin spinning={this.state.loading}>
  538. <div className="clearfix">
  539. <div style={{ position: "absolute", top: '-52px', left: '81px', zIndex: 10000 }}>
  540. <OrderItemStatus deleteSign={this.state.deleteSign} />
  541. </div>
  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. <ContentUrl
  700. processStatus={1}
  701. domId={"detailContent"}
  702. contentUrl={this.state.contentUrl}
  703. imgId={"detailContentImg"}
  704. />
  705. <div className="clearfix">
  706. <FormItem
  707. className="half-item"
  708. {...formItemLayout}
  709. label="订单负责人"
  710. >
  711. <span>{this.state.salesmanName}</span>
  712. </FormItem>
  713. <FormItem
  714. className="half-item"
  715. {...formItemLayout}
  716. label="订单负责人电话"
  717. >
  718. <span>{this.state.salesmanMobile}</span>
  719. </FormItem>
  720. </div>
  721. <div className="clearfix">
  722. <FormItem
  723. className="half-item"
  724. {...formItemLayout}
  725. label="当前财务负责人"
  726. >
  727. <span>{this.state.nowFinance}</span>
  728. </FormItem>
  729. <FormItem
  730. className="half-item"
  731. {...formItemLayout}
  732. label="当前财务负责人电话"
  733. >
  734. <span>{this.state.nowFinanceMobile}</span>
  735. </FormItem>
  736. </div>
  737. <div className="clearfix">
  738. <FormItem
  739. className="half-item"
  740. {...formItemLayout}
  741. style={{ opacity: ".5" }}
  742. label="原订单负责人"
  743. >
  744. <span>{this.state.oldSalesmanName}</span>
  745. </FormItem>
  746. <FormItem
  747. className="half-item"
  748. {...formItemLayout}
  749. style={{ opacity: ".5" }}
  750. label="原订单负责人电话"
  751. >
  752. <span>{this.state.oldSalesmanMobile}</span>
  753. </FormItem>
  754. </div>
  755. <div className="clearfix">
  756. <FormItem
  757. className="half-item"
  758. style={{ opacity: ".5" }}
  759. {...formItemLayout}
  760. label="实际财务操作人"
  761. >
  762. <span>{this.state.financeName}</span>
  763. </FormItem>
  764. <FormItem
  765. className="half-item"
  766. {...formItemLayout}
  767. style={{ opacity: ".5" }}
  768. label="实际财务操作人电话"
  769. >
  770. <span>{this.state.financeMobile}</span>
  771. </FormItem>
  772. </div>
  773. {/* */}
  774. <OrderCoor orderNo={this.props.orderNo} />
  775. <div>
  776. <span style={{ marginLeft: "50px", fontSize: "20px" }}>
  777. 项目业务
  778. </span>
  779. </div>
  780. <div className="patent-table">
  781. <Spin spinning={this.state.xiangmuLoading}>
  782. <Table
  783. columns={this.state.columnsX}
  784. dataSource={this.state.dataSourceX}
  785. pagination={false}
  786. onRowClick={this.tableRowClickX}
  787. bordered
  788. size="small"
  789. />
  790. </Spin>
  791. </div>
  792. <div>
  793. <span style={{ marginLeft: "50px", fontSize: "20px" }}>
  794. 催款节点
  795. </span>
  796. <span
  797. style={{
  798. display: this.state.contactList.length ? "none" : "inline-block",
  799. marginLeft: 10,
  800. color: "red",
  801. }}
  802. >
  803. 金额总计(万元): {this.state.totalCui}
  804. </span>
  805. </div>
  806. <div className="clearfix">
  807. <Spin spinning={
  808. this.state.contactList.length ?
  809. this.state.jiedianLoading :
  810. this.state.jiedianNewLoading
  811. }>
  812. <Form layout="horizontal" id="demand-form">
  813. <Table
  814. pagination={false}
  815. bordered
  816. size="small"
  817. columns={
  818. this.state.contactList.length
  819. ? this.state.ContactsLists
  820. : this.state.ContactsListsNew
  821. }
  822. dataSource={
  823. this.state.contactList.length
  824. ? this.state.contactList
  825. : this.state.contactListNew
  826. }
  827. />
  828. </Form>
  829. </Spin>
  830. </div>
  831. </div>
  832. </Spin>
  833. </Form>
  834. <OrderRiZi
  835. dataSourcerizhi={this.state.dataSourcerizhi}
  836. closeOrderLog={this.closeOrderLog}
  837. visible={this.state.rizhivisible}
  838. loading={this.state.rizhiLoading}
  839. />
  840. {this.state.addnextVisible && <ProjectDetailsReadOnly
  841. infor={this.state.dataInfor}
  842. visible={this.state.addnextVisible}
  843. onCancel={this.nextCancel}
  844. />}
  845. </Modal>
  846. )
  847. }
  848. }
  849. export default Details;