taskCount.jsx 80 KB

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