projectDetails.jsx 62 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789
  1. import React, { Component } from 'react';
  2. import { Button, Form, Input, message, Modal, Spin, Table, Tabs, Tag, Tooltip, Radio } from "antd";
  3. import PatentSchedule from "../task/patentSchedule";
  4. import ImgList from "../../../common/imgList";
  5. import OrderDetail from "../../order/orderNew/changeComponent/orderDetail";
  6. import {
  7. getProcessStatus,
  8. getApproval,
  9. getTaskStatus,
  10. getLiquidationStatus,
  11. splitUrl,
  12. getProjectStatus,
  13. getboutique,
  14. getprovince,
  15. ShowModal,
  16. getProjectName,
  17. getFormRetrieve,
  18. } from "@/tools";
  19. import OrderRiZi from "@/orderRiZi.jsx";
  20. import Picture from '@/manageCenter/publicComponent/picture'
  21. import $ from "jquery";
  22. import DeclarationProgress from "../../../common/declarationProgress";
  23. import OrderItemStatus from "../../../common/orderItemStatus";
  24. import EnterpriseNameChange from "../../../common/enterpriseNameChange";
  25. const FormItem = Form.Item;
  26. const { TabPane } = Tabs;
  27. const formItemLayout = {
  28. labelCol: { span: 8 },
  29. wrapperCol: { span: 14 },
  30. };
  31. const utils = {
  32. getSatisfaction: function (num) {
  33. switch (num) {
  34. case 0:
  35. return "未收回";
  36. case 1:
  37. return "已收回";
  38. default:
  39. return "其它";
  40. }
  41. },
  42. getChargeback: function (num) {
  43. switch (num) {
  44. case 0:
  45. return "已完成";
  46. case 1:
  47. return "未完成";
  48. default:
  49. return "其它";
  50. }
  51. },
  52. };
  53. class ProjectDetails extends Component {
  54. constructor(props) {
  55. super(props);
  56. this.state = {
  57. satisfactionDegreeUrl: [], // 满意度调查表
  58. satisfactionDegree: "", // 满意度
  59. formRetrieve: "",// 满意调查表上传状态
  60. timeRecordparse: {},
  61. activeKey: '1',
  62. loading: false,
  63. orderData: [],
  64. orderNo: "",
  65. jiedian: [],
  66. jiedianNew: [],
  67. searchMore: true,
  68. assignVisible: false,
  69. releaseDate: [],
  70. roleName: "",
  71. testFlag: true,
  72. departmentArr: [],
  73. boHuivisible: false,
  74. selectedRowKeys: [],
  75. selectedRows: [],
  76. paginations: false,
  77. pagination: {
  78. defaultCurrent: 1,
  79. defaultPageSize: 10,
  80. showQuickJumper: true,
  81. pageSize: 10,
  82. onChange: function (page) {
  83. this.loadData(page);
  84. }.bind(this),
  85. showTotal: function (total) {
  86. return "共" + total + "条数据";
  87. },
  88. },
  89. columns: [
  90. {
  91. title: "项目编号",
  92. dataIndex: "id",
  93. key: "id",
  94. render: (text, record) => {
  95. if (record.splitStatus == 2) {
  96. return <span>{record.splitSuper + "-" + record.splitId}</span>;
  97. } else {
  98. return text;
  99. }
  100. },
  101. },
  102. {
  103. title: "任务名称",
  104. dataIndex: "taskName",
  105. key: "taskName",
  106. className: "taskName",
  107. },
  108. {
  109. title: "订单编号",
  110. dataIndex: "orderNo",
  111. key: "orderNo",
  112. },
  113. {
  114. title: "业务类别",
  115. dataIndex: "cname",
  116. key: "cname",
  117. },
  118. {
  119. title: "客户名称",
  120. dataIndex: "userName",
  121. key: "userName",
  122. className: "userName",
  123. width: 150,
  124. render: (text) => {
  125. return (
  126. <Tooltip title={text}>
  127. <div
  128. // style={{
  129. // maxWidth: '150px',
  130. // overflow: 'hidden',
  131. // textOverflow: "ellipsis",
  132. // whiteSpace: 'nowrap',
  133. // }}
  134. >{text}</div>
  135. </Tooltip>
  136. )
  137. },
  138. },
  139. {
  140. title: "任务状态",
  141. dataIndex: "taskStatus",
  142. key: "taskStatus",
  143. render: (text) => {
  144. return getTaskStatus(text);
  145. },
  146. },
  147. {
  148. title: "项目状态",
  149. dataIndex: "projectStatus",
  150. key: "projectStatus",
  151. render: (text) => {
  152. return getProjectStatus(text);
  153. },
  154. },
  155. {
  156. title: "分配时间",
  157. dataIndex: "taskDate",
  158. key: "taskDate",
  159. },
  160. {
  161. title: "任务数量",
  162. dataIndex: "commodityQuantity",
  163. key: "commodityQuantity",
  164. },
  165. {
  166. title: "任务责任人",
  167. dataIndex: "receiverName",
  168. key: "receiverName",
  169. },
  170. {
  171. title: "订单部门",
  172. dataIndex: "depName",
  173. key: "depName",
  174. },
  175. ],
  176. dataSource: [],
  177. searchTime: [],
  178. columnsX: [
  179. {
  180. title: "业务项目名称",
  181. dataIndex: "commodityName",
  182. key: "commodityName",
  183. render: (text, record) => {
  184. return <span>
  185. {text}<span style={{ color: "red" }}>{record.patentTypeName}</span>{"-" + record.id}
  186. <div>
  187. {record.cSort == 6 && record.projectType == 1 && <span>(含{record.htMember == 1 ? '高新会员&' : ''}{record.additionalDeduction == 1 ? '加计扣除&' : ''}{record.rdAwardsubsidy == 1 ? '研发奖补' : ''})</span>}
  188. {record.cSort == 6 && ([0, 3].indexOf(record.projectType) > -1) && <span>(仅提供单边会员服务)</span>}
  189. {record.cSort == 6 && record.projectType == 2 && <span>(仅填报表,仅咨询,不出备查资料)</span>}
  190. {record.cSort == 3 && <span>{record.technologyProjectType==0?'(简易项目)':record.technologyProjectType==1?'(市区级)':record.technologyProjectType==2?'(省级)':record.technologyProjectType==3?'(国家级)':''}</span>}
  191. {record.cSort == 8 ? (record.type != 2 && record.patentType == 1) ? <span>(变更)</span> : <span>{record.ordinaryRisk == 0 ? '(普通申请)' : record.ordinaryRisk == 1 ? '(风险代理)' : ''}</span> : ""}
  192. {record.type == 2 && <span>({record.days == 0 ? '普通' : record.days == 1 ? '加急' : ''}{record.scheme == 0 ? '&无方案' : record.scheme == 1 ? '&有方案' : ''})</span>}
  193. </div>
  194. </span>
  195. }
  196. },
  197. {
  198. title: "项目类别",
  199. dataIndex: "cname",
  200. key: "cname",
  201. },
  202. {
  203. title: "项目数量",
  204. dataIndex: "commodityQuantity",
  205. key: "commodityQuantity",
  206. render: (text, record) => {
  207. if (record.splitStatus == 1) {
  208. return (
  209. <span>
  210. {text}{" "}
  211. {/* <Tag
  212. color="#108ee9"
  213. onClick={(e) => {
  214. e.stopPropagation();
  215. this.showRes(record);
  216. }}
  217. >
  218. 已拆
  219. </Tag> */}
  220. </span>
  221. );
  222. } else {
  223. return text;
  224. }
  225. },
  226. },
  227. {
  228. title: "金额(万元)",
  229. dataIndex: "commodityPrice",
  230. key: "commodityPrice",
  231. render: (text, record) => {
  232. return (
  233. <span>
  234. {this.props.isZxs || text === -1 ? '***' : text}
  235. </span>
  236. )
  237. }
  238. },
  239. {
  240. title: "负责人",
  241. dataIndex: "contacts",
  242. key: "contacts",
  243. },
  244. {
  245. title: "负责人电话",
  246. dataIndex: "contactsMobile",
  247. key: "contactsMobile",
  248. },
  249. {
  250. title: "主要项目",
  251. dataIndex: "main",
  252. key: "main",
  253. render: (text) => {
  254. return text ? "是" : "否";
  255. },
  256. },
  257. {
  258. title: "总年限",
  259. dataIndex: "yearSum",
  260. key: "yearSum",
  261. render: (text, record) => {
  262. return (
  263. <div>{["", "一年", "二年", "三年", "四年", "五年"][text]}</div>
  264. );
  265. }
  266. },
  267. {
  268. title: "年限",
  269. dataIndex: "serviceLife",
  270. key: "serviceLife",
  271. render: (text, record) => {
  272. return (
  273. <div>{!!text && JSON.parse(text).toString()}</div>
  274. );
  275. }
  276. },
  277. {
  278. title: "本次派单",
  279. dataIndex: "serviceYear",
  280. key: "serviceYear",
  281. render: (text, record) => {
  282. return (
  283. <div>{!text ? "" : text}</div>
  284. );
  285. }
  286. },
  287. {
  288. title: "项目说明",
  289. dataIndex: "taskComment",
  290. key: "taskComment",
  291. render: (text) => {
  292. return (
  293. <Tooltip title={text}>
  294. <div
  295. style={{
  296. width: 100,
  297. overflow: "hidden",
  298. whiteSpace: "nowrap",
  299. textOverflow: "ellipsis",
  300. }}
  301. >{text}</div>
  302. </Tooltip>
  303. )
  304. },
  305. },
  306. ],
  307. columnsA: [
  308. {
  309. title: "流程",
  310. dataIndex: "content",
  311. key: "content",
  312. align: "center",
  313. },
  314. {
  315. title: "操作人",
  316. dataIndex: "aName",
  317. key: "aName",
  318. align: "center",
  319. },
  320. {
  321. title: "时间",
  322. dataIndex: "createTimes",
  323. key: "createTimes",
  324. align: "center",
  325. },
  326. ],
  327. dataSourceX: [],
  328. dataSourceA: [],
  329. ContactsLists: [
  330. {
  331. title: "批次",
  332. dataIndex: "num",
  333. key: "num",
  334. },
  335. {
  336. title: "下证时间",
  337. dataIndex: "licenceTimes",
  338. key: "licenceTimes",
  339. },
  340. {
  341. title: "下证数量",
  342. dataIndex: "alreadyNumber",
  343. key: "alreadyNumber",
  344. },
  345. {
  346. title: "未下证数量",
  347. dataIndex: "notCount",
  348. key: "notCount",
  349. },
  350. ],
  351. displayFees: "none",
  352. costReduction: '',
  353. officialCost: '',
  354. isSoftware: false,
  355. }
  356. this.orderChange = this.orderChange.bind(this);
  357. this.caozuorizhi = this.caozuorizhi.bind(this);
  358. this.getOrderLog = this.getOrderLog.bind(this);
  359. this.rizhi = this.rizhi.bind(this);
  360. }
  361. orderChange(key) {
  362. this.setState({
  363. activeKey: key,
  364. });
  365. if (key === '2') {
  366. this.orderDetailData(this.props.orderNo);
  367. this.xiangmu(this.props.orderNo);
  368. this.jiedian(this.props.orderNo);
  369. this.jiedianNew(this.props.orderNo);
  370. }
  371. }
  372. caozuorizhi() {
  373. this.setState({
  374. visibleA: true,
  375. });
  376. $.ajax({
  377. method: "get",
  378. dataType: "json",
  379. crossDomain: false,
  380. url: globalConfig.context + "/api/admin/orderProject/TaskLogList",
  381. data: {
  382. id: this.props.id,
  383. },
  384. success: function (data) {
  385. let theArr = [];
  386. if (data.error.length || data.data.list == "") {
  387. if (data.error && data.error.length) {
  388. message.warning(data.error[0].message);
  389. }
  390. } else {
  391. for (let i = 0; i < data.data.length; i++) {
  392. let thisdata = data.data[i];
  393. theArr.push({
  394. key: i,
  395. id: thisdata.id, //日志ID
  396. content: thisdata.content, //流程
  397. taskId: thisdata.taskId, //任务ID
  398. aName: thisdata.aName, //负责人
  399. createTimes: thisdata.createTimes, //时间
  400. });
  401. }
  402. }
  403. this.setState({
  404. dataSourceA: theArr,
  405. });
  406. }.bind(this),
  407. }).always(
  408. function () {
  409. this.setState({
  410. loading: false,
  411. });
  412. }.bind(this)
  413. );
  414. }
  415. //节点列表
  416. jiedian(orderNos) {
  417. $.ajax({
  418. method: "get",
  419. dataType: "json",
  420. crossDomain: false,
  421. url: globalConfig.context + "/api/admin/newOrder/selectOrderDun",
  422. data: {
  423. orderNo: orderNos,
  424. },
  425. success: function (data) {
  426. let theArr = [];
  427. let thisData = [];
  428. if (data.error.length || data.data.list == "") {
  429. if (data.error && data.error.length) {
  430. message.warning(data.error[0].message);
  431. }
  432. } else {
  433. for (let i = 0; i < data.data.length; i++) {
  434. thisData = data.data[i];
  435. theArr.push({
  436. key: i,
  437. dunSubject: thisData.dunSubject
  438. ? thisData.dunSubject.toString()
  439. : "", //催款科目
  440. id: thisData.id, //节点Id
  441. money: thisData.money, //催款金额
  442. dunStatus: thisData.dunStatus, //催款状态
  443. });
  444. }
  445. this.setState({
  446. jiedian: theArr,
  447. });
  448. }
  449. }.bind(this),
  450. });
  451. }
  452. //部门
  453. departmentList() {
  454. this.setState({
  455. loading: true,
  456. });
  457. $.ajax({
  458. method: "get",
  459. dataType: "json",
  460. crossDomain: false,
  461. url: globalConfig.context + "/api/admin/organization/selectSuperId",
  462. data: {},
  463. success: function (data) {
  464. let thedata = data.data;
  465. let theArr = [];
  466. if (!thedata) {
  467. if (data.error && data.error.length) {
  468. message.warning(data.error[0].message);
  469. }
  470. } else {
  471. thedata.map(function (item, index) {
  472. theArr.push({
  473. key: index,
  474. name: item.name,
  475. id: item.id,
  476. });
  477. });
  478. }
  479. this.setState({
  480. departmentArr: theArr,
  481. });
  482. }.bind(this),
  483. }).always(
  484. function () {
  485. this.setState({
  486. loading: false,
  487. });
  488. }.bind(this)
  489. );
  490. }
  491. //订单详情
  492. xiangqing(id) {
  493. $.ajax({
  494. method: "get",
  495. dataType: "json",
  496. crossDomain: false,
  497. url: globalConfig.context + "/api/admin/orderProject/orderTaskDetail",
  498. data: {
  499. id: id,
  500. },
  501. success: function (data) {
  502. if (data.error.length || data.data.list == "") {
  503. if (data.error && data.error.length) {
  504. message.warning(data.error[0].message);
  505. }
  506. } else {
  507. let thisdata = data.data;
  508. this.setState({
  509. certificationCorporate: thisdata.certificationCorporate,//认证费公司
  510. certificationFee: thisdata.certificationFee,//认证费
  511. ifCertificationFee: thisdata.ifCertificationFee,//是否包含认证费
  512. id: thisdata.id, //ID
  513. orderNo: thisdata.orderNo, //订单编号
  514. userName: thisdata.userName, //客户名称
  515. taskName: thisdata.taskName, //任务名称
  516. cname: thisdata.cname, //项目品类
  517. contractNo: thisdata.contractNo, //合同编号
  518. projectStatus: thisdata.projectStatus, //项目状态
  519. taskStatus: thisdata.taskStatus, //任务状态
  520. taskDate: thisdata.taskDate, //分配时间
  521. taskComment: thisdata.taskComment, //说明
  522. attachmentUrl: thisdata.attachmentUrl
  523. ? splitUrl(
  524. thisdata.attachmentUrl,
  525. ",",
  526. globalConfig.avatarHost + "/upload"
  527. )
  528. : [], //图片地址
  529. salesmanName: thisdata.salesmanName, //订单负责人
  530. startDate: thisdata.startDate, //启动日期
  531. endDate: thisdata.endDate, //结束日期
  532. acceptDate: thisdata.acceptDate, //受理日期
  533. reviewDate: thisdata.reviewDate, //评审日期
  534. publicityDate: thisdata.publicityDate, //公示日期
  535. licenceDate: thisdata.licenceDate, //发证日期
  536. contacts: thisdata.contacts, //联系人
  537. contactMobile: thisdata.contactMobile, //联系人电话
  538. legalPerson: thisdata.legalPerson, //法人
  539. legalPersonTel: thisdata.legalPersonTel, //法人电话
  540. certificateNumber: thisdata.certificateNumber, //证书编号
  541. status: thisdata.status, //状态
  542. formRetrieve: thisdata.formRetrieve, //满意调查表状态
  543. satisfactionDegree: thisdata.satisfactionDegree, //满意度
  544. satisfactionDegreeUrl: thisdata.satisfactionDegreeUrl
  545. ? splitUrl(thisdata.satisfactionDegreeUrl, ',', globalConfig.avatarHost + '/upload')
  546. : [], //满意度调查表
  547. taskRefund: thisdata.taskRefund, //退单
  548. refundContent: thisdata.refundContent, //退单信息
  549. retrieveContent: thisdata.retrieveContent, //回收信息
  550. arrivalMoney: thisdata.arrivalMoney, //是否到款
  551. setUpAmount: thisdata.setUpAmount, //立项金额
  552. declareUser: thisdata.declareUser, //账号
  553. declarePwd: thisdata.declarePwd, //密码
  554. depName: thisdata.depName, //订单部门
  555. outsourceName: thisdata.outsourceName, //外包公司名称
  556. outsourcePrice: thisdata.outsourcePrice, //外包价格
  557. declarationBatch: thisdata.declarationBatch,
  558. bpType: thisdata.bpType,//0 正常 1专利 2软著 3审计 4双软 5高新 6商标
  559. cSort: thisdata.sort,
  560. specialComment: thisdata.specialComment,
  561. urgentDay: thisdata.urgentDay, //有无方案
  562. ifMaterial: thisdata.ifMaterial, //加急情况
  563. spotCheckStatus: thisdata.spotCheckStatus,
  564. setUpStatus: thisdata.setUpStatus,
  565. setUpTime: thisdata.setUpTime,
  566. highTechStatus: thisdata.highTechStatus,
  567. acceptCount: thisdata.acceptCount, //受理数
  568. certificatesCount: thisdata.certificatesCount, //授权数
  569. rejectCount: thisdata.rejectCount, //驳回数
  570. commodityQuantity: thisdata.commodityQuantity, //派单项目数
  571. timeRecordparse: thisdata.timeRecord ? JSON.parse(thisdata.timeRecord) : {},//项目状态JSON
  572. });
  573. }
  574. }.bind(this),
  575. }).always(
  576. function () {
  577. this.setState({
  578. loading: false,
  579. });
  580. }.bind(this)
  581. );
  582. }
  583. //订单详情
  584. xiangqings(orderNos) {
  585. $.ajax({
  586. method: "get",
  587. dataType: "json",
  588. crossDomain: false,
  589. url: globalConfig.context + "/api/admin/newOrder/getOrderNewDetail",
  590. data: {
  591. orderNo: orderNos,
  592. },
  593. success: function (data) {
  594. let thisdata = data.data;
  595. let ProvinceCityArr = [];
  596. let ProvinceS = thisdata.locationProvince; //省
  597. let citys = thisdata.locationCity; //市
  598. let Areas = thisdata.locationArea; //区
  599. ProvinceCityArr.push(ProvinceS, citys, Areas);
  600. if (data.error.length || data.data.list == "") {
  601. if (data.error && data.error.length) {
  602. message.warning(data.error[0].message);
  603. }
  604. } else {
  605. this.setState({
  606. orderUid: thisdata.uid,
  607. examineName: thisdata.examineName,
  608. processStatus: thisdata.processStatus, //流程状态
  609. liquidationStatus: thisdata.liquidationStatus, //结算状态
  610. approval: thisdata.approval, //特批状态
  611. orderRemarks: thisdata.orderRemarks, //订单留言
  612. salesmanName: thisdata.salesmanName, //营销员名称
  613. salesmanMobile: thisdata.salesmanMobile, //营销员电话
  614. oldSalesmanName: thisdata.oldSalesmanName, //营销员名称
  615. oldSalesmanMobile: thisdata.oldSalesmanMobile, //营销员电话
  616. financeName: thisdata.financeName, //财务名称
  617. financeMobile: thisdata.financeMobile, //财务电话
  618. nowFinance: thisdata.nowFinance, //财务名称
  619. nowFinanceMobile: thisdata.nowFinanceMobile, //财务电话
  620. depName: thisdata.depName, //订单部门
  621. locationProvince: thisdata.locationProvince,
  622. locationCity: thisdata.locationCity,
  623. locationArea: thisdata.locationArea,
  624. ProvinceCity: ProvinceCityArr,
  625. postalAddress: thisdata.postalAddress, //详细地址
  626. outsource: thisdata.outsource,
  627. deleteSign: thisdata.deleteSign,
  628. });
  629. }
  630. }.bind(this),
  631. }).always(
  632. function () {
  633. this.setState({
  634. loading: false,
  635. });
  636. }.bind(this)
  637. );
  638. }
  639. //查看下证信息
  640. loaduserss(id) {
  641. $.ajax({
  642. method: "get",
  643. dataType: "json",
  644. crossDomain: false,
  645. url: globalConfig.context + "/api/admin/orderProject/selectTaskProgress",
  646. data: {
  647. tid: id,
  648. },
  649. success: function (data) {
  650. let theArr = [];
  651. let thisData = [];
  652. if (!thisData) {
  653. if (data.error && data.error.length) {
  654. message.warning(data.error[0].message);
  655. }
  656. } else {
  657. for (let i = 0; i < data.data.length; i++) {
  658. thisData = data.data[i];
  659. theArr.push({
  660. num: i + 1,
  661. key: i,
  662. id: thisData.id, //编号
  663. alreadyNumber: thisData.alreadyNumber, //下证数
  664. licenceTimes: thisData.licenceTimes, //下证时间
  665. notCount: thisData.notCount, //未下证数
  666. flag: true,
  667. });
  668. }
  669. this.setState({
  670. contactList: theArr,
  671. });
  672. }
  673. }.bind(this),
  674. }).always(
  675. function () {
  676. this.setState({
  677. loading: false,
  678. });
  679. }.bind(this)
  680. );
  681. }
  682. jiedianNew(orderNos) {
  683. $.ajax({
  684. method: "get",
  685. dataType: "json",
  686. crossDomain: false,
  687. url:
  688. globalConfig.context + "/api/admin/newOrderDun/selectListNewOrderDun",
  689. data: {
  690. orderNo: orderNos,
  691. },
  692. success: function (data) {
  693. if (data.error && data.error.length) {
  694. message.warning(data.error[0].message);
  695. } else {
  696. let theArr = [];
  697. let thisData = [];
  698. let arr = data.data || [];
  699. let totalCui = 0;
  700. for (let i = 0; i < arr.length; i++) {
  701. thisData = arr[i];
  702. totalCui += +thisData.money;
  703. thisData.key = i;
  704. thisData.dunSubject = thisData.dunSubject
  705. ? thisData.dunSubject.toString()
  706. : "", //催款科目
  707. theArr.push(thisData);
  708. }
  709. if (!totalCui) {
  710. totalCui = 0;
  711. }
  712. totalCui = (Math.round(totalCui * 1000000) / 1000000).toFixed(6);
  713. this.setState({
  714. jiedianNew: theArr,
  715. totalCui,
  716. });
  717. }
  718. }.bind(this),
  719. }).always(
  720. function () {
  721. this.setState({
  722. loading: false,
  723. });
  724. }.bind(this)
  725. );
  726. }
  727. orderDetailData(orderNos) {
  728. this.setState({
  729. loading: true,
  730. });
  731. $.ajax({
  732. method: "get",
  733. dataType: "json",
  734. crossDomain: false,
  735. url: globalConfig.context + "/api/admin/newOrder/getOrderNewDetail",
  736. data: {
  737. orderNo: orderNos,
  738. },
  739. success: function (data) {
  740. if (data.error.length || data.data.list == "") {
  741. if (data.error && data.error.length) {
  742. message.warning(data.error[0].message);
  743. this.setState({
  744. loading: false,
  745. });
  746. }
  747. } else {
  748. let thisdata = data.data;
  749. this.setState({
  750. loading: false,
  751. orderUid: thisdata.uid,
  752. userName: thisdata.userName,
  753. primaryOrderNo: thisdata.primaryOrder,
  754. additionalOrder: thisdata.additionalOrder,
  755. contractNo: thisdata.contractNo,
  756. orderData: thisdata,
  757. isAddition: thisdata.additionalOrder ? true : false,
  758. contractPictureUrl: thisdata.contractPictureUrl
  759. ? splitUrl(
  760. thisdata.contractPictureUrl,
  761. ",",
  762. globalConfig.avatarHost + "/upload"
  763. )
  764. : [],
  765. deleteSign: thisdata.deleteSign,
  766. });
  767. }
  768. }.bind(this),
  769. });
  770. }
  771. //项目列表
  772. xiangmu(orderNos) {
  773. this.setState({
  774. loading: true,
  775. });
  776. $.ajax({
  777. method: "get",
  778. dataType: "json",
  779. crossDomain: false,
  780. url: globalConfig.context + "/api/admin/newOrder/getOrderTask",
  781. data: {
  782. orderNo: orderNos,
  783. },
  784. success: function (data) {
  785. let theArr = [];
  786. if (data.error.length || data.data.list == "") {
  787. if (data.error && data.error.length) {
  788. message.warning(data.error[0].message);
  789. }
  790. } else {
  791. for (let i = 0; i < data.data.length; i++) {
  792. let thisdata = data.data[i];
  793. thisdata.key = i;
  794. theArr.push(thisdata);
  795. }
  796. }
  797. this.setState({
  798. dataSourceX: theArr,
  799. });
  800. }.bind(this),
  801. }).always(
  802. function () {
  803. this.setState({
  804. loading: false,
  805. });
  806. }.bind(this)
  807. );
  808. }
  809. rizhi() {
  810. this.setState({
  811. loading: true,
  812. });
  813. $.ajax({
  814. method: "get",
  815. dataType: "json",
  816. crossDomain: false,
  817. url: "/api/admin/newOrder/selectOrderLog",
  818. data: {
  819. orderNo: this.props.orderNo,
  820. },
  821. success: function (data) {
  822. let theArr = [];
  823. let thisData = data.data;
  824. if (!thisData.length) {
  825. if (data.error && data.error.length) {
  826. message.warning(data.error[0].message);
  827. }
  828. } else {
  829. for (let i = 0; i < data.data.length; i++) {
  830. let thisdata = data.data[i];
  831. theArr.push({
  832. processName: thisdata.processName,
  833. adminName: thisdata.adminName,
  834. createDate: thisdata.createDate,
  835. remarks: thisdata.remarks,
  836. });
  837. }
  838. }
  839. this.setState({
  840. dataSourceY: theArr,
  841. });
  842. }.bind(this),
  843. }).always(
  844. function () {
  845. this.setState({
  846. loading: false,
  847. });
  848. }.bind(this)
  849. );
  850. }
  851. getOrderLog() {
  852. this.setState({
  853. avisible: true,
  854. });
  855. this.rizhi();
  856. }
  857. componentDidMount() {
  858. if (this.props.taskName.substring(0, 5) === "软件著作权") {
  859. this.setState({
  860. isSoftware: true,
  861. })
  862. }
  863. this.setState({
  864. isIso: this.props.taskName.indexOf("贯标") !== -1,
  865. })
  866. this.departmentList();
  867. this.xiangqing(this.props.id);
  868. this.xiangqings(this.props.orderNo);
  869. this.xiangmu(this.props.orderNo);
  870. this.loaduserss(this.props.id);
  871. }
  872. // 修改项目满意度
  873. updateSatisfactionDegree(status) {
  874. let satisfactionDegreeUrls = []
  875. if (this.state.satisfactionDegreeUrl.length) {
  876. let picArr = []
  877. this.state.satisfactionDegreeUrl.map(function (item) {
  878. if (item.response && item.response.data && item.response.data.length) {
  879. picArr.push(item.response.data)
  880. }
  881. })
  882. satisfactionDegreeUrls = picArr.join(',')
  883. }
  884. if (status == 2) {
  885. if (satisfactionDegreeUrls.length == 0) {
  886. message.warning("请先上传满意度调查表!");
  887. return
  888. }
  889. if (!this.state.formRetrieve) {
  890. message.warning("请先选择满意度!");
  891. return
  892. }
  893. }
  894. let obj1 = {
  895. id: this.props.id,
  896. formRetrieve: 1,
  897. }
  898. let obj2 = {
  899. id: this.props.id,
  900. formRetrieve: status,
  901. satisfactionDegree: this.state.satisfactionDegree,
  902. satisfactionDegreeUrl: satisfactionDegreeUrls.length ? satisfactionDegreeUrls : '',
  903. }
  904. this.setState({
  905. loading: true,
  906. });
  907. $.ajax({
  908. url: globalConfig.context + "/api/admin/orderProject/updateSatisfactionDegree",
  909. method: "post",
  910. data: status == 1 ? obj1 : obj2,
  911. }).done(
  912. function (data) {
  913. this.setState({
  914. loading: false,
  915. });
  916. if (data.error.length === 0) {
  917. if (status == 1) {
  918. this.setState({
  919. formRetrieve: 1
  920. })
  921. } else if (status == 2) {
  922. this.setState({
  923. formRetrieve: 2
  924. })
  925. message.success("保存成功!");
  926. }
  927. } else {
  928. message.warning(data.error[0].message);
  929. }
  930. }.bind(this)
  931. );
  932. }
  933. // 可展开颜色不同
  934. addRowColor(record) {
  935. if (!!record.splitList && record.splitList.length > 0) {
  936. return 'light'
  937. } else {
  938. return 'dark'
  939. }
  940. }
  941. render() {
  942. const expandedRowRenderVip = (e) => {
  943. const data = e.splitList;
  944. let columns = [];
  945. if (data instanceof Array && data.length) {
  946. if (e.cSort == 6) {
  947. columns = [
  948. {
  949. title: "负责人",
  950. dataIndex: "receiverName",
  951. key: "receiverName",
  952. },
  953. {
  954. title: "负责人电话",
  955. dataIndex: "receiverMobile",
  956. key: "receiverMobile",
  957. },
  958. {
  959. title: "会员负责人",
  960. dataIndex: "projectMemberName",
  961. key: "projectMemberName",
  962. },
  963. {
  964. title: "项目状态",
  965. dataIndex: "projectStatus",
  966. key: "projectStatus",
  967. render: (text) => {
  968. return getProjectName(text);
  969. },
  970. },
  971. {
  972. title: "本次派单",
  973. dataIndex: "serviceYear",
  974. key: "serviceYear",
  975. },
  976. {
  977. title: "项目说明",
  978. dataIndex: "taskComment",
  979. key: "taskComment",
  980. render: (text) => {
  981. return (
  982. <Tooltip title={text}>
  983. <div
  984. >{text}</div>
  985. </Tooltip>
  986. )
  987. },
  988. },
  989. ];
  990. } else {
  991. columns = [
  992. {
  993. title: "子项目名称",
  994. dataIndex: "taskName",
  995. key: "taskName"
  996. },
  997. {
  998. title: "子项目数量",
  999. dataIndex: "commodityQuantity",
  1000. key: "commodityQuantity"
  1001. },
  1002. {
  1003. title: "拆分操作人",
  1004. dataIndex: "splitAname",
  1005. key: "splitAname"
  1006. },
  1007. {
  1008. title: "项目负责人",
  1009. dataIndex: "receiverName",
  1010. key: "receiverName"
  1011. },
  1012. {
  1013. title: "拆分时间",
  1014. dataIndex: "splitTimes",
  1015. key: "splitTimes"
  1016. }
  1017. ]
  1018. }
  1019. return (
  1020. <Table
  1021. columns={columns}
  1022. dataSource={data}
  1023. pagination={false}
  1024. />
  1025. );
  1026. } else {
  1027. columns = [];
  1028. return (
  1029. <p
  1030. style={{ fontWeight: "bold", color: "red", textAlign: "center" }}
  1031. >
  1032. {e.cSort == 6 ? "暂无派单" : "此项目暂未拆分"}
  1033. </p>
  1034. );
  1035. }
  1036. };
  1037. return (
  1038. this.props.visible ? <Modal
  1039. maskClosable={false}
  1040. className="customeDetails"
  1041. footer=""
  1042. title=""
  1043. width="1200px"
  1044. visible={this.props.visible}
  1045. onOk={() => {
  1046. this.props.visitOk && this.props.visitOk()
  1047. }}
  1048. onCancel={() => {
  1049. this.props.visitCancel && this.props.visitCancel();
  1050. }}
  1051. >
  1052. <Tabs activeKey={this.state.activeKey} onChange={this.orderChange} tabBarExtraContent={
  1053. <div style={{ fontWeight: 'bold', paddingRight: '15px' }}>
  1054. <OrderItemStatus deleteSign={this.state.deleteSign} />
  1055. </div>
  1056. }>
  1057. <TabPane tab="项目概况" key="1">
  1058. <Form
  1059. layout="horizontal"
  1060. id="demand-form"
  1061. style={{ paddingBottom: "0px" }}
  1062. >
  1063. <Spin spinning={this.state.loading}>
  1064. <div className="clearfix">
  1065. <div className="clearfix">
  1066. <FormItem
  1067. className="half-item"
  1068. {...formItemLayout}
  1069. label="项目状态"
  1070. >
  1071. <span>{getProjectName(parseInt(this.state.projectStatus))}</span>
  1072. <Button
  1073. type="primary"
  1074. size="small"
  1075. style={{ marginTop: "5px", position: "absolute" }}
  1076. onClick={this.caozuorizhi}
  1077. >
  1078. 操作日志
  1079. </Button>
  1080. {this.state.visibleA ? <Modal
  1081. maskClosable={false}
  1082. width="800px"
  1083. visible={this.state.visibleA}
  1084. onCancel={() => {
  1085. this.setState({
  1086. visibleA: false
  1087. })
  1088. }}
  1089. title="操作日志"
  1090. footer=""
  1091. className="admin-desc-content"
  1092. >
  1093. <div className="patent-table patent-table-center">
  1094. <Spin spinning={this.state.loading}>
  1095. <Table
  1096. columns={this.state.columnsA}
  1097. dataSource={this.state.dataSourceA}
  1098. pagination={false}
  1099. bordered
  1100. size="small"
  1101. />
  1102. </Spin>
  1103. </div>
  1104. </Modal> : null}
  1105. </FormItem>
  1106. <FormItem
  1107. className="half-item"
  1108. {...formItemLayout}
  1109. label="合同编号"
  1110. >
  1111. <span>{this.state.contractNo}</span>
  1112. </FormItem>
  1113. </div>
  1114. <div className="clearfix">
  1115. <FormItem
  1116. className="half-item"
  1117. {...formItemLayout}
  1118. label="是否特批"
  1119. >
  1120. <span>{getApproval(this.state.approval)}</span>
  1121. </FormItem>
  1122. <FormItem
  1123. className="half-item"
  1124. {...formItemLayout}
  1125. label="结算状态"
  1126. >
  1127. <span>
  1128. {getLiquidationStatus(this.state.liquidationStatus)}
  1129. </span>
  1130. </FormItem>
  1131. <FormItem
  1132. className="half-item"
  1133. {...formItemLayout}
  1134. label="流程状态"
  1135. >
  1136. <span>
  1137. {getProcessStatus(this.state.processStatus, this.state.examineName, this.state.approval)}
  1138. </span>
  1139. </FormItem>
  1140. <FormItem
  1141. className="half-item"
  1142. {...formItemLayout}
  1143. label="订单编号"
  1144. >
  1145. <span>{this.state.orderNo}</span>
  1146. </FormItem>
  1147. <FormItem
  1148. className="half-item"
  1149. {...formItemLayout}
  1150. label="是否外包"
  1151. >
  1152. <span>{this.state.outsource === 0 ? "否" : "是"}</span>
  1153. </FormItem>
  1154. </div>
  1155. <div className="clearfix">
  1156. <FormItem
  1157. labelCol={{ span: 3 }}
  1158. wrapperCol={{ span: 16 }}
  1159. label="满意度表格"
  1160. >
  1161. <div>
  1162. {getFormRetrieve(this.state.formRetrieve)}
  1163. {this.state.formRetrieve == 0 &&
  1164. <Button
  1165. type="primary"
  1166. size="small"
  1167. style={{ marginTop: "5px", marginLeft: '5px', }}
  1168. onClick={() => { this.updateSatisfactionDegree(1) }}
  1169. >已发送至客户</Button>}
  1170. {
  1171. (this.state.formRetrieve == 1 || this.state.formRetrieve == 2) &&
  1172. <div className="clearfix">
  1173. <FormItem
  1174. labelCol={{ span: 3 }}
  1175. wrapperCol={{ span: 16 }}
  1176. label="满意度调查整表"
  1177. >
  1178. <Picture
  1179. showRemove={false} //删除图标
  1180. domId={'table'}
  1181. fileList={(e) => {
  1182. this.setState({ satisfactionDegreeUrl: e })
  1183. }}
  1184. pictureUrl={this.state.satisfactionDegreeUrl}
  1185. visible={this.props.visible}
  1186. data={{
  1187. sign: 'satisfactionDegree',
  1188. url: '/api/admin/orderProject/upload/satisfactionDegree',
  1189. }}
  1190. />
  1191. </FormItem>
  1192. </div>
  1193. }
  1194. <p style={{ color: 'red' }}>
  1195. {
  1196. this.state.formRetrieve == 0
  1197. ? "注:满意度调查整表,已发送时,即可上传回复件了!"
  1198. : "注:回收表格后,即可上传回复件了"
  1199. }
  1200. </p>
  1201. {
  1202. (this.state.formRetrieve == 1 || this.state.formRetrieve == 2) &&
  1203. <div className="clearfix">
  1204. <FormItem
  1205. labelCol={{ span: 3 }}
  1206. wrapperCol={{ span: 16 }}
  1207. label="满意度"
  1208. >
  1209. <Radio.Group
  1210. value={this.state.satisfactionDegree}
  1211. onChange={(e) => {
  1212. this.setState({ satisfactionDegree: e.target.value })
  1213. }}
  1214. >
  1215. <Radio value={0}>非常满意</Radio>
  1216. <Radio value={1}>满意</Radio>
  1217. <Radio value={2}>一般</Radio>
  1218. <Radio value={3}>不满意</Radio>
  1219. </Radio.Group>
  1220. <div>
  1221. <Button type="primary" size="small"
  1222. onClick={() => {
  1223. this.updateSatisfactionDegree(2)
  1224. }}>保存并上传</Button>
  1225. </div>
  1226. </FormItem>
  1227. </div>
  1228. }
  1229. </div>
  1230. </FormItem>
  1231. </div>
  1232. {/*软著显示 bpType: 0 正常 1专利 2软著 3审计 4双软 5高新 6商标*/}
  1233. {this.state.bpType === 2 ? <div className="clearfix">
  1234. <FormItem
  1235. className="half-item"
  1236. {...formItemLayout}
  1237. label="加急天数"
  1238. >
  1239. {
  1240. this.state.urgentDay === 1 ? '是' :
  1241. this.state.urgentDay === 0 ? '否' : ''
  1242. }
  1243. </FormItem>
  1244. <FormItem
  1245. className="half-item"
  1246. {...formItemLayout}
  1247. label="有无方案"
  1248. >
  1249. {
  1250. this.state.ifMaterial === 1 ? '是' :
  1251. this.state.ifMaterial === 0 ? '否' : ''
  1252. }
  1253. </FormItem>
  1254. </div> : null}
  1255. <div className="clearfix">
  1256. <div style={{
  1257. paddingLeft: '8%',
  1258. }}>
  1259. <div style={{ color: '#000', fontWeight: 500 }}>
  1260. 特别说明
  1261. <span style={{ color: '#58a3ff', }}>(针对项目的特殊情况说明)</span>
  1262. </div>
  1263. <div style={{
  1264. display: 'flex',
  1265. }}>
  1266. <span style={{ paddingRight: '10px', whiteSpace: "nowrap" }}>备注:</span>
  1267. <span style={{
  1268. flex: 1,
  1269. wordBreak: 'break-all',
  1270. }}>{this.state.specialComment}</span>
  1271. </div>
  1272. </div>
  1273. </div>
  1274. <div className="clearfix">
  1275. <h3 className="sub-title">任务信息</h3>
  1276. {/*0通用 1专利 2软著 3审计 4双软 5高新 6商标*/}
  1277. {/*贯标需要显示*/}
  1278. {
  1279. this.state.isIso ?
  1280. <div>
  1281. <FormItem
  1282. className="half-item"
  1283. {...formItemLayout}
  1284. label="认证费"
  1285. >
  1286. <span>
  1287. {
  1288. this.state.ifCertificationFee === 1 ? '包含' : '不包含'
  1289. }
  1290. </span>
  1291. </FormItem>
  1292. {this.state.ifCertificationFee === 1 ? <FormItem
  1293. className="half-item"
  1294. {...formItemLayout}
  1295. label="认证费(万元)"
  1296. >
  1297. <span>
  1298. {
  1299. this.state.certificationFee
  1300. }
  1301. </span>
  1302. </FormItem> : null}
  1303. {this.state.ifCertificationFee === 1 ? <FormItem
  1304. className="half-item"
  1305. {...formItemLayout}
  1306. label=""
  1307. /> : null}
  1308. {this.state.ifCertificationFee === 1 ? <FormItem
  1309. className="half-item"
  1310. {...formItemLayout}
  1311. label="付款公司名称"
  1312. >
  1313. <span>
  1314. {this.state.certificationCorporate}
  1315. </span>
  1316. </FormItem> : null}
  1317. </div> : null
  1318. }
  1319. <FormItem
  1320. className="half-item"
  1321. {...formItemLayout}
  1322. label="任务编号"
  1323. >
  1324. <span>
  1325. {
  1326. this.state.splitStatus === 2
  1327. ? this.state.splitSuper + "-" + this.state.splitId
  1328. : this.state.id
  1329. }
  1330. </span>
  1331. </FormItem>
  1332. <FormItem
  1333. className="half-item"
  1334. {...formItemLayout}
  1335. label="任务名称"
  1336. >
  1337. <span>{this.state.taskName}</span>
  1338. </FormItem>
  1339. <FormItem
  1340. className="half-item"
  1341. {...formItemLayout}
  1342. label="任务状态"
  1343. >
  1344. <span>{getTaskStatus(this.state.taskStatus)}</span>
  1345. </FormItem>
  1346. <FormItem
  1347. className="half-item"
  1348. {...formItemLayout}
  1349. label="任务类别"
  1350. >
  1351. <span>{this.state.cname}</span>
  1352. </FormItem>
  1353. <FormItem
  1354. className="half-item"
  1355. {...formItemLayout}
  1356. label="证书编号"
  1357. >
  1358. <span>{this.state.certificateNumber}</span>
  1359. </FormItem>
  1360. </div>
  1361. <div className="clearfix">
  1362. <h3 className="sub-title">联系信息</h3>
  1363. <FormItem
  1364. className="half-item"
  1365. {...formItemLayout}
  1366. label="客户名称"
  1367. >
  1368. <span>{this.state.userName}</span>
  1369. <EnterpriseNameChange
  1370. type='journal'
  1371. style={{ marginLeft: 10 }}
  1372. enterpriseId={this.state.orderUid} />
  1373. </FormItem>
  1374. <FormItem
  1375. className="half-item"
  1376. {...formItemLayout}
  1377. label="企业法人"
  1378. >
  1379. <span>{this.state.legalPerson}</span>
  1380. </FormItem>
  1381. <FormItem
  1382. className="half-item"
  1383. {...formItemLayout}
  1384. label="法人电话"
  1385. >
  1386. <span>{this.state.legalPersonTel}</span>
  1387. </FormItem>
  1388. <FormItem
  1389. className="half-item"
  1390. {...formItemLayout}
  1391. label="客户联系人"
  1392. >
  1393. <span>{this.state.contacts}</span>
  1394. </FormItem>
  1395. <FormItem
  1396. className="half-item"
  1397. {...formItemLayout}
  1398. label="联系人电话"
  1399. >
  1400. <span>{this.state.contactMobile}</span>
  1401. </FormItem>
  1402. <FormItem
  1403. className="half-item"
  1404. {...formItemLayout}
  1405. label="企业地址"
  1406. >
  1407. <span>
  1408. {getprovince(this.state.locationProvince)}/
  1409. {getprovince(this.state.locationCity)}/
  1410. {getprovince(this.state.locationArea)}
  1411. </span>
  1412. </FormItem>
  1413. <FormItem
  1414. className="half-item"
  1415. {...formItemLayout}
  1416. label=""
  1417. />
  1418. <FormItem className="half-item" {...formItemLayout}>
  1419. <span style={{ paddingLeft: "12em" }}>
  1420. {this.state.postalAddress}
  1421. </span>
  1422. </FormItem>
  1423. </div>
  1424. <div className="clearfix">
  1425. <h3 className="sub-title">订单负责人信息</h3>
  1426. <FormItem
  1427. className="half-item"
  1428. {...formItemLayout}
  1429. label="负责人"
  1430. >
  1431. <span>
  1432. {this.state.salesmanName +
  1433. "(" +
  1434. this.state.depName +
  1435. ")"}
  1436. </span>
  1437. </FormItem>
  1438. <FormItem
  1439. className="half-item"
  1440. {...formItemLayout}
  1441. label="负责人电话"
  1442. >
  1443. <span>{this.state.salesmanMobile}</span>
  1444. </FormItem>
  1445. <FormItem
  1446. className="half-item"
  1447. {...formItemLayout}
  1448. label="当前财务负责人"
  1449. >
  1450. <span>{this.state.nowFinance}</span>
  1451. </FormItem>
  1452. <FormItem
  1453. className="half-item"
  1454. {...formItemLayout}
  1455. label="当前财务负责人电话"
  1456. >
  1457. <span>{this.state.nowFinanceMobile}</span>
  1458. </FormItem>
  1459. {!this.state.isSoftware ? <div>
  1460. <FormItem
  1461. className="half-item"
  1462. {...formItemLayout}
  1463. style={{ opacity: ".5" }}
  1464. label="原负责人"
  1465. >
  1466. <span>{this.state.oldSalesmanName}</span>
  1467. </FormItem>
  1468. <FormItem
  1469. className="half-item"
  1470. {...formItemLayout}
  1471. style={{ opacity: ".5" }}
  1472. label="原负责人电话"
  1473. >
  1474. <span>{this.state.oldSalesmanMobile}</span>
  1475. </FormItem>
  1476. <FormItem
  1477. className="half-item"
  1478. {...formItemLayout}
  1479. style={{ opacity: ".5" }}
  1480. label="实际财务操作人"
  1481. >
  1482. <span>{this.state.financeName}</span>
  1483. </FormItem>
  1484. <FormItem
  1485. className="half-item"
  1486. {...formItemLayout}
  1487. style={{ opacity: ".5" }}
  1488. label="实际财务操作人电话"
  1489. >
  1490. <span>{this.state.financeMobile}</span>
  1491. </FormItem>
  1492. </div> : null}
  1493. <FormItem
  1494. className="half-item"
  1495. {...formItemLayout}
  1496. label="订单留言"
  1497. >
  1498. <span>{this.state.orderRemarks}</span>
  1499. </FormItem>
  1500. <FormItem
  1501. className="half-item"
  1502. {...formItemLayout}
  1503. label=""
  1504. >
  1505. <Button onClick={this.getOrderLog}>查看订单日志</Button>
  1506. </FormItem>
  1507. <OrderRiZi
  1508. dataSourcerizhi={this.state.dataSourceY}
  1509. closeOrderLog={() => {
  1510. this.setState({
  1511. avisible: false
  1512. })
  1513. }}
  1514. visible={this.state.avisible}
  1515. loading={this.state.loading}
  1516. />
  1517. </div>
  1518. {!this.state.isSoftware ? <div className="clearfix">
  1519. <h3 className="sub-title">申报系统账户信息</h3>
  1520. <FormItem
  1521. className="half-item"
  1522. {...formItemLayout}
  1523. label="用户名"
  1524. >
  1525. <span>{this.state.declareUser}</span>
  1526. </FormItem>
  1527. <FormItem
  1528. className="half-item"
  1529. {...formItemLayout}
  1530. label="密码"
  1531. >
  1532. <span>{this.state.declarePwd}</span>
  1533. </FormItem>
  1534. </div> : null}
  1535. {this.state.isSoftware ?
  1536. <div className="clearfix">
  1537. <h3 className="sub-title">项目申报进度</h3>
  1538. <DeclarationProgress
  1539. timeRecordparse={this.state.timeRecordparse}
  1540. startDate={this.state.startDate}
  1541. taskDate={this.state.taskDate}
  1542. list={[
  1543. { id: 4, name: '完成时间', value: this.state.endDate },
  1544. { id: 6, name: '受理时间', value: this.state.acceptDate },
  1545. { id: 8, name: '公示时间', value: this.state.publicityDate },
  1546. { id: 10, name: '发证时间', value: this.state.licenceDate },
  1547. { id: 15, name: '立项金额', value: this.state.setUpAmount }
  1548. ]} />
  1549. {/*高新和科技项目显示 bpType: 0 正常 1专利 2软著 3审计 4双软 5高新 6商标*/}
  1550. {/*cSort: 3 科技项目 6: 会员*/}
  1551. {(this.state.bpType === 5 || this.state.cSort === 3) && <FormItem
  1552. className="half-item"
  1553. {...formItemLayout}
  1554. label="申报批次"
  1555. >
  1556. <span>{this.state.declarationBatch}</span>
  1557. </FormItem>}
  1558. <FormItem
  1559. className="half-item"
  1560. {...formItemLayout}
  1561. label="软著派单数量"
  1562. >
  1563. <span>{this.state.commodityQuantity}</span>
  1564. </FormItem>
  1565. <div className="patent-table patent-table-center">
  1566. <Spin spinning={this.state.loading}>
  1567. <Table
  1568. columns={this.state.ContactsLists}
  1569. dataSource={this.state.contactList}
  1570. pagination={false}
  1571. bordered
  1572. size="small"
  1573. />
  1574. </Spin>
  1575. </div>
  1576. </div> :
  1577. <div className="clearfix">
  1578. <h3 className="sub-title">项目申报进度</h3>
  1579. <DeclarationProgress
  1580. timeRecordparse={this.state.timeRecordparse}
  1581. startDate={this.state.startDate}
  1582. taskDate={this.state.taskDate}
  1583. list={[
  1584. { id: 4, name: '完成时间', value: this.state.endDate },
  1585. { id: 6, name: '受理时间', value: this.state.acceptDate },
  1586. { id: 8, name: '公示时间', value: this.state.publicityDate },
  1587. { id: 10, name: '发证时间', value: this.state.licenceDate },
  1588. { id: 15, name: '立项金额', value: this.state.setUpAmount }
  1589. ]} />
  1590. {
  1591. this.state.bpType === 1 || this.state.bpType === 6 ?
  1592. <div>
  1593. <FormItem
  1594. labelCol={{ span: 3 }}
  1595. wrapperCol={{ span: 16 }}
  1596. label="是否高新企业"
  1597. >
  1598. <span>
  1599. {
  1600. this.state.highTechStatus === 1 ? '是' :
  1601. this.state.highTechStatus === 0 ? '否' : ''
  1602. }
  1603. </span>
  1604. </FormItem>
  1605. <FormItem />
  1606. <PatentSchedule
  1607. readOnly
  1608. bpType={this.state.bpType}
  1609. taskId={this.state.id}
  1610. acceptCount={this.state.acceptCount}
  1611. certificatesCount={this.state.certificatesCount}
  1612. rejectCount={this.state.rejectCount}
  1613. commodityQuantity={this.state.commodityQuantity}
  1614. refresh={() => { this.xiangqing(this.state.id) }}
  1615. />
  1616. </div> :
  1617. <div>
  1618. {/*高新显示 bpType: 0 正常 1专利 2软著 3审计 4双软 5高新 6商标*/}
  1619. {this.state.bpType === 5 ? <FormItem
  1620. className="half-item"
  1621. {...formItemLayout}
  1622. label="是否抽查">
  1623. {
  1624. this.state.spotCheckStatus === 0 ? '否' :
  1625. this.state.spotCheckStatus === 1 ? '是,未通过' :
  1626. this.state.spotCheckStatus === 2 ? '是,通过' : ''
  1627. }
  1628. </FormItem> : null}
  1629. <FormItem />
  1630. {this.state.bpType === 5 ? <FormItem
  1631. className="half-item"
  1632. {...formItemLayout}
  1633. label="是否立项"
  1634. >
  1635. {
  1636. this.state.setUpStatus === 1 ? '是' :
  1637. this.state.setUpStatus === 0 ? '否' : ''
  1638. }
  1639. </FormItem> : null}
  1640. {this.state.bpType === 5 ? <FormItem
  1641. className="half-item"
  1642. {...formItemLayout}
  1643. label={this.state.setUpStatus === 1 ? "立项时间" : ''}
  1644. >
  1645. {this.state.setUpStatus === 1 ? this.state.setUpTime : null}
  1646. </FormItem> : null}
  1647. {/*高新和科技项目显示 bpType: 0 正常 1专利 2软著 3审计 4双软 5高新 6商标*/}
  1648. {/*cSort: 3 科技项目 6: 会员*/}
  1649. {(this.state.bpType === 5 || this.state.cSort === 3) && <FormItem
  1650. className="half-item"
  1651. {...formItemLayout}
  1652. label="申报批次"
  1653. >
  1654. <span>{this.state.declarationBatch}</span>
  1655. </FormItem>}
  1656. {/*只有科技项目才有是否到款*/}
  1657. {/*cSort: 3 科技项目 6: 会员*/}
  1658. {this.state.cSort === 3 && <FormItem
  1659. className="half-item"
  1660. {...formItemLayout}
  1661. label="是否到款"
  1662. >
  1663. <span>
  1664. {this.state.arrivalMoney ? "已到企业" : "未到企业"}
  1665. </span>
  1666. </FormItem>}
  1667. </div>
  1668. }
  1669. </div>}
  1670. {this.state.bpType !== 1 && this.state.bpType !== 6 ? <div className="clearfix">
  1671. <FormItem
  1672. labelCol={{ span: 3 }}
  1673. wrapperCol={{ span: 18 }}
  1674. label="附件"
  1675. >
  1676. {this.state.visible && this.state.attachmentUrl && this.state.activeKey === "1" ? <div style={{ paddingTop: '10px', paddingBottom: '10px' }}>
  1677. <ImgList fileList={this.state.attachmentUrl} domId={'taskQuery1'} />
  1678. </div> : null}
  1679. </FormItem>
  1680. </div> : null}
  1681. {this.state.bpType !== 1 && this.state.bpType !== 6 ? <div className="clearfix">
  1682. <FormItem
  1683. labelCol={{ span: 3 }}
  1684. wrapperCol={{ span: 16 }}
  1685. label="项目说明"
  1686. >
  1687. <span>{this.state.taskComment}</span>
  1688. </FormItem>
  1689. </div> : null}
  1690. <div>
  1691. <h3 className="sub-title">项目业务</h3>
  1692. {this.state.processStatus === 0 ? (
  1693. <Button
  1694. type="primary"
  1695. onClick={this.addDetailed}
  1696. style={{
  1697. float: "right",
  1698. marginRight: "50px",
  1699. marginBottom: "15px",
  1700. }}
  1701. >
  1702. 添加项目明细
  1703. </Button>
  1704. ) : null}
  1705. </div>
  1706. <div className="patent-table">
  1707. <Spin spinning={this.state.loading}>
  1708. <Table
  1709. columns={this.state.columnsX}
  1710. dataSource={this.state.dataSourceX}
  1711. pagination={this.state.paginations}
  1712. onRowClick={this.tableRowClickX}
  1713. expandedRowRender={expandedRowRenderVip}
  1714. rowClassName={this.addRowColor}
  1715. style={{
  1716. cursor: 'pointer',
  1717. }}
  1718. bordered
  1719. size="small"
  1720. />
  1721. </Spin>
  1722. </div>
  1723. </div>
  1724. </Spin>
  1725. </Form>
  1726. </TabPane>
  1727. {!this.props.isZxs || (this.state.isHuiyuan && this.props.isZxs) ? (
  1728. <TabPane tab="订单详情" key="2">
  1729. {this.state.activeKey === "2" ? <Spin spinning={this.state.loading}>
  1730. <OrderDetail
  1731. orderUid={this.state.orderUid}
  1732. orderData={this.state.orderData}
  1733. getOrderLog={this.getOrderLog}
  1734. dataSourceX={this.state.dataSourceX}
  1735. contactList={this.state.jiedian}
  1736. orderNo={this.state.orderNo}
  1737. totalCui={this.state.totalCui}
  1738. contactListNew={this.state.jiedianNew}
  1739. pictureUrl={this.state.contractPictureUrl}
  1740. />
  1741. </Spin> : null}
  1742. <OrderRiZi
  1743. dataSourcerizhi={this.state.dataSourceY}
  1744. closeOrderLog={() => {
  1745. this.setState({
  1746. avisible: false
  1747. })
  1748. }}
  1749. visible={this.state.avisible}
  1750. loading={this.state.loading}
  1751. />
  1752. </TabPane>
  1753. ) : null}
  1754. </Tabs>
  1755. </Modal> : null
  1756. );
  1757. }
  1758. }
  1759. export default ProjectDetails;