taskQuery.jsx 72 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107210821092110211121122113211421152116211721182119212021212122212321242125212621272128212921302131213221332134213521362137213821392140214121422143214421452146214721482149
  1. import React from 'react';
  2. import $ from 'jquery';
  3. import '@/manageCenter/financialManage/distribute/public.less';
  4. import {
  5. Button,
  6. Form,
  7. Input,
  8. Select,
  9. Upload,
  10. Spin,
  11. Table,
  12. message,
  13. Modal,
  14. Tabs,
  15. Tag
  16. } from "antd";
  17. import Assign from '@/manageCenter/publicComponent/assign';
  18. import ResolutionDetail from "@/resolutionDetail";
  19. import OrderDetail from "../../order/orderNew/changeComponent/orderDetail";
  20. import OrderRiZi from "@/orderRiZi.jsx";
  21. import './table.less';
  22. import {
  23. getProcessStatus,
  24. getApproval,
  25. getTaskStatus,
  26. getLiquidationStatus,
  27. splitUrl,
  28. getProjectStatus,
  29. getboutique,
  30. getprovince,
  31. ShowModal
  32. } from "@/tools";
  33. const FormItem =Form.Item;
  34. const {TabPane} = Tabs
  35. import ShowModalDiv from "@/showModal.jsx";
  36. import ImgList from "../../../common/imgList";
  37. const Task = React.createClass({
  38. loadData(pageNo) {
  39. this.state.data = [];
  40. this.setState({
  41. loading: true,
  42. });
  43. $.ajax({
  44. method: "get",
  45. dataType: "json",
  46. crossDomain: false,
  47. url: globalConfig.context + "/api/admin/orderProject/selectTaskList",
  48. data: {
  49. pageNo: pageNo || 1,
  50. pageSize: this.state.pagination.pageSize,
  51. specially: 1, //经理
  52. name: this.state.nameSearch, //客户名称
  53. orderNo: this.state.orderNoSearch, //订单编号
  54. depId: this.state.departmenttSearch, //订单部门
  55. taskId: this.state.taskNoSearch, //任务编号
  56. adminName: this.state.adminName, //任务受理人
  57. },
  58. success: function (data) {
  59. ShowModal(this);
  60. let theArr = [];
  61. if (!data.data || !data.data.list) {
  62. if (data.error && data.error.length) {
  63. message.warning(data.error[0].message);
  64. }
  65. } else {
  66. for (let i = 0; i < data.data.list.length; i++) {
  67. let thisdata = data.data.list[i];
  68. theArr.push({
  69. key: i,
  70. orderNo: thisdata.orderNo, //订单编号
  71. id: thisdata.id, //任务ID
  72. taskName: thisdata.taskName, //名称
  73. cname: thisdata.cname, //项目品类
  74. projectStatus: thisdata.projectStatus, //项目状态
  75. taskStatus: thisdata.taskStatus, //任务状态
  76. taskDate: thisdata.taskDate, //分配时间
  77. commodityQuantity: thisdata.commodityQuantity, //软著数量
  78. alreadyNumber: thisdata.alreadyNumber, //下证数量
  79. userName:
  80. thisdata.taskName.substring(0, 5) === "软件著作权"
  81. ? thisdata.userName +
  82. "(" +
  83. thisdata.commodityQuantity.toString() +
  84. "/" +
  85. thisdata.alreadyNumber +
  86. ")"
  87. : thisdata.userName, //用户名
  88. depName: thisdata.depName, //部门名称
  89. receiverName: thisdata.receiverName, //任务责任人
  90. splitStatus: thisdata.splitStatus, //是否为子项目 2是 1主项目
  91. splitSuper: thisdata.splitSuper,
  92. splitId: thisdata.splitId,
  93. });
  94. }
  95. }
  96. this.state.pagination.current = data.data.pageNo;
  97. this.state.pagination.total = data.data.totalCount;
  98. if (data.data && data.data.list && !data.data.list.length) {
  99. this.state.pagination.current = 0;
  100. this.state.pagination.total = 0;
  101. }
  102. this.setState({
  103. dataSource: theArr,
  104. page: data.data.pageNo,
  105. pagination: this.state.pagination,
  106. });
  107. }.bind(this),
  108. }).always(
  109. function () {
  110. this.setState({
  111. loading: false,
  112. });
  113. }.bind(this)
  114. );
  115. },
  116. getInitialState() {
  117. return {
  118. orderData: [],
  119. orderNo: "",
  120. jiedian: [],
  121. jiedianNew: [],
  122. activeKey: "1",
  123. searchMore: true,
  124. assignVisible: false,
  125. releaseDate: [],
  126. roleName: "",
  127. testFlag: true,
  128. departmentArr: [],
  129. boHuivisible: false,
  130. selectedRowKeys: [],
  131. selectedRows: [],
  132. paginations: false,
  133. loading: false,
  134. pagination: {
  135. defaultCurrent: 1,
  136. defaultPageSize: 10,
  137. showQuickJumper: true,
  138. pageSize: 10,
  139. onChange: function (page) {
  140. this.loadData(page);
  141. }.bind(this),
  142. showTotal: function (total) {
  143. return "共" + total + "条数据";
  144. },
  145. },
  146. columns: [
  147. {
  148. title: "项目编号",
  149. dataIndex: "id",
  150. key: "id",
  151. render: (text, record) => {
  152. if (record.splitStatus == 2) {
  153. return <span>{record.splitSuper + "-" + record.splitId}</span>;
  154. } else {
  155. return text;
  156. }
  157. },
  158. },
  159. {
  160. title: "任务名称",
  161. dataIndex: "taskName",
  162. key: "taskName",
  163. className: "taskName",
  164. },
  165. {
  166. title: "订单编号",
  167. dataIndex: "orderNo",
  168. key: "orderNo",
  169. },
  170. {
  171. title: "业务类别",
  172. dataIndex: "cname",
  173. key: "cname",
  174. },
  175. {
  176. title: "客户名称",
  177. dataIndex: "userName",
  178. key: "userName",
  179. className: "userName",
  180. },
  181. {
  182. title: "任务状态",
  183. dataIndex: "taskStatus",
  184. key: "taskStatus",
  185. render: (text) => {
  186. return getTaskStatus(text);
  187. },
  188. },
  189. {
  190. title: "项目状态",
  191. dataIndex: "projectStatus",
  192. key: "projectStatus",
  193. render: (text) => {
  194. return getProjectStatus(text);
  195. },
  196. },
  197. {
  198. title: "分配时间",
  199. dataIndex: "taskDate",
  200. key: "taskDate",
  201. },
  202. {
  203. title: "任务数量",
  204. dataIndex: "commodityQuantity",
  205. key: "commodityQuantity",
  206. },
  207. {
  208. title: "任务责任人",
  209. dataIndex: "receiverName",
  210. key: "receiverName",
  211. },
  212. {
  213. title: "订单部门",
  214. dataIndex: "depName",
  215. key: "depName",
  216. },
  217. ],
  218. dataSource: [],
  219. searchTime: [],
  220. columnsX: [
  221. {
  222. title: "业务项目名称",
  223. dataIndex: "commodityName",
  224. key: "commodityName",
  225. },
  226. {
  227. title: "项目类别",
  228. dataIndex: "cname",
  229. key: "cname",
  230. },
  231. {
  232. title: "项目数量",
  233. dataIndex: "commodityQuantity",
  234. key: "commodityQuantity",
  235. render: (text, record) => {
  236. if (record.splitStatus == 1) {
  237. return (
  238. <span>
  239. {text}{" "}
  240. <Tag
  241. color="#108ee9"
  242. onClick={(e) => {
  243. e.stopPropagation();
  244. this.showRes(record);
  245. }}
  246. >
  247. 已拆
  248. </Tag>
  249. </span>
  250. );
  251. } else {
  252. return text;
  253. }
  254. },
  255. },
  256. {
  257. title: "金额(万元)",
  258. dataIndex: "commodityPrice",
  259. key: "commodityPrice",
  260. render: (text, record) => {
  261. return (
  262. <span>
  263. {this.props.isZxs || text === -1 ? '***' : text}
  264. </span>
  265. )
  266. }
  267. },
  268. {
  269. title: "负责人",
  270. dataIndex: "contacts",
  271. key: "contacts",
  272. },
  273. {
  274. title: "负责人电话",
  275. dataIndex: "contactsMobile",
  276. key: "contactsMobile",
  277. },
  278. {
  279. title: "主要项目",
  280. dataIndex: "main",
  281. key: "main",
  282. render: (text) => {
  283. return text ? "是" : "否";
  284. },
  285. },
  286. {
  287. title: "项目说明",
  288. dataIndex: "taskComment",
  289. key: "taskComment",
  290. render: (text) => {
  291. return text && text.length > 8 ? text.substr(0, 8) + "…" : text;
  292. },
  293. },
  294. ],
  295. columnsA: [
  296. {
  297. title: "流程",
  298. dataIndex: "content",
  299. key: "content",
  300. align: "center",
  301. },
  302. {
  303. title: "操作人",
  304. dataIndex: "aName",
  305. key: "aName",
  306. align: "center",
  307. },
  308. {
  309. title: "时间",
  310. dataIndex: "createTimes",
  311. key: "createTimes",
  312. align: "center",
  313. },
  314. ],
  315. dataSourceX: [],
  316. dataSourceA: [],
  317. ContactsLists: [
  318. {
  319. title: "批次",
  320. dataIndex: "num",
  321. key: "num",
  322. },
  323. {
  324. title: "下证时间",
  325. dataIndex: "licenceTimes",
  326. key: "licenceTimes",
  327. },
  328. {
  329. title: "下证数量",
  330. dataIndex: "alreadyNumber",
  331. key: "alreadyNumber",
  332. },
  333. {
  334. title: "未下证数量",
  335. dataIndex: "notCount",
  336. key: "notCount",
  337. },
  338. ],
  339. displayFees: "none",
  340. costReduction: '',
  341. officialCost: '',
  342. };
  343. },
  344. /* 分派 */
  345. evaluate(record, nub) {
  346. this.state.assignData = record;
  347. this.setState({
  348. nub,
  349. assignVisible: true,
  350. });
  351. },
  352. componentDidMount() {
  353. this.setColor();
  354. },
  355. componentWillMount() {
  356. this.departmentList();
  357. this.loadData(1);
  358. },
  359. tableRowClick(record) {
  360. let str = record.taskName;
  361. let test = str.indexOf("会员")
  362. if(test == -1) {
  363. this.setState({
  364. isHuiyuan: false
  365. })
  366. }else {
  367. this.setState({
  368. isHuiyuan: true
  369. })
  370. }
  371. this.state.RowData = record;
  372. if (record.taskName.substring(0, 5) === "软件著作权") {
  373. this.setState({
  374. speVisible: true,
  375. id: record.id,
  376. splitStatus: record.splitStatus,
  377. splitSuper: record.splitSuper,
  378. splitId: record.splitId,
  379. dataArr: record,
  380. commodityQuantity: record.commodityQuantity,
  381. });
  382. } else {
  383. this.setState({
  384. visible: true,
  385. splitStatus: record.splitStatus,
  386. splitSuper: record.splitSuper,
  387. splitId: record.splitId,
  388. });
  389. }
  390. this.xiangqing(record.id, record.taskName);
  391. this.xiangqings(record.orderNo);
  392. this.xiangmu(record.orderNo);
  393. this.loaduserss(record);
  394. },
  395. // 拆分详细
  396. showRes(record) {
  397. this.setState({
  398. resVisible: true,
  399. resRecord: record,
  400. });
  401. },
  402. resCancel() {
  403. this.setState({
  404. resVisible: false,
  405. });
  406. },
  407. //订单详情
  408. xiangqing(id) {
  409. $.ajax({
  410. method: "get",
  411. dataType: "json",
  412. crossDomain: false,
  413. url: globalConfig.context + "/api/admin/orderProject/orderTaskDetail",
  414. data: {
  415. id: id,
  416. },
  417. success: function (data) {
  418. if (data.error.length || data.data.list == "") {
  419. if (data.error && data.error.length) {
  420. message.warning(data.error[0].message);
  421. }
  422. } else {
  423. let thisdata = data.data;
  424. this.setState({
  425. id: thisdata.id, //ID
  426. orderNo: thisdata.orderNo, //订单编号
  427. userName: thisdata.userName, //客户名称
  428. taskName: thisdata.taskName, //任务名称
  429. cname: thisdata.cname, //项目品类
  430. contractNo: thisdata.contractNo, //合同编号
  431. projectStatus: thisdata.projectStatus, //项目状态
  432. taskStatus: thisdata.taskStatus, //任务状态
  433. taskDate: thisdata.taskDate, //分配时间
  434. taskComment: thisdata.taskComment, //说明
  435. attachmentUrl: thisdata.attachmentUrl
  436. ? splitUrl(
  437. thisdata.attachmentUrl,
  438. ",",
  439. globalConfig.avatarHost + "/upload"
  440. )
  441. : [], //图片地址
  442. salesmanName: thisdata.salesmanName, //订单负责人
  443. startDate: thisdata.startDate, //启动日期
  444. endDate: thisdata.endDate, //结束日期
  445. acceptDate: thisdata.acceptDate, //受理日期
  446. reviewDate: thisdata.reviewDate, //评审日期
  447. publicityDate: thisdata.publicityDate, //公示日期
  448. licenceDate: thisdata.licenceDate, //发证日期
  449. contacts: thisdata.contacts, //联系人
  450. contactMobile: thisdata.contactMobile, //联系人电话
  451. legalPerson: thisdata.legalPerson, //法人
  452. legalPersonTel: thisdata.legalPersonTel, //法人电话
  453. certificateNumber: thisdata.certificateNumber, //证书编号
  454. status: thisdata.status, //状态
  455. formRetrieve: thisdata.formRetrieve, //满意度表格
  456. taskRefund: thisdata.taskRefund, //退单
  457. refundContent: thisdata.refundContent, //退单信息
  458. retrieveContent: thisdata.retrieveContent, //回收信息
  459. arrivalMoney: thisdata.arrivalMoney, //是否到款
  460. setUpAmount: thisdata.setUpAmount, //立项金额
  461. declareUser: thisdata.declareUser, //账号
  462. declarePwd: thisdata.declarePwd, //密码
  463. depName: thisdata.depName, //订单部门
  464. outsourceName: thisdata.outsourceName, //外包公司名称
  465. outsourcePrice: thisdata.outsourcePrice, //外包价格
  466. declarationBatch: thisdata.declarationBatch,
  467. });
  468. }
  469. }.bind(this),
  470. }).always(
  471. function () {
  472. this.setState({
  473. loading: false,
  474. });
  475. }.bind(this)
  476. );
  477. },
  478. //订单详情
  479. xiangqings(orderNos) {
  480. $.ajax({
  481. method: "get",
  482. dataType: "json",
  483. crossDomain: false,
  484. url: globalConfig.context + "/api/admin/newOrder/getOrderNewDetail",
  485. data: {
  486. orderNo: orderNos,
  487. },
  488. success: function (data) {
  489. let thisdata = data.data;
  490. let ProvinceCityArr = [];
  491. let ProvinceS = thisdata.locationProvince; //省
  492. let citys = thisdata.locationCity; //市
  493. let Areas = thisdata.locationArea; //区
  494. ProvinceCityArr.push(ProvinceS, citys, Areas);
  495. if (data.error.length || data.data.list == "") {
  496. if (data.error && data.error.length) {
  497. message.warning(data.error[0].message);
  498. }
  499. } else {
  500. this.setState({
  501. processStatus: thisdata.processStatus, //流程状态
  502. liquidationStatus: thisdata.liquidationStatus, //结算状态
  503. approval: thisdata.approval, //特批状态
  504. orderRemarks: thisdata.orderRemarks, //订单留言
  505. salesmanName: thisdata.salesmanName, //营销员名称
  506. salesmanMobile: thisdata.salesmanMobile, //营销员电话
  507. oldSalesmanName: thisdata.oldSalesmanName, //营销员名称
  508. oldSalesmanMobile: thisdata.oldSalesmanMobile, //营销员电话
  509. financeName: thisdata.financeName, //财务名称
  510. financeMobile: thisdata.financeMobile, //财务电话
  511. nowFinance: thisdata.nowFinance, //财务名称
  512. nowFinanceMobile: thisdata.nowFinanceMobile, //财务电话
  513. depName: thisdata.depName, //订单部门
  514. locationProvince: thisdata.locationProvince,
  515. locationCity: thisdata.locationCity,
  516. locationArea: thisdata.locationArea,
  517. ProvinceCity: ProvinceCityArr,
  518. postalAddress: thisdata.postalAddress, //详细地址
  519. outsource: thisdata.outsource,
  520. });
  521. }
  522. }.bind(this),
  523. }).always(
  524. function () {
  525. this.setState({
  526. loading: false,
  527. });
  528. }.bind(this)
  529. );
  530. },
  531. //查看下证信息
  532. loaduserss(record) {
  533. $.ajax({
  534. method: "get",
  535. dataType: "json",
  536. crossDomain: false,
  537. url: globalConfig.context + "/api/admin/orderProject/selectTaskProgress",
  538. data: {
  539. tid: record.id,
  540. },
  541. success: function (data) {
  542. let theArr = [];
  543. let thisData = [];
  544. if (!thisData) {
  545. if (data.error && data.error.length) {
  546. message.warning(data.error[0].message);
  547. }
  548. thisData = {};
  549. } else {
  550. for (let i = 0; i < data.data.length; i++) {
  551. thisData = data.data[i];
  552. theArr.push({
  553. num: i + 1,
  554. key: i,
  555. id: thisData.id, //编号
  556. alreadyNumber: thisData.alreadyNumber, //下证数
  557. licenceTimes: thisData.licenceTimes, //下证时间
  558. notCount: thisData.notCount, //未下证数
  559. flag: true,
  560. });
  561. }
  562. this.setState({
  563. contactList: theArr,
  564. });
  565. }
  566. }.bind(this),
  567. }).always(
  568. function () {
  569. this.setState({
  570. loading: false,
  571. });
  572. }.bind(this)
  573. );
  574. },
  575. //项目列表
  576. xiangmu(orderNos) {
  577. this.setState({
  578. loading: true,
  579. });
  580. $.ajax({
  581. method: "get",
  582. dataType: "json",
  583. crossDomain: false,
  584. url: globalConfig.context + "/api/admin/newOrder/getOrderTask",
  585. data: {
  586. orderNo: orderNos,
  587. },
  588. success: function (data) {
  589. let theArr = [];
  590. if (data.error.length || data.data.list == "") {
  591. if (data.error && data.error.length) {
  592. message.warning(data.error[0].message);
  593. }
  594. } else {
  595. for (let i = 0; i < data.data.length; i++) {
  596. let thisdata = data.data[i];
  597. thisdata.key = i;
  598. theArr.push(thisdata);
  599. }
  600. }
  601. this.setState({
  602. dataSourceX: theArr,
  603. });
  604. }.bind(this),
  605. }).always(
  606. function () {
  607. this.setState({
  608. loading: false,
  609. });
  610. }.bind(this)
  611. );
  612. },
  613. caozuorizhi() {
  614. this.setState({
  615. visibleA: true,
  616. });
  617. $.ajax({
  618. method: "get",
  619. dataType: "json",
  620. crossDomain: false,
  621. url: globalConfig.context + "/api/admin/orderProject/TaskLogList",
  622. data: {
  623. id: this.state.id,
  624. },
  625. success: function (data) {
  626. let theArr = [];
  627. if (data.error.length || data.data.list == "") {
  628. if (data.error && data.error.length) {
  629. message.warning(data.error[0].message);
  630. }
  631. } else {
  632. for (let i = 0; i < data.data.length; i++) {
  633. let thisdata = data.data[i];
  634. theArr.push({
  635. key: i,
  636. id: thisdata.id, //日志ID
  637. content: thisdata.content, //流程
  638. taskId: thisdata.taskId, //任务ID
  639. aName: thisdata.aName, //负责人
  640. createTimes: thisdata.createTimes, //时间
  641. });
  642. }
  643. }
  644. this.setState({
  645. dataSourceA: theArr,
  646. });
  647. }.bind(this),
  648. }).always(
  649. function () {
  650. this.setState({
  651. loading: false,
  652. });
  653. }.bind(this)
  654. );
  655. },
  656. //关闭操作工时
  657. visitCancelA() {
  658. this.setState({
  659. visibleA: false,
  660. });
  661. },
  662. //关闭详情
  663. visitCancel() {
  664. this.setState({
  665. visible: false,
  666. speVisible: false,
  667. activeKey: "1",
  668. });
  669. this.loadData(this.state.page);
  670. },
  671. visitOk() {
  672. this.setState({
  673. visible: false,
  674. });
  675. this.loadData(this.state.page);
  676. },
  677. setColor() {
  678. $(".userName span").after(
  679. "(<span class='ruanzhu'>软著数</span>/<span class='xiazheng'>下证数</span>)"
  680. );
  681. },
  682. closeDesc(e, s) {
  683. this.state.showDesc = e;
  684. if (s) {
  685. this.loadData(this.state.page);
  686. }
  687. },
  688. closeAssign(e, s) {
  689. this.state.roleName = "";
  690. this.state.assignVisible = e;
  691. if (s) {
  692. this.loadData(this.state.page);
  693. }
  694. },
  695. nextCancel() {
  696. this.setState({
  697. addnextVisible: false,
  698. displayFees: "none",
  699. costReduction: '',
  700. officialCost: '',
  701. });
  702. },
  703. //点击打卡项目详情
  704. tableRowClickX(record) {
  705. if (record.type == "1") {
  706. this.setState({
  707. displayFees: "block",
  708. costReduction: record.costReduction,
  709. officialCost: record.officialCost,
  710. });
  711. }else{
  712. this.setState({
  713. displayFees: "none",
  714. });
  715. }
  716. this.setState({
  717. jid: record.id, //项目ID
  718. kid: record.commodityId, //商品ID
  719. commodityName: record.commodityName, //金额
  720. commodityPrice: record.commodityPrice, //金额
  721. commodityQuantity: record.commodityQuantity, //数量
  722. taskComment: record.taskComment, //备注
  723. main: record.main.toString(), //是否为主要
  724. addnextVisible: true,
  725. addState: 0,
  726. });
  727. },
  728. search() {
  729. this.loadData(1);
  730. },
  731. orderChange(key) {
  732. this.setState({
  733. activeKey: key,
  734. });
  735. if (key == 2) {
  736. this.orderDetailData(this.state.orderNo);
  737. this.xiangmu(this.state.orderNo);
  738. this.jiedian(this.state.orderNo);
  739. this.jiedianNew(this.state.orderNo);
  740. }
  741. },
  742. //节点列表
  743. jiedian(orderNos) {
  744. $.ajax({
  745. method: "get",
  746. dataType: "json",
  747. crossDomain: false,
  748. url: globalConfig.context + "/api/admin/newOrder/selectOrderDun",
  749. data: {
  750. orderNo: orderNos,
  751. },
  752. success: function (data) {
  753. let theArr = [];
  754. let thisData = [];
  755. if (data.error.length || data.data.list == "") {
  756. if (data.error && data.error.length) {
  757. message.warning(data.error[0].message);
  758. }
  759. } else {
  760. for (let i = 0; i < data.data.length; i++) {
  761. thisData = data.data[i];
  762. theArr.push({
  763. key: i,
  764. dunSubject: thisData.dunSubject
  765. ? thisData.dunSubject.toString()
  766. : "", //催款科目
  767. id: thisData.id, //节点Id
  768. money: thisData.money, //催款金额
  769. dunStatus: thisData.dunStatus, //催款状态
  770. });
  771. }
  772. this.setState({
  773. jiedian: theArr,
  774. });
  775. }
  776. }.bind(this),
  777. });
  778. },
  779. jiedianNew(orderNos) {
  780. $.ajax({
  781. method: "get",
  782. dataType: "json",
  783. crossDomain: false,
  784. url:
  785. globalConfig.context + "/api/admin/newOrderDun/selectListNewOrderDun",
  786. data: {
  787. orderNo: orderNos,
  788. },
  789. success: function (data) {
  790. if (data.error && data.error.length) {
  791. message.warning(data.error[0].message);
  792. } else {
  793. let theArr = [];
  794. let thisData = [];
  795. let arr = data.data || [];
  796. let totalCui = 0;
  797. for (let i = 0; i < arr.length; i++) {
  798. thisData = arr[i];
  799. totalCui += +thisData.money;
  800. thisData.key = i;
  801. thisData.dunSubject = thisData.dunSubject
  802. ? thisData.dunSubject.toString()
  803. : "", //催款科目
  804. theArr.push(thisData);
  805. }
  806. if (!totalCui) {
  807. totalCui = 0;
  808. }
  809. totalCui = (Math.round(totalCui * 1000000) / 1000000).toFixed(6);
  810. this.setState({
  811. jiedianNew: theArr,
  812. totalCui,
  813. });
  814. }
  815. }.bind(this),
  816. }).always(
  817. function () {
  818. this.setState({
  819. loading: false,
  820. });
  821. }.bind(this)
  822. );
  823. },
  824. orderDetailData(orderNos) {
  825. this.setState({
  826. loading: true,
  827. });
  828. $.ajax({
  829. method: "get",
  830. dataType: "json",
  831. crossDomain: false,
  832. url: globalConfig.context + "/api/admin/newOrder/getOrderNewDetail",
  833. data: {
  834. orderNo: orderNos,
  835. },
  836. success: function (data) {
  837. if (data.error.length || data.data.list == "") {
  838. if (data.error && data.error.length) {
  839. message.warning(data.error[0].message);
  840. this.setState({
  841. loading: false,
  842. });
  843. }
  844. } else {
  845. let thisdata = data.data;
  846. this.setState({
  847. loading: false,
  848. userName: thisdata.userName,
  849. primaryOrderNo: thisdata.primaryOrder,
  850. additionalOrder: thisdata.additionalOrder,
  851. contractNo: thisdata.contractNo,
  852. orderData: thisdata,
  853. isAddition: thisdata.additionalOrder ? true : false,
  854. contractPictureUrl: thisdata.contractPictureUrl
  855. ? splitUrl(
  856. thisdata.contractPictureUrl,
  857. ",",
  858. globalConfig.avatarHost + "/upload"
  859. )
  860. : [],
  861. });
  862. }
  863. }.bind(this),
  864. });
  865. },
  866. reset() {
  867. this.state.nameSearch = "";
  868. this.state.releaseDate = [];
  869. this.state.orderNoSearch = "";
  870. this.state.taskNoSearch = "";
  871. this.state.departmenttSearch = undefined;
  872. this.loadData();
  873. },
  874. searchSwitch() {
  875. this.setState({
  876. searchMore: !this.state.searchMore,
  877. });
  878. },
  879. //部门
  880. departmentList() {
  881. this.setState({
  882. loading: true,
  883. });
  884. $.ajax({
  885. method: "get",
  886. dataType: "json",
  887. crossDomain: false,
  888. url: globalConfig.context + "/api/admin/organization/selectSuperId",
  889. data: {},
  890. success: function (data) {
  891. let thedata = data.data;
  892. let theArr = [];
  893. if (!thedata) {
  894. if (data.error && data.error.length) {
  895. message.warning(data.error[0].message);
  896. }
  897. thedata = {};
  898. } else {
  899. thedata.map(function (item, index) {
  900. theArr.push({
  901. key: index,
  902. name: item.name,
  903. id: item.id,
  904. });
  905. });
  906. }
  907. this.setState({
  908. departmentArr: theArr,
  909. });
  910. }.bind(this),
  911. }).always(
  912. function () {
  913. this.setState({
  914. loading: false,
  915. });
  916. }.bind(this)
  917. );
  918. },
  919. rizhi() {
  920. this.setState({
  921. loading: true,
  922. });
  923. $.ajax({
  924. method: "get",
  925. dataType: "json",
  926. crossDomain: false,
  927. url: "/api/admin/newOrder/selectOrderLog",
  928. data: {
  929. orderNo: this.state.orderNo,
  930. },
  931. success: function (data) {
  932. let theArr = [];
  933. let thisData = data.data;
  934. if (!thisData.length) {
  935. if (data.error && data.error.length) {
  936. message.warning(data.error[0].message);
  937. }
  938. thisData = {};
  939. } else {
  940. for (let i = 0; i < data.data.length; i++) {
  941. let thisdata = data.data[i];
  942. theArr.push({
  943. processName: thisdata.processName,
  944. adminName: thisdata.adminName,
  945. createDate: thisdata.createDate,
  946. remarks: thisdata.remarks,
  947. });
  948. }
  949. }
  950. this.setState({
  951. dataSourceY: theArr,
  952. });
  953. }.bind(this),
  954. }).always(
  955. function () {
  956. this.setState({
  957. loading: false,
  958. });
  959. }.bind(this)
  960. );
  961. },
  962. closeOrderLog() {
  963. this.setState({
  964. avisible: false,
  965. });
  966. },
  967. getOrderLog() {
  968. this.setState({
  969. avisible: true,
  970. });
  971. this.rizhi();
  972. },
  973. render() {
  974. const utils = {
  975. getSatisfaction: function (num) {
  976. switch (num) {
  977. case 0:
  978. return "未收回";
  979. case 1:
  980. return "已收回";
  981. default:
  982. return "其它";
  983. }
  984. },
  985. getChargeback: function (num) {
  986. switch (num) {
  987. case 0:
  988. return "已完成";
  989. case 1:
  990. return "未完成";
  991. default:
  992. return "其它";
  993. }
  994. },
  995. };
  996. const formItemLayout = {
  997. labelCol: { span: 8 },
  998. wrapperCol: { span: 14 },
  999. };
  1000. let departmentArr = this.state.departmentArr || [];
  1001. return (
  1002. <div className="user-content">
  1003. <ShowModalDiv ShowModal={this.state.showModal} />
  1004. <div className="content-title">
  1005. <span>任务查询</span>
  1006. </div>
  1007. <Tabs defaultActiveKey="1" onChange={this.callback} className="test">
  1008. <TabPane tab="搜索" key="1">
  1009. <div className="user-search" style={{ marginLeft: 10 }}>
  1010. <Input
  1011. placeholder="客户名称"
  1012. style={{ width: 150 }}
  1013. value={this.state.nameSearch}
  1014. onChange={(e) => {
  1015. this.setState({ nameSearch: e.target.value });
  1016. }}
  1017. />
  1018. <Input
  1019. placeholder="订单编号"
  1020. value={this.state.orderNoSearch}
  1021. onChange={(e) => {
  1022. this.setState({ orderNoSearch: e.target.value });
  1023. }}
  1024. />
  1025. <Input
  1026. placeholder="任务编号"
  1027. value={this.state.taskNoSearch}
  1028. onChange={(e) => {
  1029. this.setState({ taskNoSearch: e.target.value });
  1030. }}
  1031. />
  1032. <Select
  1033. placeholder="选择部门"
  1034. style={{ width: 150, marginRight: "10px" }}
  1035. value={this.state.departmenttSearch}
  1036. onChange={(e) => {
  1037. this.setState({ departmenttSearch: e });
  1038. }}
  1039. >
  1040. {departmentArr.map(function (item) {
  1041. return (
  1042. <Select.Option key={item.id}>{item.name}</Select.Option>
  1043. );
  1044. })}
  1045. </Select>
  1046. <Button type="primary" onClick={this.search}>
  1047. 搜索
  1048. </Button>
  1049. <Button onClick={this.reset}>重置</Button>
  1050. {/* <span>更多搜索<Switch defaultChecked={false} onChange={this.searchSwitch.bind(this)} /></span>
  1051. <div className="search-more" style={this.state.searchMore ? { display: 'none' } : {}}>
  1052. <span>订单时间 :</span>
  1053. <RangePicker
  1054. value={[this.state.releaseDate[0] ? moment(this.state.releaseDate[0]) : null,
  1055. this.state.releaseDate[1] ? moment(this.state.releaseDate[1]) : null]}
  1056. onChange={(data, dataString) => { this.setState({ releaseDate: dataString }); }} />
  1057. </div> */}
  1058. </div>
  1059. </TabPane>
  1060. </Tabs>
  1061. <div className="patent-table">
  1062. <Spin spinning={this.state.loading}>
  1063. <Table
  1064. bordered
  1065. size="small"
  1066. columns={this.state.columns}
  1067. dataSource={this.state.dataSource}
  1068. onHeaderRow={(column) => {
  1069. console.log(column.index);
  1070. }}
  1071. pagination={this.state.pagination}
  1072. onRowClick={this.tableRowClick.bind(this)}
  1073. />
  1074. </Spin>
  1075. </div>
  1076. <Assign
  1077. title="任务"
  1078. selApi={"/api/admin/orderProject/projectDistribution"}
  1079. data={this.state.assignData}
  1080. showDesc={this.state.assignVisible}
  1081. closeDesc={this.closeAssign.bind(this)}
  1082. fenpaiData={8}
  1083. specially={0}
  1084. roleName={this.state.nub}
  1085. />
  1086. {this.state.visible ? <Modal
  1087. className="customeDetails"
  1088. footer=""
  1089. title=""
  1090. width="900px"
  1091. visible={this.state.visible}
  1092. onOk={this.visitOk}
  1093. onCancel={this.visitCancel}
  1094. >
  1095. <Tabs activeKey={this.state.activeKey} onChange={this.orderChange}>
  1096. <TabPane tab="项目概况" key="1">
  1097. {this.state.activeKey === "1" ? <Form
  1098. layout="horizontal"
  1099. onSubmit={this.handleSubmit}
  1100. id="demand-form"
  1101. style={{ paddingBottom: "00px" }}
  1102. >
  1103. <Spin spinning={this.state.loading}>
  1104. <div className="clearfix">
  1105. <div className="clearfix">
  1106. <FormItem
  1107. className="half-item"
  1108. {...formItemLayout}
  1109. label="当前项目情况"
  1110. >
  1111. <span>{this.state.status ? "暂停" : "开启"}</span>
  1112. <Button
  1113. type="primary"
  1114. size="small"
  1115. style={{ marginTop: "5px", position: "absolute" }}
  1116. onClick={this.caozuorizhi}
  1117. >
  1118. 操作日志
  1119. </Button>
  1120. </FormItem>
  1121. <FormItem
  1122. className="half-item"
  1123. {...formItemLayout}
  1124. label="合同编号"
  1125. >
  1126. <span>{this.state.contractNo}</span>
  1127. </FormItem>
  1128. </div>
  1129. <div className="clearfix">
  1130. <FormItem
  1131. className="half-item"
  1132. {...formItemLayout}
  1133. label="项目状态"
  1134. >
  1135. <span>
  1136. {getProjectStatus(this.state.projectStatus)}
  1137. </span>
  1138. </FormItem>
  1139. <FormItem
  1140. className="half-item"
  1141. {...formItemLayout}
  1142. label="是否特批"
  1143. >
  1144. <span>{getApproval(this.state.approval)}</span>
  1145. </FormItem>
  1146. <FormItem
  1147. className="half-item"
  1148. {...formItemLayout}
  1149. label="结算状态"
  1150. >
  1151. <span>
  1152. {getLiquidationStatus(this.state.liquidationStatus)}
  1153. </span>
  1154. </FormItem>
  1155. <FormItem
  1156. className="half-item"
  1157. {...formItemLayout}
  1158. label="流程状态"
  1159. >
  1160. <span>
  1161. {getProcessStatus(this.state.processStatus)}
  1162. </span>
  1163. </FormItem>
  1164. <FormItem
  1165. className="half-item"
  1166. {...formItemLayout}
  1167. label="订单编号"
  1168. >
  1169. <span>{this.state.orderNo}</span>
  1170. </FormItem>
  1171. <FormItem
  1172. className="half-item"
  1173. {...formItemLayout}
  1174. label="是否外包"
  1175. >
  1176. <span>{this.state.outsource == 0 ? "否" : "是"}</span>
  1177. </FormItem>
  1178. </div>
  1179. <div className="clearfix">
  1180. <FormItem
  1181. className="half-item"
  1182. {...formItemLayout}
  1183. label="满意度表格"
  1184. >
  1185. <span>
  1186. {utils.getSatisfaction(this.state.formRetrieve)}
  1187. </span>
  1188. </FormItem>
  1189. <FormItem
  1190. className="half-item"
  1191. {...formItemLayout}
  1192. label="退单"
  1193. >
  1194. <span>
  1195. {utils.getChargeback(this.state.taskRefund)}
  1196. </span>
  1197. </FormItem>
  1198. </div>
  1199. <div className="clearfix">
  1200. {
  1201. <FormItem
  1202. className="half-item"
  1203. {...formItemLayout}
  1204. label="(满意度)备注"
  1205. >
  1206. <span>{this.state.retrieveContent}</span>
  1207. </FormItem>
  1208. }
  1209. {
  1210. <FormItem
  1211. className="half-item"
  1212. {...formItemLayout}
  1213. label="(退单)备注"
  1214. >
  1215. <span>{this.state.refundContent}</span>
  1216. </FormItem>
  1217. }
  1218. </div>
  1219. <div className="clearfix">
  1220. <h3 className="sub-title">任务信息</h3>
  1221. <FormItem
  1222. className="half-item"
  1223. {...formItemLayout}
  1224. label="任务编号"
  1225. >
  1226. <span>
  1227. {this.state.splitStatus == 2
  1228. ? this.state.splitSuper + "-" + this.state.splitId
  1229. : this.state.id}
  1230. </span>
  1231. </FormItem>
  1232. <FormItem
  1233. className="half-item"
  1234. {...formItemLayout}
  1235. label="任务名称"
  1236. >
  1237. <span>{this.state.taskName}</span>
  1238. </FormItem>
  1239. <FormItem
  1240. className="half-item"
  1241. {...formItemLayout}
  1242. label="任务状态"
  1243. >
  1244. <span>{getTaskStatus(this.state.taskStatus)}</span>
  1245. </FormItem>
  1246. <FormItem
  1247. className="half-item"
  1248. {...formItemLayout}
  1249. label="任务类别"
  1250. >
  1251. <span>{this.state.cname}</span>
  1252. </FormItem>
  1253. <FormItem
  1254. className="half-item"
  1255. {...formItemLayout}
  1256. label="证书编号"
  1257. >
  1258. <span>{this.state.certificateNumber}</span>
  1259. </FormItem>
  1260. </div>
  1261. {/*{this.state.outsource === 1 ? (*/}
  1262. {/* <div className="clearfix">*/}
  1263. {/* <h3 className="sub-title">外包信息</h3>*/}
  1264. {/* <FormItem*/}
  1265. {/* className="half-item"*/}
  1266. {/* {...formItemLayout}*/}
  1267. {/* label="外包公司"*/}
  1268. {/* >*/}
  1269. {/* <span>{this.state.outsourceName}</span>*/}
  1270. {/* </FormItem>*/}
  1271. {/* <FormItem*/}
  1272. {/* className="half-item"*/}
  1273. {/* {...formItemLayout}*/}
  1274. {/* label="外包成本(万元)"*/}
  1275. {/* >*/}
  1276. {/* <span>{this.state.outsourcePrice}</span>*/}
  1277. {/* </FormItem>*/}
  1278. {/* </div>*/}
  1279. {/*) : (*/}
  1280. {/* ""*/}
  1281. {/*)}*/}
  1282. {/*<hr style={{border:'1px dashed #aaa', width:"90%",margin:'auto'}}/>*/}
  1283. <div className="clearfix">
  1284. <h3 className="sub-title">联系信息</h3>
  1285. <FormItem
  1286. className="half-item"
  1287. {...formItemLayout}
  1288. label="客户名称"
  1289. >
  1290. <span>{this.state.userName}</span>
  1291. </FormItem>
  1292. <FormItem
  1293. className="half-item"
  1294. {...formItemLayout}
  1295. label="企业法人"
  1296. >
  1297. <span>{this.state.legalPerson}</span>
  1298. </FormItem>
  1299. <FormItem
  1300. className="half-item"
  1301. {...formItemLayout}
  1302. label="法人电话"
  1303. >
  1304. <span>{this.state.legalPersonTel}</span>
  1305. </FormItem>
  1306. <FormItem
  1307. className="half-item"
  1308. {...formItemLayout}
  1309. label="客户联系人"
  1310. >
  1311. <span>{this.state.contacts}</span>
  1312. </FormItem>
  1313. <FormItem
  1314. className="half-item"
  1315. {...formItemLayout}
  1316. label="联系人电话"
  1317. >
  1318. <span>{this.state.contactMobile}</span>
  1319. </FormItem>
  1320. <FormItem
  1321. className="half-item"
  1322. {...formItemLayout}
  1323. label="企业地址"
  1324. >
  1325. <span>
  1326. {getprovince(this.state.locationProvince)}/
  1327. {getprovince(this.state.locationCity)}/
  1328. {getprovince(this.state.locationArea)}
  1329. </span>
  1330. </FormItem>
  1331. <FormItem
  1332. className="half-item"
  1333. {...formItemLayout}
  1334. label=""
  1335. />
  1336. <FormItem className="half-item" {...formItemLayout}>
  1337. <span style={{ paddingLeft: "12em" }}>
  1338. {this.state.postalAddress}
  1339. </span>
  1340. </FormItem>
  1341. </div>
  1342. {/*<hr style={{border:'1px dashed #aaa', width:"90%",margin:'auto'}}/>*/}
  1343. <div className="clearfix">
  1344. <h3 className="sub-title">订单负责人信息</h3>
  1345. <FormItem
  1346. className="half-item"
  1347. {...formItemLayout}
  1348. label="负责人"
  1349. >
  1350. <span>
  1351. {this.state.salesmanName +
  1352. "(" +
  1353. this.state.depName +
  1354. ")"}
  1355. </span>
  1356. </FormItem>
  1357. <FormItem
  1358. className="half-item"
  1359. {...formItemLayout}
  1360. label="负责人电话"
  1361. >
  1362. <span>{this.state.salesmanMobile}</span>
  1363. </FormItem>
  1364. <FormItem
  1365. className="half-item"
  1366. {...formItemLayout}
  1367. label="当前财务负责人"
  1368. >
  1369. <span>{this.state.nowFinance}</span>
  1370. </FormItem>
  1371. <FormItem
  1372. className="half-item"
  1373. {...formItemLayout}
  1374. label="当前财务负责人电话"
  1375. >
  1376. <span>{this.state.nowFinanceMobile}</span>
  1377. </FormItem>
  1378. <FormItem
  1379. className="half-item"
  1380. {...formItemLayout}
  1381. style={{ opacity: ".5" }}
  1382. label="原负责人"
  1383. >
  1384. <span>{this.state.oldSalesmanName}</span>
  1385. </FormItem>
  1386. <FormItem
  1387. className="half-item"
  1388. {...formItemLayout}
  1389. style={{ opacity: ".5" }}
  1390. label="原负责人电话"
  1391. >
  1392. <span>{this.state.oldSalesmanMobile}</span>
  1393. </FormItem>
  1394. <FormItem
  1395. className="half-item"
  1396. {...formItemLayout}
  1397. style={{ opacity: ".5" }}
  1398. label="实际财务操作人"
  1399. >
  1400. <span>{this.state.financeName}</span>
  1401. </FormItem>
  1402. <FormItem
  1403. className="half-item"
  1404. {...formItemLayout}
  1405. style={{ opacity: ".5" }}
  1406. label="实际财务操作人电话"
  1407. >
  1408. <span>{this.state.financeMobile}</span>
  1409. </FormItem>
  1410. <FormItem
  1411. className="half-item"
  1412. {...formItemLayout}
  1413. label="订单留言"
  1414. >
  1415. <span>{this.state.orderRemarks}</span>
  1416. </FormItem>
  1417. <FormItem
  1418. className="half-item"
  1419. {...formItemLayout}
  1420. label=""
  1421. >
  1422. <Button onClick={this.getOrderLog}>查看订单日志</Button>
  1423. </FormItem>
  1424. <OrderRiZi
  1425. dataSourcerizhi={this.state.dataSourceY}
  1426. closeOrderLog={this.closeOrderLog}
  1427. visible={this.state.avisible}
  1428. loading={this.state.loading}
  1429. />
  1430. </div>
  1431. <div className="clearfix">
  1432. <h3 className="sub-title">申报系统账户信息</h3>
  1433. {/*<span style={{color:'red'}}>注:仅技术部可见</span>*/}
  1434. <FormItem
  1435. className="half-item"
  1436. {...formItemLayout}
  1437. label="用户名"
  1438. >
  1439. <span>{this.state.declareUser}</span>
  1440. </FormItem>
  1441. <FormItem
  1442. className="half-item"
  1443. {...formItemLayout}
  1444. label="密码"
  1445. >
  1446. <span>{this.state.declarePwd}</span>
  1447. </FormItem>
  1448. </div>
  1449. <div className="clearfix">
  1450. <h3 className="sub-title">项目申报进度</h3>
  1451. <FormItem
  1452. className="half-item"
  1453. {...formItemLayout}
  1454. label="申报批次"
  1455. >
  1456. <span>{this.state.declarationBatch}</span>
  1457. </FormItem>
  1458. <FormItem
  1459. className="half-item"
  1460. {...formItemLayout}
  1461. label="启动时间"
  1462. >
  1463. <span>{this.state.startDate}</span>
  1464. </FormItem>
  1465. <FormItem
  1466. className="half-item"
  1467. {...formItemLayout}
  1468. label="完成时间"
  1469. >
  1470. <span>{this.state.endDate}</span>
  1471. </FormItem>
  1472. <FormItem
  1473. className="half-item"
  1474. {...formItemLayout}
  1475. label="受理时间"
  1476. >
  1477. <span>{this.state.acceptDate}</span>
  1478. </FormItem>
  1479. <FormItem
  1480. className="half-item"
  1481. {...formItemLayout}
  1482. label="评审时间"
  1483. >
  1484. <span>{this.state.reviewDate}</span>
  1485. </FormItem>
  1486. <FormItem
  1487. className="half-item"
  1488. {...formItemLayout}
  1489. label="公示时间"
  1490. >
  1491. <span>{this.state.publicityDate}</span>
  1492. </FormItem>
  1493. <FormItem
  1494. className="half-item"
  1495. {...formItemLayout}
  1496. label="发证时间"
  1497. >
  1498. <span>{this.state.licenceDate}</span>
  1499. </FormItem>
  1500. <FormItem
  1501. className="half-item"
  1502. {...formItemLayout}
  1503. label="立项金额(万元)"
  1504. >
  1505. <span>{this.state.setUpAmount}</span>
  1506. </FormItem>
  1507. <FormItem
  1508. className="half-item"
  1509. {...formItemLayout}
  1510. label="是否到款"
  1511. >
  1512. <span>
  1513. {this.state.arrivalMoney ? "已到企业" : "未到企业"}
  1514. </span>
  1515. </FormItem>
  1516. </div>
  1517. <div className="clearfix">
  1518. <FormItem
  1519. labelCol={{ span: 3 }}
  1520. wrapperCol={{ span: 18 }}
  1521. label="附件"
  1522. >
  1523. {/*<Upload*/}
  1524. {/* className="demandDetailShow-upload"*/}
  1525. {/* listType="picture-card"*/}
  1526. {/* fileList={this.state.attachmentUrl}*/}
  1527. {/* onPreview={(file) => {*/}
  1528. {/* this.setState({*/}
  1529. {/* previewImage: file.url || file.thumbUrl,*/}
  1530. {/* previewVisible: true,*/}
  1531. {/* });*/}
  1532. {/* }}*/}
  1533. {/*/>*/}
  1534. {this.state.visible && this.state.attachmentUrl && this.state.activeKey === "1" ? <div style={{paddingTop:'10px',paddingBottom:'10px'}}>
  1535. <ImgList fileList={this.state.attachmentUrl} domId={'taskQuery1'}/>
  1536. </div> : <div/>}
  1537. <Modal
  1538. maskClosable={false}
  1539. footer={null}
  1540. visible={this.state.previewVisible}
  1541. onCancel={() => {
  1542. this.setState({ previewVisible: false });
  1543. }}
  1544. >
  1545. <img
  1546. alt=""
  1547. style={{ width: "100%" }}
  1548. src={this.state.previewImage || ""}
  1549. />
  1550. </Modal>
  1551. </FormItem>
  1552. </div>
  1553. <div className="clearfix">
  1554. <FormItem
  1555. labelCol={{ span: 3 }}
  1556. wrapperCol={{ span: 16 }}
  1557. label="备注"
  1558. >
  1559. <span>{this.state.taskComment}</span>
  1560. </FormItem>
  1561. </div>
  1562. <div>
  1563. <h3 className="sub-title">项目业务</h3>
  1564. {this.state.processStatus == 0 ? (
  1565. <Button
  1566. type="primary"
  1567. onClick={this.addDetailed}
  1568. style={{
  1569. float: "right",
  1570. marginRight: "50px",
  1571. marginBottom: "15px",
  1572. }}
  1573. >
  1574. 添加项目明细
  1575. </Button>
  1576. ) : (
  1577. ""
  1578. )}
  1579. </div>
  1580. <div className="patent-table">
  1581. <Spin spinning={this.state.loading}>
  1582. <Table
  1583. columns={this.state.columnsX}
  1584. dataSource={this.state.dataSourceX}
  1585. pagination={this.state.paginations}
  1586. onRowClick={this.tableRowClickX}
  1587. bordered
  1588. size="small"
  1589. />
  1590. </Spin>
  1591. </div>
  1592. </div>
  1593. </Spin>
  1594. </Form> : <div/>}
  1595. </TabPane>
  1596. {!this.props.isZxs || (this.state.isHuiyuan && this.props.isZxs) ? (
  1597. <TabPane tab="订单详情" key="2">
  1598. {this.state.activeKey === "2" ? <Spin spinning={this.state.loading}>
  1599. <OrderDetail
  1600. orderData={this.state.orderData}
  1601. getOrderLog={this.getOrderLog}
  1602. dataSourceX={this.state.dataSourceX}
  1603. contactList={this.state.jiedian}
  1604. orderNo={this.state.orderNo}
  1605. totalCui={this.state.totalCui}
  1606. contactListNew={this.state.jiedianNew}
  1607. pictureUrl={this.state.contractPictureUrl}
  1608. />
  1609. </Spin> : <div/>}
  1610. <OrderRiZi
  1611. dataSourcerizhi={this.state.dataSourceY}
  1612. closeOrderLog={this.closeOrderLog}
  1613. visible={this.state.avisible}
  1614. loading={this.state.loading}
  1615. />
  1616. </TabPane>
  1617. ) : (
  1618. ""
  1619. )}
  1620. </Tabs>
  1621. </Modal> : <div/>}
  1622. {this.state.addnextVisible ? <Modal
  1623. maskClosable={false}
  1624. visible={this.state.addnextVisible}
  1625. onOk={this.nextCancel}
  1626. onCancel={this.nextCancel}
  1627. width="900px"
  1628. title="项目任务详情"
  1629. footer=""
  1630. className="admin-desc-content"
  1631. >
  1632. <Form layout="horizontal" onSubmit={this.nextSubmit} id="demand-form">
  1633. <Spin spinning={this.state.loading}>
  1634. <div className="clearfix">
  1635. <FormItem
  1636. className="half-item"
  1637. {...formItemLayout}
  1638. label="项目名称"
  1639. >
  1640. <span>{this.state.commodityName}</span>
  1641. </FormItem>
  1642. <FormItem
  1643. className="half-item"
  1644. {...formItemLayout}
  1645. label="项目数量"
  1646. >
  1647. <span>{this.state.commodityQuantity}</span>
  1648. </FormItem>
  1649. <FormItem
  1650. className="half-item"
  1651. {...formItemLayout}
  1652. label="官费"
  1653. style={{ display: this.state.displayFees }}
  1654. >
  1655. <span>
  1656. {this.state.officialCost == 0 ? "无官费" : "有官费"}
  1657. </span>
  1658. </FormItem>
  1659. <FormItem
  1660. className="half-item"
  1661. {...formItemLayout}
  1662. label="费减"
  1663. style={{ display: this.state.displayFees }}
  1664. >
  1665. <span>
  1666. {this.state.costReduction == 0 ? "无费减" : "有费减"}
  1667. </span>
  1668. </FormItem>
  1669. <FormItem
  1670. className="half-item"
  1671. {...formItemLayout}
  1672. label="金额(万元)"
  1673. >
  1674. <span>{this.state.commodityPrice}</span>
  1675. </FormItem>
  1676. <FormItem
  1677. className="half-item"
  1678. {...formItemLayout}
  1679. label="主要项目"
  1680. >
  1681. <span>{getboutique(this.state.main)}</span>
  1682. </FormItem>
  1683. <div className="clearfix">
  1684. <FormItem
  1685. labelCol={{ span: 4 }}
  1686. wrapperCol={{ span: 16 }}
  1687. label="服务说明"
  1688. >
  1689. <span>{this.state.taskComment}</span>
  1690. </FormItem>
  1691. </div>
  1692. </div>
  1693. </Spin>
  1694. </Form>
  1695. </Modal> : <div/>}
  1696. <Modal
  1697. width="800px"
  1698. title="操作日志"
  1699. footer=""
  1700. className="admin-desc-content"
  1701. >
  1702. <div className="patent-table patent-table-center">
  1703. <Spin spinning={this.state.loading}>
  1704. <Table columns={this.state.columnsY} bordered size="small" />
  1705. </Spin>
  1706. </div>
  1707. </Modal>
  1708. {this.state.speVisible ? <Modal
  1709. maskClosable={false}
  1710. visible={this.state.speVisible}
  1711. onOk={this.visitOk}
  1712. onCancel={this.visitCancel}
  1713. width="900px"
  1714. title=""
  1715. footer=""
  1716. className="admin-desc-content"
  1717. >
  1718. <Tabs activeKey={this.state.activeKey} onChange={this.orderChange}>
  1719. <TabPane tab="项目概况" key="1">
  1720. {this.state.activeKey === "1" ?
  1721. <div>
  1722. <div className="clearfix">
  1723. <FormItem
  1724. className="half-item"
  1725. {...formItemLayout}
  1726. label="当前项目情况"
  1727. >
  1728. <span>{this.state.status ? "暂停" : "开启"}</span>
  1729. <Button
  1730. type="primary"
  1731. size="small"
  1732. style={{ marginTop: "5px", position: "absolute" }}
  1733. onClick={this.caozuorizhi}
  1734. >
  1735. 操作日志
  1736. </Button>
  1737. </FormItem>
  1738. <FormItem
  1739. className="half-item"
  1740. {...formItemLayout}
  1741. label="合同编号"
  1742. >
  1743. <span>{this.state.contractNo}</span>
  1744. </FormItem>
  1745. </div>
  1746. <div className="clearfix">
  1747. <FormItem
  1748. className="half-item"
  1749. {...formItemLayout}
  1750. label="项目状态"
  1751. >
  1752. <span>{getProjectStatus(this.state.projectStatus)}</span>
  1753. </FormItem>
  1754. <FormItem
  1755. className="half-item"
  1756. {...formItemLayout}
  1757. label="是否特批"
  1758. >
  1759. <span>{getApproval(this.state.approval)}</span>
  1760. </FormItem>
  1761. <FormItem
  1762. className="half-item"
  1763. {...formItemLayout}
  1764. label="结算状态"
  1765. >
  1766. <span>
  1767. {getLiquidationStatus(this.state.liquidationStatus)}
  1768. </span>
  1769. </FormItem>
  1770. <FormItem
  1771. className="half-item"
  1772. {...formItemLayout}
  1773. label="流程状态"
  1774. >
  1775. <span>{getProcessStatus(this.state.processStatus)}</span>
  1776. </FormItem>
  1777. <FormItem
  1778. className="half-item"
  1779. {...formItemLayout}
  1780. label="订单编号"
  1781. >
  1782. <span>{this.state.orderNo}</span>
  1783. </FormItem>
  1784. </div>
  1785. <div className="clearfix">
  1786. <FormItem
  1787. className="half-item"
  1788. {...formItemLayout}
  1789. label="满意度表格"
  1790. >
  1791. <span>{utils.getSatisfaction(this.state.formRetrieve)}</span>
  1792. </FormItem>
  1793. <FormItem
  1794. className="half-item"
  1795. {...formItemLayout}
  1796. label="退单"
  1797. >
  1798. <span>{utils.getChargeback(this.state.taskRefund)}</span>
  1799. </FormItem>
  1800. </div>
  1801. <div className="clearfix">
  1802. {
  1803. <FormItem
  1804. className="half-item"
  1805. {...formItemLayout}
  1806. label="(满意度)备注"
  1807. >
  1808. <span>{this.state.retrieveContent}</span>
  1809. </FormItem>
  1810. }
  1811. {
  1812. <FormItem
  1813. className="half-item"
  1814. {...formItemLayout}
  1815. label="(退单)备注"
  1816. >
  1817. <span>{this.state.refundContent}</span>
  1818. </FormItem>
  1819. }
  1820. </div>
  1821. <div className="clearfix">
  1822. <h3 className="sub-title">任务信息</h3>
  1823. <FormItem
  1824. className="half-item"
  1825. {...formItemLayout}
  1826. label="任务编号"
  1827. >
  1828. <span>
  1829. {this.state.splitStatus == 2
  1830. ? this.state.splitSuper + "-" + this.state.splitId
  1831. : this.state.id}
  1832. </span>
  1833. </FormItem>
  1834. <FormItem
  1835. className="half-item"
  1836. {...formItemLayout}
  1837. label="任务名称"
  1838. >
  1839. <span>{this.state.taskName}</span>
  1840. </FormItem>
  1841. <FormItem
  1842. className="half-item"
  1843. {...formItemLayout}
  1844. label="任务状态"
  1845. >
  1846. <span>{getTaskStatus(this.state.taskStatus)}</span>
  1847. </FormItem>
  1848. <FormItem
  1849. className="half-item"
  1850. {...formItemLayout}
  1851. label="任务类别"
  1852. >
  1853. <span>{this.state.cname}</span>
  1854. </FormItem>
  1855. <FormItem
  1856. className="half-item"
  1857. {...formItemLayout}
  1858. label="证书编号"
  1859. >
  1860. <span>{this.state.certificateNumber}</span>
  1861. </FormItem>
  1862. </div>
  1863. {/*<hr style={{border:'1px dashed #aaa', width:"90%",margin:'auto'}}/>*/}
  1864. <div className="clearfix">
  1865. <h3 className="sub-title">联系信息</h3>
  1866. <FormItem
  1867. className="half-item"
  1868. {...formItemLayout}
  1869. label="客户名称"
  1870. >
  1871. <span>{this.state.userName}</span>
  1872. </FormItem>
  1873. <FormItem
  1874. className="half-item"
  1875. {...formItemLayout}
  1876. label="企业法人"
  1877. >
  1878. <span>{this.state.legalPerson}</span>
  1879. </FormItem>
  1880. <FormItem
  1881. className="half-item"
  1882. {...formItemLayout}
  1883. label="法人电话"
  1884. >
  1885. <span>{this.state.legalPersonTel}</span>
  1886. </FormItem>
  1887. <FormItem
  1888. className="half-item"
  1889. {...formItemLayout}
  1890. label="客户联系人"
  1891. >
  1892. <span>{this.state.contacts}</span>
  1893. </FormItem>
  1894. <FormItem
  1895. className="half-item"
  1896. {...formItemLayout}
  1897. label="联系人电话"
  1898. >
  1899. <span>{this.state.contactMobile}</span>
  1900. </FormItem>
  1901. <FormItem
  1902. className="half-item"
  1903. {...formItemLayout}
  1904. label="企业地址"
  1905. >
  1906. <span>
  1907. {getprovince(this.state.locationProvince)}/
  1908. {getprovince(this.state.locationCity)}/
  1909. {getprovince(this.state.locationArea)}
  1910. </span>
  1911. </FormItem>
  1912. <FormItem
  1913. className="half-item"
  1914. {...formItemLayout}
  1915. label=""
  1916. />
  1917. <FormItem className="half-item" {...formItemLayout} label="">
  1918. <span style={{ paddingLeft: "12em" }}>
  1919. {this.state.postalAddress}
  1920. </span>
  1921. </FormItem>
  1922. </div>
  1923. {/*<hr style={{border:'1px dashed #aaa', width:"90%",margin:'auto'}}/>*/}
  1924. <div className="clearfix">
  1925. <h3 className="sub-title">订单负责人信息</h3>
  1926. <FormItem
  1927. className="half-item"
  1928. {...formItemLayout}
  1929. label="负责人"
  1930. >
  1931. <span>
  1932. {this.state.salesmanName + "(" + this.state.depName + ")"}
  1933. </span>
  1934. </FormItem>
  1935. <FormItem
  1936. className="half-item"
  1937. {...formItemLayout}
  1938. label="负责人电话"
  1939. >
  1940. <span>{this.state.salesmanMobile}</span>
  1941. </FormItem>
  1942. <FormItem
  1943. className="half-item"
  1944. {...formItemLayout}
  1945. label="财务负责人"
  1946. >
  1947. <span>{this.state.financeName}</span>
  1948. </FormItem>
  1949. <FormItem
  1950. className="half-item"
  1951. {...formItemLayout}
  1952. label="财务负责人电话"
  1953. >
  1954. <span>{this.state.financeMobile}</span>
  1955. </FormItem>
  1956. </div>
  1957. <div className="clearfix" style={{ marginTop: "10px" }}>
  1958. <FormItem
  1959. labelCol={{ span: 3 }}
  1960. wrapperCol={{ span: 18 }}
  1961. label="附件"
  1962. >
  1963. {/*<Upload*/}
  1964. {/* className="demandDetailShow-upload"*/}
  1965. {/* listType="picture-card"*/}
  1966. {/* fileList={this.state.attachmentUrl}*/}
  1967. {/* onPreview={(file) => {*/}
  1968. {/* this.setState({*/}
  1969. {/* previewImage: file.url || file.thumbUrl,*/}
  1970. {/* previewVisible: true,*/}
  1971. {/* });*/}
  1972. {/* }}*/}
  1973. {/*/>*/}
  1974. {this.state.speVisible && this.state.attachmentUrl && this.state.activeKey === "1" ? <div style={{paddingTop:'10px',paddingBottom:'10px'}}>
  1975. <ImgList fileList={this.state.attachmentUrl} domId={'taskQuery1'}/>
  1976. </div> : <div/>}
  1977. <Modal
  1978. maskClosable={false}
  1979. footer={null}
  1980. visible={this.state.previewVisible}
  1981. onCancel={() => {
  1982. this.setState({ previewVisible: false });
  1983. }}
  1984. >
  1985. <img
  1986. alt=""
  1987. style={{ width: "100%" }}
  1988. src={this.state.previewImage || ""}
  1989. />
  1990. </Modal>
  1991. </FormItem>
  1992. </div>
  1993. <div className="clearfix">
  1994. <FormItem
  1995. labelCol={{ span: 3 }}
  1996. wrapperCol={{ span: 16 }}
  1997. label="备注"
  1998. >
  1999. <span>{this.state.taskComment}</span>
  2000. </FormItem>
  2001. </div>
  2002. <div className="clearfix">
  2003. <FormItem
  2004. labelCol={{ span: 3 }}
  2005. wrapperCol={{ span: 16 }}
  2006. label="订单留言"
  2007. >
  2008. <span>{this.state.orderRemarks}</span>
  2009. </FormItem>
  2010. </div>
  2011. <div className="clearfix">
  2012. <FormItem
  2013. labelCol={{ span: 3 }}
  2014. wrapperCol={{ span: 16 }}
  2015. label=""
  2016. >
  2017. <Button
  2018. style={{ marginLeft: 500 }}
  2019. onClick={this.getOrderLog}
  2020. >
  2021. 查看订单日志
  2022. </Button>
  2023. </FormItem>
  2024. </div>
  2025. <OrderRiZi
  2026. dataSourcerizhi={this.state.dataSourceY}
  2027. closeOrderLog={this.closeOrderLog}
  2028. visible={this.state.avisible}
  2029. loading={this.state.loading}
  2030. />
  2031. <div className="clearfix">
  2032. <h3 className="sub-title">项目申报进度</h3>
  2033. <FormItem
  2034. className="half-item"
  2035. {...formItemLayout}
  2036. label="申报批次"
  2037. >
  2038. <span>{this.state.declarationBatch}</span>
  2039. </FormItem>
  2040. <FormItem
  2041. className="half-item"
  2042. {...formItemLayout}
  2043. label="启动时间"
  2044. >
  2045. <span>{this.state.startDate}</span>
  2046. </FormItem>
  2047. <FormItem
  2048. className="half-item"
  2049. {...formItemLayout}
  2050. label="软著派单数量"
  2051. >
  2052. <span>{this.state.commodityQuantity}</span>
  2053. </FormItem>
  2054. <div className="patent-table patent-table-center">
  2055. <Spin spinning={this.state.loading}>
  2056. <Table
  2057. columns={this.state.ContactsLists}
  2058. dataSource={this.state.contactList}
  2059. pagination={false}
  2060. bordered
  2061. size="small"
  2062. />
  2063. </Spin>
  2064. </div>
  2065. </div>
  2066. <div className="clearfix">
  2067. <h3 className="sub-title">项目业务</h3>
  2068. <div className="patent-table">
  2069. <Spin spinning={this.state.loading}>
  2070. <Table
  2071. columns={this.state.columnsX}
  2072. dataSource={this.state.dataSourceX}
  2073. pagination={this.state.paginations}
  2074. onRowClick={this.tableRowClickX}
  2075. bordered
  2076. size="small"
  2077. />
  2078. </Spin>
  2079. </div>
  2080. </div>
  2081. </div>:<div/>}
  2082. </TabPane>
  2083. {!this.props.isZxs || (this.state.isHuiyuan && this.props.isZxs) ? (
  2084. <TabPane tab="订单详情" key="2">
  2085. {this.state.activeKey === "2" ? <Spin spinning={this.state.loading}>
  2086. <OrderDetail
  2087. orderData={this.state.orderData}
  2088. getOrderLog={this.getOrderLog}
  2089. dataSourceX={this.state.dataSourceX}
  2090. contactList={this.state.jiedian}
  2091. orderNo={this.state.orderNo}
  2092. totalCui={this.state.totalCui}
  2093. contactListNew={this.state.jiedianNew}
  2094. pictureUrl={this.state.contractPictureUrl}
  2095. />
  2096. </Spin> : <div/>}
  2097. <OrderRiZi
  2098. dataSourcerizhi={this.state.dataSourceY}
  2099. closeOrderLog={this.closeOrderLog}
  2100. visible={this.state.avisible}
  2101. loading={this.state.loading}
  2102. />
  2103. </TabPane>
  2104. ) : (
  2105. ""
  2106. )}
  2107. </Tabs>
  2108. </Modal> : <div/>}
  2109. <Modal
  2110. width="800px"
  2111. visible={this.state.visibleA}
  2112. onCancel={this.visitCancelA}
  2113. title="操作日志"
  2114. footer=""
  2115. className="admin-desc-content"
  2116. >
  2117. <div className="patent-table patent-table-center">
  2118. <Spin spinning={this.state.loading}>
  2119. <Table
  2120. columns={this.state.columnsA}
  2121. dataSource={this.state.dataSourceA}
  2122. pagination={false}
  2123. bordered
  2124. size="small"
  2125. />
  2126. </Spin>
  2127. </div>
  2128. </Modal>
  2129. {this.state.resVisible ? (
  2130. <ResolutionDetail
  2131. cancel={this.resCancel}
  2132. detail={this.state.resRecord}
  2133. visible={this.state.resVisible}
  2134. id={this.state.resRecord.orderNo}
  2135. />
  2136. ) : (
  2137. ""
  2138. )}
  2139. </div>
  2140. );
  2141. },
  2142. });
  2143. export default Task;