| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345 | import React from "react";import $ from "jquery/src/ajax";import "@/manageCenter/financialManage/distribute/public.less";import { Button, Form, Input, Select, 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 {  getProcessStatus,  getLiquidationStatus,  getApprovedState,  splitUrl,  getProjectName,  getboutique,  ShowModal} from "@/tools";import ShowModalDiv from "@/showModal.jsx";import ResolutionPro from "./resolutionPro"import {ChooseList} from "../../order/orderNew/chooseList";import ProjectDetailsReadOnly from "../../../common/projectDetailsReadOnly";const FormItem = Form.Item;const {TabPane} = Tabsconst Task = React.createClass({  loadData(pageNo) {    this.state.data = [];    this.setState({      loading: true,    });    $.ajax({      method: "get",      dataType: "json",      crossDomain: false,      url: globalConfig.context + "/api/admin/orderProject/orderTaskList",      data: {        pageNo: pageNo || 1,        pageSize: this.state.pagination.pageSize,        specially: 1, //经理        name: this.state.nameSearch, //客户名称        orderNo: this.state.orderNoSearch, //订单编号        taskId: this.state.taskNoSearch, //任务编号        depId: this.state.departmenttSearch, //订单部门        taskStatus: this.state.taskStatus, //任务状态        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];            if (thisdata.splitList) {              thisdata.splitList.forEach((item) => {                item.key = item.id;              });            }            theArr.push({              key: thisdata.id,              orderNo: thisdata.orderNo, //订单编号              id: thisdata.id, //任务ID              taskName: thisdata.taskName, //名称              cname: thisdata.cname, //项目品类              receiverName: thisdata.receiverName, //受理人              projectStatus: thisdata.projectStatus, //项目状态              taskStatus: thisdata.taskStatus, //任务状态              taskDate: thisdata.taskDate, //分配时间              commodityQuantity: thisdata.commodityQuantity, //数量              userName: thisdata.userName, //用户名              depName: thisdata.depName, //部门名称              splitStatus: thisdata.splitStatus, //拆分状态              splitList: thisdata.splitList,            });          }        }        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,          page: data.data.pageNo,          pagination: this.state.pagination,        });      }.bind(this),    }).always(      function () {        this.setState({          loading: false,        });      }.bind(this)    );  },  getInitialState() {    return {      orderData: [],      orderNo: "",      jiedian: [],      jiedianNew: [],      declarationBatch: 1,      dataInfor: {},      activeKey: "1",      searchMore: true,      assignVisible: false,      releaseDate: [],      roleName: "",      boHuivisible: false,      departmentArr: [],      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",        },        {          title: "任务名称",          dataIndex: "taskName",          key: "taskName",        },        {          title: "订单编号",          dataIndex: "orderNo",          key: "orderNo",        },        {          title: "业务类别",          dataIndex: "cname",          key: "cname",        },        {          title: "客户名称",          dataIndex: "userName",          key: "userName",        },        {          title: "项目状态",          dataIndex: "projectStatus",          key: "projectStatus",          render: (text) => {            return getProjectName(text);          },        },        {          title: "分配时间",          dataIndex: "taskDate",          key: "taskDate",        },        {          title: "任务数量",          dataIndex: "commodityQuantity",          key: "commodityQuantity",          render: (text, record) => {            if (record.splitStatus == 1) {              return (                <span>                  {text}{" "}                  <Tag color="#108ee9" style={{ float: "right" }}>                    已拆                  </Tag>                </span>              );            } else {              return text;            }          },        },        {          title: "订单部门",          dataIndex: "depName",          key: "depName",        },        {          title: "操作",          dataIndex: "caozuo",          key: "caouzo",          render: (text, record) => {            return (              <div>                <Button                  type="primary"                  style={{ margin: "0 10px" }}                  disabled={record.splitStatus == 1 ? true : false}                  onClick={(e) => {                    e.stopPropagation(), this.evaluate(record, "咨询师经理");                  }}                >                  转交                </Button>                <Button                  type="primary"                  style={{ margin: "0 10px" }}                  disabled={record.splitStatus == 1 ? true : false}                  onClick={(e) => {                    e.stopPropagation(), this.evaluate(record, "咨询师");                  }}                >                  分配任务                </Button>                {record.splitStatus == 0 ? (                  <Button                    type="primary"                    style={{ margin: "0 10px" }}                    onClick={(e) => {                      e.stopPropagation();                      this.setState({                        resolutionVisible: true,                        resolutionName: record.taskName,                        resolutionNumber: record.commodityQuantity,                        resolutionId: record.id,                      });                    }}                  >                    拆分项目                  </Button>                ) : (                  ""                )}              </div>            );          },        },      ],      dataSource: [],      resolutionVisible: false,      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;          },        },      ],      dataSourceX: [],      resVisible: false,    };  },  /* 分派 */  evaluate(record, nub) {    this.state.assignData = record;    this.setState(      {        nub,      },      () => {        this.setState({          assignVisible: true,        });      }    );  },  componentWillMount() {    this.departmentList();    this.loadData();  },  tableRowClick(record) {    this.state.RowData = record;    this.setState({      visible: true,    });    this.xiangqing(record.orderNo);    this.xiangmu(record.orderNo);  },  // 拆分详细  showRes(record) {    this.setState({      resVisible: true,      resRecord: record,    });  },  resCancel() {    this.setState({      resVisible: false,    });  },  //订单详情  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({            orderNo: thisdata.orderNo, //订单编号            contractNo: thisdata.contractNo, //合同编号            userName: thisdata.userName, //客户名称            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, //财务电话            depName: thisdata.depName, //订单部门          });        }      }.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)    );  },  //关闭详情  visitCancel() {    this.setState({      visible: false,      activeKey: "1",    });    this.loadData(this.state.page);  },  visitOk() {    this.setState({      visible: false,    });    this.loadData(this.state.page);  },  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,      displayFees: "none",      officialCost: "", //是否有官费      costReduction: "", //是否有费减    });  },  //点击打卡项目详情  tableRowClickX(record) {    if (record.type == "1") {      this.setState({        displayFees: "block",        costReduction: record.costReduction,        officialCost: record.officialCost,      });    }else{      this.setState({        displayFees: "none",      });    }    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,      dataInfor:record,      addState: 0,    });  },  search() {    this.loadData();  },  reset() {    this.state.nameSearch = "";    this.state.releaseDate = [];    this.state.orderNoSearch = "";    this.state.taskNoSearch = "";    this.state.departmenttSearch = undefined;    this.state.distribution = undefined;    this.loadData();  },  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)    );  },  resolutionCancel() {    this.setState({      resolutionVisible: false,    });  },  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();  },  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 * 1000000) / 1000000).toFixed(6);          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),    });  },  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 expandedRowRender = (e) => {      const data = e.splitList;      let columns = [];      if (e.splitList instanceof Array && e.splitList.length) {        columns = [          {            title: "任务编号",            dataIndex: "splitSuper",            key: "splitSuper",            render: (text, record) => {              return text + "-" + record.splitId;            },          },          {            title: "任务名称",            dataIndex: "taskName",            key: "taskName",          },          {            title: "订单编号",            dataIndex: "orderNo",            key: "orderNo",          },          {            title: "业务类别",            dataIndex: "cname",            key: "cname",          },          {            title: "客户名称",            dataIndex: "userName",            key: "userName",          },          {            title: "项目状态",            dataIndex: "projectStatus",            key: "projectStatus",            render: (text) => {              return getProjectName(text);            },          },          {            title: "分配时间",            dataIndex: "taskDate",            key: "taskDate",          },          {            title: "任务数量",            dataIndex: "commodityQuantity",            key: "commodityQuantity",          },          {            title: "订单部门",            dataIndex: "depName",            key: "depName",          },          {            title: "拆分操作人",            dataIndex: "splitAname",            key: "splitAname",          },          {            title: "项目负责人",            dataIndex: "receiverName",            key: "receiverName",          },          {            title: "拆分时间",            dataIndex: "splitTimes",            key: "splitTimes",          },          {            title: "操作",            dataIndex: "caozuo",            key: "caouzo",            render: (text, record) => {              return (                <div>                  <Button                    type="primary"                    style={{ margin: "0 10px" }}                    disabled={record.distributeSign == 1 ? true : false}                    onClick={(e) => {                      e.stopPropagation(), this.evaluate(record, "咨询师经理");                    }}                  >                    转交                  </Button>                  <Button                    type="primary"                    style={{ margin: "0 10px" }}                    disabled={record.distributeSign == 1 ? true : false}                    onClick={(e) => {                      e.stopPropagation(), this.evaluate(record, "咨询师");                    }}                  >                    分配任务                  </Button>                </div>              );            },          },        ];        return (          <Table            columns={columns}            dataSource={data}            pagination={false}            onRowClick={this.tableRowClick.bind(this)}          />        );      } else {        columns = [];        return (          <p style={{ fontWeight: "bold", color: "red", textAlign: "center" }}>            此项目暂未拆分          </p>        );      }    };    const rowSelection = {      selectedRowKeys: this.state.selectedRowKeys,      onChange: (selectedRowKeys, selectedRows) => {        this.setState({          selectedRows: selectedRows.slice(-1),          selectedRowKeys: selectedRowKeys.slice(-1),        });      },    };    const formItemLayout = {      labelCol: { span: 8 },      wrapperCol: { span: 14 },    };    let departmentArr = this.state.departmentArr || [];    return (      <div className="user-content">        {this.state.resVisible ? (          <ResolutionDetail            cancel={this.resCancel}            detail={this.state.resRecord}            visible={this.state.resVisible}            id={this.state.resRecord.orderNo}          />        ) : (          ""        )}        <ResolutionPro          resolutionVisible={this.state.resolutionVisible}          number={this.state.resolutionNumber}          name={this.state.resolutionName}          cancel={this.resolutionCancel}          id={this.state.resolutionId}          loadData={this.loadData}        />        <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">              <Input                placeholder="客户名称"                value={this.state.nameSearch}                style={{ marginLeft: 10 }}                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>          <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              }              style={{                cursor: 'pointer',              }}              dataSource={this.state.dataSource}              expandedRowRender={expandedRowRender}              // rowSelection={rowSelection}              pagination={this.state.pagination}              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={this.state.nub == "咨询师经理" ? 1 : 0}          // 判断是转交按钮还是分配任务按钮          // chooseBtn={this.state.nub == "咨询师经理" ? true : false}          roleName={this.state.nub}          requestMethod={"post"}        />        <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: "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>                    </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>                    </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 className="clearfix">                      <FormItem                        className="half-item"                        {...formItemLayout}                        label="订单留言"                      >                        <span>{this.state.orderRemarks}</span>                      </FormItem>                      <FormItem                        className="half-item"                        {...formItemLayout}                        label=""                      >                        <Button onClick={this.getOrderLog}>查看订单日志</Button>                      </FormItem>                    </div>                    <OrderRiZi                      dataSourcerizhi={this.state.dataSourceY}                      closeOrderLog={this.closeOrderLog}                      visible={this.state.avisible}                      loading={this.state.loading}                    />                    <div>                      <span style={{ marginLeft: "50px", fontSize: "20px" }}>                        项目业务                      </span>                      {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                          style={{                            cursor: 'pointer',                          }}                          size="small"                        />                      </Spin>                    </div>                  </div>                </Spin>              </Form>            </TabPane>            <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>        {this.state.addnextVisible && <ProjectDetailsReadOnly            infor={this.state.dataInfor}            visible={this.state.addnextVisible}            onCancel={this.nextCancel}        />}      </div>    );  },});export default Task;
 |