taskCount.jsx 73 KB

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