taskAssignment.jsx 49 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576
  1. import React from "react";
  2. import $ from "jquery/src/ajax";
  3. import "@/manageCenter/financialManage/distribute/public.less";
  4. import { Button, Form, Input, Select, Spin, Table, message, Modal, Tabs, Tag, Tooltip } from "antd";
  5. import Assign from "@/manageCenter/publicComponent/assign";
  6. import ResolutionDetail from "@/resolutionDetail"
  7. import OrderDetail from "../../order/orderNew/changeComponent/orderDetail";
  8. import OrderRiZi from "@/orderRiZi.jsx";
  9. import {
  10. getProcessStatus,
  11. getLiquidationStatus,
  12. getApprovedState,
  13. splitUrl,
  14. getProjectName,
  15. getboutique,
  16. ShowModal
  17. } from "@/tools";
  18. import ShowModalDiv from "@/showModal.jsx";
  19. import ResolutionPro from "./resolutionPro"
  20. import { ChooseList } from "../../order/orderNew/chooseList";
  21. import ProjectDetailsReadOnly from "../../../common/projectDetailsReadOnly";
  22. import NewEditProject from "../../../common/projectOperation/newEditProject";
  23. import OrderItemStatus from "../../../common/orderItemStatus";
  24. import EnterpriseNameChange from "../../../common/enterpriseNameChange";
  25. import Cascaders from "../../../common/cascaders";
  26. const FormItem = Form.Item;
  27. const { TabPane } = Tabs
  28. const Task = React.createClass({
  29. loadData(pageNo) {
  30. this.state.data = [];
  31. this.setState({
  32. loading: true,
  33. });
  34. $.ajax({
  35. method: "get",
  36. dataType: "json",
  37. crossDomain: false,
  38. url: globalConfig.context + "/api/admin/orderProject/orderTaskList",
  39. data: {
  40. pageNo: pageNo || 1,
  41. pageSize: this.state.pagination.pageSize,
  42. specially: 1, //经理
  43. name: this.state.nameSearch, //客户名称
  44. orderNo: this.state.orderNoSearch, //订单编号
  45. taskId: this.state.taskNoSearch, //任务编号
  46. deps: this.state.departmenttSearch, //订单部门
  47. taskStatus: this.state.taskStatus, //任务状态
  48. adminName: this.state.adminName, //任务受理人
  49. },
  50. success: function (data) {
  51. ShowModal(this);
  52. let theArr = [];
  53. if (!data.data || !data.data.list) {
  54. if (data.error && data.error.length) {
  55. message.warning(data.error[0].message);
  56. }
  57. } else {
  58. for (let i = 0; i < data.data.list.length; i++) {
  59. let thisdata = data.data.list[i];
  60. if (thisdata.splitList) {
  61. thisdata.splitList.forEach((item) => {
  62. item.key = item.id;
  63. });
  64. }
  65. theArr.push({
  66. key: thisdata.id,
  67. orderNo: thisdata.orderNo, //订单编号
  68. id: thisdata.id, //任务ID
  69. taskName: thisdata.taskName, //名称
  70. cname: thisdata.cname, //项目品类
  71. receiverName: thisdata.receiverName, //受理人
  72. projectStatus: thisdata.projectStatus, //项目状态
  73. taskStatus: thisdata.taskStatus, //任务状态
  74. taskDate: thisdata.taskDate, //分配时间
  75. commodityQuantity: thisdata.commodityQuantity, //数量
  76. userName: thisdata.userName, //用户名
  77. depName: thisdata.depName, //部门名称
  78. splitStatus: thisdata.splitStatus, //拆分状态
  79. splitList: thisdata.splitList,
  80. patentTypeName: thisdata.patentTypeName,
  81. });
  82. }
  83. }
  84. this.state.pagination.current = data.data.pageNo;
  85. this.state.pagination.total = data.data.totalCount;
  86. if (data.data && data.data.list && !data.data.list.length) {
  87. this.state.pagination.current = 0;
  88. this.state.pagination.total = 0;
  89. }
  90. this.setState({
  91. dataSource: theArr,
  92. page: data.data.pageNo,
  93. pagination: this.state.pagination,
  94. });
  95. }.bind(this),
  96. }).always(
  97. function () {
  98. this.setState({
  99. loading: false,
  100. });
  101. }.bind(this)
  102. );
  103. },
  104. getInitialState() {
  105. return {
  106. orderData: [],
  107. orderNo: "",
  108. jiedian: [],
  109. jiedianNew: [],
  110. declarationBatch: 1,
  111. dataInfor: {},
  112. activeKey: "1",
  113. searchMore: true,
  114. assignVisible: false,
  115. releaseDate: [],
  116. roleName: "",
  117. boHuivisible: false,
  118. departmentArr: [],
  119. selectedRowKeys: [],
  120. selectedRows: [],
  121. paginations: false,
  122. loading: false,
  123. pagination: {
  124. defaultCurrent: 1,
  125. defaultPageSize: 10,
  126. showQuickJumper: true,
  127. pageSize: 10,
  128. onChange: function (page) {
  129. this.loadData(page);
  130. }.bind(this),
  131. showTotal: function (total) {
  132. return "共" + total + "条数据";
  133. },
  134. },
  135. columns: [
  136. {
  137. title: "编号",
  138. dataIndex: "id",
  139. key: "id",
  140. },
  141. {
  142. title: "项目名称",
  143. dataIndex: "taskName",
  144. key: "taskName",
  145. render: (text, record) => {
  146. return <span>{text}<span style={{ color: "red" }}>{record.patentTypeName}</span></span>
  147. }
  148. },
  149. {
  150. title: "订单编号",
  151. dataIndex: "orderNo",
  152. key: "orderNo",
  153. },
  154. {
  155. title: "业务类别",
  156. dataIndex: "cname",
  157. key: "cname",
  158. },
  159. {
  160. title: "客户名称",
  161. dataIndex: "userName",
  162. key: "userName",
  163. render: text => {
  164. return (
  165. <Tooltip title={text}>
  166. <div
  167. // style={{
  168. // maxWidth: '150px',
  169. // overflow: 'hidden',
  170. // textOverflow: "ellipsis",
  171. // whiteSpace: 'nowrap',
  172. // }}
  173. >{text}</div>
  174. </Tooltip>
  175. )
  176. }
  177. },
  178. {
  179. title: "项目状态",
  180. dataIndex: "projectStatus",
  181. key: "projectStatus",
  182. render: (text) => {
  183. return getProjectName(text);
  184. },
  185. },
  186. {
  187. title: "分配时间",
  188. dataIndex: "taskDate",
  189. key: "taskDate",
  190. },
  191. {
  192. title: "任务数量",
  193. dataIndex: "commodityQuantity",
  194. key: "commodityQuantity",
  195. render: (text, record) => {
  196. if (record.splitStatus == 1) {
  197. return (
  198. <span>
  199. {text}{" "}
  200. <Tag color="#108ee9" style={{ float: "right" }}>
  201. 已拆
  202. </Tag>
  203. </span>
  204. );
  205. } else {
  206. return text;
  207. }
  208. },
  209. },
  210. {
  211. title: "订单部门",
  212. dataIndex: "depName",
  213. key: "depName",
  214. },
  215. {
  216. title: "操作",
  217. dataIndex: "caozuo",
  218. key: "caouzo",
  219. render: (text, record) => {
  220. return (
  221. <div>
  222. <Button
  223. type="primary"
  224. style={{ margin: "0 10px" }}
  225. disabled={record.splitStatus == 1 ? true : false}
  226. onClick={(e) => {
  227. e.stopPropagation(), this.evaluate(record, "咨询师经理");
  228. }}
  229. >
  230. 转交
  231. </Button>
  232. <Button
  233. type="primary"
  234. style={{ margin: "0 10px" }}
  235. disabled={record.splitStatus == 1 ? true : false}
  236. onClick={(e) => {
  237. e.stopPropagation(), this.evaluate(record, "咨询师");
  238. }}
  239. >
  240. 分配任务
  241. </Button>
  242. {record.splitStatus == 0 ? (
  243. <Button
  244. type="primary"
  245. style={{ margin: "0 10px" }}
  246. onClick={(e) => {
  247. e.stopPropagation();
  248. this.setState({
  249. resolutionVisible: true,
  250. resolutionName: record.taskName,
  251. resolutionNumber: record.commodityQuantity,
  252. resolutionId: record.id,
  253. });
  254. }}
  255. >
  256. 拆分项目
  257. </Button>
  258. ) : (
  259. ""
  260. )}
  261. </div>
  262. );
  263. },
  264. },
  265. ],
  266. dataSource: [],
  267. resolutionVisible: false,
  268. searchTime: [],
  269. columnsX: [
  270. {
  271. title: "业务项目名称",
  272. dataIndex: "commodityName",
  273. key: "commodityName",
  274. render: (text, record) => {
  275. return (
  276. <span>{text}<span style={{ color: "red" }}>{record.patentTypeName}</span></span>
  277. )
  278. }
  279. },
  280. {
  281. title: "项目类别",
  282. dataIndex: "cname",
  283. key: "cname",
  284. },
  285. {
  286. title: "项目数量",
  287. dataIndex: "commodityQuantity",
  288. key: "commodityQuantity",
  289. render: (text, record) => {
  290. if (record.splitStatus == 1) {
  291. return (
  292. <span>
  293. {text}{" "}
  294. {/* <Tag
  295. color="#108ee9"
  296. onClick={(e) => {
  297. e.stopPropagation();
  298. this.showRes(record);
  299. }}
  300. >
  301. 已拆
  302. </Tag> */}
  303. </span>
  304. );
  305. } else {
  306. return text;
  307. }
  308. },
  309. },
  310. {
  311. title: "金额(万元)",
  312. dataIndex: "commodityPrice",
  313. key: "commodityPrice",
  314. },
  315. {
  316. title: "负责人",
  317. dataIndex: "contacts",
  318. key: "contacts",
  319. },
  320. {
  321. title: "负责人电话",
  322. dataIndex: "contactsMobile",
  323. key: "contactsMobile",
  324. },
  325. {
  326. title: "主要项目",
  327. dataIndex: "main",
  328. key: "main",
  329. render: (text) => {
  330. return text ? "是" : "否";
  331. },
  332. },
  333. {
  334. title: "总年限",
  335. dataIndex: "yearSum",
  336. key: "yearSum",
  337. render: (text, record) => {
  338. return (
  339. <div>{["", "一年", "二年", "三年", "四年", "五年"][text]}</div>
  340. );
  341. }
  342. },
  343. {
  344. title: "年限",
  345. dataIndex: "serviceLife",
  346. key: "serviceLife",
  347. render: (text, record) => {
  348. return (
  349. <div>{!!text && JSON.parse(text).toString()}</div>
  350. );
  351. }
  352. },
  353. {
  354. title: "本次派单",
  355. dataIndex: "serviceYear",
  356. key: "serviceYear",
  357. render: (text, record) => {
  358. return (
  359. <div>{!text ? "" : text}</div>
  360. );
  361. }
  362. },
  363. {
  364. title: "项目说明",
  365. dataIndex: "taskComment",
  366. key: "taskComment",
  367. render: (text) => {
  368. return (
  369. <Tooltip title={text}>
  370. <div
  371. style={{
  372. width: 100,
  373. overflow: "hidden",
  374. whiteSpace: "nowrap",
  375. textOverflow: "ellipsis",
  376. }}
  377. >{text}</div>
  378. </Tooltip>
  379. )
  380. },
  381. },
  382. ],
  383. dataSourceX: [],
  384. resVisible: false,
  385. };
  386. },
  387. /* 分派 */
  388. evaluate(record, nub) {
  389. this.state.assignData = record;
  390. this.setState(
  391. {
  392. nub,
  393. },
  394. () => {
  395. this.setState({
  396. assignVisible: true,
  397. });
  398. }
  399. );
  400. },
  401. componentWillMount() {
  402. // this.departmentList();
  403. this.loadData();
  404. },
  405. tableRowClick(record) {
  406. this.state.RowData = record;
  407. this.setState({
  408. visible: true,
  409. });
  410. this.xiangqing(record.orderNo);
  411. this.xiangmu(record.orderNo);
  412. },
  413. // 拆分详细
  414. showRes(record) {
  415. this.setState({
  416. resVisible: true,
  417. resRecord: record,
  418. });
  419. },
  420. resCancel() {
  421. this.setState({
  422. resVisible: false,
  423. });
  424. },
  425. //订单详情
  426. xiangqing(orderNos) {
  427. $.ajax({
  428. method: "get",
  429. dataType: "json",
  430. crossDomain: false,
  431. url: globalConfig.context + "/api/admin/newOrder/getOrderNewDetail",
  432. data: {
  433. orderNo: orderNos,
  434. },
  435. success: function (data) {
  436. if (data.error.length || data.data.list == "") {
  437. if (data.error && data.error.length) {
  438. message.warning(data.error[0].message);
  439. }
  440. } else {
  441. let thisdata = data.data;
  442. this.setState({
  443. orderUid: thisdata.uid,
  444. orderNo: thisdata.orderNo, //订单编号
  445. contractNo: thisdata.contractNo, //合同编号
  446. userName: thisdata.userName, //客户名称
  447. signDate: thisdata.signDate, //签单时间
  448. examineName: thisdata.examineName,
  449. processStatus: thisdata.processStatus, //流程状态
  450. liquidationStatus: thisdata.liquidationStatus, //结算状态
  451. contacts: thisdata.contacts, //企业联系人
  452. contactMobile: thisdata.contactMobile, //联系人电话
  453. legalPerson: thisdata.legalPerson, //法人
  454. legalPersonTel: thisdata.legalPersonTel, //法人电话
  455. firstAmount: thisdata.firstAmount, //签单金额
  456. totalAmount: thisdata.totalAmount, //首付金额
  457. approval: thisdata.approval, //特批状态
  458. settlementAmount: thisdata.settlementAmount, //已收款项
  459. orderRemarks: thisdata.orderRemarks, //订单留言
  460. orgCodeUrl: thisdata.contractPictureUrl
  461. ? splitUrl(
  462. thisdata.contractPictureUrl,
  463. ",",
  464. globalConfig.avatarHost + "/upload"
  465. )
  466. : [], //图片地址
  467. salesmanName: thisdata.salesmanName, //营销员名称
  468. salesmanMobile: thisdata.salesmanMobile, //营销员电话
  469. financeName: thisdata.financeName, //财务名称
  470. financeMobile: thisdata.financeMobile, //财务电话
  471. oldSalesmanName: thisdata.oldSalesmanName, //营销员名称
  472. oldSalesmanMobile: thisdata.oldSalesmanMobile, //营销员电话
  473. nowFinance: thisdata.nowFinance, //财务名称
  474. nowFinanceMobile: thisdata.nowFinanceMobile, //财务电话
  475. depName: thisdata.depName, //订单部门
  476. deleteSign: thisdata.deleteSign,
  477. });
  478. }
  479. }.bind(this),
  480. }).always(
  481. function () {
  482. this.setState({
  483. loading: false,
  484. });
  485. }.bind(this)
  486. );
  487. },
  488. //项目列表
  489. xiangmu(orderNos) {
  490. $.ajax({
  491. method: "get",
  492. dataType: "json",
  493. crossDomain: false,
  494. url: globalConfig.context + "/api/admin/newOrder/getOrderTask",
  495. data: {
  496. orderNo: orderNos,
  497. },
  498. success: function (data) {
  499. let theArr = [];
  500. if (data.error.length || data.data.list == "") {
  501. if (data.error && data.error.length) {
  502. message.warning(data.error[0].message);
  503. }
  504. } else {
  505. for (let i = 0; i < data.data.length; i++) {
  506. let thisdata = data.data[i];
  507. thisdata.key = i;
  508. theArr.push(thisdata);
  509. }
  510. }
  511. this.setState({
  512. dataSourceX: theArr,
  513. });
  514. }.bind(this),
  515. }).always(
  516. function () {
  517. this.setState({
  518. loading: false,
  519. });
  520. }.bind(this)
  521. );
  522. },
  523. //关闭详情
  524. visitCancel() {
  525. this.setState({
  526. visible: false,
  527. activeKey: "1",
  528. });
  529. this.loadData(this.state.page);
  530. },
  531. visitOk() {
  532. this.setState({
  533. visible: false,
  534. });
  535. this.loadData(this.state.page);
  536. },
  537. closeDesc(e, s) {
  538. this.state.showDesc = e;
  539. if (s) {
  540. this.loadData(this.state.page);
  541. }
  542. },
  543. closeAssign(e, s) {
  544. this.state.roleName = "";
  545. this.state.assignVisible = e;
  546. if (s) {
  547. this.loadData(this.state.page);
  548. }
  549. },
  550. nextCancel() {
  551. this.setState({
  552. addnextVisible: false,
  553. displayFees: "none",
  554. officialCost: "", //是否有官费
  555. costReduction: "", //是否有费减
  556. });
  557. },
  558. //点击打卡项目详情
  559. tableRowClickX(record) {
  560. if (record.type == "1") {
  561. this.setState({
  562. displayFees: "block",
  563. costReduction: record.costReduction,
  564. officialCost: record.officialCost,
  565. });
  566. } else {
  567. this.setState({
  568. displayFees: "none",
  569. });
  570. }
  571. this.setState({
  572. jid: record.id, //项目ID
  573. kid: record.commodityId, //商品ID
  574. commodityName: record.commodityName, //金额
  575. commodityPrice: record.commodityPrice, //金额
  576. commodityQuantity: record.commodityQuantity, //数量
  577. taskComment: record.taskComment, //备注
  578. main: record.main.toString(), //是否为主要
  579. addnextVisible: true,
  580. dataInfor: record,
  581. addState: 0,
  582. });
  583. },
  584. search() {
  585. this.loadData();
  586. },
  587. reset() {
  588. this.state.nameSearch = "";
  589. this.state.releaseDate = [];
  590. this.state.orderNoSearch = "";
  591. this.state.taskNoSearch = "";
  592. this.state.departmenttSearch = undefined;
  593. this.state.distribution = undefined;
  594. this.Cascaders.empty();
  595. this.loadData();
  596. },
  597. searchSwitch() {
  598. this.setState({
  599. searchMore: !this.state.searchMore,
  600. });
  601. },
  602. //部门
  603. departmentList() {
  604. this.setState({
  605. loading: true,
  606. });
  607. $.ajax({
  608. method: "get",
  609. dataType: "json",
  610. crossDomain: false,
  611. url: globalConfig.context + "/api/admin/organization/selectSuperId",
  612. data: {},
  613. success: function (data) {
  614. let thedata = data.data;
  615. let theArr = [];
  616. if (!thedata) {
  617. if (data.error && data.error.length) {
  618. message.warning(data.error[0].message);
  619. }
  620. thedata = {};
  621. } else {
  622. thedata.map(function (item, index) {
  623. theArr.push({
  624. key: index,
  625. name: item.name,
  626. id: item.id,
  627. });
  628. });
  629. }
  630. this.setState({
  631. departmentArr: theArr,
  632. });
  633. }.bind(this),
  634. }).always(
  635. function () {
  636. this.setState({
  637. loading: false,
  638. });
  639. }.bind(this)
  640. );
  641. },
  642. resolutionCancel() {
  643. this.setState({
  644. resolutionVisible: false,
  645. });
  646. },
  647. rizhi() {
  648. this.setState({
  649. loading: true,
  650. });
  651. $.ajax({
  652. method: "get",
  653. dataType: "json",
  654. crossDomain: false,
  655. url: "/api/admin/newOrder/selectOrderLog",
  656. data: {
  657. orderNo: this.state.orderNo,
  658. },
  659. success: function (data) {
  660. let theArr = [];
  661. let thisData = data.data;
  662. if (!thisData.length) {
  663. if (data.error && data.error.length) {
  664. message.warning(data.error[0].message);
  665. }
  666. thisData = {};
  667. } else {
  668. for (let i = 0; i < data.data.length; i++) {
  669. let thisdata = data.data[i];
  670. theArr.push({
  671. processName: thisdata.processName,
  672. adminName: thisdata.adminName,
  673. createDate: thisdata.createDate,
  674. remarks: thisdata.remarks,
  675. });
  676. }
  677. }
  678. this.setState({
  679. dataSourceY: theArr,
  680. });
  681. }.bind(this),
  682. }).always(
  683. function () {
  684. this.setState({
  685. loading: false,
  686. });
  687. }.bind(this)
  688. );
  689. },
  690. closeOrderLog() {
  691. this.setState({
  692. avisible: false,
  693. });
  694. },
  695. getOrderLog() {
  696. this.setState({
  697. avisible: true,
  698. });
  699. this.rizhi();
  700. },
  701. orderChange(key) {
  702. this.setState({
  703. activeKey: key,
  704. });
  705. if (key == 2) {
  706. this.orderDetailData(this.state.orderNo);
  707. this.xiangmu(this.state.orderNo);
  708. this.jiedian(this.state.orderNo);
  709. this.jiedianNew(this.state.orderNo);
  710. }
  711. },
  712. //节点列表
  713. jiedian(orderNos) {
  714. $.ajax({
  715. method: "get",
  716. dataType: "json",
  717. crossDomain: false,
  718. url: globalConfig.context + "/api/admin/newOrder/selectOrderDun",
  719. data: {
  720. orderNo: orderNos,
  721. },
  722. success: function (data) {
  723. let theArr = [];
  724. let thisData = [];
  725. if (data.error.length || data.data.list == "") {
  726. if (data.error && data.error.length) {
  727. message.warning(data.error[0].message);
  728. }
  729. } else {
  730. for (let i = 0; i < data.data.length; i++) {
  731. thisData = data.data[i];
  732. theArr.push({
  733. key: i,
  734. dunSubject: thisData.dunSubject
  735. ? thisData.dunSubject.toString()
  736. : "", //催款科目
  737. id: thisData.id, //节点Id
  738. money: thisData.money, //催款金额
  739. dunStatus: thisData.dunStatus, //催款状态
  740. });
  741. }
  742. this.setState({
  743. jiedian: theArr,
  744. });
  745. }
  746. }.bind(this),
  747. });
  748. },
  749. jiedianNew(orderNos) {
  750. $.ajax({
  751. method: "get",
  752. dataType: "json",
  753. crossDomain: false,
  754. url:
  755. globalConfig.context + "/api/admin/newOrderDun/selectListNewOrderDun",
  756. data: {
  757. orderNo: orderNos,
  758. },
  759. success: function (data) {
  760. if (data.error && data.error.length) {
  761. message.warning(data.error[0].message);
  762. } else {
  763. let theArr = [];
  764. let thisData = [];
  765. let arr = data.data || [];
  766. let totalCui = 0;
  767. for (let i = 0; i < arr.length; i++) {
  768. thisData = arr[i];
  769. totalCui += +thisData.money;
  770. theArr.push({
  771. key: i,
  772. dunSubject: thisData.dunSubject
  773. ? thisData.dunSubject.toString()
  774. : "", //催款科目
  775. id: thisData.id, //节点Id
  776. money: thisData.money, //催款金额
  777. // orderNo: record ? record.orderNo : this.props.datauser.orderNo,
  778. commodityName: thisData.commodityName,
  779. projectType: thisData.projectType,
  780. dunTypeName: thisData.dunTypeName,
  781. status: thisData.status,
  782. waitDay: thisData.waitDay,
  783. effectiveCount: thisData.effectiveCount,
  784. startDate: thisData.startDate,
  785. dunType: thisData.dunType,
  786. appropriationRatio: thisData.appropriationRatio,
  787. customizeName: thisData.customizeName,
  788. customizeTimes: thisData.customizeTimes,
  789. });
  790. }
  791. if (!totalCui) {
  792. totalCui = 0;
  793. }
  794. totalCui = (Math.round(totalCui * 1000000) / 1000000).toFixed(6);
  795. this.setState({
  796. jiedianNew: theArr,
  797. totalCui,
  798. });
  799. }
  800. }.bind(this),
  801. }).always(
  802. function () {
  803. this.setState({
  804. loading: false,
  805. });
  806. }.bind(this)
  807. );
  808. },
  809. orderDetailData(orderNos) {
  810. this.setState({
  811. loading: true,
  812. });
  813. $.ajax({
  814. method: "get",
  815. dataType: "json",
  816. crossDomain: false,
  817. url: globalConfig.context + "/api/admin/newOrder/getOrderNewDetail",
  818. data: {
  819. orderNo: orderNos,
  820. },
  821. success: function (data) {
  822. if (data.error.length || data.data.list == "") {
  823. if (data.error && data.error.length) {
  824. message.warning(data.error[0].message);
  825. this.setState({
  826. loading: false,
  827. });
  828. }
  829. } else {
  830. let thisdata = data.data;
  831. this.setState({
  832. orderUid: thisdata.uid,
  833. loading: false,
  834. userName: thisdata.userName,
  835. primaryOrderNo: thisdata.primaryOrder,
  836. additionalOrder: thisdata.additionalOrder,
  837. contractNo: thisdata.contractNo,
  838. orderData: thisdata,
  839. isAddition: thisdata.additionalOrder ? true : false,
  840. contractPictureUrl: thisdata.contractPictureUrl
  841. ? splitUrl(
  842. thisdata.contractPictureUrl,
  843. ",",
  844. globalConfig.avatarHost + "/upload"
  845. )
  846. : [],
  847. deleteSign: thisdata.deleteSign,
  848. });
  849. }
  850. }.bind(this),
  851. });
  852. },
  853. changeList(arr) {
  854. const newArr = [];
  855. this.state.columns.forEach(item => {
  856. arr.forEach(val => {
  857. if (val === item.title) {
  858. newArr.push(item);
  859. }
  860. });
  861. });
  862. this.setState({
  863. changeList: newArr
  864. });
  865. },
  866. // 可展开颜色不同
  867. addRowColor(record) {
  868. if (!!record.splitList && record.splitList.length > 0) {
  869. return 'light'
  870. } else {
  871. return 'dark'
  872. }
  873. },
  874. render() {
  875. const expandedRowRender = (e) => {
  876. const data = e.splitList;
  877. let columns = [];
  878. if (e.splitList instanceof Array && e.splitList.length) {
  879. columns = [
  880. {
  881. title: "编号",
  882. dataIndex: "splitSuper",
  883. key: "splitSuper",
  884. render: (text, record) => {
  885. return text + "-" + record.splitId;
  886. },
  887. },
  888. {
  889. title: "项目名称",
  890. dataIndex: "taskName",
  891. key: "taskName",
  892. render: (text, record) => {
  893. return <span>{text}<span style={{ color: "red" }}>{record.patentTypeName}</span></span>
  894. }
  895. },
  896. {
  897. title: "订单编号",
  898. dataIndex: "orderNo",
  899. key: "orderNo",
  900. },
  901. {
  902. title: "业务类别",
  903. dataIndex: "cname",
  904. key: "cname",
  905. },
  906. {
  907. title: "客户名称",
  908. dataIndex: "userName",
  909. key: "userName",
  910. render: text => {
  911. return (
  912. <Tooltip title={text}>
  913. <div
  914. // style={{
  915. // maxWidth: '150px',
  916. // overflow: 'hidden',
  917. // textOverflow: "ellipsis",
  918. // whiteSpace: 'nowrap',
  919. // }}
  920. >{text}</div>
  921. </Tooltip>
  922. )
  923. }
  924. },
  925. {
  926. title: "项目状态",
  927. dataIndex: "projectStatus",
  928. key: "projectStatus",
  929. render: (text) => {
  930. return getProjectName(text);
  931. },
  932. },
  933. {
  934. title: "分配时间",
  935. dataIndex: "taskDate",
  936. key: "taskDate",
  937. },
  938. {
  939. title: "任务数量",
  940. dataIndex: "commodityQuantity",
  941. key: "commodityQuantity",
  942. },
  943. {
  944. title: "订单部门",
  945. dataIndex: "depName",
  946. key: "depName",
  947. },
  948. {
  949. title: "拆分操作人",
  950. dataIndex: "splitAname",
  951. key: "splitAname",
  952. },
  953. {
  954. title: "项目负责人",
  955. dataIndex: "receiverName",
  956. key: "receiverName",
  957. },
  958. {
  959. title: "拆分时间",
  960. dataIndex: "splitTimes",
  961. key: "splitTimes",
  962. },
  963. {
  964. title: "操作",
  965. dataIndex: "caozuo",
  966. key: "caouzo",
  967. render: (text, record) => {
  968. return (
  969. <div>
  970. <Button
  971. type="primary"
  972. style={{ margin: "0 10px" }}
  973. disabled={record.distributeSign == 1 ? true : false}
  974. onClick={(e) => {
  975. e.stopPropagation(), this.evaluate(record, "咨询师经理");
  976. }}
  977. >
  978. 转交
  979. </Button>
  980. <Button
  981. type="primary"
  982. style={{ margin: "0 10px" }}
  983. disabled={record.distributeSign == 1 ? true : false}
  984. onClick={(e) => {
  985. e.stopPropagation(), this.evaluate(record, "咨询师");
  986. }}
  987. >
  988. 分配任务
  989. </Button>
  990. </div>
  991. );
  992. },
  993. },
  994. ];
  995. return (
  996. <Table
  997. columns={columns}
  998. dataSource={data}
  999. pagination={false}
  1000. onRowClick={this.tableRowClick.bind(this)}
  1001. />
  1002. );
  1003. } else {
  1004. columns = [];
  1005. return (
  1006. <p style={{ fontWeight: "bold", color: "red", textAlign: "center" }}>
  1007. 此项目暂未拆分
  1008. </p>
  1009. );
  1010. }
  1011. };
  1012. const expandedRowRenderVip = (e) => {
  1013. const data = e.splitList;
  1014. let columns = [];
  1015. if (data instanceof Array && data.length) {
  1016. if (e.cSort == 6) {
  1017. columns = [
  1018. {
  1019. title: "负责人",
  1020. dataIndex: "receiverName",
  1021. key: "receiverName",
  1022. },
  1023. {
  1024. title: "负责人电话",
  1025. dataIndex: "receiverMobile",
  1026. key: "receiverMobile",
  1027. },
  1028. {
  1029. title: "会员负责人",
  1030. dataIndex: "projectMemberName",
  1031. key: "projectMemberName",
  1032. },
  1033. {
  1034. title: "项目状态",
  1035. dataIndex: "projectStatus",
  1036. key: "projectStatus",
  1037. render: (text) => {
  1038. return getProjectName(text);
  1039. },
  1040. },
  1041. {
  1042. title: "本次派单",
  1043. dataIndex: "serviceYear",
  1044. key: "serviceYear",
  1045. },
  1046. {
  1047. title: "项目说明",
  1048. dataIndex: "taskComment",
  1049. key: "taskComment",
  1050. render: (text) => {
  1051. return (
  1052. <Tooltip title={text}>
  1053. <div
  1054. // style={{
  1055. // width: 100,
  1056. // overflow: "hidden",
  1057. // whiteSpace: "nowrap",
  1058. // textOverflow: "ellipsis",
  1059. // }}
  1060. >{text}</div>
  1061. </Tooltip>
  1062. )
  1063. },
  1064. },
  1065. ];
  1066. } else {
  1067. columns = [
  1068. {
  1069. title: "子项目名称",
  1070. dataIndex: "taskName",
  1071. key: "taskName"
  1072. },
  1073. {
  1074. title: "子项目数量",
  1075. dataIndex: "commodityQuantity",
  1076. key: "commodityQuantity"
  1077. },
  1078. {
  1079. title: "拆分操作人",
  1080. dataIndex: "splitAname",
  1081. key: "splitAname"
  1082. },
  1083. {
  1084. title: "项目负责人",
  1085. dataIndex: "receiverName",
  1086. key: "receiverName"
  1087. },
  1088. {
  1089. title: "拆分时间",
  1090. dataIndex: "splitTimes",
  1091. key: "splitTimes"
  1092. }
  1093. ]
  1094. }
  1095. return (
  1096. <Table
  1097. columns={columns}
  1098. dataSource={data}
  1099. pagination={false}
  1100. />
  1101. );
  1102. } else {
  1103. columns = [];
  1104. return (
  1105. <p
  1106. style={{ fontWeight: "bold", color: "red", textAlign: "center" }}
  1107. >
  1108. {e.cSort == 6 ? "暂无派单" : "此项目暂未拆分"}
  1109. </p>
  1110. );
  1111. }
  1112. };
  1113. const rowSelection = {
  1114. selectedRowKeys: this.state.selectedRowKeys,
  1115. onChange: (selectedRowKeys, selectedRows) => {
  1116. this.setState({
  1117. selectedRows: selectedRows.slice(-1),
  1118. selectedRowKeys: selectedRowKeys.slice(-1),
  1119. });
  1120. },
  1121. };
  1122. const formItemLayout = {
  1123. labelCol: { span: 8 },
  1124. wrapperCol: { span: 14 },
  1125. };
  1126. let departmentArr = this.state.departmentArr || [];
  1127. return (
  1128. <div className="user-content">
  1129. {this.state.resVisible ? (
  1130. <ResolutionDetail
  1131. cancel={this.resCancel}
  1132. detail={this.state.resRecord}
  1133. visible={this.state.resVisible}
  1134. id={this.state.resRecord.orderNo}
  1135. />
  1136. ) : (
  1137. ""
  1138. )}
  1139. <ResolutionPro
  1140. resolutionVisible={this.state.resolutionVisible}
  1141. number={this.state.resolutionNumber}
  1142. name={this.state.resolutionName}
  1143. cancel={this.resolutionCancel}
  1144. id={this.state.resolutionId}
  1145. loadData={this.loadData}
  1146. />
  1147. <ShowModalDiv ShowModal={this.state.showModal} onClose={() => { this.setState({ showModal: false }) }} />
  1148. <div className="content-title" style={{ marginBottom: 10 }}>
  1149. <span style={{ fontWeight: 900, fontSize: 16 }}>任务派单</span>
  1150. </div>
  1151. <Tabs defaultActiveKey="1" onChange={this.callback} className="test">
  1152. <TabPane tab="搜索" key="1">
  1153. <div className="user-search">
  1154. <Input
  1155. placeholder="订单编号"
  1156. value={this.state.orderNoSearch}
  1157. onChange={(e) => {
  1158. this.setState({ orderNoSearch: e.target.value });
  1159. }}
  1160. />
  1161. <Input
  1162. placeholder="客户名称"
  1163. value={this.state.nameSearch}
  1164. style={{ marginLeft: 10 }}
  1165. onChange={(e) => {
  1166. this.setState({ nameSearch: e.target.value });
  1167. }}
  1168. />
  1169. <Input
  1170. placeholder="任务编号"
  1171. value={this.state.taskNoSearch}
  1172. onChange={(e) => {
  1173. this.setState({ taskNoSearch: e.target.value });
  1174. }}
  1175. />
  1176. <Cascaders
  1177. ref={ref => this.Cascaders = ref}
  1178. placeholder="选择部门"
  1179. height={28}
  1180. onSel={(e) => {
  1181. this.setState({
  1182. departmenttSearch: JSON.stringify(e)
  1183. })
  1184. }}
  1185. />
  1186. {/* <Select
  1187. placeholder="选择部门"
  1188. style={{ width: 200, marginRight: "10px" }}
  1189. value={this.state.departmenttSearch}
  1190. onChange={(e) => {
  1191. this.setState({ departmenttSearch: e });
  1192. }}
  1193. >
  1194. {departmentArr.map(function (item) {
  1195. return (
  1196. <Select.Option key={item.id}>{item.name}</Select.Option>
  1197. );
  1198. })}
  1199. </Select> */}
  1200. <Button type="primary" onClick={this.search}>
  1201. 搜索
  1202. </Button>
  1203. <Button onClick={this.reset}>重置</Button>
  1204. {/* <span>更多搜索<Switch defaultChecked={false} onChange={this.searchSwitch.bind(this)} /></span>
  1205. <div className="search-more" style={this.state.searchMore ? { display: 'none' } : {}}>
  1206. <span>订单时间 :</span>
  1207. <RangePicker
  1208. value={[this.state.releaseDate[0] ? moment(this.state.releaseDate[0]) : null,
  1209. this.state.releaseDate[1] ? moment(this.state.releaseDate[1]) : null]}
  1210. onChange={(data, dataString) => { this.setState({ releaseDate: dataString }); }} />
  1211. </div> */}
  1212. </div>
  1213. </TabPane>
  1214. <TabPane tab="更改表格显示数据" key="2">
  1215. <div style={{ marginLeft: 10 }}>
  1216. <ChooseList
  1217. columns={this.state.columns}
  1218. changeFn={this.changeList}
  1219. changeList={this.state.changeList}
  1220. top={55}
  1221. margin={11}
  1222. />
  1223. </div>
  1224. </TabPane>
  1225. </Tabs>
  1226. <div className="patent-table">
  1227. <Spin spinning={this.state.loading}>
  1228. <Table
  1229. columns={
  1230. this.state.changeList
  1231. ? this.state.changeList
  1232. : this.state.columns
  1233. }
  1234. dataSource={this.state.dataSource}
  1235. expandedRowRender={expandedRowRender}
  1236. // rowSelection={rowSelection}
  1237. pagination={this.state.pagination}
  1238. onRowClick={this.tableRowClick.bind(this)}
  1239. bordered
  1240. size="small"
  1241. />
  1242. </Spin>
  1243. </div>
  1244. <Assign
  1245. title="任务"
  1246. selApi={"/api/admin/orderProject/projectDistribution"}
  1247. data={this.state.assignData}
  1248. showDesc={this.state.assignVisible}
  1249. closeDesc={this.closeAssign.bind(this)}
  1250. fenpaiData={8}
  1251. type={this.state.nub == "咨询师经理" ? 1 : 2}
  1252. // 判断是转交按钮还是分配任务按钮
  1253. // chooseBtn={this.state.nub == "咨询师经理" ? true : false}
  1254. roleName={this.state.nub}
  1255. requestMethod={"post"}
  1256. />
  1257. <Modal
  1258. className="customeDetails"
  1259. footer=""
  1260. title=""
  1261. width="1200px"
  1262. visible={this.state.visible}
  1263. onOk={this.visitOk}
  1264. onCancel={this.visitCancel}
  1265. >
  1266. <Tabs activeKey={this.state.activeKey} onChange={this.orderChange} tabBarExtraContent={
  1267. <div style={{ fontWeight: 'bold', paddingRight: '15px' }}>
  1268. <OrderItemStatus deleteSign={this.state.deleteSign} />
  1269. </div>
  1270. }>
  1271. <TabPane tab="任务详情" key="1">
  1272. <Form
  1273. layout="horizontal"
  1274. onSubmit={this.handleSubmit}
  1275. id="demand-form"
  1276. style={{ paddingBottom: "40px" }}
  1277. >
  1278. <Spin spinning={this.state.loading}>
  1279. <div className="clearfix">
  1280. <FormItem
  1281. className="half-item"
  1282. {...formItemLayout}
  1283. label="订单编号"
  1284. >
  1285. <span>{this.state.orderNo}</span>
  1286. </FormItem>
  1287. <FormItem
  1288. className="half-item"
  1289. {...formItemLayout}
  1290. label="合同编号"
  1291. >
  1292. <span>{this.state.contractNo}</span>
  1293. </FormItem>
  1294. <FormItem
  1295. className="half-item"
  1296. {...formItemLayout}
  1297. label="客户名称"
  1298. >
  1299. <span>{this.state.userName}</span>
  1300. <EnterpriseNameChange
  1301. type='journal'
  1302. style={{ marginLeft: 10 }}
  1303. enterpriseId={this.state.orderUid} />
  1304. </FormItem>
  1305. <FormItem
  1306. className="half-item"
  1307. {...formItemLayout}
  1308. label="合同签订时间"
  1309. >
  1310. <span>{this.state.signDate}</span>
  1311. </FormItem>
  1312. <FormItem
  1313. className="half-item"
  1314. {...formItemLayout}
  1315. label="流程状态"
  1316. >
  1317. <span>{getProcessStatus(this.state.processStatus, this.state.examineName, this.state.approval)}</span>
  1318. </FormItem>
  1319. <FormItem
  1320. className="half-item"
  1321. {...formItemLayout}
  1322. label="结算状态"
  1323. >
  1324. <span>
  1325. {getLiquidationStatus(this.state.liquidationStatus)}
  1326. </span>
  1327. </FormItem>
  1328. <FormItem
  1329. className="half-item"
  1330. {...formItemLayout}
  1331. label="企业联系人"
  1332. >
  1333. <span>{this.state.contacts}</span>
  1334. </FormItem>
  1335. <FormItem
  1336. className="half-item"
  1337. {...formItemLayout}
  1338. label="联系人电话"
  1339. >
  1340. <span>{this.state.contactMobile}</span>
  1341. </FormItem>
  1342. <FormItem
  1343. className="half-item"
  1344. {...formItemLayout}
  1345. label="企业法人"
  1346. >
  1347. <span>{this.state.legalPerson}</span>
  1348. </FormItem>
  1349. <FormItem
  1350. className="half-item"
  1351. {...formItemLayout}
  1352. label="法人电话"
  1353. >
  1354. <span>{this.state.legalPersonTel}</span>
  1355. </FormItem>
  1356. <FormItem
  1357. className="half-item"
  1358. {...formItemLayout}
  1359. label="签单金额(万元)"
  1360. >
  1361. <span>{this.state.totalAmount}</span>
  1362. </FormItem>
  1363. <FormItem
  1364. className="half-item"
  1365. {...formItemLayout}
  1366. label="首付金额(万元)"
  1367. >
  1368. <span>{this.state.firstAmount}</span>
  1369. </FormItem>
  1370. <FormItem
  1371. className="half-item"
  1372. {...formItemLayout}
  1373. label="特批立项"
  1374. >
  1375. <span>{getApprovedState(this.state.approval)}</span>
  1376. </FormItem>
  1377. <FormItem
  1378. className="half-item"
  1379. {...formItemLayout}
  1380. label="已收款项(万元)"
  1381. >
  1382. <span>{this.state.settlementAmount}</span>
  1383. </FormItem>
  1384. <div className="clearfix">
  1385. <FormItem
  1386. labelCol={{ span: 4 }}
  1387. wrapperCol={{ span: 16 }}
  1388. label="订单留言"
  1389. >
  1390. <p style={{ width: 500, wordWrap: "break-word" }}>
  1391. {this.state.orderRemarks}
  1392. </p>
  1393. </FormItem>
  1394. </div>
  1395. <div className="clearfix">
  1396. <FormItem
  1397. className="half-item"
  1398. {...formItemLayout}
  1399. label="订单负责人"
  1400. >
  1401. <span>{this.state.salesmanName}</span>
  1402. </FormItem>
  1403. <FormItem
  1404. className="half-item"
  1405. {...formItemLayout}
  1406. label="订单负责人电话"
  1407. >
  1408. <span>{this.state.salesmanMobile}</span>
  1409. </FormItem>
  1410. <FormItem
  1411. className="half-item"
  1412. {...formItemLayout}
  1413. label="订单部门"
  1414. >
  1415. <span>{this.state.depName}</span>
  1416. </FormItem>
  1417. </div>
  1418. <div className="clearfix">
  1419. <FormItem
  1420. className="half-item"
  1421. {...formItemLayout}
  1422. label="当前财务负责人"
  1423. >
  1424. <span>{this.state.nowFinance}</span>
  1425. </FormItem>
  1426. <FormItem
  1427. className="half-item"
  1428. {...formItemLayout}
  1429. label="当前财务负责人电话"
  1430. >
  1431. <span>{this.state.nowFinanceMobile}</span>
  1432. </FormItem>
  1433. </div>
  1434. <div className="clearfix">
  1435. <FormItem
  1436. className="half-item"
  1437. {...formItemLayout}
  1438. style={{ opacity: ".5" }}
  1439. label="原订单负责人"
  1440. >
  1441. <span>{this.state.oldSalesmanName}</span>
  1442. </FormItem>
  1443. <FormItem
  1444. className="half-item"
  1445. {...formItemLayout}
  1446. style={{ opacity: ".5" }}
  1447. label="原订单负责人电话"
  1448. >
  1449. <span>{this.state.oldSalesmanMobile}</span>
  1450. </FormItem>
  1451. </div>
  1452. <div className="clearfix">
  1453. <FormItem
  1454. className="half-item"
  1455. {...formItemLayout}
  1456. style={{ opacity: ".5" }}
  1457. label="实际财务操作人"
  1458. >
  1459. <span>{this.state.financeName}</span>
  1460. </FormItem>
  1461. <FormItem
  1462. className="half-item"
  1463. {...formItemLayout}
  1464. style={{ opacity: ".5" }}
  1465. label="实际财务操作人电话"
  1466. >
  1467. <span>{this.state.financeMobile}</span>
  1468. </FormItem>
  1469. </div>
  1470. <div className="clearfix">
  1471. <FormItem
  1472. className="half-item"
  1473. {...formItemLayout}
  1474. label="订单留言"
  1475. >
  1476. <span>{this.state.orderRemarks}</span>
  1477. </FormItem>
  1478. <FormItem
  1479. className="half-item"
  1480. {...formItemLayout}
  1481. label=""
  1482. >
  1483. <Button onClick={this.getOrderLog}>查看订单日志</Button>
  1484. </FormItem>
  1485. </div>
  1486. <OrderRiZi
  1487. dataSourcerizhi={this.state.dataSourceY}
  1488. closeOrderLog={this.closeOrderLog}
  1489. visible={this.state.avisible}
  1490. loading={this.state.loading}
  1491. />
  1492. <div>
  1493. <span style={{ marginLeft: "50px", fontSize: "20px" }}>
  1494. 项目业务
  1495. </span>
  1496. {this.state.processStatus == 0 ? (
  1497. <Button
  1498. type="primary"
  1499. onClick={this.addDetailed}
  1500. style={{
  1501. float: "right",
  1502. marginRight: "50px",
  1503. marginBottom: "15px",
  1504. }}
  1505. >
  1506. 添加项目明细
  1507. </Button>
  1508. ) : (
  1509. ""
  1510. )}
  1511. </div>
  1512. <div className="patent-table">
  1513. <Spin spinning={this.state.loading}>
  1514. <Table
  1515. columns={this.state.columnsX}
  1516. dataSource={this.state.dataSourceX}
  1517. pagination={this.state.paginations}
  1518. onRowClick={this.tableRowClickX}
  1519. expandedRowRender={expandedRowRenderVip}
  1520. rowClassName={this.addRowColor}
  1521. bordered
  1522. size="small"
  1523. />
  1524. </Spin>
  1525. </div>
  1526. </div>
  1527. </Spin>
  1528. </Form>
  1529. </TabPane>
  1530. <TabPane tab="订单详情" key="2">
  1531. {
  1532. this.state.activeKey == 2 &&
  1533. <Spin spinning={this.state.loading}>
  1534. <OrderDetail
  1535. orderUid={this.state.orderUid}
  1536. orderData={this.state.orderData}
  1537. getOrderLog={this.getOrderLog}
  1538. dataSourceX={this.state.dataSourceX}
  1539. contactList={this.state.jiedian}
  1540. orderNo={this.state.orderNo}
  1541. totalCui={this.state.totalCui}
  1542. contactListNew={this.state.jiedianNew}
  1543. pictureUrl={this.state.contractPictureUrl}
  1544. />
  1545. </Spin>
  1546. }
  1547. </TabPane>
  1548. </Tabs>
  1549. </Modal>
  1550. {/* {this.state.addnextVisible && <ProjectDetailsReadOnly
  1551. infor={this.state.dataInfor}
  1552. visible={this.state.addnextVisible}
  1553. onCancel={this.nextCancel}
  1554. />} */}
  1555. {
  1556. // 项目业务详情
  1557. this.state.addnextVisible &&
  1558. <NewEditProject
  1559. readOnly={true}
  1560. visible={this.state.addnextVisible}
  1561. dataInfor={this.state.dataInfor}
  1562. onCancel={this.nextCancel}
  1563. />
  1564. }
  1565. </div>
  1566. );
  1567. },
  1568. });
  1569. export default Task;