taskCount.jsx 73 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202
  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. {
  1312. <FormItem
  1313. className="half-item"
  1314. {...formItemLayout}
  1315. label="(满意度)备注"
  1316. >
  1317. <span>{this.state.retrieveContent}</span>
  1318. </FormItem>
  1319. }
  1320. {/*<FormItem*/}
  1321. {/* className="half-item"*/}
  1322. {/* {...formItemLayout}*/}
  1323. {/* label="退单"*/}
  1324. {/*>*/}
  1325. {/* <span>{utils.getChargeback(this.state.taskRefund)}</span>*/}
  1326. {/*</FormItem>*/}
  1327. </div>
  1328. <div className="clearfix">
  1329. <div style={{
  1330. paddingLeft: '8%',
  1331. }}>
  1332. <div style={{color:'#000',fontWeight:500}}>
  1333. 特别说明
  1334. <span style={{color: '#58a3ff',}}>(针对项目的特殊情况说明)</span>
  1335. </div>
  1336. <div>{this.state.specialExplain}</div>
  1337. </div>
  1338. {
  1339. // <FormItem
  1340. // className="half-item"
  1341. // {...formItemLayout}
  1342. // label="(退单)备注"
  1343. // >
  1344. // <span>{this.state.refundContent}</span>
  1345. // </FormItem>
  1346. }
  1347. </div>
  1348. <div className="clearfix">
  1349. <h3 className="sub-title">任务信息</h3>
  1350. <FormItem
  1351. className="half-item"
  1352. {...formItemLayout}
  1353. label="任务编号"
  1354. >
  1355. <span>
  1356. {this.state.splitStatus == 2
  1357. ? this.state.splitSuper + "-" + this.state.splitId
  1358. : this.state.id}
  1359. </span>
  1360. </FormItem>
  1361. <FormItem
  1362. className="half-item"
  1363. {...formItemLayout}
  1364. label="任务名称"
  1365. >
  1366. <span>{this.state.taskName}</span>
  1367. </FormItem>
  1368. <FormItem
  1369. className="half-item"
  1370. {...formItemLayout}
  1371. label="任务状态"
  1372. >
  1373. <span>{getTaskStatus(this.state.taskStatus)}</span>
  1374. </FormItem>
  1375. <FormItem
  1376. className="half-item"
  1377. {...formItemLayout}
  1378. label="任务类别"
  1379. >
  1380. <span>{this.state.cname}</span>
  1381. </FormItem>
  1382. <FormItem
  1383. className="half-item"
  1384. {...formItemLayout}
  1385. label="证书编号"
  1386. >
  1387. <span>{this.state.certificateNumber}</span>
  1388. </FormItem>
  1389. </div>
  1390. {/*{this.state.outsource === 1 ? (*/}
  1391. {/* <div className="clearfix">*/}
  1392. {/* <h3 className="sub-title">外包信息</h3>*/}
  1393. {/* <FormItem*/}
  1394. {/* className="half-item"*/}
  1395. {/* {...formItemLayout}*/}
  1396. {/* label="外包公司"*/}
  1397. {/* >*/}
  1398. {/* <span>{this.state.outsourceName}</span>*/}
  1399. {/* </FormItem>*/}
  1400. {/* <FormItem*/}
  1401. {/* className="half-item"*/}
  1402. {/* {...formItemLayout}*/}
  1403. {/* label="外包成本(万元)"*/}
  1404. {/* >*/}
  1405. {/* <span>{this.state.outsourcePrice}</span>*/}
  1406. {/* </FormItem>*/}
  1407. {/* </div>*/}
  1408. {/*) : (*/}
  1409. {/* ""*/}
  1410. {/*)}*/}
  1411. {/*<hr style={{border:'1px dashed #aaa', width:"90%",margin:'auto'}}/>*/}
  1412. <div className="clearfix">
  1413. <h3 className="sub-title">联系信息</h3>
  1414. <FormItem
  1415. className="half-item"
  1416. {...formItemLayout}
  1417. label="客户名称"
  1418. >
  1419. <span>{this.state.userName}</span>
  1420. </FormItem>
  1421. <FormItem
  1422. className="half-item"
  1423. {...formItemLayout}
  1424. label="企业法人"
  1425. >
  1426. <span>{this.state.legalPerson}</span>
  1427. </FormItem>
  1428. <FormItem
  1429. className="half-item"
  1430. {...formItemLayout}
  1431. label="法人电话"
  1432. >
  1433. <span>{this.state.legalPersonTel}</span>
  1434. </FormItem>
  1435. <FormItem
  1436. className="half-item"
  1437. {...formItemLayout}
  1438. label="客户联系人"
  1439. >
  1440. <span>{this.state.contacts}</span>
  1441. </FormItem>
  1442. <FormItem
  1443. className="half-item"
  1444. {...formItemLayout}
  1445. label="联系人电话"
  1446. >
  1447. <span>{this.state.contactMobile}</span>
  1448. </FormItem>
  1449. <FormItem
  1450. className="half-item"
  1451. {...formItemLayout}
  1452. label="企业地址"
  1453. >
  1454. <span>
  1455. {getprovince(this.state.locationProvince)}/
  1456. {getprovince(this.state.locationCity)}/
  1457. {getprovince(this.state.locationArea)}
  1458. </span>
  1459. </FormItem>
  1460. <FormItem
  1461. className="half-item"
  1462. {...formItemLayout}
  1463. label=""
  1464. ></FormItem>
  1465. <FormItem
  1466. className="half-item"
  1467. {...formItemLayout}
  1468. label="详细地址"
  1469. >
  1470. <span>{this.state.postalAddress}</span>
  1471. </FormItem>
  1472. </div>
  1473. {/*<hr style={{border:'1px dashed #aaa', width:"90%",margin:'auto'}}/>*/}
  1474. <div className="clearfix">
  1475. <h3 className="sub-title">订单负责人信息</h3>
  1476. <FormItem
  1477. className="half-item"
  1478. {...formItemLayout}
  1479. label="负责人"
  1480. >
  1481. <span>
  1482. {this.state.salesmanName +
  1483. "(" +
  1484. this.state.depName +
  1485. ")"}
  1486. </span>
  1487. </FormItem>
  1488. <FormItem
  1489. className="half-item"
  1490. {...formItemLayout}
  1491. label="负责人电话"
  1492. >
  1493. <span>{this.state.salesmanMobile}</span>
  1494. </FormItem>
  1495. <FormItem
  1496. className="half-item"
  1497. {...formItemLayout}
  1498. label="当前财务负责人"
  1499. >
  1500. <span>{this.state.nowFinance}</span>
  1501. </FormItem>
  1502. <FormItem
  1503. className="half-item"
  1504. {...formItemLayout}
  1505. label="当前财务负责人电话"
  1506. >
  1507. <span>{this.state.nowFinanceMobile}</span>
  1508. </FormItem>
  1509. <FormItem
  1510. className="half-item"
  1511. {...formItemLayout}
  1512. style={{ opacity: ".5" }}
  1513. label="原负责人"
  1514. >
  1515. <span>{this.state.oldSalesmanName}</span>
  1516. </FormItem>
  1517. <FormItem
  1518. className="half-item"
  1519. {...formItemLayout}
  1520. style={{ opacity: ".5" }}
  1521. label="原负责人电话"
  1522. >
  1523. <span>{this.state.oldSalesmanMobile}</span>
  1524. </FormItem>
  1525. <FormItem
  1526. className="half-item"
  1527. {...formItemLayout}
  1528. style={{ opacity: ".5" }}
  1529. label="实际财务操作人"
  1530. >
  1531. <span>{this.state.financeName}</span>
  1532. </FormItem>
  1533. <FormItem
  1534. className="half-item"
  1535. {...formItemLayout}
  1536. style={{ opacity: ".5" }}
  1537. label="实际财务操作人电话"
  1538. >
  1539. <span>{this.state.financeMobile}</span>
  1540. </FormItem>
  1541. <FormItem
  1542. className="half-item"
  1543. {...formItemLayout}
  1544. label="订单留言"
  1545. >
  1546. <span>{this.state.orderRemarks}</span>
  1547. </FormItem>
  1548. <FormItem
  1549. className="half-item"
  1550. {...formItemLayout}
  1551. label=""
  1552. >
  1553. <Button onClick={this.getOrderLog}>查看订单日志</Button>
  1554. </FormItem>
  1555. <OrderRiZi
  1556. dataSourcerizhi={this.state.dataSourceY}
  1557. closeOrderLog={this.closeOrderLog}
  1558. visible={this.state.avisible}
  1559. loading={this.state.loading}
  1560. />
  1561. </div>
  1562. <div className="clearfix">
  1563. <h3 className="sub-title">申报系统账户信息</h3>
  1564. {/*<span style={{color:'red'}}>注:仅技术部可见</span>*/}
  1565. <FormItem
  1566. className="half-item"
  1567. {...formItemLayout}
  1568. label="用户名"
  1569. >
  1570. <span>{this.state.declareUser ? "*" : ""}</span>
  1571. </FormItem>
  1572. <FormItem
  1573. className="half-item"
  1574. {...formItemLayout}
  1575. label="密码"
  1576. >
  1577. <span>{this.state.declarePwd ? "*" : ""}</span>
  1578. </FormItem>
  1579. </div>
  1580. <div className="clearfix">
  1581. <h3 className="sub-title">项目申报进度</h3>
  1582. <FormItem
  1583. className="half-item"
  1584. {...formItemLayout}
  1585. label="申报批次"
  1586. >
  1587. <span>{this.state.declarationBatch}</span>
  1588. </FormItem>
  1589. <FormItem
  1590. className="half-item"
  1591. {...formItemLayout}
  1592. label="启动时间"
  1593. >
  1594. <span>{this.state.startDate}</span>
  1595. </FormItem>
  1596. <FormItem
  1597. className="half-item"
  1598. {...formItemLayout}
  1599. label="完成时间"
  1600. >
  1601. <span>{this.state.endDate}</span>
  1602. </FormItem>
  1603. <FormItem
  1604. className="half-item"
  1605. {...formItemLayout}
  1606. label="受理时间"
  1607. >
  1608. <span>{this.state.acceptDate}</span>
  1609. </FormItem>
  1610. <FormItem
  1611. className="half-item"
  1612. {...formItemLayout}
  1613. label="评审时间"
  1614. >
  1615. <span>{this.state.reviewDate}</span>
  1616. </FormItem>
  1617. <FormItem
  1618. className="half-item"
  1619. {...formItemLayout}
  1620. label="公示时间"
  1621. >
  1622. <span>{this.state.publicityDate}</span>
  1623. </FormItem>
  1624. <FormItem
  1625. className="half-item"
  1626. {...formItemLayout}
  1627. label="发证时间"
  1628. >
  1629. <span>{this.state.licenceDate}</span>
  1630. </FormItem>
  1631. <FormItem
  1632. className="half-item"
  1633. {...formItemLayout}
  1634. label="立项金额(万元)"
  1635. >
  1636. <span>{this.state.setUpAmount}</span>
  1637. </FormItem>
  1638. <FormItem
  1639. className="half-item"
  1640. {...formItemLayout}
  1641. label="是否到款"
  1642. >
  1643. <span>
  1644. {this.state.arrivalMoney ? "已到企业" : "未到企业"}
  1645. </span>
  1646. </FormItem>
  1647. </div>
  1648. <div className="clearfix">
  1649. <FormItem
  1650. labelCol={{ span: 3 }}
  1651. wrapperCol={{ span: 18 }}
  1652. label="附件"
  1653. >
  1654. <Upload
  1655. className="demandDetailShow-upload"
  1656. listType="picture-card"
  1657. fileList={this.state.attachmentUrl}
  1658. onPreview={(file) => {
  1659. this.setState({
  1660. previewImage: file.url || file.thumbUrl,
  1661. previewVisible: true,
  1662. });
  1663. }}
  1664. ></Upload>
  1665. <Modal
  1666. maskClosable={false}
  1667. footer={null}
  1668. visible={this.state.previewVisible}
  1669. onCancel={() => {
  1670. this.setState({ previewVisible: false });
  1671. }}
  1672. >
  1673. <img
  1674. alt=""
  1675. style={{ width: "100%" }}
  1676. src={this.state.previewImage || ""}
  1677. />
  1678. </Modal>
  1679. </FormItem>
  1680. </div>
  1681. <div className="clearfix">
  1682. <FormItem
  1683. labelCol={{ span: 3 }}
  1684. wrapperCol={{ span: 16 }}
  1685. label="项目说明"
  1686. >
  1687. <span>{this.state.taskComment}</span>
  1688. </FormItem>
  1689. </div>
  1690. <div>
  1691. <h3 className="sub-title">项目业务</h3>
  1692. {this.state.processStatus == 0 ? (
  1693. <Button
  1694. type="primary"
  1695. onClick={this.addDetailed}
  1696. style={{
  1697. float: "right",
  1698. marginRight: "50px",
  1699. marginBottom: "15px",
  1700. }}
  1701. >
  1702. 添加项目明细
  1703. </Button>
  1704. ) : (
  1705. ""
  1706. )}
  1707. </div>
  1708. <div className="patent-table">
  1709. <Spin spinning={this.state.loading}>
  1710. <Table
  1711. columns={this.state.columnsX}
  1712. dataSource={this.state.dataSourceX}
  1713. size="small"
  1714. bordered
  1715. pagination={this.state.paginations}
  1716. onRowClick={this.tableRowClickX}
  1717. />
  1718. </Spin>
  1719. </div>
  1720. </div>
  1721. </Spin>
  1722. </Form>
  1723. </Modal>
  1724. <Modal
  1725. maskClosable={false}
  1726. visible={this.state.addnextVisible}
  1727. onOk={this.nextCancel}
  1728. onCancel={this.nextCancel}
  1729. width="900px"
  1730. title="项目任务详情"
  1731. footer=""
  1732. className="admin-desc-content"
  1733. >
  1734. <Form
  1735. layout="horizontal"
  1736. onSubmit={this.nextSubmit}
  1737. id="demand-form"
  1738. >
  1739. <Spin spinning={this.state.loading}>
  1740. <div className="clearfix">
  1741. <FormItem
  1742. className="half-item"
  1743. {...formItemLayout}
  1744. label="项目名称"
  1745. >
  1746. <span>{this.state.commodityName}</span>
  1747. </FormItem>
  1748. <FormItem
  1749. className="half-item"
  1750. {...formItemLayout}
  1751. label="项目数量"
  1752. >
  1753. <span>{this.state.commodityQuantity}</span>
  1754. </FormItem>
  1755. <FormItem
  1756. className="half-item"
  1757. {...formItemLayout}
  1758. label="金额(万元)"
  1759. >
  1760. <span>{this.state.commodityPrice}</span>
  1761. </FormItem>
  1762. <FormItem
  1763. className="half-item"
  1764. {...formItemLayout}
  1765. label="主要项目"
  1766. >
  1767. <span>{getboutique(this.state.main)}</span>
  1768. </FormItem>
  1769. <div className="clearfix">
  1770. <FormItem
  1771. labelCol={{ span: 4 }}
  1772. wrapperCol={{ span: 16 }}
  1773. label="服务说明"
  1774. >
  1775. <span>{this.state.taskComment}</span>
  1776. </FormItem>
  1777. </div>
  1778. </div>
  1779. </Spin>
  1780. </Form>
  1781. </Modal>
  1782. <Modal
  1783. width="800px"
  1784. title="操作日志"
  1785. footer=""
  1786. className="admin-desc-content"
  1787. >
  1788. <div className="patent-table patent-table-center">
  1789. <Spin spinning={this.state.loading}>
  1790. <Table columns={this.state.columnsY} />
  1791. </Spin>
  1792. </div>
  1793. </Modal>
  1794. <Modal
  1795. maskClosable={false}
  1796. visible={this.state.speVisible}
  1797. onOk={this.visitOk}
  1798. onCancel={this.visitCancel}
  1799. width="900px"
  1800. title="项目概况"
  1801. footer=""
  1802. className="admin-desc-content"
  1803. >
  1804. <div className="clearfix">
  1805. <FormItem
  1806. className="half-item"
  1807. {...formItemLayout}
  1808. label="当前项目情况"
  1809. >
  1810. <span>
  1811. {
  1812. this.state.status === 0 ? '未开始':
  1813. this.state.status === 1 ? '进行中':
  1814. this.state.status === 2 ? '已暂停':
  1815. this.state.status === 3 ? '已驳回(专利、软著项目编写)':
  1816. this.state.status === 4 ? '已完成':
  1817. this.state.status === 5 ? '项目已完成 已退单':
  1818. this.state.status === 6 ? '项目未完成 已退单': ''
  1819. }
  1820. </span>
  1821. <Button
  1822. type="primary"
  1823. size="small"
  1824. style={{ marginTop: "5px", position: "absolute" }}
  1825. onClick={this.caozuorizhi}
  1826. >
  1827. 操作日志
  1828. </Button>
  1829. </FormItem>
  1830. <FormItem
  1831. className="half-item"
  1832. {...formItemLayout}
  1833. label="合同编号"
  1834. >
  1835. <span>{this.state.contractNo}</span>
  1836. </FormItem>
  1837. </div>
  1838. <div className="clearfix">
  1839. <FormItem
  1840. className="half-item"
  1841. {...formItemLayout}
  1842. label="项目状态"
  1843. >
  1844. <span>{getProjectStatus(this.state.projectStatus)}</span>
  1845. </FormItem>
  1846. <FormItem
  1847. className="half-item"
  1848. {...formItemLayout}
  1849. label="是否特批"
  1850. >
  1851. <span>{getApproval(this.state.approval)}</span>
  1852. </FormItem>
  1853. <FormItem
  1854. className="half-item"
  1855. {...formItemLayout}
  1856. label="结算状态"
  1857. >
  1858. <span>
  1859. {getLiquidationStatus(this.state.liquidationStatus)}
  1860. </span>
  1861. </FormItem>
  1862. <FormItem
  1863. className="half-item"
  1864. {...formItemLayout}
  1865. label="流程状态"
  1866. >
  1867. <span>{getProcessStatus(this.state.processStatus)}</span>
  1868. </FormItem>
  1869. <FormItem
  1870. className="half-item"
  1871. {...formItemLayout}
  1872. label="订单编号"
  1873. >
  1874. <span>{this.state.orderNo}</span>
  1875. </FormItem>
  1876. </div>
  1877. <div className="clearfix">
  1878. <FormItem
  1879. className="half-item"
  1880. {...formItemLayout}
  1881. label="满意度表格"
  1882. >
  1883. <span>{utils.getSatisfaction(this.state.formRetrieve)}</span>
  1884. </FormItem>
  1885. {
  1886. <FormItem
  1887. className="half-item"
  1888. {...formItemLayout}
  1889. label="(满意度)备注"
  1890. >
  1891. <span>{this.state.retrieveContent}</span>
  1892. </FormItem>
  1893. }
  1894. {/*<FormItem className="half-item" {...formItemLayout} label="退单">*/}
  1895. {/* <span>{utils.getChargeback(this.state.taskRefund)}</span>*/}
  1896. {/*</FormItem>*/}
  1897. </div>
  1898. <div className="clearfix">
  1899. <div style={{
  1900. paddingLeft: '8%',
  1901. }}>
  1902. <div style={{color:'#000',fontWeight:500}}>
  1903. 特别说明
  1904. <span style={{color: '#58a3ff',}}>(针对项目的特殊情况说明)</span>
  1905. </div>
  1906. <div>{this.state.specialExplain}</div>
  1907. </div>
  1908. {
  1909. // <FormItem
  1910. // className="half-item"
  1911. // {...formItemLayout}
  1912. // label="(退单)备注"
  1913. // >
  1914. // <span>{this.state.refundContent}</span>
  1915. // </FormItem>
  1916. }
  1917. </div>
  1918. <div className="clearfix">
  1919. <h3 className="sub-title">任务信息</h3>
  1920. <FormItem
  1921. className="half-item"
  1922. {...formItemLayout}
  1923. label="任务编号"
  1924. >
  1925. <span>
  1926. {this.state.splitStatus == 2
  1927. ? this.state.splitSuper + "-" + this.state.splitId
  1928. : this.state.id}
  1929. </span>
  1930. </FormItem>
  1931. <FormItem
  1932. className="half-item"
  1933. {...formItemLayout}
  1934. label="任务名称"
  1935. >
  1936. <span>{this.state.taskName}</span>
  1937. </FormItem>
  1938. <FormItem
  1939. className="half-item"
  1940. {...formItemLayout}
  1941. label="任务状态"
  1942. >
  1943. <span>{getTaskStatus(this.state.taskStatus)}</span>
  1944. </FormItem>
  1945. <FormItem
  1946. className="half-item"
  1947. {...formItemLayout}
  1948. label="任务类别"
  1949. >
  1950. <span>{this.state.cname}</span>
  1951. </FormItem>
  1952. <FormItem
  1953. className="half-item"
  1954. {...formItemLayout}
  1955. label="证书编号"
  1956. >
  1957. <span>{this.state.certificateNumber}</span>
  1958. </FormItem>
  1959. </div>
  1960. {/*<hr style={{border:'1px dashed #aaa', width:"90%",margin:'auto'}}/>*/}
  1961. <div className="clearfix">
  1962. <h3 className="sub-title">联系信息</h3>
  1963. <FormItem
  1964. className="half-item"
  1965. {...formItemLayout}
  1966. label="客户名称"
  1967. >
  1968. <span>{this.state.userName}</span>
  1969. </FormItem>
  1970. <FormItem
  1971. className="half-item"
  1972. {...formItemLayout}
  1973. label="企业法人"
  1974. >
  1975. <span>{this.state.legalPerson}</span>
  1976. </FormItem>
  1977. <FormItem
  1978. className="half-item"
  1979. {...formItemLayout}
  1980. label="法人电话"
  1981. >
  1982. <span>{this.state.legalPersonTel}</span>
  1983. </FormItem>
  1984. <FormItem
  1985. className="half-item"
  1986. {...formItemLayout}
  1987. label="客户联系人"
  1988. >
  1989. <span>{this.state.contacts}</span>
  1990. </FormItem>
  1991. <FormItem
  1992. className="half-item"
  1993. {...formItemLayout}
  1994. label="联系人电话"
  1995. >
  1996. <span>{this.state.contactMobile}</span>
  1997. </FormItem>
  1998. <FormItem
  1999. className="half-item"
  2000. {...formItemLayout}
  2001. label="企业地址"
  2002. >
  2003. <span>
  2004. {getprovince(this.state.locationProvince)}/
  2005. {getprovince(this.state.locationCity)}/
  2006. {getprovince(this.state.locationArea)}
  2007. </span>
  2008. </FormItem>
  2009. <FormItem
  2010. className="half-item"
  2011. {...formItemLayout}
  2012. label=""
  2013. ></FormItem>
  2014. <FormItem className="half-item" {...formItemLayout} label="">
  2015. <span style={{ paddingLeft: "12em" }}>
  2016. {this.state.postalAddress}
  2017. </span>
  2018. </FormItem>
  2019. </div>
  2020. {/*<hr style={{border:'1px dashed #aaa', width:"90%",margin:'auto'}}/>*/}
  2021. <div className="clearfix">
  2022. <h3 className="sub-title">订单负责人信息</h3>
  2023. <FormItem
  2024. className="half-item"
  2025. {...formItemLayout}
  2026. label="负责人"
  2027. >
  2028. <span>
  2029. {this.state.salesmanName + "(" + this.state.depName + ")"}
  2030. </span>
  2031. </FormItem>
  2032. <FormItem
  2033. className="half-item"
  2034. {...formItemLayout}
  2035. label="负责人电话"
  2036. >
  2037. <span>{this.state.salesmanMobile}</span>
  2038. </FormItem>
  2039. <FormItem
  2040. className="half-item"
  2041. {...formItemLayout}
  2042. label="财务负责人"
  2043. >
  2044. <span>{this.state.financeName}</span>
  2045. </FormItem>
  2046. <FormItem
  2047. className="half-item"
  2048. {...formItemLayout}
  2049. label="财务负责人电话"
  2050. >
  2051. <span>{this.state.financeMobile}</span>
  2052. </FormItem>
  2053. <FormItem
  2054. className="half-item"
  2055. {...formItemLayout}
  2056. label="订单留言"
  2057. >
  2058. <span>{this.state.orderRemarks}</span>
  2059. </FormItem>
  2060. <FormItem className="half-item" {...formItemLayout} label="">
  2061. <Button onClick={this.getOrderLog}>查看订单日志</Button>
  2062. </FormItem>
  2063. <OrderRiZi
  2064. dataSourcerizhi={this.state.dataSourceY}
  2065. closeOrderLog={this.closeOrderLog}
  2066. visible={this.state.avisible}
  2067. loading={this.state.loading}
  2068. />
  2069. </div>
  2070. <div className="clearfix" style={{ marginTop: "10px" }}>
  2071. <FormItem
  2072. labelCol={{ span: 3 }}
  2073. wrapperCol={{ span: 18 }}
  2074. label="附件"
  2075. >
  2076. <Upload
  2077. className="demandDetailShow-upload"
  2078. listType="picture-card"
  2079. fileList={this.state.attachmentUrl}
  2080. onPreview={(file) => {
  2081. this.setState({
  2082. previewImage: file.url || file.thumbUrl,
  2083. previewVisible: true,
  2084. });
  2085. }}
  2086. ></Upload>
  2087. <Modal
  2088. maskClosable={false}
  2089. footer={null}
  2090. visible={this.state.previewVisible}
  2091. onCancel={() => {
  2092. this.setState({ previewVisible: false });
  2093. }}
  2094. >
  2095. <img
  2096. alt=""
  2097. style={{ width: "100%" }}
  2098. src={this.state.previewImage || ""}
  2099. />
  2100. </Modal>
  2101. </FormItem>
  2102. </div>
  2103. <div className="clearfix">
  2104. <FormItem
  2105. labelCol={{ span: 3 }}
  2106. wrapperCol={{ span: 16 }}
  2107. label="备注"
  2108. >
  2109. <span>{this.state.taskComment}</span>
  2110. </FormItem>
  2111. </div>
  2112. <div className="clearfix">
  2113. <h3 className="sub-title">项目申报进度</h3>
  2114. <FormItem
  2115. className="half-item"
  2116. {...formItemLayout}
  2117. label="申报批次"
  2118. >
  2119. <span>{this.state.declarationBatch}</span>
  2120. </FormItem>
  2121. <FormItem
  2122. className="half-item"
  2123. {...formItemLayout}
  2124. label="启动时间"
  2125. >
  2126. <span>{this.state.startDate}</span>
  2127. </FormItem>
  2128. <FormItem
  2129. className="half-item"
  2130. {...formItemLayout}
  2131. label="软著派单数量"
  2132. >
  2133. <span>{this.state.commodityQuantity}</span>
  2134. </FormItem>
  2135. <div className="patent-table patent-table-center">
  2136. <Spin spinning={this.state.loading}>
  2137. <Table
  2138. columns={this.state.ContactsLists}
  2139. dataSource={this.state.contactList}
  2140. pagination={false}
  2141. />
  2142. </Spin>
  2143. </div>
  2144. </div>
  2145. <div className="clearfix">
  2146. <h3 className="sub-title">项目业务</h3>
  2147. <div className="patent-table">
  2148. <Spin spinning={this.state.loading}>
  2149. <Table
  2150. columns={this.state.columnsX}
  2151. dataSource={this.state.dataSourceX}
  2152. pagination={this.state.paginations}
  2153. onRowClick={this.tableRowClickX}
  2154. />
  2155. </Spin>
  2156. </div>
  2157. </div>
  2158. </Modal>
  2159. <Modal
  2160. width="800px"
  2161. visible={this.state.visibleA}
  2162. onCancel={this.visitCancelA}
  2163. title="操作日志"
  2164. footer=""
  2165. className="admin-desc-content"
  2166. >
  2167. <div className="patent-table patent-table-center">
  2168. <Spin spinning={this.state.loading}>
  2169. <Table
  2170. columns={this.state.columnsA}
  2171. dataSource={this.state.dataSourceA}
  2172. pagination={false}
  2173. />
  2174. </Spin>
  2175. </div>
  2176. </Modal>
  2177. </div>
  2178. );
  2179. }
  2180. })
  2181. );
  2182. export default IntentionCustomer;