taskCount.jsx 86 KB

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