details.jsx 38 KB

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