myTaskCount.jsx 75 KB

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