details.jsx 36 KB

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