orderDetail.js 26 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917
  1. import React, { Component } from "react";
  2. import { Form, Upload, Modal, Button, Table, Col, message, Tag, Tooltip } from "antd";
  3. import {
  4. splitUrl,
  5. getProcessStatus,
  6. getjiedian,
  7. getLiquidationStatus,
  8. getboutique,
  9. getCuikuan,
  10. getApprovedState,
  11. getProjectStatus
  12. } from "@/tools.js";
  13. import img from "./img.png"
  14. import ResolutionDetail from "@/resolutionDetail";
  15. import ImgList from "../../../../common/imgList";
  16. import { getProjectName } from "../../../../tools";
  17. import { salesList } from "@/dataDic.js";
  18. import ProjectDetailsReadOnly from "../../../../common/projectDetailsReadOnly";
  19. import EnterpriseNameChange from "../../../../common/enterpriseNameChange";
  20. import NewEditProject from "../../../../common/projectOperation/newEditProject";
  21. import OrderCoor from "./orderCoor"
  22. import ContentUrl from "../contentUrl";
  23. import FlowChart from '../../../../common/flowchart'; // 流程图
  24. import Gxczx from '../../../../common/orderDetail/gxczx' // 高新纯咨询合同说明详情
  25. import Property from '../../../../common/orderDetail/property' // 知识产权情况
  26. const FormItem = Form.Item;
  27. class OrderDetail extends Component {
  28. constructor(props) {
  29. super(props);
  30. this.state = {
  31. dataInfor: {},
  32. contentUrl: [],
  33. newContactsLists: [
  34. {
  35. title: "项目名称",
  36. dataIndex: "commodityName",
  37. key: "commodityName",
  38. render: (text, record) => {
  39. return <span>{text + "-" + record.tid}</span>;
  40. }
  41. },
  42. {
  43. title: "项目分类",
  44. dataIndex: "projectType",
  45. key: "projectType",
  46. render: text => {
  47. let arr = this.props.dataSourceX || [];
  48. let str = "";
  49. for (let i = 0; i < arr.length; i++) {
  50. if (this.props.dataSourceX[i].sort == text) {
  51. str = this.props.dataSourceX[i].cname;
  52. return <span>{str}</span>;
  53. }
  54. }
  55. if (!str) {
  56. return <span>未知</span>;
  57. }
  58. }
  59. },
  60. {
  61. title: "催款科目",
  62. dataIndex: "dunTypeName",
  63. key: "dunTypeName",
  64. render: (text, record) => {
  65. if (record.customizeName) {
  66. return text + record.customizeName;
  67. }
  68. return <span>{text}</span>;
  69. }
  70. },
  71. {
  72. title: "时间",
  73. dataIndex: "waitDay",
  74. key: "waitDay",
  75. render: (text, record) => {
  76. if (record.dunTypeName) {
  77. if (record.customizeTimes) {
  78. return record.customizeTimes;
  79. }
  80. return <span>{text}</span>;
  81. }
  82. }
  83. },
  84. {
  85. title: "金额(万元)",
  86. dataIndex: "money",
  87. key: "money",
  88. render: (text, record) => {
  89. if (record.dunTypeName) {
  90. if (record.appropriationRatio) {
  91. let percent = Number(record.appropriationRatio * 100).toFixed(2);
  92. percent += "%";
  93. return <span>{percent}(拨款比例)</span>;
  94. } else {
  95. return <span>{text}</span>;
  96. }
  97. }
  98. }
  99. },
  100. {
  101. title: "服务年限",
  102. dataIndex: "startDate",
  103. key: "startDate",
  104. render: (text, record) => {
  105. if (record.dunTypeName) {
  106. return <span>{text}</span>;
  107. }
  108. }
  109. },
  110. {
  111. title: "催款状态",
  112. dataIndex: "status",
  113. key: "status",
  114. render: text => {
  115. return <span>{text == 1 ? "已启动" : "未启动"}</span>;
  116. }
  117. }
  118. ],
  119. ContactsLists: [
  120. {
  121. title: "催款科目",
  122. dataIndex: "dunSubject",
  123. key: "dunSubject",
  124. render: text => {
  125. return getjiedian(text);
  126. }
  127. },
  128. {
  129. title: "金额(万元)",
  130. dataIndex: "money",
  131. key: "money"
  132. },
  133. {
  134. title: "催款状态",
  135. dataIndex: "dunStatus",
  136. key: "dunStatus",
  137. render: text => {
  138. return getCuikuan(text);
  139. }
  140. }
  141. ],
  142. resVisible: false,
  143. columnsX: [
  144. {
  145. title: "业务项目名称",
  146. dataIndex: "commodityName",
  147. key: "commodityName",
  148. render: (text, record) => {
  149. return <span>{text}<span style={{ color: "red" }}>{record.patentTypeName}</span>{"-" + record.id}</span>
  150. }
  151. },
  152. {
  153. title: "项目类别",
  154. dataIndex: "cname",
  155. key: "cname"
  156. },
  157. {
  158. title: "项目数量",
  159. dataIndex: "commodityQuantity",
  160. key: "commodityQuantity",
  161. render: (text, record) => {
  162. if (record.splitStatus == 1) {
  163. return (
  164. <span>
  165. {text}{" "}
  166. {/* <Tag
  167. color="#108ee9"
  168. onClick={e => {
  169. e.stopPropagation();
  170. this.showRes(record);
  171. }}
  172. >
  173. 已拆
  174. </Tag> */}
  175. </span>
  176. );
  177. } else {
  178. return text;
  179. }
  180. }
  181. },
  182. {
  183. title: "金额(万元)",
  184. dataIndex: "commodityPrice",
  185. key: "commodityPrice",
  186. render: text => {
  187. // return this.props.processState === 2 ? "***" : text;
  188. return text == null ? "***" : text;
  189. }
  190. },
  191. {
  192. title: "负责人",
  193. dataIndex: "contacts",
  194. key: "contacts"
  195. },
  196. {
  197. title: "负责人电话",
  198. dataIndex: "contactsMobile",
  199. key: "contactsMobile"
  200. },
  201. {
  202. title: "项目状态",
  203. dataIndex: "projectStatus",
  204. key: "projectStatus",
  205. render: text => {
  206. return getProjectName(text);
  207. }
  208. },
  209. {
  210. title: "主要项目",
  211. dataIndex: "main",
  212. key: "main",
  213. width: 50,
  214. render: text => {
  215. return text ? "是" : "否";
  216. }
  217. },
  218. {
  219. title: "总年限",
  220. dataIndex: "yearSum",
  221. key: "yearSum",
  222. render: (text, record) => {
  223. return (
  224. <div>{["", "一年", "二年", "三年", "四年", "五年"][text]}</div>
  225. );
  226. }
  227. },
  228. {
  229. title: "年限",
  230. dataIndex: "serviceLife",
  231. key: "serviceLife",
  232. render: (text, record) => {
  233. return (
  234. <div>{!!text && JSON.parse(text).toString()}</div>
  235. );
  236. }
  237. },
  238. {
  239. title: "本次派单",
  240. dataIndex: "serviceYear",
  241. key: "serviceYear",
  242. render: (text, record) => {
  243. return (
  244. <div>{!text ? "" : text}</div>
  245. );
  246. }
  247. },
  248. {
  249. title: "项目说明",
  250. dataIndex: "taskComment",
  251. key: "taskComment",
  252. render: text => {
  253. return (
  254. <Tooltip title={text}>
  255. <div
  256. style={{
  257. width: 100,
  258. overflow: "hidden",
  259. whiteSpace: "nowrap",
  260. textOverflow: "ellipsis",
  261. }}
  262. >{text}</div>
  263. </Tooltip>
  264. )
  265. }
  266. }
  267. ],
  268. rotateDeg: 0
  269. };
  270. this.tableRowClickX = this.tableRowClickX.bind(this);
  271. this.nextCancel = this.nextCancel.bind(this);
  272. this.rotate = this.rotate.bind(this);
  273. this.downImg = this.downImg.bind(this);
  274. this.upImg = this.upImg.bind(this);
  275. this.downImgs = this.downImgs.bind(this);
  276. this.upImgs = this.upImgs.bind(this);
  277. this.showRes = this.showRes.bind(this);
  278. this.resCancel = this.resCancel.bind(this);
  279. }
  280. rotate() {
  281. let rotateDeg = this.state.rotateDeg + 90;
  282. this.setState({
  283. rotateDeg
  284. });
  285. }
  286. //项目详情关闭
  287. nextCancel() {
  288. this.setState({
  289. visible: false
  290. });
  291. }
  292. //点击打卡项目详情
  293. tableRowClickX(record) {
  294. this.setState({
  295. dataInfor: record,
  296. jid: record.id, //项目ID
  297. kid: record.commodityId, //商品ID
  298. commodityName: record.commodityName, //金额
  299. commodityPrice: record.commodityPrice, //金额
  300. commodityQuantity: record.commodityQuantity, //数量
  301. taskComment: record.taskComment, //备注
  302. main: record.main.toString(), //是否为主要
  303. visible: true,
  304. addState: 0
  305. });
  306. }
  307. downImg() {
  308. const data = this.props.orderData;
  309. let num = 0;
  310. for (
  311. let i = 0;
  312. i <
  313. splitUrl(
  314. data.contractPictureUrl,
  315. ",",
  316. globalConfig.avatarHost + "/upload"
  317. ).length;
  318. i++
  319. ) {
  320. if (
  321. splitUrl(
  322. data.contractPictureUrl,
  323. ",",
  324. globalConfig.avatarHost + "/upload"
  325. )[i].url == this.state.previewImage
  326. ) {
  327. num = i;
  328. }
  329. }
  330. if (
  331. num ==
  332. splitUrl(
  333. data.contractPictureUrl,
  334. ",",
  335. globalConfig.avatarHost + "/upload"
  336. ).length -
  337. 1
  338. ) {
  339. return message.warning("已经是最后一张了哦");
  340. }
  341. this.state.previewImage = splitUrl(
  342. data.contractPictureUrl,
  343. ",",
  344. globalConfig.avatarHost + "/upload"
  345. )[num + 1].url;
  346. this.setState({
  347. previewImage: this.state.previewImage,
  348. rotateDeg: 0
  349. });
  350. }
  351. upImg() {
  352. const data = this.props.orderData;
  353. let num = 0;
  354. for (
  355. let i = 0;
  356. i <
  357. splitUrl(
  358. data.contractPictureUrl,
  359. ",",
  360. globalConfig.avatarHost + "/upload"
  361. ).length;
  362. i++
  363. ) {
  364. if (
  365. splitUrl(
  366. data.contractPictureUrl,
  367. ",",
  368. globalConfig.avatarHost + "/upload"
  369. )[i].url == this.state.previewImage
  370. ) {
  371. num = i;
  372. }
  373. }
  374. if (num == 0) {
  375. return message.warning("已经是第一张了哦");
  376. }
  377. this.state.previewImage = splitUrl(
  378. data.contractPictureUrl,
  379. ",",
  380. globalConfig.avatarHost + "/upload"
  381. )[num - 1].url;
  382. this.setState({
  383. previewImage: this.state.previewImage,
  384. rotateDeg: 0
  385. });
  386. }
  387. downImgs() {
  388. const data = this.props.orderData;
  389. let num = 0;
  390. for (
  391. let i = 0;
  392. i <
  393. splitUrl(
  394. data.rep,
  395. ",",
  396. globalConfig.avatarHost + "/upload"
  397. ).length;
  398. i++
  399. ) {
  400. if (
  401. splitUrl(data.agreementUrl, ",", globalConfig.avatarHost + "/upload")[i]
  402. .url == this.state.previewImage
  403. ) {
  404. num = i;
  405. }
  406. }
  407. if (
  408. num ==
  409. splitUrl(data.agreementUrl, ",", globalConfig.avatarHost + "/upload")
  410. .length -
  411. 1
  412. ) {
  413. return message.warning("已经是最后一张了哦");
  414. }
  415. this.state.previewImage = splitUrl(
  416. data.agreementUrl,
  417. ",",
  418. globalConfig.avatarHost + "/upload"
  419. )[num + 1].url;
  420. this.setState({
  421. previewImage: this.state.previewImage,
  422. rotateDeg: 0
  423. });
  424. }
  425. upImgs() {
  426. const data = this.props.orderData;
  427. let num = 0;
  428. for (
  429. let i = 0;
  430. i <
  431. splitUrl(data.agreementUrl, ",", globalConfig.avatarHost + "/upload")
  432. .length;
  433. i++
  434. ) {
  435. if (
  436. splitUrl(data.agreementUrl, ",", globalConfig.avatarHost + "/upload")[i]
  437. .url == this.state.previewImage
  438. ) {
  439. num = i;
  440. }
  441. }
  442. if (num == 0) {
  443. return message.warning("已经是第一张了哦");
  444. }
  445. this.state.previewImage = splitUrl(
  446. data.agreementUrl,
  447. ",",
  448. globalConfig.avatarHost + "/upload"
  449. )[num - 1].url;
  450. this.setState({
  451. previewImage: this.state.previewImage,
  452. rotateDeg: 0
  453. });
  454. }
  455. // 拆分详细
  456. showRes(record) {
  457. this.setState({
  458. resVisible: true,
  459. resRecord: record
  460. })
  461. }
  462. resCancel() {
  463. this.setState({
  464. resVisible: false
  465. })
  466. }
  467. // 可展开颜色不同
  468. addRowColor(record) {
  469. if (!!record.splitList && record.splitList.length > 0) {
  470. return 'light'
  471. } else {
  472. return 'dark'
  473. }
  474. }
  475. render() {
  476. let domId = this.props.domId;
  477. domId = domId ? domId.substr(0, 4) : ''
  478. const formItemLayout = {
  479. labelCol: { span: 10 },
  480. wrapperCol: { span: 14 }
  481. };
  482. const data = this.props.orderData || {};
  483. const propsList = this.props.contactList || [];
  484. const expandedRowRenderVip = (e) => {
  485. const data = e.splitList;
  486. let columns = [];
  487. if (data instanceof Array && data.length) {
  488. if (e.cSort == 6) {
  489. columns = [
  490. {
  491. title: "负责人",
  492. dataIndex: "receiverName",
  493. key: "receiverName",
  494. },
  495. {
  496. title: "负责人电话",
  497. dataIndex: "receiverMobile",
  498. key: "receiverMobile",
  499. },
  500. {
  501. title: "会员负责人",
  502. dataIndex: "projectMemberName",
  503. key: "projectMemberName",
  504. },
  505. {
  506. title: "项目状态",
  507. dataIndex: "projectStatus",
  508. key: "projectStatus",
  509. render: (text) => {
  510. return getProjectName(text);
  511. },
  512. },
  513. {
  514. title: "本次派单",
  515. dataIndex: "serviceYear",
  516. key: "serviceYear",
  517. },
  518. {
  519. title: "项目说明",
  520. dataIndex: "taskComment",
  521. key: "taskComment",
  522. render: (text) => {
  523. return (
  524. <Tooltip title={text}>
  525. <div
  526. >{text}</div>
  527. </Tooltip>
  528. )
  529. },
  530. },
  531. ];
  532. } else {
  533. columns = [
  534. {
  535. title: "子项目名称",
  536. dataIndex: "taskName",
  537. key: "taskName"
  538. },
  539. {
  540. title: "子项目数量",
  541. dataIndex: "commodityQuantity",
  542. key: "commodityQuantity"
  543. },
  544. {
  545. title: "拆分操作人",
  546. dataIndex: "splitAname",
  547. key: "splitAname"
  548. },
  549. {
  550. title: "项目负责人",
  551. dataIndex: "receiverName",
  552. key: "receiverName"
  553. },
  554. {
  555. title: "拆分时间",
  556. dataIndex: "splitTimes",
  557. key: "splitTimes"
  558. }
  559. ]
  560. }
  561. return (
  562. <Table
  563. columns={columns}
  564. dataSource={data}
  565. pagination={false}
  566. />
  567. );
  568. } else {
  569. columns = [];
  570. return (
  571. <p
  572. style={{ fontWeight: "bold", color: "red", textAlign: "center" }}
  573. >
  574. {e.cSort == 6 ? "暂无派单" : "此项目暂未拆分"}
  575. </p>
  576. );
  577. }
  578. };
  579. return (
  580. <div className="clearfix">
  581. {this.state.resVisible ? (
  582. <ResolutionDetail
  583. cancel={this.resCancel}
  584. detail={this.state.resRecord}
  585. visible={this.state.resVisible}
  586. id={this.state.resRecord.orderNo}
  587. />
  588. ) : (
  589. ""
  590. )}
  591. <FormItem className="half-item" {...formItemLayout} label="订单编号">
  592. <span>{data.orderNo}</span>
  593. </FormItem>
  594. <FormItem className="half-item" {...formItemLayout} label="合同编号">
  595. <span>{data.contractNo}</span>
  596. </FormItem>
  597. <FormItem className="half-item" {...formItemLayout} label="客户名称">
  598. <span>{data.userName}</span>
  599. <EnterpriseNameChange
  600. type='journal'
  601. style={{ marginLeft: 10 }}
  602. enterpriseId={this.props.orderUid} />
  603. </FormItem>
  604. <FormItem
  605. className="half-item"
  606. {...formItemLayout}
  607. label="销售类型"
  608. >
  609. <span>
  610. {(["私有客户-", "签单客户-"][data.userType] || " ") +
  611. (salesList[data.salesType] || "")}
  612. {
  613. data.other != null && data.other != "" &&
  614. <Tooltip title={data.other}>
  615. <span>
  616. {"(" + data.other.toString().slice(0, 10) + (data.other.toString().length > 9 ? "...)" : ")")}
  617. </span>
  618. </Tooltip>
  619. }
  620. </span>
  621. {/* <span>{(["私有客户-", "签单客户-"][data.userType] || " ") +
  622. (salesList[data.salesType] || "")}</span> */}
  623. </FormItem>
  624. <FormItem
  625. className="half-item"
  626. {...formItemLayout}
  627. label="合同签订时间"
  628. >
  629. <span>{data.signDate}</span>
  630. </FormItem>
  631. <FormItem className="half-item" {...formItemLayout} label="流程状态">
  632. <span>{getProcessStatus(data.processStatus, data.examineName, data.approval)}</span>
  633. <FlowChart
  634. orderNo={data.orderNo || this.props.orderNo}
  635. />
  636. </FormItem>
  637. <FormItem className="half-item" {...formItemLayout} label="结算状态">
  638. <span>{getLiquidationStatus(data.liquidationStatus)}</span>
  639. </FormItem>
  640. <FormItem className="half-item" {...formItemLayout} label="企业联系人">
  641. {/* <span>{data.contacts}</span> */}
  642. <span>{this.props.isCaiWu ? "***" : data.contacts}</span>
  643. </FormItem>
  644. <FormItem className="half-item" {...formItemLayout} label="联系人电话">
  645. {/* <span>{data.contactMobile}</span> */}
  646. <span>{this.props.isCaiWu ? "***" : data.contactMobile}</span>
  647. </FormItem>
  648. <FormItem className="half-item" {...formItemLayout} label="企业法人">
  649. <span>{this.props.isCaiWu ? "***" : data.legalPerson}</span>
  650. </FormItem>
  651. <FormItem className="half-item" {...formItemLayout} label="法人电话">
  652. {/* <span>{data.legalPersonTel}</span> */}
  653. <span>{this.props.isCaiWu ? "***" : data.legalPersonTel}</span>
  654. </FormItem>
  655. <FormItem
  656. className="half-item"
  657. {...formItemLayout}
  658. label="签单金额(万元)"
  659. >
  660. <span>
  661. {this.props.processState === 3 ? "***" : data.totalAmount}
  662. </span>
  663. </FormItem>
  664. <FormItem
  665. className="half-item"
  666. {...formItemLayout}
  667. label="首付金额(万元)"
  668. >
  669. <span>
  670. {this.props.processState === 3 ? "***" : data.firstAmount}
  671. </span>
  672. </FormItem>
  673. <FormItem className="half-item" {...formItemLayout} label="特批立项">
  674. <span>{getApprovedState(data.approval)}</span>
  675. </FormItem>
  676. <FormItem
  677. className="half-item"
  678. {...formItemLayout}
  679. label="已收款项(万元)"
  680. >
  681. <span>
  682. {this.props.processState === 3 ? "***" : data.settlementAmount}
  683. </span>
  684. </FormItem>
  685. <FormItem className="half-item" {...formItemLayout} label="订单部门">
  686. <span>{data.depName}</span>
  687. </FormItem>
  688. <FormItem className="half-item" {...formItemLayout} label="是否外包">
  689. {data.outsource == 0 ? "否" : "是"}
  690. </FormItem>
  691. <div className="clearfix">
  692. <FormItem
  693. labelCol={{ span: 5 }}
  694. wrapperCol={{ span: 19 }}
  695. label="订单留言"
  696. >
  697. <p style={{ width: 500, wordWrap: "break-word" }}>
  698. {data.orderRemarks}
  699. </p>
  700. </FormItem>
  701. </div>
  702. <div className="clearfix">
  703. <FormItem
  704. labelCol={{ span: 5 }}
  705. wrapperCol={{ span: 19 }}
  706. label="合同扫描件"
  707. >
  708. {this.props.orderData && data.contractPictureUrl ?
  709. <ImgList
  710. domId={this.props.domId ? this.props.domId : 'orderDetail1'}
  711. fileList={
  712. data.contractPictureUrl ? splitUrl(data.contractPictureUrl, ",", globalConfig.avatarHost + "/upload") : []
  713. }
  714. /> :
  715. <div />
  716. }
  717. <Button
  718. style={{
  719. float: "right",
  720. marginRight: "140px",
  721. marginTop: "20px",
  722. }}
  723. onClick={() => {
  724. this.props.getOrderLog(data.orderNo);
  725. }}
  726. >
  727. 查看订单日志
  728. </Button>
  729. </FormItem>
  730. {/* 高新纯咨询合同说明详情 */}
  731. <Gxczx
  732. knowledgeServices={data.knowledgeServices}
  733. auditServices={data.auditServices}
  734. addDeductionServices={data.addDeductionServices}
  735. knowledgeOther={data.knowledgeOther}
  736. auditOther={data.auditOther}
  737. addDeductionOther={data.addDeductionOther}
  738. />
  739. <FormItem
  740. labelCol={{ span: 5 }}
  741. wrapperCol={{ span: 19 }}
  742. label="补充协议"
  743. >
  744. <div style={{ paddingTop: '10px', paddingBottom: '10px' }}>
  745. <ImgList
  746. domId={this.props.domId ? this.props.domId + '1' : 'orderDetail2'}
  747. fileList={
  748. data.agreementUrl ? splitUrl(data.agreementUrl, ",", globalConfig.avatarHost + "/upload") : []
  749. } />
  750. </div>
  751. </FormItem>
  752. </div>
  753. <ContentUrl
  754. processStatus={2}
  755. domId={"orderContent"}
  756. contentUrl={data.serviceContent ? splitUrl(data.serviceContent, ",", globalConfig.avatarHost + "/upload") : []}
  757. imgId={"orderImg1x"}
  758. // getContentUrl = {this.getContentUrl}
  759. />
  760. <Property
  761. patentStatus={data.patentStatus}
  762. />
  763. <div className="clearfix">
  764. <FormItem
  765. className="half-item"
  766. {...formItemLayout}
  767. label="订单负责人"
  768. >
  769. <span>{data.salesmanName}</span>
  770. </FormItem>
  771. <FormItem
  772. className="half-item"
  773. {...formItemLayout}
  774. label="订单负责人电话"
  775. >
  776. <span>{data.salesmanMobile}</span>
  777. </FormItem>
  778. </div>
  779. <div className="clearfix">
  780. <FormItem
  781. className="half-item"
  782. {...formItemLayout}
  783. label="当前财务负责人"
  784. >
  785. <span>{data.nowFinance}</span>
  786. </FormItem>
  787. <FormItem
  788. className="half-item"
  789. {...formItemLayout}
  790. label="当前财务负责人电话"
  791. >
  792. <span>{data.nowFinanceMobile}</span>
  793. </FormItem>
  794. </div>
  795. <div className="clearfix">
  796. <FormItem
  797. className="half-item"
  798. {...formItemLayout}
  799. style={{ opacity: ".5" }}
  800. label="原订单负责人"
  801. >
  802. <span>{data.oldSalesmanName}</span>
  803. </FormItem>
  804. <FormItem
  805. className="half-item"
  806. {...formItemLayout}
  807. style={{ opacity: ".5" }}
  808. label="原订单负责人电话"
  809. >
  810. <span>{data.oldSalesmanMobile}</span>
  811. </FormItem>
  812. </div>
  813. <div className="clearfix">
  814. <FormItem
  815. className="half-item"
  816. style={{ opacity: ".5" }}
  817. {...formItemLayout}
  818. label="实际财务操作人"
  819. >
  820. <span>{data.financeName}</span>
  821. </FormItem>
  822. <FormItem
  823. className="half-item"
  824. {...formItemLayout}
  825. style={{ opacity: ".5" }}
  826. label="实际财务操作人电话"
  827. >
  828. <span>{data.financeMobile}</span>
  829. </FormItem>
  830. </div>
  831. {domId == 'yuan' ? "" : <OrderCoor orderNo={this.props.orderNo} />}
  832. <div>
  833. <span style={{ marginLeft: "50px", fontSize: "20px" }}>项目业务</span>
  834. </div>
  835. <div className="patent-table">
  836. <Table
  837. columns={this.state.columnsX}
  838. pagination={false}
  839. dataSource={this.props.dataSourceX}
  840. onRowClick={this.tableRowClickX}
  841. expandedRowRender={expandedRowRenderVip}
  842. rowClassName={this.addRowColor}
  843. style={{
  844. cursor: 'pointer',
  845. }}
  846. bordered
  847. size="small"
  848. />
  849. </div>
  850. <div>
  851. <span style={{ marginLeft: "50px", fontSize: "20px" }}>催款节点</span>
  852. <span
  853. style={{
  854. display: propsList.length ? "none" : "inline-block",
  855. marginLeft: 10,
  856. color: "red",
  857. }}
  858. >
  859. 金额总计(万元): {this.props.totalCui}
  860. </span>
  861. </div>
  862. <div className="clearfix">
  863. <Form layout="horizontal" id="demand-form">
  864. <Table
  865. pagination={false}
  866. bordered
  867. size="small"
  868. // columns={this.state.ContactsLists}
  869. columns={
  870. propsList.length
  871. ? this.state.ContactsLists
  872. : this.state.newContactsLists
  873. }
  874. dataSource={
  875. propsList.length
  876. ? this.props.contactList
  877. : this.props.contactListNew
  878. }
  879. />
  880. <Col span={24} offset={9} style={{ marginTop: "15px" }}></Col>
  881. </Form>
  882. </div>
  883. {this.state.visible &&
  884. <NewEditProject
  885. readOnly={
  886. this.state.dataInfor &&
  887. Object.keys(this.state.dataInfor).length > 0 &&
  888. this.state.processStatus !== 0
  889. }
  890. visible={this.state.visible}
  891. dataInfor={this.state.dataInfor}
  892. onCancel={this.nextCancel}
  893. />
  894. // <ProjectDetailsReadOnly
  895. // infor={this.state.dataInfor}
  896. // visible={this.state.visible}
  897. // onCancel={this.nextCancel}
  898. // />
  899. }
  900. </div>
  901. );
  902. }
  903. }
  904. export default OrderDetail;