| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107210821092110211121122113 | import React from 'react';import $ from 'jquery';import '@/manageCenter/financialManage/distribute/public.less';import {  Button,  Form,  Input,  Select,  Upload,  Spin,  Table,  message,  Modal,  Tabs,  Tag} from "antd";import Assign from '@/manageCenter/publicComponent/assign';import ResolutionDetail from "@/resolutionDetail";import OrderDetail from "../../order/orderNew/changeComponent/orderDetail";import OrderRiZi from "@/orderRiZi.jsx";import './table.less';import {  getProcessStatus,  getApproval,  getTaskStatus,  getLiquidationStatus,  splitUrl,  getProjectStatus,  getboutique,  getprovince,  ShowModal} from "@/tools";const FormItem =Form.Item;const {TabPane} = Tabsimport ShowModalDiv from "@/showModal.jsx";const Task = React.createClass({  loadData(pageNo) {    this.state.data = [];    this.setState({      page: pageNo,      loading: true,    });    $.ajax({      method: "get",      dataType: "json",      crossDomain: false,      url: globalConfig.context + "/api/admin/orderProject/selectTaskList",      data: {        pageNo: pageNo || this.state.page || 1,        pageSize: this.state.pagination.pageSize,        specially: 1, //经理        name: this.state.nameSearch, //客户名称        orderNo: this.state.orderNoSearch, //订单编号        depId: this.state.departmenttSearch, //订单部门        taskId: this.state.taskNoSearch, //任务编号        adminName: this.state.adminName, //任务受理人      },      success: function (data) {        ShowModal(this);        let theArr = [];        if (!data.data || !data.data.list) {          if (data.error && data.error.length) {            message.warning(data.error[0].message);          }        } else {          for (let i = 0; i < data.data.list.length; i++) {            let thisdata = data.data.list[i];            theArr.push({              key: i,              orderNo: thisdata.orderNo, //订单编号              id: thisdata.id, //任务ID              taskName: thisdata.taskName, //名称              cname: thisdata.cname, //项目品类              projectStatus: thisdata.projectStatus, //项目状态              taskStatus: thisdata.taskStatus, //任务状态              taskDate: thisdata.taskDate, //分配时间              commodityQuantity: thisdata.commodityQuantity, //软著数量              alreadyNumber: thisdata.alreadyNumber, //下证数量              userName:                thisdata.taskName.substring(0, 5) === "软件著作权"                  ? thisdata.userName +                    "(" +                    thisdata.commodityQuantity.toString() +                    "/" +                    thisdata.alreadyNumber +                    ")"                  : thisdata.userName, //用户名              depName: thisdata.depName, //部门名称              receiverName: thisdata.receiverName, //任务责任人              splitStatus: thisdata.splitStatus, //是否为子项目 2是 1主项目              splitSuper: thisdata.splitSuper,              splitId: thisdata.splitId,            });          }        }        this.state.pagination.current = data.data.pageNo;        this.state.pagination.total = data.data.totalCount;        if (data.data && data.data.list && !data.data.list.length) {          this.state.pagination.current = 0;          this.state.pagination.total = 0;        }        this.setState({          dataSource: theArr,          pagination: this.state.pagination,        });      }.bind(this),    }).always(      function () {        this.setState({          loading: false,        });      }.bind(this)    );  },  getInitialState() {    return {      orderData: [],      orderNo: "",      jiedian: [],      jiedianNew: [],      activeKey: "1",      searchMore: true,      assignVisible: false,      releaseDate: [],      roleName: "",      testFlag: true,      departmentArr: [],      boHuivisible: false,      selectedRowKeys: [],      selectedRows: [],      paginations: false,      loading: false,      pagination: {        defaultCurrent: 1,        defaultPageSize: 10,        showQuickJumper: true,        pageSize: 10,        onChange: function (page) {          this.loadData(page);        }.bind(this),        showTotal: function (total) {          return "共" + total + "条数据";        },      },      columns: [        {          title: "项目编号",          dataIndex: "id",          key: "id",          render: (text, record) => {            if (record.splitStatus == 2) {              return <span>{record.splitSuper + "-" + record.splitId}</span>;            } else {              return text;            }          },        },        {          title: "任务名称",          dataIndex: "taskName",          key: "taskName",          className: "taskName",        },        {          title: "订单编号",          dataIndex: "orderNo",          key: "orderNo",        },        {          title: "业务类别",          dataIndex: "cname",          key: "cname",        },        {          title: "客户名称",          dataIndex: "userName",          key: "userName",          className: "userName",        },        {          title: "任务状态",          dataIndex: "taskStatus",          key: "taskStatus",          render: (text) => {            return getTaskStatus(text);          },        },        {          title: "项目状态",          dataIndex: "projectStatus",          key: "projectStatus",          render: (text) => {            return getProjectStatus(text);          },        },        {          title: "分配时间",          dataIndex: "taskDate",          key: "taskDate",        },        {          title: "任务数量",          dataIndex: "commodityQuantity",          key: "commodityQuantity",        },        {          title: "任务责任人",          dataIndex: "receiverName",          key: "receiverName",        },        {          title: "订单部门",          dataIndex: "depName",          key: "depName",        },      ],      dataSource: [],      searchTime: [],      columnsX: [        {          title: "业务项目名称",          dataIndex: "commodityName",          key: "commodityName",        },        {          title: "项目类别",          dataIndex: "cname",          key: "cname",        },        {          title: "项目数量",          dataIndex: "commodityQuantity",          key: "commodityQuantity",          render: (text, record) => {            if (record.splitStatus == 1) {              return (                <span>                  {text}{" "}                  <Tag                    color="#108ee9"                    onClick={(e) => {                      e.stopPropagation();                      this.showRes(record);                    }}                  >                    已拆                  </Tag>                </span>              );            } else {              return text;            }          },        },        {          title: "金额(万元)",          dataIndex: "commodityPrice",          key: "commodityPrice",        },        {          title: "负责人",          dataIndex: "contacts",          key: "contacts",        },        {          title: "负责人电话",          dataIndex: "contactsMobile",          key: "contactsMobile",        },        {          title: "主要项目",          dataIndex: "main",          key: "main",          render: (text) => {            return text ? "是" : "否";          },        },        {          title: "项目说明",          dataIndex: "taskComment",          key: "taskComment",          render: (text) => {            return text && text.length > 8 ? text.substr(0, 8) + "…" : text;          },        },      ],      columnsA: [        {          title: "流程",          dataIndex: "content",          key: "content",          align: "center",        },        {          title: "操作人",          dataIndex: "aName",          key: "aName",          align: "center",        },        {          title: "时间",          dataIndex: "createTimes",          key: "createTimes",          align: "center",        },      ],      dataSourceX: [],      dataSourceA: [],      ContactsLists: [        {          title: "批次",          dataIndex: "num",          key: "num",        },        {          title: "下证时间",          dataIndex: "licenceTimes",          key: "licenceTimes",        },        {          title: "下证数量",          dataIndex: "alreadyNumber",          key: "alreadyNumber",        },        {          title: "未下证数量",          dataIndex: "notCount",          key: "notCount",        },      ],    };  },  /* 分派 */  evaluate(record, nub) {    this.state.assignData = record;    this.setState({      nub,      assignVisible: true,    });  },  componentDidMount() {    this.setColor();  },  componentWillMount() {    this.departmentList();    this.loadData();  },  tableRowClick(record) {    let str = record.taskName;    let test = str.indexOf("会员")    if(test == -1) {      this.setState({        isHuiyuan: false      })    }else {      this.setState({        isHuiyuan: true      })    }    this.state.RowData = record;    if (record.taskName.substring(0, 5) === "软件著作权") {      this.setState({        speVisible: true,        id: record.id,        splitStatus: record.splitStatus,        splitSuper: record.splitSuper,        splitId: record.splitId,        dataArr: record,        commodityQuantity: record.commodityQuantity,      });    } else {      this.setState({        visible: true,        splitStatus: record.splitStatus,        splitSuper: record.splitSuper,        splitId: record.splitId,      });    }    this.xiangqing(record.id, record.taskName);    this.xiangqings(record.orderNo);    this.xiangmu(record.orderNo);    this.loaduserss(record);  },  // 拆分详细  showRes(record) {    this.setState({      resVisible: true,      resRecord: record,    });  },  resCancel() {    this.setState({      resVisible: false,    });  },  //订单详情  xiangqing(id) {    $.ajax({      method: "get",      dataType: "json",      crossDomain: false,      url: globalConfig.context + "/api/admin/orderProject/orderTaskDetail",      data: {        id: id,      },      success: function (data) {        if (data.error.length || data.data.list == "") {          if (data.error && data.error.length) {            message.warning(data.error[0].message);          }        } else {          let thisdata = data.data;          this.setState({            id: thisdata.id, //ID            orderNo: thisdata.orderNo, //订单编号            userName: thisdata.userName, //客户名称            taskName: thisdata.taskName, //任务名称            cname: thisdata.cname, //项目品类            contractNo: thisdata.contractNo, //合同编号            projectStatus: thisdata.projectStatus, //项目状态            taskStatus: thisdata.taskStatus, //任务状态            taskDate: thisdata.taskDate, //分配时间            taskComment: thisdata.taskComment, //说明            attachmentUrl: thisdata.attachmentUrl              ? splitUrl(                  thisdata.attachmentUrl,                  ",",                  globalConfig.avatarHost + "/upload"                )              : [], //图片地址            salesmanName: thisdata.salesmanName, //订单负责人            startDate: thisdata.startDate, //启动日期            endDate: thisdata.endDate, //结束日期            acceptDate: thisdata.acceptDate, //受理日期            reviewDate: thisdata.reviewDate, //评审日期            publicityDate: thisdata.publicityDate, //公示日期            licenceDate: thisdata.licenceDate, //发证日期            contacts: thisdata.contacts, //联系人            contactMobile: thisdata.contactMobile, //联系人电话            legalPerson: thisdata.legalPerson, //法人            legalPersonTel: thisdata.legalPersonTel, //法人电话            certificateNumber: thisdata.certificateNumber, //证书编号            status: thisdata.status, //状态            formRetrieve: thisdata.formRetrieve, //满意度表格            taskRefund: thisdata.taskRefund, //退单            refundContent: thisdata.refundContent, //退单信息            retrieveContent: thisdata.retrieveContent, //回收信息            arrivalMoney: thisdata.arrivalMoney, //是否到款            setUpAmount: thisdata.setUpAmount, //立项金额            declareUser: thisdata.declareUser, //账号            declarePwd: thisdata.declarePwd, //密码            depName: thisdata.depName, //订单部门            outsourceName: thisdata.outsourceName, //外包公司名称            outsourcePrice: thisdata.outsourcePrice, //外包价格            declarationBatch: thisdata.declarationBatch,          });        }      }.bind(this),    }).always(      function () {        this.setState({          loading: false,        });      }.bind(this)    );  },  //订单详情  xiangqings(orderNos) {    $.ajax({      method: "get",      dataType: "json",      crossDomain: false,      url: globalConfig.context + "/api/admin/newOrder/getOrderNewDetail",      data: {        orderNo: orderNos,      },      success: function (data) {        let thisdata = data.data;        let ProvinceCityArr = [];        let ProvinceS = thisdata.locationProvince; //省        let citys = thisdata.locationCity; //市        let Areas = thisdata.locationArea; //区        ProvinceCityArr.push(ProvinceS, citys, Areas);        if (data.error.length || data.data.list == "") {          if (data.error && data.error.length) {            message.warning(data.error[0].message);          }        } else {          this.setState({            processStatus: thisdata.processStatus, //流程状态            liquidationStatus: thisdata.liquidationStatus, //结算状态            approval: thisdata.approval, //特批状态            orderRemarks: thisdata.orderRemarks, //订单留言            salesmanName: thisdata.salesmanName, //营销员名称            salesmanMobile: thisdata.salesmanMobile, //营销员电话            oldSalesmanName: thisdata.oldSalesmanName, //营销员名称            oldSalesmanMobile: thisdata.oldSalesmanMobile, //营销员电话            financeName: thisdata.financeName, //财务名称            financeMobile: thisdata.financeMobile, //财务电话            nowFinance: thisdata.nowFinance, //财务名称            nowFinanceMobile: thisdata.nowFinanceMobile, //财务电话            depName: thisdata.depName, //订单部门            locationProvince: thisdata.locationProvince,            locationCity: thisdata.locationCity,            locationArea: thisdata.locationArea,            ProvinceCity: ProvinceCityArr,            postalAddress: thisdata.postalAddress, //详细地址            outsource: thisdata.outsource,          });        }      }.bind(this),    }).always(      function () {        this.setState({          loading: false,        });      }.bind(this)    );  },  //查看下证信息  loaduserss(record) {    $.ajax({      method: "get",      dataType: "json",      crossDomain: false,      url: globalConfig.context + "/api/admin/orderProject/selectTaskProgress",      data: {        tid: record.id,      },      success: function (data) {        let theArr = [];        let thisData = [];        if (!thisData) {          if (data.error && data.error.length) {            message.warning(data.error[0].message);          }          thisData = {};        } else {          for (let i = 0; i < data.data.length; i++) {            thisData = data.data[i];            theArr.push({              num: i + 1,              key: i,              id: thisData.id, //编号              alreadyNumber: thisData.alreadyNumber, //下证数              licenceTimes: thisData.licenceTimes, //下证时间              notCount: thisData.notCount, //未下证数              flag: true,            });          }          this.setState({            contactList: theArr,          });        }      }.bind(this),    }).always(      function () {        this.setState({          loading: false,        });      }.bind(this)    );  },  //项目列表  xiangmu(orderNos) {    this.setState({      loading: true,    });    $.ajax({      method: "get",      dataType: "json",      crossDomain: false,      url: globalConfig.context + "/api/admin/newOrder/getOrderTask",      data: {        orderNo: orderNos,      },      success: function (data) {        let theArr = [];        if (data.error.length || data.data.list == "") {          if (data.error && data.error.length) {            message.warning(data.error[0].message);          }        } else {          for (let i = 0; i < data.data.length; i++) {            let thisdata = data.data[i];            theArr.push({              key: i,              id: thisdata.id,              orderNo: thisdata.orderNo, //订单编号              commodityId: thisdata.commodityId, //项目ID              commodityName: thisdata.commodityName, //项目名称              cname: thisdata.cname, //项目类别              commodityPrice: thisdata.commodityPrice, //项目价格              commodityQuantity: thisdata.commodityQuantity, //项目数量              main: thisdata.main, //是否为主要任务              taskComment: thisdata.taskComment, //任务说明              contacts: thisdata.contacts, //联系人              contactsMobile: thisdata.contactsMobile, //联系人电话              taskStatus: thisdata.taskStatus, //是否分配              splitStatus: thisdata.splitStatus, //是否为子项目 2是 1主项目              splitSuper: thisdata.splitSuper,              splitId: thisdata.splitId,            });          }        }        this.setState({          dataSourceX: theArr,        });      }.bind(this),    }).always(      function () {        this.setState({          loading: false,        });      }.bind(this)    );  },  caozuorizhi() {    this.setState({      visibleA: true,    });    $.ajax({      method: "get",      dataType: "json",      crossDomain: false,      url: globalConfig.context + "/api/admin/orderProject/TaskLogList",      data: {        id: this.state.id,      },      success: function (data) {        let theArr = [];        if (data.error.length || data.data.list == "") {          if (data.error && data.error.length) {            message.warning(data.error[0].message);          }        } else {          for (let i = 0; i < data.data.length; i++) {            let thisdata = data.data[i];            theArr.push({              key: i,              id: thisdata.id, //日志ID              content: thisdata.content, //流程              taskId: thisdata.taskId, //任务ID              aName: thisdata.aName, //负责人              createTimes: thisdata.createTimes, //时间            });          }        }        this.setState({          dataSourceA: theArr,        });      }.bind(this),    }).always(      function () {        this.setState({          loading: false,        });      }.bind(this)    );  },  //关闭操作工时  visitCancelA() {    this.setState({      visibleA: false,    });  },  //关闭详情  visitCancel() {    this.setState({      visible: false,      speVisible: false,      activeKey: "1",    });    this.reset();  },  visitOk() {    this.setState({      visible: false,    });    this.reset();  },  setColor() {    $(".userName span").after(      "(<span class='ruanzhu'>软著数</span>/<span class='xiazheng'>下证数</span>)"    );  },  closeDesc(e, s) {    this.state.showDesc = e;    if (s) {      this.loadData(this.state.page);    }  },  closeAssign(e, s) {    this.state.roleName = "";    this.state.assignVisible = e;    if (s) {      this.loadData(this.state.page);    }  },  nextCancel() {    this.setState({      addnextVisible: false,    });  },  //点击打卡项目详情  tableRowClickX(record) {    this.setState({      jid: record.id, //项目ID      kid: record.commodityId, //商品ID      commodityName: record.commodityName, //金额      commodityPrice: record.commodityPrice, //金额      commodityQuantity: record.commodityQuantity, //数量      taskComment: record.taskComment, //备注      main: record.main.toString(), //是否为主要      addnextVisible: true,      addState: 0,    });  },  search() {    this.loadData();  },  orderChange(key) {    this.setState({      activeKey: key,    });    if (key == 2) {      this.orderDetailData(this.state.orderNo);      this.xiangmu(this.state.orderNo);      this.jiedian(this.state.orderNo);      this.jiedianNew(this.state.orderNo);    }  },  //节点列表  jiedian(orderNos) {    $.ajax({      method: "get",      dataType: "json",      crossDomain: false,      url: globalConfig.context + "/api/admin/newOrder/selectOrderDun",      data: {        orderNo: orderNos,      },      success: function (data) {        let theArr = [];        let thisData = [];        if (data.error.length || data.data.list == "") {          if (data.error && data.error.length) {            message.warning(data.error[0].message);          }        } else {          for (let i = 0; i < data.data.length; i++) {            thisData = data.data[i];            theArr.push({              key: i,              dunSubject: thisData.dunSubject                ? thisData.dunSubject.toString()                : "", //催款科目              id: thisData.id, //节点Id              money: thisData.money, //催款金额              dunStatus: thisData.dunStatus, //催款状态            });          }          this.setState({            jiedian: theArr,          });        }      }.bind(this),    });  },  jiedianNew(orderNos) {    $.ajax({      method: "get",      dataType: "json",      crossDomain: false,      url:        globalConfig.context + "/api/admin/newOrderDun/selectListNewOrderDun",      data: {        orderNo: orderNos,      },      success: function (data) {        if (data.error && data.error.length) {          message.warning(data.error[0].message);        } else {          let theArr = [];          let thisData = [];          let arr = data.data || [];          let totalCui = 0;          for (let i = 0; i < arr.length; i++) {            thisData = arr[i];            totalCui += +thisData.money;            theArr.push({              key: i,              dunSubject: thisData.dunSubject                ? thisData.dunSubject.toString()                : "", //催款科目              id: thisData.id, //节点Id              money: thisData.money, //催款金额              // orderNo: record ? record.orderNo : this.props.datauser.orderNo,              commodityName: thisData.commodityName,              projectType: thisData.projectType,              dunTypeName: thisData.dunTypeName,              status: thisData.status,              waitDay: thisData.waitDay,              effectiveCount: thisData.effectiveCount,              startDate: thisData.startDate,              dunType: thisData.dunType,              appropriationRatio: thisData.appropriationRatio,              customizeName: thisData.customizeName,              customizeTimes: thisData.customizeTimes,            });          }          if (!totalCui) {            totalCui = 0;          }          totalCui = (Math.round(totalCui * 10000) / 10000).toFixed(4);          this.setState({            jiedianNew: theArr,            totalCui,          });        }      }.bind(this),    }).always(      function () {        this.setState({          loading: false,        });      }.bind(this)    );  },  orderDetailData(orderNos) {    this.setState({      loading: true,    });    $.ajax({      method: "get",      dataType: "json",      crossDomain: false,      url: globalConfig.context + "/api/admin/newOrder/getOrderNewDetail",      data: {        orderNo: orderNos,      },      success: function (data) {        if (data.error.length || data.data.list == "") {          if (data.error && data.error.length) {            message.warning(data.error[0].message);            this.setState({              loading: false,            });          }        } else {          let thisdata = data.data;          this.setState({            loading: false,            userName: thisdata.userName,            primaryOrderNo: thisdata.primaryOrder,            additionalOrder: thisdata.additionalOrder,            contractNo: thisdata.contractNo,            orderData: thisdata,            isAddition: thisdata.additionalOrder ? true : false,            contractPictureUrl: thisdata.contractPictureUrl              ? splitUrl(                  thisdata.contractPictureUrl,                  ",",                  globalConfig.avatarHost + "/upload"                )              : [],          });        }      }.bind(this),    });  },  reset() {    this.state.nameSearch = "";    this.state.releaseDate = [];    this.state.orderNoSearch = "";    this.state.taskNoSearch = "";    this.state.departmenttSearch = undefined;    this.loadData(this.state.page);  },  searchSwitch() {    this.setState({      searchMore: !this.state.searchMore,    });  },  //部门  departmentList() {    this.setState({      loading: true,    });    $.ajax({      method: "get",      dataType: "json",      crossDomain: false,      url: globalConfig.context + "/api/admin/organization/selectSuperId",      data: {},      success: function (data) {        let thedata = data.data;        let theArr = [];        if (!thedata) {          if (data.error && data.error.length) {            message.warning(data.error[0].message);          }          thedata = {};        } else {          thedata.map(function (item, index) {            theArr.push({              key: index,              name: item.name,              id: item.id,            });          });        }        this.setState({          departmentArr: theArr,        });      }.bind(this),    }).always(      function () {        this.setState({          loading: false,        });      }.bind(this)    );  },  rizhi() {    this.setState({      loading: true,    });    $.ajax({      method: "get",      dataType: "json",      crossDomain: false,      url: "/api/admin/newOrder/selectOrderLog",      data: {        orderNo: this.state.orderNo,      },      success: function (data) {        let theArr = [];        let thisData = data.data;        if (!thisData.length) {          if (data.error && data.error.length) {            message.warning(data.error[0].message);          }          thisData = {};        } else {          for (let i = 0; i < data.data.length; i++) {            let thisdata = data.data[i];            theArr.push({              processName: thisdata.processName,              adminName: thisdata.adminName,              createDate: thisdata.createDate,              remarks: thisdata.remarks,            });          }        }        this.setState({          dataSourceY: theArr,        });      }.bind(this),    }).always(      function () {        this.setState({          loading: false,        });      }.bind(this)    );  },  closeOrderLog() {    this.setState({      avisible: false,    });  },  getOrderLog() {    this.setState({      avisible: true,    });    this.rizhi();  },  render() {    const utils = {      getSatisfaction: function (num) {        switch (num) {          case 0:            return "未收回";          case 1:            return "已收回";          default:            return "其它";        }      },      getChargeback: function (num) {        switch (num) {          case 0:            return "已完成";          case 1:            return "未完成";          default:            return "其它";        }      },    };    const formItemLayout = {      labelCol: { span: 8 },      wrapperCol: { span: 14 },    };    let departmentArr = this.state.departmentArr || [];    return (      <div className="user-content">        <ShowModalDiv ShowModal={this.state.showModal} />        <div className="content-title">          <span>任务查询</span>        </div>        <Tabs defaultActiveKey="1" onChange={this.callback} className="test">          <TabPane tab="搜索" key="1">            <div className="user-search" style={{ marginLeft: 10 }}>              <Input                placeholder="客户名称"                style={{ width: 150 }}                value={this.state.nameSearch}                onChange={(e) => {                  this.setState({ nameSearch: e.target.value });                }}              />              <Input                placeholder="订单编号"                value={this.state.orderNoSearch}                onChange={(e) => {                  this.setState({ orderNoSearch: e.target.value });                }}              />              <Input                placeholder="任务编号"                value={this.state.taskNoSearch}                onChange={(e) => {                  this.setState({ taskNoSearch: e.target.value });                }}              />              <Select                placeholder="选择部门"                style={{ width: 150, marginRight: "10px" }}                value={this.state.departmenttSearch}                onChange={(e) => {                  this.setState({ departmenttSearch: e });                }}              >                {departmentArr.map(function (item) {                  return (                    <Select.Option key={item.id}>{item.name}</Select.Option>                  );                })}              </Select>              <Button type="primary" onClick={this.search}>                搜索              </Button>              <Button onClick={this.reset}>重置</Button>              {/* <span>更多搜索<Switch defaultChecked={false} onChange={this.searchSwitch.bind(this)} /></span>                    <div className="search-more" style={this.state.searchMore ? { display: 'none' } : {}}>                        <span>订单时间 :</span>                        <RangePicker                            value={[this.state.releaseDate[0] ? moment(this.state.releaseDate[0]) : null,                            this.state.releaseDate[1] ? moment(this.state.releaseDate[1]) : null]}                            onChange={(data, dataString) => { this.setState({ releaseDate: dataString }); }} />                    </div> */}            </div>          </TabPane>        </Tabs>        <div className="patent-table">          <Spin spinning={this.state.loading}>            <Table              bordered              size="small"              columns={this.state.columns}              dataSource={this.state.dataSource}              onHeaderRow={(column) => {                console.log(column.index);              }}              pagination={this.state.pagination}              onRowClick={this.tableRowClick.bind(this)}            />          </Spin>        </div>        <Assign          title="任务"          selApi={"/api/admin/orderProject/projectDistribution"}          data={this.state.assignData}          showDesc={this.state.assignVisible}          closeDesc={this.closeAssign.bind(this)}          fenpaiData={8}          specially={0}          roleName={this.state.nub}        />        <Modal          className="customeDetails"          footer=""          title=""          width="900px"          visible={this.state.visible}          onOk={this.visitOk}          onCancel={this.visitCancel}        >          <Tabs activeKey={this.state.activeKey} onChange={this.orderChange}>            <TabPane tab="项目概况" key="1">              <Form                layout="horizontal"                onSubmit={this.handleSubmit}                id="demand-form"                style={{ paddingBottom: "00px" }}              >                <Spin spinning={this.state.loading}>                  <div className="clearfix">                    <div className="clearfix">                      <FormItem                        className="half-item"                        {...formItemLayout}                        label="当前项目情况"                      >                        <span>{this.state.status ? "暂停" : "开启"}</span>                        <Button                          type="primary"                          size="small"                          style={{ marginTop: "5px", position: "absolute" }}                          onClick={this.caozuorizhi}                        >                          操作日志                        </Button>                      </FormItem>                      <FormItem                        className="half-item"                        {...formItemLayout}                        label="合同编号"                      >                        <span>{this.state.contractNo}</span>                      </FormItem>                    </div>                    <div className="clearfix">                      <FormItem                        className="half-item"                        {...formItemLayout}                        label="项目状态"                      >                        <span>                          {getProjectStatus(this.state.projectStatus)}                        </span>                      </FormItem>                      <FormItem                        className="half-item"                        {...formItemLayout}                        label="是否特批"                      >                        <span>{getApproval(this.state.approval)}</span>                      </FormItem>                      <FormItem                        className="half-item"                        {...formItemLayout}                        label="结算状态"                      >                        <span>                          {getLiquidationStatus(this.state.liquidationStatus)}                        </span>                      </FormItem>                      <FormItem                        className="half-item"                        {...formItemLayout}                        label="流程状态"                      >                        <span>                          {getProcessStatus(this.state.processStatus)}                        </span>                      </FormItem>                      <FormItem                        className="half-item"                        {...formItemLayout}                        label="订单编号"                      >                        <span>{this.state.orderNo}</span>                      </FormItem>                      <FormItem                        className="half-item"                        {...formItemLayout}                        label="是否外包"                      >                        <span>{this.state.outsource == 0 ? "否" : "是"}</span>                      </FormItem>                    </div>                    <div className="clearfix">                      <FormItem                        className="half-item"                        {...formItemLayout}                        label="满意度表格"                      >                        <span>                          {utils.getSatisfaction(this.state.formRetrieve)}                        </span>                      </FormItem>                      <FormItem                        className="half-item"                        {...formItemLayout}                        label="退单"                      >                        <span>                          {utils.getChargeback(this.state.taskRefund)}                        </span>                      </FormItem>                    </div>                    <div className="clearfix">                      {                        <FormItem                          className="half-item"                          {...formItemLayout}                          label="(满意度)备注"                        >                          <span>{this.state.retrieveContent}</span>                        </FormItem>                      }                      {                        <FormItem                          className="half-item"                          {...formItemLayout}                          label="(退单)备注"                        >                          <span>{this.state.refundContent}</span>                        </FormItem>                      }                    </div>                    <div className="clearfix">                      <h3 className="sub-title">任务信息</h3>                      <FormItem                        className="half-item"                        {...formItemLayout}                        label="任务编号"                      >                        <span>                          {this.state.splitStatus == 2                            ? this.state.splitSuper + "-" + this.state.splitId                            : this.state.id}                        </span>                      </FormItem>                      <FormItem                        className="half-item"                        {...formItemLayout}                        label="任务名称"                      >                        <span>{this.state.taskName}</span>                      </FormItem>                      <FormItem                        className="half-item"                        {...formItemLayout}                        label="任务状态"                      >                        <span>{getTaskStatus(this.state.taskStatus)}</span>                      </FormItem>                      <FormItem                        className="half-item"                        {...formItemLayout}                        label="任务类别"                      >                        <span>{this.state.cname}</span>                      </FormItem>                      <FormItem                        className="half-item"                        {...formItemLayout}                        label="证书编号"                      >                        <span>{this.state.certificateNumber}</span>                      </FormItem>                    </div>                    {this.state.outsource === 1 ? (                      <div className="clearfix">                        <h3 className="sub-title">外包信息</h3>                        <FormItem                          className="half-item"                          {...formItemLayout}                          label="外包公司"                        >                          <span>{this.state.outsourceName}</span>                        </FormItem>                        <FormItem                          className="half-item"                          {...formItemLayout}                          label="外包成本(万元)"                        >                          <span>{this.state.outsourcePrice}</span>                        </FormItem>                      </div>                    ) : (                      ""                    )}                    {/*<hr style={{border:'1px dashed #aaa', width:"90%",margin:'auto'}}/>*/}                    <div className="clearfix">                      <h3 className="sub-title">联系信息</h3>                      <FormItem                        className="half-item"                        {...formItemLayout}                        label="客户名称"                      >                        <span>{this.state.userName}</span>                      </FormItem>                      <FormItem                        className="half-item"                        {...formItemLayout}                        label="企业法人"                      >                        <span>{this.state.legalPerson}</span>                      </FormItem>                      <FormItem                        className="half-item"                        {...formItemLayout}                        label="法人电话"                      >                        <span>{this.state.legalPersonTel}</span>                      </FormItem>                      <FormItem                        className="half-item"                        {...formItemLayout}                        label="客户联系人"                      >                        <span>{this.state.contacts}</span>                      </FormItem>                      <FormItem                        className="half-item"                        {...formItemLayout}                        label="联系人电话"                      >                        <span>{this.state.contactMobile}</span>                      </FormItem>                      <FormItem                        className="half-item"                        {...formItemLayout}                        label="企业地址"                      >                        <span>                          {getprovince(this.state.locationProvince)}/                          {getprovince(this.state.locationCity)}/                          {getprovince(this.state.locationArea)}                        </span>                      </FormItem>                      <FormItem                        className="half-item"                        {...formItemLayout}                        label=""                      ></FormItem>                      <FormItem className="half-item" {...formItemLayout}>                        <span style={{ paddingLeft: "12em" }}>                          {this.state.postalAddress}                        </span>                      </FormItem>                    </div>                    {/*<hr style={{border:'1px dashed #aaa', width:"90%",margin:'auto'}}/>*/}                    <div className="clearfix">                      <h3 className="sub-title">订单负责人信息</h3>                      <FormItem                        className="half-item"                        {...formItemLayout}                        label="负责人"                      >                        <span>                          {this.state.salesmanName +                            "(" +                            this.state.depName +                            ")"}                        </span>                      </FormItem>                      <FormItem                        className="half-item"                        {...formItemLayout}                        label="负责人电话"                      >                        <span>{this.state.salesmanMobile}</span>                      </FormItem>                      <FormItem                        className="half-item"                        {...formItemLayout}                        label="当前财务负责人"                      >                        <span>{this.state.nowFinance}</span>                      </FormItem>                      <FormItem                        className="half-item"                        {...formItemLayout}                        label="当前财务负责人电话"                      >                        <span>{this.state.nowFinanceMobile}</span>                      </FormItem>                      <FormItem                        className="half-item"                        {...formItemLayout}                        style={{ opacity: ".5" }}                        label="原负责人"                      >                        <span>{this.state.oldSalesmanName}</span>                      </FormItem>                      <FormItem                        className="half-item"                        {...formItemLayout}                        style={{ opacity: ".5" }}                        label="原负责人电话"                      >                        <span>{this.state.oldSalesmanMobile}</span>                      </FormItem>                      <FormItem                        className="half-item"                        {...formItemLayout}                        style={{ opacity: ".5" }}                        label="实际财务操作人"                      >                        <span>{this.state.financeName}</span>                      </FormItem>                      <FormItem                        className="half-item"                        {...formItemLayout}                        style={{ opacity: ".5" }}                        label="实际财务操作人电话"                      >                        <span>{this.state.financeMobile}</span>                      </FormItem>                      <FormItem                        className="half-item"                        {...formItemLayout}                        label="订单留言"                      >                        <span>{this.state.orderRemarks}</span>                      </FormItem>                      <FormItem                        className="half-item"                        {...formItemLayout}                        label=""                      >                        <Button onClick={this.getOrderLog}>查看订单日志</Button>                      </FormItem>                      <OrderRiZi                        dataSourcerizhi={this.state.dataSourceY}                        closeOrderLog={this.closeOrderLog}                        visible={this.state.avisible}                        loading={this.state.loading}                      />                    </div>                    <div className="clearfix">                      <h3 className="sub-title">申报系统账户信息</h3>                      {/*<span style={{color:'red'}}>注:仅技术部可见</span>*/}                      <FormItem                        className="half-item"                        {...formItemLayout}                        label="用户名"                      >                        <span>{this.state.declareUser}</span>                      </FormItem>                      <FormItem                        className="half-item"                        {...formItemLayout}                        label="密码"                      >                        <span>{this.state.declarePwd}</span>                      </FormItem>                    </div>                    <div className="clearfix">                      <h3 className="sub-title">项目申报进度</h3>                      <FormItem                        className="half-item"                        {...formItemLayout}                        label="申报批次"                      >                        <span>{this.state.declarationBatch}</span>                      </FormItem>                      <FormItem                        className="half-item"                        {...formItemLayout}                        label="启动时间"                      >                        <span>{this.state.startDate}</span>                      </FormItem>                      <FormItem                        className="half-item"                        {...formItemLayout}                        label="完成时间"                      >                        <span>{this.state.endDate}</span>                      </FormItem>                      <FormItem                        className="half-item"                        {...formItemLayout}                        label="受理时间"                      >                        <span>{this.state.acceptDate}</span>                      </FormItem>                      <FormItem                        className="half-item"                        {...formItemLayout}                        label="评审时间"                      >                        <span>{this.state.reviewDate}</span>                      </FormItem>                      <FormItem                        className="half-item"                        {...formItemLayout}                        label="公示时间"                      >                        <span>{this.state.publicityDate}</span>                      </FormItem>                      <FormItem                        className="half-item"                        {...formItemLayout}                        label="发证时间"                      >                        <span>{this.state.licenceDate}</span>                      </FormItem>                      <FormItem                        className="half-item"                        {...formItemLayout}                        label="立项金额(万元)"                      >                        <span>{this.state.setUpAmount}</span>                      </FormItem>                      <FormItem                        className="half-item"                        {...formItemLayout}                        label="是否到款"                      >                        <span>                          {this.state.arrivalMoney ? "已到企业" : "未到企业"}                        </span>                      </FormItem>                    </div>                    <div className="clearfix">                      <FormItem                        labelCol={{ span: 3 }}                        wrapperCol={{ span: 18 }}                        label="附件"                      >                        <Upload                          className="demandDetailShow-upload"                          listType="picture-card"                          fileList={this.state.attachmentUrl}                          onPreview={(file) => {                            this.setState({                              previewImage: file.url || file.thumbUrl,                              previewVisible: true,                            });                          }}                        ></Upload>                        <Modal                          maskClosable={false}                          footer={null}                          visible={this.state.previewVisible}                          onCancel={() => {                            this.setState({ previewVisible: false });                          }}                        >                          <img                            alt=""                            style={{ width: "100%" }}                            src={this.state.previewImage || ""}                          />                        </Modal>                      </FormItem>                    </div>                    <div className="clearfix">                      <FormItem                        labelCol={{ span: 3 }}                        wrapperCol={{ span: 16 }}                        label="备注"                      >                        <span>{this.state.taskComment}</span>                      </FormItem>                    </div>                    <div>                      <h3 className="sub-title">项目业务</h3>                      {this.state.processStatus == 0 ? (                        <Button                          type="primary"                          onClick={this.addDetailed}                          style={{                            float: "right",                            marginRight: "50px",                            marginBottom: "15px",                          }}                        >                          添加项目明细                        </Button>                      ) : (                        ""                      )}                    </div>                    <div className="patent-table">                      <Spin spinning={this.state.loading}>                        <Table                          columns={this.state.columnsX}                          dataSource={this.state.dataSourceX}                          pagination={this.state.paginations}                          onRowClick={this.tableRowClickX}                          bordered                          size="small"                        />                      </Spin>                    </div>                  </div>                </Spin>              </Form>            </TabPane>            {!this.props.isZxs || (this.state.isHuiyuan && this.props.isZxs) ? (              <TabPane tab="订单详情" key="2">                <Spin spinning={this.state.loading}>                  <OrderDetail                    orderData={this.state.orderData}                    getOrderLog={this.getOrderLog}                    dataSourceX={this.state.dataSourceX}                    contactList={this.state.jiedian}                    orderNo={this.state.orderNo}                    totalCui={this.state.totalCui}                    contactListNew={this.state.jiedianNew}                    pictureUrl={this.state.contractPictureUrl}                  />                </Spin>              </TabPane>            ) : (              ""            )}          </Tabs>        </Modal>        <Modal          maskClosable={false}          visible={this.state.addnextVisible}          onOk={this.nextCancel}          onCancel={this.nextCancel}          width="900px"          title="项目任务详情"          footer=""          className="admin-desc-content"        >          <Form layout="horizontal" onSubmit={this.nextSubmit} id="demand-form">            <Spin spinning={this.state.loading}>              <div className="clearfix">                <FormItem                  className="half-item"                  {...formItemLayout}                  label="项目名称"                >                  <span>{this.state.commodityName}</span>                </FormItem>                <FormItem                  className="half-item"                  {...formItemLayout}                  label="项目数量"                >                  <span>{this.state.commodityQuantity}</span>                </FormItem>                <FormItem                  className="half-item"                  {...formItemLayout}                  label="金额(万元)"                >                  <span>{this.state.commodityPrice}</span>                </FormItem>                <FormItem                  className="half-item"                  {...formItemLayout}                  label="主要项目"                >                  <span>{getboutique(this.state.main)}</span>                </FormItem>                <div className="clearfix">                  <FormItem                    labelCol={{ span: 4 }}                    wrapperCol={{ span: 16 }}                    label="服务说明"                  >                    <span>{this.state.taskComment}</span>                  </FormItem>                </div>              </div>            </Spin>          </Form>        </Modal>        <Modal          width="800px"          title="操作日志"          footer=""          className="admin-desc-content"        >          <div className="patent-table patent-table-center">            <Spin spinning={this.state.loading}>              <Table columns={this.state.columnsY} bordered size="small" />            </Spin>          </div>        </Modal>        <Modal          maskClosable={false}          visible={this.state.speVisible}          onOk={this.visitOk}          onCancel={this.visitCancel}          width="900px"          title=""          footer=""          className="admin-desc-content"        >          <Tabs activeKey={this.state.activeKey} onChange={this.orderChange}>            <TabPane tab="项目概况" key="1">              <div className="clearfix">                <FormItem                  className="half-item"                  {...formItemLayout}                  label="当前项目情况"                >                  <span>{this.state.status ? "暂停" : "开启"}</span>                  <Button                    type="primary"                    size="small"                    style={{ marginTop: "5px", position: "absolute" }}                    onClick={this.caozuorizhi}                  >                    操作日志                  </Button>                </FormItem>                <FormItem                  className="half-item"                  {...formItemLayout}                  label="合同编号"                >                  <span>{this.state.contractNo}</span>                </FormItem>              </div>              <div className="clearfix">                <FormItem                  className="half-item"                  {...formItemLayout}                  label="项目状态"                >                  <span>{getProjectStatus(this.state.projectStatus)}</span>                </FormItem>                <FormItem                  className="half-item"                  {...formItemLayout}                  label="是否特批"                >                  <span>{getApproval(this.state.approval)}</span>                </FormItem>                <FormItem                  className="half-item"                  {...formItemLayout}                  label="结算状态"                >                  <span>                    {getLiquidationStatus(this.state.liquidationStatus)}                  </span>                </FormItem>                <FormItem                  className="half-item"                  {...formItemLayout}                  label="流程状态"                >                  <span>{getProcessStatus(this.state.processStatus)}</span>                </FormItem>                <FormItem                  className="half-item"                  {...formItemLayout}                  label="订单编号"                >                  <span>{this.state.orderNo}</span>                </FormItem>              </div>              <div className="clearfix">                <FormItem                  className="half-item"                  {...formItemLayout}                  label="满意度表格"                >                  <span>{utils.getSatisfaction(this.state.formRetrieve)}</span>                </FormItem>                <FormItem                  className="half-item"                  {...formItemLayout}                  label="退单"                >                  <span>{utils.getChargeback(this.state.taskRefund)}</span>                </FormItem>              </div>              <div className="clearfix">                {                  <FormItem                    className="half-item"                    {...formItemLayout}                    label="(满意度)备注"                  >                    <span>{this.state.retrieveContent}</span>                  </FormItem>                }                {                  <FormItem                    className="half-item"                    {...formItemLayout}                    label="(退单)备注"                  >                    <span>{this.state.refundContent}</span>                  </FormItem>                }              </div>              <div className="clearfix">                <h3 className="sub-title">任务信息</h3>                <FormItem                  className="half-item"                  {...formItemLayout}                  label="任务编号"                >                  <span>                    {this.state.splitStatus == 2                      ? this.state.splitSuper + "-" + this.state.splitId                      : this.state.id}                  </span>                </FormItem>                <FormItem                  className="half-item"                  {...formItemLayout}                  label="任务名称"                >                  <span>{this.state.taskName}</span>                </FormItem>                <FormItem                  className="half-item"                  {...formItemLayout}                  label="任务状态"                >                  <span>{getTaskStatus(this.state.taskStatus)}</span>                </FormItem>                <FormItem                  className="half-item"                  {...formItemLayout}                  label="任务类别"                >                  <span>{this.state.cname}</span>                </FormItem>                <FormItem                  className="half-item"                  {...formItemLayout}                  label="证书编号"                >                  <span>{this.state.certificateNumber}</span>                </FormItem>              </div>              {/*<hr style={{border:'1px dashed #aaa', width:"90%",margin:'auto'}}/>*/}              <div className="clearfix">                <h3 className="sub-title">联系信息</h3>                <FormItem                  className="half-item"                  {...formItemLayout}                  label="客户名称"                >                  <span>{this.state.userName}</span>                </FormItem>                <FormItem                  className="half-item"                  {...formItemLayout}                  label="企业法人"                >                  <span>{this.state.legalPerson}</span>                </FormItem>                <FormItem                  className="half-item"                  {...formItemLayout}                  label="法人电话"                >                  <span>{this.state.legalPersonTel}</span>                </FormItem>                <FormItem                  className="half-item"                  {...formItemLayout}                  label="客户联系人"                >                  <span>{this.state.contacts}</span>                </FormItem>                <FormItem                  className="half-item"                  {...formItemLayout}                  label="联系人电话"                >                  <span>{this.state.contactMobile}</span>                </FormItem>                <FormItem                  className="half-item"                  {...formItemLayout}                  label="企业地址"                >                  <span>                    {getprovince(this.state.locationProvince)}/                    {getprovince(this.state.locationCity)}/                    {getprovince(this.state.locationArea)}                  </span>                </FormItem>                <FormItem                  className="half-item"                  {...formItemLayout}                  label=""                ></FormItem>                <FormItem className="half-item" {...formItemLayout} label="">                  <span style={{ paddingLeft: "12em" }}>                    {this.state.postalAddress}                  </span>                </FormItem>              </div>              {/*<hr style={{border:'1px dashed #aaa', width:"90%",margin:'auto'}}/>*/}              <div className="clearfix">                <h3 className="sub-title">订单负责人信息</h3>                <FormItem                  className="half-item"                  {...formItemLayout}                  label="负责人"                >                  <span>                    {this.state.salesmanName + "(" + this.state.depName + ")"}                  </span>                </FormItem>                <FormItem                  className="half-item"                  {...formItemLayout}                  label="负责人电话"                >                  <span>{this.state.salesmanMobile}</span>                </FormItem>                <FormItem                  className="half-item"                  {...formItemLayout}                  label="财务负责人"                >                  <span>{this.state.financeName}</span>                </FormItem>                <FormItem                  className="half-item"                  {...formItemLayout}                  label="财务负责人电话"                >                  <span>{this.state.financeMobile}</span>                </FormItem>              </div>              <div className="clearfix" style={{ marginTop: "10px" }}>                <FormItem                  labelCol={{ span: 3 }}                  wrapperCol={{ span: 18 }}                  label="附件"                >                  <Upload                    className="demandDetailShow-upload"                    listType="picture-card"                    fileList={this.state.attachmentUrl}                    onPreview={(file) => {                      this.setState({                        previewImage: file.url || file.thumbUrl,                        previewVisible: true,                      });                    }}                  ></Upload>                  <Modal                    maskClosable={false}                    footer={null}                    visible={this.state.previewVisible}                    onCancel={() => {                      this.setState({ previewVisible: false });                    }}                  >                    <img                      alt=""                      style={{ width: "100%" }}                      src={this.state.previewImage || ""}                    />                  </Modal>                </FormItem>              </div>              <div className="clearfix">                <FormItem                  labelCol={{ span: 3 }}                  wrapperCol={{ span: 16 }}                  label="备注"                >                  <span>{this.state.taskComment}</span>                </FormItem>              </div>              <div className="clearfix">                <FormItem                  labelCol={{ span: 3 }}                  wrapperCol={{ span: 16 }}                  label="订单留言"                >                  <span>{this.state.orderRemarks}</span>                </FormItem>              </div>              <div className="clearfix">                <FormItem                  labelCol={{ span: 3 }}                  wrapperCol={{ span: 16 }}                  label=""                >                  <Button                    style={{ marginLeft: 500 }}                    onClick={this.getOrderLog}                  >                    查看订单日志                  </Button>                </FormItem>              </div>              <OrderRiZi                dataSourcerizhi={this.state.dataSourceY}                closeOrderLog={this.closeOrderLog}                visible={this.state.avisible}                loading={this.state.loading}              />              <div className="clearfix">                <h3 className="sub-title">项目申报进度</h3>                <FormItem                  className="half-item"                  {...formItemLayout}                  label="申报批次"                >                  <span>{this.state.declarationBatch}</span>                </FormItem>                <FormItem                  className="half-item"                  {...formItemLayout}                  label="启动时间"                >                  <span>{this.state.startDate}</span>                </FormItem>                <FormItem                  className="half-item"                  {...formItemLayout}                  label="软著派单数量"                >                  <span>{this.state.commodityQuantity}</span>                </FormItem>                <div className="patent-table patent-table-center">                  <Spin spinning={this.state.loading}>                    <Table                      columns={this.state.ContactsLists}                      dataSource={this.state.contactList}                      pagination={false}                      bordered                      size="small"                    />                  </Spin>                </div>              </div>              <div className="clearfix">                <h3 className="sub-title">项目业务</h3>                <div className="patent-table">                  <Spin spinning={this.state.loading}>                    <Table                      columns={this.state.columnsX}                      dataSource={this.state.dataSourceX}                      pagination={this.state.paginations}                      onRowClick={this.tableRowClickX}                      bordered                      size="small"                    />                  </Spin>                </div>              </div>            </TabPane>            {!this.props.isZxs || (this.state.isHuiyuan && this.props.isZxs) ? (              <TabPane tab="订单详情" key="2">                <Spin spinning={this.state.loading}>                  <OrderDetail                    orderData={this.state.orderData}                    getOrderLog={this.getOrderLog}                    dataSourceX={this.state.dataSourceX}                    contactList={this.state.jiedian}                    orderNo={this.state.orderNo}                    totalCui={this.state.totalCui}                    contactListNew={this.state.jiedianNew}                    pictureUrl={this.state.contractPictureUrl}                  />                </Spin>              </TabPane>            ) : (              ""            )}          </Tabs>        </Modal>        <Modal          width="800px"          visible={this.state.visibleA}          onCancel={this.visitCancelA}          title="操作日志"          footer=""          className="admin-desc-content"        >          <div className="patent-table patent-table-center">            <Spin spinning={this.state.loading}>              <Table                columns={this.state.columnsA}                dataSource={this.state.dataSourceA}                pagination={false}                bordered                size="small"              />            </Spin>          </div>        </Modal>        {this.state.resVisible ? (          <ResolutionDetail            cancel={this.resCancel}            detail={this.state.resRecord}            visible={this.state.resVisible}            id={this.state.resRecord.orderNo}          />        ) : (          ""        )}      </div>    );  },}); export default Task;
 |