| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726 | import React from 'react';import $ from 'jquery/src/ajax';import moment from 'moment';import '../../order/userMangagement.less';import { boutique } from '../../../dataDic.js';import '@/manageCenter/financialManage/distribute/public.less';import {  Button,  Form,  Input,  Select,  Spin,  Table,  Switch,  Tag,  message,  DatePicker,  Modal,  AutoComplete,  Tabs,  Radio,  Tooltip,} from 'antd';import Assign from '@/manageCenter/publicComponent/assign';import ResolutionDetail from "@/resolutionDetail";import {  getProcessStatus,  getApproval,  getLiquidationStatus,  getApprovedState,  splitUrl,  getboutique,  ShowModal} from "@/tools";import ShowModalDiv from "@/showModal.jsx";import OrderRiZi from "@/orderRiZi.jsx";import { ChooseList } from "../../order/orderNew/chooseList";import ProjectDetailsReadOnly from "../../../common/projectDetailsReadOnly";import OrderItemStatus from "../../../common/orderItemStatus";import EnterpriseNameChange from "../../../common/enterpriseNameChange";import ProjectOperation from "../../../common/projectOperation";import Cascaders from "../../../common/cascaders";const zxsglyOutSourcingPaiDan = 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/newOrder/orderNewList",      data: {        pageNo: pageNo || 1,        pageSize: this.state.pagination.pageSize,        specially: 4, //咨询师管理列表        distribution: this.state.distribution, //全部列表        name: this.state.customerName, //名称        deps: this.state.departmenttSearch, //订单部门        orderNo: this.state.orderNoSearch, //订单编号        starTime: this.state.releaseDate[0], //开始时间        endTime: this.state.releaseDate[1], //结束时间        outsource: 1      },      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,              id: thisdata.id, //任务ID              orderNo: thisdata.orderNo, //订单编号              totalAmount: thisdata.totalAmount, //签单金额              processStatus: thisdata.processStatus, //流程状态              liquidationStatus: thisdata.liquidationStatus, //结算状态              approval: thisdata.approval, //特批状态              signDate: thisdata.signDate, //签单时间              userName: thisdata.userName, //客户名称              salesmanName: thisdata.salesmanName, //营销员名称              financeName: thisdata.financeName, //财务名称              consultantName: thisdata.consultantName, //项目负责人              createDate: thisdata.createDate, //下单时间              settlementAmount: thisdata.settlementAmount, //已交款项              depName: thisdata.depName, //部门名称              ischange: thisdata.ischange //是否通过变更生成的            });          }        }        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 {      distribution: "0",      customerArr: [],      searchMore: true,      assignVisible: false,      declarationBatch: 1,      dataInfor: {},      releaseDate: [],      attachmentUrl: [],      pictureUrl: [],      departmentArr: [],      boHuivisible: false,      selectedRowKeys: [],      selectedRows: [],      loading: false,      paginations: 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: "orderNo",          key: "orderNo",          render: (text, record) => {            if (record.ischange == 1) {              return (                <span>                  <Tag color="#f50">变更</Tag>                  {text}                </span>              );            } else {              return <span>{text}</span>;            }          }        },        {          title: "签单客户",          dataIndex: "userName",          key: "userName"        },        {          title: "下单时间",          dataIndex: "createDate",          key: "createDate"        },        {          title: "签单时间",          dataIndex: "signDate",          key: "signDate"        },        {          title: "订单总金额(万)",          dataIndex: "totalAmount",          key: "totalAmount"        },        {          title: "是否特批",          dataIndex: "approval",          key: "approval",          render: text => {            return getApproval(text);          }        },        {          title: "订单负责人",          dataIndex: "salesmanName",          key: "salesmanName"        },        {          title: "订单部门",          dataIndex: "depName",          key: "depName"        },        {          title: "财务负责人",          dataIndex: "financeName",          key: "financeName"        },        {          title: "项目负责人",          dataIndex: "consultantName",          key: "consultantName"        },        {          title: "分派状态",          dataIndex: "processStatus",          key: "processStatus",          render: text => {            return text == 5 || text == 6 ? getProcessStatus(text) : "未分配";          }        },        {          title: "操作",          dataIndex: "caozuo",          key: "caouzo",          render: (text, record) => {            return (              <div>                {record.settlementAmount == 0 ? (                  <Button                    type="primary"                    style={{ margin: "0 10px" }}                    onClick={e => {                      e.stopPropagation()                      this.examNo(record);                    }}                  >                    驳回                  </Button>                ) : (                  ""                )}              </div>            );          }        }      ],      columnsW: [        {          title: "外包名称",          dataIndex: "name",          key: "name"        },        {          title: "联系人",          dataIndex: "contacts",          key: "contacts"        },        {          title: "联系人电话",          dataIndex: "contactsMobile",          key: "contactsMobile"        },        {          title: "地址",          dataIndex: "ProvinceCity",          key: "ProvinceCity",          render: test => {            return test[0] === null              ? ""              : getprovince(test[0]) +              "/" +              getprovince(test[1]) +              "/" +              getprovince(test[2]);          }        },        {          title: "地址详情",          dataIndex: "address",          key: "address",          render: text => {            return text && text.length > 8 ? text.substr(0, 8) + "..." : text;          }        },        {          title: "创建时间",          dataIndex: "createTimes",          key: "createTimes"        },        {          title: "任务名称",          dataIndex: "tname",          key: "tname"        },        {          title: "合同编号",          dataIndex: "contractNo",          key: "contractNo"        },        {          title: "项目状态",          dataIndex: "projectStatus",          key: "projectStatus",          render: text => {            return getProjectName(text);          }        }      ],      columnsrizhi: [        {          title: "流程",          dataIndex: "processName",          key: "processName"        },        {          title: "操作人",          dataIndex: "adminName",          key: "adminName"        },        {          title: "时间",          dataIndex: "createDate",          key: "createDate"        }      ],      dataSource: [],      searchTime: [],      columnsX: [        {          title: "业务项目名称",          dataIndex: "commodityName",          key: "commodityName",          render: (text, record) => {            return (              <span>{text}<span style={{ color: "red" }}>{record.patentTypeName}</span></span>            )          }        },        {          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: "yearSum",          key: "yearSum",          render: (text, record) => {            return (              <div>{["", "一年", "二年", "三年", "四年", "五年"][text]}</div>            );          }        },        {          title: "年限",          dataIndex: "serviceLife",          key: "serviceLife",          render: (text, record) => {            return (<div>{!!text && JSON.parse(text).toString()}</div>            );          }        },        {          title: "本次派单",          dataIndex: "serviceYear",          key: "serviceYear",          render: (text, record) => {            return (              <div>{!text ? "" : text}</div>            );          }        },        {          title: "项目说明",          dataIndex: "taskComment",          key: "taskComment",          render: text => {            return (              <Tooltip title={text}>                <div                  style={{                    width: 100,                    overflow: "hidden",                    whiteSpace: "nowrap",                    textOverflow: "ellipsis",                  }}                >{text}</div>              </Tooltip>            )          }        },        {          title: "操作",          dataIndex: "caozuo",          key: "caouzo",          render: (text, record) => {            return (              <div>                {this.state.processStatus == 4 || record.taskStatus == 0 ? (                  <Button                    type="primary"                    style={{ margin: "0 10px" }}                    onClick={e => {                      e.stopPropagation(), this.evaluate(record);                    }}                  >                    分配任务                  </Button>                ) : (                  ""                )}              </div>            );          }        }      ],      dataSourceX: []    };  },  /* 分派 */  evaluate(record) {    this.state.assignData = record;    this.setState({      assignVisible: true    });  },  componentWillMount() {    // this.departmentList();    this.loadData();  },  tableRowClick(record) {    this.state.RowData = record;    this.setState({      displayFees: "block",      visible: true,      modKey: "1"    });    this.xiangqing(record.orderNo);    this.xiangmu(record.orderNo);    this.jiedian(record.orderNo);  },  //审核不通过  examOks() {    this.setState({      loading: true    });    $.ajax({      method: "post",      dataType: "json",      crossDomain: false,      url: globalConfig.context + "/api/admin/newOrder/technicianBackOrder",      data: {        orderNo: this.state.orderNo,        reason: this.state.reason      },      success: function (data) {        if (data.error.length || data.data == "") {          if (data.error && data.error.length) {            message.warning(data.error[0].message);          }        } else {          message.success("该订单已被驳回~");          this.setState({            visible: false,            noVisible: false,            reason: ""          });          this.reset();        }      }.bind(this)    }).always(      function () {        this.setState({          loading: false        });      }.bind(this)    );  },  //点击拒绝  examNo(record) {    this.setState({      noVisible: true,      orderNo: record.orderNo    });  },  //关闭输入理由框  noCancel() {    this.setState({      noVisible: false,      reason: ""    });  },  //订单详情  xiangqing(orderNos) {    $.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);          }        } else {          let thisdata = data.data;          this.setState({            orderUid: thisdata.uid,            orderNo: thisdata.orderNo, //订单编号            contractNo: thisdata.contractNo, //合同编号            userName: thisdata.userName, //客户名称            depName: thisdata.depName, //订单部门            signDate: thisdata.signDate, //签单时间            processStatus: thisdata.processStatus, //流程状态            liquidationStatus: thisdata.liquidationStatus, //结算状态            contacts: thisdata.contacts, //企业联系人            contactMobile: thisdata.contactMobile, //联系人电话            legalPerson: thisdata.legalPerson, //法人            legalPersonTel: thisdata.legalPersonTel, //法人电话            firstAmount: thisdata.firstAmount, //签单金额            totalAmount: thisdata.totalAmount, //首付金额            approval: thisdata.approval, //特批状态            settlementAmount: thisdata.settlementAmount, //已收款项            orderRemarks: thisdata.orderRemarks, //订单留言            orgCodeUrl: thisdata.contractPictureUrl              ? splitUrl(                thisdata.contractPictureUrl,                ",",                globalConfig.avatarHost + "/upload"              )              : [], //图片地址            salesmanName: thisdata.salesmanName, //营销员名称            salesmanMobile: thisdata.salesmanMobile, //营销员电话            financeName: thisdata.financeName, //财务名称            financeMobile: thisdata.financeMobile, //财务电话            oldSalesmanName: thisdata.oldSalesmanName, //营销员名称            oldSalesmanMobile: thisdata.oldSalesmanMobile, //营销员电话            nowFinance: thisdata.nowFinance, //财务名称            nowFinanceMobile: thisdata.nowFinanceMobile, //财务电话            deleteSign: thisdata.deleteSign,          });        }      }.bind(this)    }).always(      function () {        this.setState({          loading: false        });      }.bind(this)    );  },  //项目列表  xiangmu(orderNos) {    $.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];            thisdata.key = i;            theArr.push(thisdata);          }        }        this.setState({          dataSourceX: theArr        });      }.bind(this)    }).always(      function () {        this.setState({          loading: false        });      }.bind(this)    );  },  // 拆分详细  showRes(record) {    this.setState({      resVisible: true,      resRecord: record    });  },  resCancel() {    this.setState({      resVisible: false    });  },  rizhi() {    // console.log(this.state.orderNo);    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({          dataSourcerizhi: theArr        });      }.bind(this)    }).always(      function () {        this.setState({          loading: false        });      }.bind(this)    );  },  //查看订单日志  getOrderLog() {    this.setState({      rizhivisible: true    });    this.rizhi();  },  closeOrderLog() {    this.setState({      rizhivisible: false    });  },  load() {    if (this.state.attachmentUrl.length !== 0) {      let url = window.location.href.substring(7);      this.state.attachmentUrl.forEach(e => {        window.location.href =          "http://" +          url.substring(0, url.indexOf("/")) +          "/api/admin/outsourceOrg//downloadFile?path=" +          e.response.data;      });    } else {      message.error("此订单无上传文件");    }  },  supervisor(e, state) {    //客户名称与服务名称自动补全    $.ajax({      method: "get",      dataType: "json",      crossDomain: false,      url: "/api/admin/order/getBusinessProjectByName",      data: {        businessName: e      },      success: function (data) {        let thedata = data.data;        if (!thedata) {          if (data.error && data.error.length) {            message.warning(data.error[0].message);          }          thedata = {};        }        this.setState({          states: state,          customerArr: thedata        });      }.bind(this)    }).always(      function () {        this.setState({          loading: false        });      }.bind(this)    );  },  //服务值改变时请求客户名称  httpChange(e) {    this.state.gid = "";    if (e.length >= 1) {      this.supervisor(e, false);    }    this.setState({      commodityName: e    });  },  //详情  callBack(key) {    if (key === "2") {      this.setState({        modKey: key,        width: "1200px"      });      this.loadWaiBao();    }    if (key === "1") {      this.setState({        modKey: key      });    }    if (this.state.pictureUrl.length) {      let picArr = [];      this.state.pictureUrl.map(function (item) {        if (item.response && item.response.data && item.response.data.length) {          picArr.push(item.response.data);        }      });    }    if (key === "3") {      this.setState({        modKey: key      });      this.setState({        loading: true      });      $.ajax({        method: "get",        dataType: "json",        crossDomain: false,        url:          globalConfig.context + "/api/admin/outsourceOrg/orderOutsourceDtails",        data: {          orderNo: this.state.orderNo        },        success: function (data) {          let thisdata = data.data;          // console.log(thisdata);          if (thisdata) {            this.setState({              id: thisdata.id,              createTimes: thisdata.createTimes,              auditTimes: thisdata.auditTimes,              remarks: thisdata.remarks,              attachmentUrl: thisdata.attachmentUrl                ? splitUrl(                  thisdata.attachmentUrl,                  ",",                  globalConfig.avatarHost + "/upload"                )                : [],              pictureUrl: thisdata.pictureUrl                ? splitUrl(                  thisdata.pictureUrl,                  ",",                  globalConfig.avatarHost + "/upload"                )                : [], //图片地址              amount: thisdata.amount,              companyName: thisdata.companyName,              refundStatus: thisdata.refundStatus            });          }        }.bind(this)      }).always(        function () {          this.setState({            loading: false          });        }.bind(this)      );    }  },  //外包详情  loadWaiBao() {    $.ajax({      method: "get",      dataType: "json",      rossDomain: false,      url:        globalConfig.context +        "/api/admin/outsourceOrg/selectOrderOutsourceOrg",      data: {        orderNo: this.state.orderNo      },      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];            let ProvinceCityArr = [];            let ProvinceS = thisdata.province; //省            let citys = thisdata.city; //市            let Areas = thisdata.area; //区            ProvinceCityArr.push(ProvinceS, citys, Areas);            theArr.push({              key: i,              id: thisdata.id,              name: thisdata.name,              contacts: thisdata.contacts, //订单编号              contactsMobile: thisdata.contactsMobile,              ProvinceCity: ProvinceCityArr[0] === null ? [] : ProvinceCityArr,              province: thisdata.province,              city: thisdata.city,              area: thisdata.area,              address: thisdata.address,              remarks: thisdata.remarks,              tid: thisdata.tid,              createTimes: thisdata.createTimes,              tname: thisdata.tname,              contractNo: thisdata.contractNo,              projectStatus: thisdata.projectStatus            });          }        }        this.setState(          {            dataSourceW: theArr          },          () => { }        );      }.bind(this)    }).always(      function () {        this.setState({          loading: false        });      }.bind(this)    );  },  //上级主管输入框失去焦点是判断客户是否存在  selectAuto(value) {    let kid = [];    let fwList = this.state.customerArr;    fwList.map(function (item) {      if (value == item.bname) {        kid = item;      }    });    if (kid.type === 1) {      this.setState({        displayFees: "block",      });    } else {      this.setState({        displayFees: "none",      });    }    this.setState({      commodityName: value,      gid: kid.id,      //commodityPrice:kid.price==0?kid.price.toString():kid.price,      commodityFirstPayment:        kid.firstPayment == 0 ? kid.firstPayment.toString() : kid.firstPayment    });  },  //点击添加项目明细  addDetailed() {    this.setState({      projectOperationVisible: true,    });  },  //节点列表  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({            contactList: theArr          });        }      }.bind(this)    }).always(      function () {        this.setState({          loading: false        });      }.bind(this)    );  },  closeDesc(e, s) {    this.state.showDesc = e;    if (s) {      this.loadData(this.state.page);    }  },  closeAssign(e, s) {    this.state.assignVisible = e;    if (s) {      this.loadData(this.state.page);      this.xiangqing(this.state.orderNo);      this.xiangmu(this.state.orderNo);      this.jiedian(this.state.orderNo);    }  },  search() {    this.loadData();  },  reset() {    this.state.nameSearch = "";    this.state.customerName = "";    this.state.releaseDate = [];    this.state.orderNoSearch = "";    this.state.departmenttSearch = undefined;    this.state.distribution = undefined;    this.Cascaders.empty();    this.loadData(this.state.page);  },  nextCancel() {    this.setState({      projectOperationVisible: false,      gid: "",      dataInfor: {},    }, () => {      this.loadData();      this.xiangmu(this.state.orderNo);    });  },  //点击打卡项目详情  tableRowClickX(record) {    this.setState({      projectOperationVisible: true,      dataInfor: record,    })  },  searchSwitch() {    this.setState({      searchMore: !this.state.searchMore    });  },  //关闭详情  visitCancel() {    this.setState(      {        visible: false      },      () => {        this.setState({          modKey: "1"        });      }    );    // this.reset();  },  visitOk() {    this.setState({      visible: false    });    this.reset();  },  resets() {    this.state.orderNo = "";    this.state.customerName = "";    this.state.departmenttSearch = undefined;    this.state.releaseDate[0] = undefined;    this.state.releaseDate[1] = undefined;  },  //部门  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)    );  },  changeList(arr) {    const newArr = [];    this.state.columns.forEach(item => {      arr.forEach(val => {        if (val === item.title) {          newArr.push(item);        }      });    });    this.setState({      changeList: newArr    });  },  render() {    const { TabPane } = Tabs;    const formItemLayout = {      labelCol: { span: 8 },      wrapperCol: { span: 14 }    };    const dataSources = this.state.customerArr || [];    const options = dataSources.map((group, index) => (      <Select.Option key={index} value={group.bname}>        {group.bname}      </Select.Option>    ));    const FormItem = Form.Item;    const { RangePicker } = DatePicker;    let departmentArr = this.state.departmentArr || [];    return (      <div className="user-content">        <ShowModalDiv ShowModal={this.state.showModal} />        <div className="content-title" style={{ marginBottom: 10 }}>          <span style={{ fontWeight: 900, fontSize: 16 }}>外包项目派单</span>        </div>        <Tabs defaultActiveKey="1" onChange={this.callback} className="test">          <TabPane tab="搜索" key="1">            <div className="user-search">              <Input                placeholder="客户名称"                value={this.state.customerName}                style={{ marginLeft: 10 }}                onChange={e => {                  this.setState({ customerName: e.target.value });                }}              />              <Input                placeholder="订单编号"                value={this.state.orderNoSearch}                onChange={e => {                  this.setState({ orderNoSearch: e.target.value });                }}              />              <Cascaders                ref={node => this.Cascaders = node}                placeholder="选择部门"                id="id"                name="name"                children="list"                height={28}                onSel={(e) => {                  this.setState({                    departmenttSearch: JSON.stringify(e)                  })                }}              />              {/* <Select                placeholder="选择部门"                style={{ width: 200, 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> */}              <Select                onChange={e => {                  this.setState({ distribution: e });                }}                style={{ width: 160, marginRight: 5 }}                placeholder="分派状态"                value={this.state.distribution}              >                <Option value="0">未分配</Option>                <Option value="1">部分分配</Option>                <Option value="2">全部分配</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>          <TabPane tab="更改表格显示数据" key="2">            <div style={{ marginLeft: 10 }}>              <ChooseList                columns={this.state.columns}                changeFn={this.changeList}                changeList={this.state.changeList}                top={55}                margin={11}              />            </div>          </TabPane>        </Tabs>        <div className="patent-table">          <Spin spinning={this.state.loading}>            <Table              columns={                this.state.changeList                  ? this.state.changeList                  : this.state.columns              }              dataSource={this.state.dataSource}              pagination={this.state.pagination}              style={{                cursor: 'pointer',              }}              onRowClick={this.tableRowClick.bind(this)}              bordered              size="small"            />          </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={1}          roleName={"咨询师经理"}          requestMethod={"post"}        />        <Modal          className="customeDetails"          footer=""          width="1200px"          visible={this.state.visible}          onOk={this.visitOk}          onCancel={this.visitCancel}        >          <Tabs onChange={this.callBack} activeKey={this.state.modKey} tabBarExtraContent={            <div style={{ fontWeight: 'bold', paddingRight: '15px' }}>              <OrderItemStatus deleteSign={this.state.deleteSign} />            </div>          }>            <TabPane tab="项目概况" key="1">              <Form                layout="horizontal"                onSubmit={this.handleSubmit}                id="demand-form"                style={{ paddingBottom: "40px" }}              >                <Spin spinning={this.state.loading}>                  <div className="clearfix">                    <FormItem                      className="half-item"                      {...formItemLayout}                      label="订单编号"                    >                      <span>{this.state.orderNo}</span>                    </FormItem>                    <FormItem                      className="half-item"                      {...formItemLayout}                      label="合同编号"                    >                      <span>{this.state.contractNo}</span>                    </FormItem>                    <FormItem                      className="half-item"                      {...formItemLayout}                      label="客户名称"                    >                      <span>{this.state.userName}</span>                      <EnterpriseNameChange                        type='journal'                        style={{ marginLeft: 10 }}                        enterpriseId={this.state.orderUid} />                    </FormItem>                    <FormItem                      className="half-item"                      {...formItemLayout}                      label="合同签订时间"                    >                      <span>{this.state.signDate}</span>                    </FormItem>                    <FormItem                      className="half-item"                      {...formItemLayout}                      label="流程状态"                    >                      <span>{getProcessStatus(this.state.processStatus)}</span>                    </FormItem>                    <FormItem                      className="half-item"                      {...formItemLayout}                      label="结算状态"                    >                      <span>                        {getLiquidationStatus(this.state.liquidationStatus)}                      </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>{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.totalAmount}</span>                    </FormItem>                    <FormItem                      className="half-item"                      {...formItemLayout}                      label="首付金额(万元)"                    >                      <span>{this.state.firstAmount}</span>                    </FormItem>                    <FormItem                      className="half-item"                      {...formItemLayout}                      label="特批立项"                    >                      <span>{getApprovedState(this.state.approval)}</span>                    </FormItem>                    <FormItem                      className="half-item"                      {...formItemLayout}                      label="已收款项(万元)"                    >                      <span>{this.state.settlementAmount}</span>                    </FormItem>                    <div className="clearfix">                      <FormItem                        labelCol={{ span: 4 }}                        wrapperCol={{ span: 16 }}                        label="订单留言"                      >                        <p style={{ width: 500, wordWrap: "break-word" }}>                          {this.state.orderRemarks}                        </p>                      </FormItem>                      <Button                        style={{                          float: "right",                          marginRight: "140px",                          marginTop: "20px"                        }}                        onClick={this.getOrderLog}                      >                        查看订单 日志                      </Button>                    </div>                    <div className="clearfix">                      <FormItem                        className="half-item"                        {...formItemLayout}                        label="订单负责人"                      >                        <span>{this.state.salesmanName}</span>                      </FormItem>                      <FormItem                        className="half-item"                        {...formItemLayout}                        label="订单负责人电话"                      >                        <span>{this.state.salesmanMobile}</span>                      </FormItem>                      <FormItem                        className="half-item"                        {...formItemLayout}                        label="订单部门"                      >                        <span>{this.state.depName}</span>                      </FormItem>                    </div>                    <div className="clearfix">                      <FormItem                        className="half-item"                        {...formItemLayout}                        label="当前财务负责人"                      >                        <span>{this.state.nowFinance}</span>                      </FormItem>                      <FormItem                        className="half-item"                        {...formItemLayout}                        label="当前财务负责人电话"                      >                        <span>{this.state.nowFinanceMobile}</span>                      </FormItem>                    </div>                    <div className="clearfix">                      <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>                    </div>                    <div className="clearfix">                      <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>                    </div>                    {                      <div>                        <span style={{ marginLeft: "50px", fontSize: "20px" }}>                          项目业务                        </span>                        {                          <Button                            type="primary"                            onClick={this.addDetailed}                            style={{ float: "right", marginRight: "50px" }}                          >                            添加项目明细                          </Button>                        }                      </div>                    }                    <div className="patent-table">                      <Spin spinning={this.state.loading}>                        <Table                          columns={this.state.columnsX}                          dataSource={this.state.dataSourceX}                          pagination={this.state.paginations}                          style={{                            cursor: 'pointer',                          }}                          onRowClick={this.tableRowClickX}                        />                      </Spin>                    </div>                  </div>                </Spin>              </Form>            </TabPane>            <TabPane tab="外包详情" key="2">              <div className="clearfix">                <p style={{ color: "red" }}>                  提示:查看备注请点击表格左侧加号按钮~                </p>                <div className="patent-table">                  <Spin spinning={this.state.loading}>                    <Table                      columns={this.state.columnsW}                      dataSource={this.state.dataSourceW}                      pagination={false}                      expandedRowRender={record => (                        <p style={{ margin: 0 }}>{record.remarks}</p>                      )}                      scroll={{ x: 300, y: 0 }}                    />                  </Spin>                </div>              </div>            </TabPane>            {/*<TabPane tab="外包审核" key="2">								<div className="clearfix">									<FormItem className="half-item"									    {...formItemLayout}									    label="外包公司" >									    <span>{this.state.companyName}</span>									</FormItem>								</div>								<div className="clearfix">									<FormItem className="half-item"									    {...formItemLayout}									    label="成本(万元)" >									    <span>{this.state.amount}</span>									</FormItem>								</div>								<div className="clearfix">									<FormItem className="half-item"									    {...formItemLayout}									    label="上传协议文件" >										<Upload header={{authorization: 'authorization-text'}} action={globalConfig.context + "/api/admin/outsourceOrg/uploadOutsourceFile"}												data={(e)=>{													return {														'sign': e.name.substring(0,e.name.lastIndexOf("."))													}												}}												fileList={this.state.attachmentUrl}												onChange={(e)=>{													this.setState({														attachmentUrl:e.fileList,													})												}}>										</Upload>										<Button type="primary" size="small" style={{marginLeft:'0'}} onClick={this.load}>下载附件</Button>									</FormItem>								</div>								<div className="clearfix">									<FormItem									    labelCol={{ span: 4 }}									    wrapperCol={{ span: 18 }}									    label="合同扫描件"									    >										<Upload className="demandDetailShow-upload"										    listType="picture-card"										    fileList={this.state.pictureUrl}										    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">									<hr className="division"/>									<div className="clearfix">										<FormItem className="half-item"										    {...formItemLayout}										    label="审核意见" >										   <span>{this.state.remarks}</span>										</FormItem>									</div>									<div className="clearfix">										<FormItem className="half-item"										    {...formItemLayout}										    label="审核结果" >										   <span>{getRefundStatus(this.state.refundStatus)}</span>										</FormItem>									</div>									<div className="clearfix">										<FormItem className="half-item"										    {...formItemLayout}										    label="审核时间" >										   <span>{this.state.auditTimes}</span>										</FormItem>									</div>								</div>							</TabPane>*/}          </Tabs>        </Modal>        <Modal          maskClosable={false}          visible={this.state.noVisible}          onOk={this.noCancel}          onCancel={this.noCancel}          width="400px"          title={"驳回理由"}          footer=""          className="admin-desc-content"        >          <Form layout="horizontal" id="demand-form">            <div className="clearfix">              <FormItem                labelCol={{ span: 4 }}                wrapperCol={{ span: 16 }}                label="拒绝理由"              >                <Input                  type="textarea"                  placeholder="请输入拒绝理由"                  rows={4}                  value={this.state.reason}                  onChange={e => {                    this.setState({ reason: e.target.value });                  }}                />              </FormItem>            </div>            <div className="clearfix">              <Button                className="cancel"                type="primary"                onClick={this.examOks}                loading={this.state.loading}                style={{ marginLeft: "50px" }}                htmlType="submit"              >                确定              </Button>              <Button                className="cancel"                type="ghost"                onClick={this.noCancel}                style={{ marginLeft: "50px" }}              >                取消              </Button>            </div>          </Form>        </Modal>        {this.state.resVisible ? (          <ResolutionDetail            cancel={this.resCancel}            detail={this.state.resRecord}            visible={this.state.resVisible}            id={this.state.resRecord.orderNo}          />        ) : (          ""        )}        {/* <Modal              visible={this.state.rizhivisible}              className="admin-desc-content"              width="800px"              maskClosable={false}              title="订单日志"              footer={null}              onCancel={this.closeOrderLog}            >              <div className="patent-table">                <Spin spinning={this.state.loading}>                  <Table                    columns={this.state.columnsrizhi}                    dataSource={this.state.dataSourcerizhi}                    pagination={false}                  />                </Spin>              </div>            </Modal> */}        <OrderRiZi          dataSourcerizhi={this.state.dataSourcerizhi}          closeOrderLog={this.closeOrderLog}          visible={this.state.rizhivisible}          loading={this.state.loading}        />        {this.state.projectOperationVisible ? <ProjectOperation          readOnly={this.state.dataInfor && Object.keys(this.state.dataInfor).length > 0 && this.state.processStatus !== 0}          orderNo={this.state.orderNo}          visible={this.state.projectOperationVisible}          dataInfor={this.state.dataInfor}          onCancel={this.nextCancel}        /> : null}      </div>    );  }});export default zxsglyOutSourcingPaiDan;
 |