kede-client/js/component/manageCenter/financialManage/distribute/shouKuang.jsx

import React from "react";
import $ from "jquery/src/ajax";
import moment from "moment";
import "./public.less";
import "./shouKuan.less";
import {
  AutoComplete,
  Button,
  Form,
  Input,
  Spin,
  Table,
  Select,
  message,
  DatePicker,
  Modal,
  Tabs,
  Col,
  Tag,
  Popconfirm,
  Tooltip,
} from "antd";
import OrderDesc from "../orderDetail/orderDesc";
import ResolutionDetail from "@/resolutionDetail";
import Receivable from "./receivable";
import Assign from "@/manageCenter/publicComponent/assign";
import KaiPiaoModal from "./kaiPiaoModal";
import ReactToPrint from "react-to-print";
import {
  getLiquidationStatus,
  getProcessStatus,
  getApproval,
  getInvoiceStatus,
  getTransactionProject,
  getTaskStatus,
  getNewOrderStatus,
  getProjectStatus,
  getjiedian,
  splitUrl,
  getApprovalTag,
  getProjectName,
  getClockState,
  getApprovedType,
} from "@/tools";
import { ChooseList } from "../../order/orderNew/chooseList"
import Project from "../../../../component/project"
import LogPopup from "../../../common/logPopup";
import { throws } from "assert";
import { clockState, salesList, approvalOptions } from "@/dataDic";
import OrderItemStatus from "../../../common/orderItemStatus";
import Cascaders from "../../../common/cascaders";

const FormItem = Form.Item;
const { TabPane } = Tabs;
const { TextArea } = Input;

const ShouKuang = React.createClass({
  //获取上级组织
  selectSuperId() {
    $.ajax({
      method: "get",
      dataType: "json",
      crossDomain: false,
      url: globalConfig.context + "/api/admin/organization/selectSuperId",
      data: {},
      success: function (data) {
        let theArr = [];
        if (data.error && data.error.length === 0) {
          for (let i = 0; i < data.data.length; i++) {
            let theData = data.data[i];
            theArr.push(
              <Select.Option value={theData.id} key={theData.id}>
                {theData.name}
              </Select.Option>
            );
          }
          this.setState({
            contactsOption: theArr,
          });
        } else {
          message.warning(data.error[0].message);
        }
      }.bind(this),
    }).always(
      function () {
        this.setState({
          loading: false,
        });
      }.bind(this)
    );
  },
  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);
          }
        } 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)
    );
  },
  loadData(pageNo, pageSize) {
    this.state.data = [];
    this.state.pagination.pageSize = 10;
    this.setState({
      // selectedRowKeys: [],
      // selectedRowKey: [],
      page: pageNo || this.state.pageNo,
      loadingA: true,
      pagination: this.state.pagination,
    });
    $.ajax({
      method: "get",
      dataType: "json",
      crossDomain: false,
      url: globalConfig.context + "/api/admin/financial/financeList",
      data: {
        pageNo: pageNo || 1,
        pageSize: pageSize || this.state.pagination.pageSize,
        buyerName: this.state.nameSearch, //客户名称
        orderNo: this.state.orderNoSearch,
        startTime: this.state.releaseDate[0],
        endTime: this.state.releaseDate[1],
        startFinalReceivablesTime: this.state.shouKuanDate[0],
        endFinalReceivablesTime: this.state.shouKuanDate[1],
        deps: this.state.departmenttList,
        processStatus: this.state.processStatusSearch,
        contractNo: this.state.contractNoSearch,
        liquidationStatus: this.state.liquidationStatus,
        amountStatus: this.state.amountStatus,
        approval: this.state.approval,
        projectType: this.state.projectType,
        myExamine: this.state.myExamine,
        type: this.state.approvaType.length > 0 ? this.state.approvaType.toString() : undefined, //特批类型
      },
      success: function (data) {
        let theArr = [];
        if (!data.data || !data.data.pagination.list) {
          if (data.error && data.error.length) {
            message.warning(data.error[0].message);
          }
        } else {
          for (let i = 0; i < data.data.pagination.list.length; i++) {
            let thisdata = data.data.pagination.list[i];
            thisdata.key = thisdata.orderNo;
            theArr.push(thisdata);
          }
        }
        this.state.pagination.current = data.data.pagination.pageNo;
        this.state.pagination.total = data.data.pagination.totalCount;
        if (
          data.data &&
          data.data.pagination.list &&
          !data.data.pagination.list.length
        ) {
          this.state.pagination.current = 0;
          this.state.pagination.total = 0;
        }
        this.setState({
          totalPage: data.data.pagination.totalPage,
          dataSource: theArr,
          pagination: this.state.pagination,
          totalHui: data.data.count ? data.data.count.signTotalAmount : 0,
          hui: data.data.count ? data.data.count.actuallyTotalAmount : 0,
        });
      }.bind(this),
    }).always(
      function () {
        // window.setTimeout(() => {
        this.setState({
          loadingA: false,
        });
        // },5000)
      }.bind(this)
    );
  },
  getInitialState() {
    return {
      approvaType: [],
      cuiTabKey: "1",
      pubVisible: false,
      pubDataList: [],
      pubpageNo: 1,
      pubpagination: {
        defaultCurrent: 1,
        defaultPageSize: 10,
        showQuickJumper: true,
        pageSize: 10,
        onChange: function (page) {
          this.loadData(page);
        }.bind(this),
        showTotal: function (total) {
          return "共" + total + "条数据";
        },
      },

      searchMore: true,
      dvisible: false,
      pageNo: 1,
      assignVisibleX: false,
      assignVisibleY: false,
      releaseDate: [],
      shouKuanDate: [],
      assignDataX: [],
      assignDataY: [],
      totalPage: 0,
      processStatusSearch: [],//默认搜索无流程状态
      boHuivisible: false,
      selectedRowKeys: [],
      selectedRows: [],
      loading: false,
      loadingA: false,
      pagination: {
        defaultCurrent: 1,
        defaultPageSize: 10,
        showQuickJumper: true,
        pageSize: 10,
        onChange: function (page) {
          // console.log(page);

          this.setState({
            pageNo: page,
          });
          this.loadData(page);
        }.bind(this),
        showTotal: function (total) {
          return "共" + total + "条数据";
        },
      },
      // 子组件改变的表格title数组
      changeList: undefined,
      pubColumns: [
        {
          title: "编号",
          dataIndex: "key",
          key: "key",
          width: 45,
        },
        {
          title: "公出类型",
          dataIndex: "type",
          key: "type",
          width: 70,
          render: (text) =>
            <span
              style={{ color: ["#1D4FEA", "#1E90FF", "#FF5500", "red"][text] }}
            >
              {
                text === 0
                  ? "业务公出" : text === 1
                    ? "技术公出" : text === 2
                      ? "行政公出" : text === 3
                        ? "技术协单" : ""
              }
            </span>
        },
        {
          title: "客户名称",
          dataIndex: "nickname",
          key: "nickname",
          width: 80,
          render: (text) => {
            return (
              <div
                style={{
                  width: 80,
                  wordBreak: "break-all",
                }}
              >
                {text}
              </div>
            );
          },
        },
        {
          title: "跟单人",
          dataIndex: "sname",
          key: "sname",
          width: 70,
          render: (text) => {
            return (
              <Tooltip title={text}>
                <div
                  style={{
                    width: 90,
                    overflow: "hidden",
                    textOverflow: "ellipsis",
                    whiteSpace: "nowrap",
                  }}
                >
                  {text}
                </div>
              </Tooltip>
            );
          },
        },
        {
          title: "公出人",
          dataIndex: "aname",
          key: "aname",
          width: 70,
          render: (text) => {
            return (
              <Tooltip title={text}>
                <div
                  style={{
                    width: 90,
                    overflow: "hidden",
                    textOverflow: "ellipsis",
                    whiteSpace: "nowrap",
                  }}
                >
                  {text}
                </div>
              </Tooltip>
            );
          },
        },
        // {
        //   title: "申请时间",
        //   dataIndex: "createTimes",
        //   key: "createTimes",
        //   width: 130,
        // },
        {
          title: "公出时间",
          dataIndex: "releaseStarts",
          key: "releaseStarts",
          width: 130,
          render: (text, record) => (
            <div>
              <div>{text}</div>
              <div style={{ paddingLeft: "44px" }}>至</div>
              <div>{record.releaseEnds}</div>
            </div>
          ),
        },
        {
          title: "公出地点",
          dataIndex: "userName",
          key: "userName",
          width: 120,
          render: (text) => {
            return (
              <div>{text}</div>
            );
          },
        },
        {
          title: "打卡时间",
          dataIndex: "clockInTimes",
          key: "clockInTimes",
          width: 75,
        },
        {
          title: "时长(时)",
          dataIndex: "duration",
          key: "duration",
          width: 50,
        },
        {
          title: "打卡状态",
          dataIndex: "clockIn",
          key: "clockIn",
          width: 65,
          render: (text) => (
            <span
              style={{ color: ["#F21212", "#34DE38"][text] }}
            >
              {["未打卡", "已打卡"][text]}
            </span>
          )
        },
        {
          title: "审核状态",
          dataIndex: "status",
          key: "status",
          width: 110,
          render: (text, record) => (
            <div style={{ display: "flex", flexDirection: "row", flexWrap: "warp" }}>
              <Tag color={getClockState(text).color}>
                {getClockState(text).title}
              </Tag>
              {record.updateStatus == 1 && <Tag color="#1E90FF">改</Tag>}
            </div>
          ),
        },
        {
          title: "审核/指导",
          dataIndex: "auditInfo",
          key: "auditInfo",
          width: 160,
          render: (text) => {
            return <div style={{ wordBreak: "break-all" }}>{text}</div>;
          },
        },
      ],
      proColumns: [
        {
          title: "序号",
          dataIndex: "key",
          key: "key",
        },
        {
          title: "合同编号",
          dataIndex: "contractNo",
          key: "contractNo",
        },
        {
          title: "订单编号",
          dataIndex: "orderNo",
          key: "orderNo",
        },
        // {
        //   title: "项目编号",
        //   dataIndex: "id",
        //   key: "id"
        // },
        {
          title: "客户名称",
          dataIndex: "userName",
          key: "userName",
          render: text => {
            return (
              <Tooltip title={text}>
                <div
                // style={{
                //   maxWidth: '150px',
                //   overflow: 'hidden',
                //   textOverflow: "ellipsis",
                //   whiteSpace: 'nowrap',
                // }}
                >{text}</div>
              </Tooltip>
            )
          }
        },
        {
          title: "订单负责人",
          dataIndex: "salesmanName",
          key: "salesmanName",
        },
        {
          title: "是否主项目",
          dataIndex: "main",
          key: "main",
          render: (text) => {
            return text == 0 ? "否" : "是";
          },
        },
        {
          title: "项目类别",
          dataIndex: "cname",
          key: "cname",
        },
        {
          title: "项目名称",
          dataIndex: "commodityName",
          key: "commodityName",
        },
        {
          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: "certificateNumber",
          key: "certificateNumber",
        },
        {
          title: "项目状态",
          dataIndex: "projectStatus",
          key: "projectStatus",
          render: (text) => {
            return getProjectName(text);
          },
        },
        {
          title: "项目说明",
          dataIndex: "taskComment",
          key: "taskComment",
        },
        {
          title: "是否外包",
          dataIndex: "outsource",
          key: "outsource",
          render: (text) => {
            if (text == 0) {
              return "否";
            } else if (text == 1) {
              return "是";
            }
          },
        },
        // {
        //   title: "外包（内部）公司",
        //   dataIndex: "outsourceName",
        //   key: "outsourceName",
        // },
        // {
        //   title: "外包（内部）价格",
        //   dataIndex: "outsourcePrice",
        //   key: "outsourcePrice",
        // },
      ],
      qianColumns: [
        {
          title: "序号",
          dataIndex: "key",
          key: "key",
        },
        {
          title: "合同编号",
          dataIndex: "contractNo",
          key: "contractNo",
        },
        {
          title: "订单编号",
          dataIndex: "orderNo",
          key: "orderNo",
        },
        {
          title: "客户名称",
          dataIndex: "userName",
          key: "userName",
          render: text => {
            return (
              <Tooltip title={text}>
                <div
                // style={{
                //   maxWidth: '150px',
                //   overflow: 'hidden',
                //   textOverflow: "ellipsis",
                //   whiteSpace: 'nowrap',
                // }}
                >{text}</div>
              </Tooltip>
            )
          }
        },
        {
          title: "订单负责人",
          dataIndex: "salesmanName",
          key: "salesmanName",
        },
        {
          title: "订单部门",
          dataIndex: "depName",
          key: "depName",
        },
        {
          title: "订单状态",
          dataIndex: "orderStatus",
          key: "orderStatus",
          render: (text) => {
            return getNewOrderStatus(text);
          },
        },
        {
          title: "项目状态",
          dataIndex: "projectStatus",
          key: "projectStatus",
          render: (text) => {
            return getProjectName(text);
          },
        },
        {
          title: "签单金额",
          dataIndex: "totalAmount",
          key: "totalAmount",
        },
        {
          title: "结算状态",
          dataIndex: "liquidationStatus",
          key: "liquidationStatus",
          render: (text) => {
            return getLiquidationStatus(text);
          },
        },
        {
          title: "已收款",
          dataIndex: "settlementAmount",
          key: "settlementAmount",
        },
        {
          title: "欠款",
          dataIndex: "orderArrears",
          key: "orderArrears",
        },
        {
          title: "催收科目",
          dataIndex: "type",
          key: "type",
          render: (text) => {
            return "按时触发应收欠款";
          },
        },
        {
          title: "催款状态",
          dataIndex: "dunStatus",
          key: "dunStatus",
          render: (text) => {
            if (text == 0) {
              return "未启动";
            } else if (text == 1) {
              return "催款中";
            } else if (text == 2) {
              return "已完成";
            } else if (text == 3) {
              return "已停止";
            }
          },
        },
        {
          title: "催收启动时间",
          dataIndex: "startDate",
          key: "startDate",
        },
      ],
      cuiColumns: [
        {
          title: "序号",
          dataIndex: "key",
          key: "key",
        },
        {
          title: "合同编号",
          dataIndex: "contractNo",
          key: "contractNo",
        },
        {
          title: "订单编号",
          dataIndex: "orderNo",
          key: "orderNo",
        },
        {
          title: "客户名称",
          dataIndex: "userName",
          key: "userName",
          render: text => {
            return (
              <Tooltip title={text}>
                <div
                // style={{
                //   maxWidth: '150px',
                //   overflow: 'hidden',
                //   textOverflow: "ellipsis",
                //   whiteSpace: 'nowrap',
                // }}
                >{text}</div>
              </Tooltip>
            )
          }
        },
        {
          title: "订单负责人",
          dataIndex: "salesmanName",
          key: "salesmanName",
        },
        {
          title: "订单部门",
          dataIndex: "depName",
          key: "depName",
        },
        {
          title: "订单状态",
          dataIndex: "orderStatus",
          key: "orderStatus",
          render: (text) => {
            return getNewOrderStatus(text);
          },
        },
        {
          title: "项目状态",
          dataIndex: "projectStatus",
          key: "projectStatus",
          render: (text) => {
            return getProjectName(text);
          },
        },
        {
          title: "签单金额",
          dataIndex: "totalAmount",
          key: "totalAmount",
        },
        {
          title: "结算状态",
          dataIndex: "liquidationStatus",
          key: "liquidationStatus",
          render: (text) => {
            return getLiquidationStatus(text);
          },
        },
        {
          title: "已收款",
          dataIndex: "settlementAmount",
          key: "settlementAmount",
        },
        {
          title: "应收款",
          dataIndex: "accountsReceivable",
          key: "accountsReceivable",
        },
        {
          title: "催收科目",
          dataIndex: "dunSubject",
          key: "dunSubject",
          // render: text => {
          //   return getjiedian(text);
          // }
        },
        {
          title: "催款状态",
          dataIndex: "dunStatus",
          key: "dunStatus",
        },
        {
          title: "催收启动时间",
          dataIndex: "startDate",
          key: "startDate",
        },
      ],
      timeColumns: [
        {
          title: "合同编号",
          dataIndex: "contractNo",
          key: "contractNo",
        },
        {
          title: "订单编号",
          dataIndex: "orderNo",
          key: "orderNo",
        },
        {
          title: "项目编号",
          dataIndex: "id",
          key: "id",
          render: (text, record) => {
            if (record.splitStatus == 2) {
              return <span>{record.splitSuper + "-" + record.splitId}</span>;
            } else {
              return text;
            }
          },
        },

        {
          title: "客户名称",
          dataIndex: "userName",
          key: "userName",
          render: text => {
            return (
              <Tooltip title={text}>
                <div
                // style={{
                //   maxWidth: '150px',
                //   overflow: 'hidden',
                //   textOverflow: "ellipsis",
                //   whiteSpace: 'nowrap',
                // }}
                >{text}</div>
              </Tooltip>
            )
          }
        },

        {
          title: "订单部门",
          dataIndex: "depName",
          key: "depName",
        },
        {
          title: "订单负责人",
          dataIndex: "salesmanName",
          key: "salesmanName",
        },
        {
          title: "项目类别",
          dataIndex: "cname",
          key: "cname",
        },

        {
          title: "项目名称",
          dataIndex: "taskName",
          key: "taskName",
        },
        {
          title: "项目负责人",
          dataIndex: "receiverName",
          key: "receiverName",
        },
        {
          title: "项目价格(万元)",
          dataIndex: "commodityPrice",
          key: "commodityPrice",
        },
        {
          title: "数量(个)",
          dataIndex: "commodityQuantity",
          key: "commodityQuantity",
        },
        {
          title: "任务状态",
          dataIndex: "taskStatus",
          key: "taskStatus",
          render: (text) => {
            return getTaskStatus(text);
          },
        },
        {
          title: "项目状态",
          dataIndex: "projectStatus",
          key: "projectStatus",
          render: (text) => {
            return getProjectName(text);
          },
        },
        {
          title: "工时",
          dataIndex: "hours",
          key: "hours",
        },
        {
          title: "是否外包",
          dataIndex: "outsource",
          key: "outsource",
          render: (text) => {
            if (text == 0) {
              return "否";
            } else if (text == 1) {
              return "是";
            }
          },
        },
        {
          title: "签单日期",
          dataIndex: "signTime",
          key: "signTime",
        },
        {
          title: "派单日期",
          dataIndex: "creteTime",
          key: "creteTime",
        },
        {
          title: "分配时间",
          dataIndex: "taskDistributionTime",
          key: "taskDistributionTime",
        },
        {
          title: "完成时间",
          dataIndex: "taskEndTime",
          key: "taskEndTime",
        },
      ],
      printColumns: [
        {
          title: "合同编号",
          dataIndex: "contractNo",
          key: "contractNo",
        },
        {
          title: "订单编号",
          dataIndex: "orderNo",
          key: "orderNo",
          // fixed: "left"
        },
        {
          title: "客户名称",
          dataIndex: "buyerName",
          key: "buyerName",
          render: text => {
            return (
              <Tooltip title={text}>
                <div
                // style={{
                //   maxWidth: '150px',
                //   overflow: 'hidden',
                //   textOverflow: "ellipsis",
                //   whiteSpace: 'nowrap',
                // }}
                >{text}</div>
              </Tooltip>
            )
          }
        },
        {
          title: "订单部门",
          dataIndex: "departmentName",
          key: "departmentName",
        },
        {
          title: "订单负责人",
          dataIndex: "sellerName",
          key: "sellerName",
        },
        {
          title: "签单日期",
          dataIndex: "signTime",
          key: "signTime",
        },
        {
          title: "下单日期",
          dataIndex: "createTime",
          key: "createTime",
        },
        {
          title: "签单金额(万元)",
          dataIndex: "signTotalAmount",
          key: "signTotalAmount",
          render: (text) => {
            return isNaN(parseFloat(text)) ? text : parseFloat(text);
          },
        },
        {
          title: "开票金额(万元)",
          dataIndex: "invoiceAmount",
          key: "invoiceAmount",
          render: (text) => {
            return isNaN(parseFloat(text)) ? text : parseFloat(text);
          },
        },
        {
          title: "已收款(万元)",
          dataIndex: "actuallyTotalAmount",
          key: "actuallyTotalAmount",
          render: (text) => {
            return isNaN(parseFloat(text)) ? text : parseFloat(text);
          },
        },
        {
          title: "总成本(万元)",
          dataIndex: "costAmount",
          key: "costAmount",
          render: (text) => {
            return isNaN(parseFloat(text)) ? text : parseFloat(text);
          }
        },
        {
          title: "已付成本(万元)",
          dataIndex: "paymentAmount",
          key: "paymentAmount",
          render: (text) => {
            return isNaN(parseFloat(text)) ? text : parseFloat(text);
          },
        },
        {
          title: "最近收款(万元)",
          dataIndex: "finalReceivables",
          key: "finalReceivables",
          render: (text) => {
            return isNaN(parseFloat(text)) ? text : parseFloat(text);
          },
        },
        {
          title: "最近收款时间",
          dataIndex: "finalReceivablesTime",
          key: "finalReceivablesTime",
        },
        {
          title: "结算状态",
          dataIndex: "liquidationStatus",
          key: "liquidationStatus",
          render: (text) => {
            return getLiquidationStatus(text);
          },
        },
        {
          title: "流程状态",
          dataIndex: "processStatus",
          key: "processStatus",
          render: (text, record) => {
            return getProcessStatus(text, record.examineName, record.approval);
          },
        },
        {
          title: "特批状态",
          dataIndex: "approval",
          key: "approval",
          render: (text) => {
            return getApproval(text);
          },
        },
      ],
      columns: [
        {
          title: "销售类型",
          dataIndex: "salesType",
          key: "salesType",
          className: "title-table",
          fixed: "left",
          render: (text, record) => {
            return (
              <Tooltip
                title={salesList[text] + ((text == 3 || text == 4 || text == 5) ? (!record.other ? "" : "，" + record.other) : "")}
              >
                <span>
                  {salesList[text]}
                </span>
              </Tooltip>
            );
          },
        },
        {
          title: "特批类型",
          dataIndex: "type",
          key: "type",
          className: "title-table",
          fixed: "left",
          width: 110,
          render: (text, record) => {
            return (
              <span>
                {getApprovedType(text ? text.split(",").map(Number) : [], record.typeExplain)}
              </span>
            );
          },
        },
        {
          title: "合同编号",
          dataIndex: "contractNo",
          key: "contractNo",
          className: "title-table",
          fixed: "left",
          render: (text, record) => {
            return (
              <Tooltip
                title={
                  <Button
                    type="primary"
                    onClick={(e) => {
                      e.stopPropagation();
                      let input = document.getElementById("copyText");
                      input.value = text;
                      input.select();
                      document.execCommand("copy");
                      message.success("复制成功");
                    }}
                  >
                    复制
                  </Button>
                }
              >
                <div>
                  {text}
                  <div style={{ display: "flex" }}>
                    <OrderItemStatus deleteSign={record.deleteSign} />
                    {getApprovalTag(record.approval)}
                  </div>
                </div>
              </Tooltip>
            );
          },
        },
        {
          title: "客户名称",
          dataIndex: "buyerName",
          key: "buyerName",
          className: "title-table",
          fixed: "left",
          width: 150,
          render: text => {
            return (
              <Tooltip title={text}>
                <div
                // style={{
                //   maxWidth: '150px',
                //   overflow: 'hidden',
                //   textOverflow: "ellipsis",
                //   whiteSpace: 'nowrap',
                // }}
                >{text}</div>
              </Tooltip>
            )
          }
        },
        {
          title: "订单编号",
          dataIndex: "orderNo",
          key: "orderNo",
          className: "title-table",
          fixed: "left",
          width: 150,
          render: (text, record) => {
            return (
              <Tooltip
                title={
                  <Button
                    type="primary"
                    onClick={(e) => {
                      e.stopPropagation();
                      let input = document.getElementById("copyText");
                      input.value = text;
                      input.select();
                      document.execCommand("copy");
                      message.success("复制成功");
                    }}
                  >
                    复制
                  </Button>
                }
              >
                <div>
                  {text}
                  <div>
                    {record.signTotalAmount >= 10 && <Tag color="#ef7207">大客户</Tag>}
                    {record.projectType == 1 && <Tag color="rgb(22, 155, 213)">会员</Tag>}
                  </div>
                </div>
              </Tooltip>
            );
          },
        },
        // {
        //   title: "特批状态",
        //   dataIndex: "approval",
        //   key: "approval",
        //   className: "title-table",
        //   render: (text) => {
        //     if (text == 1 || text == 2) {
        //       return <Tag color="#f50">{getApproval(text)}</Tag>;
        //     }
        //     return getApproval(text);
        //   },
        // },
        {
          title: "订单部门",
          dataIndex: "departmentName",
          key: "departmentName",
          className: "title-table",
        },
        {
          title: "订单负责人",
          dataIndex: "sellerName",
          key: "sellerName",
          className: "title-table",
        },
        {
          title: "订单类型",
          dataIndex: "serviceType",
          key: "serviceType",
          className: "title-table",
          width: 150,
          render: (text) => {
            return !!text && text.replace(/[,，]/g, "+");
          }
        },
        {
          title: "订单内容",
          dataIndex: "serviceProject",
          key: "serviceProject",
          className: "title-table",
          render: (text) => {
            return (<div dangerouslySetInnerHTML={{ __html: !!text && text.replace(/[,，]/g, "<br/>") }} />);
            // return (<pre>{!!text && text.replace(/[,，]/g, "\n")}</pre>);
          }
        },
        {
          title: "财务负责人",
          dataIndex: "financeName",
          key: "financeName",
          className: "title-table",
        },
        {
          title: "签单日期",
          dataIndex: "signTime",
          key: "signTime",
          className: "title-table",
        },
        {
          title: "下单日期",
          dataIndex: "createTime",
          key: "createTime",
          className: "title-table",
        },
        {
          title: "签单金额(万元)",
          dataIndex: "signTotalAmount",
          key: "signTotalAmount",
          className: "title-table",
          render: (text) => {
            return isNaN(parseFloat(text)) ? text : parseFloat(text);
          }
        },
        {
          title: "开票金额(万元)",
          dataIndex: "invoiceAmount",
          key: "invoiceAmount",
          className: "title-table",
          render: (text) => {
            return isNaN(parseFloat(text)) ? text : parseFloat(text);
          }
        },
        {
          title: "已收款(万元)",
          dataIndex: "actuallyTotalAmount",
          key: "actuallyTotalAmount",
          className: "title-table",
          render: (text) => {
            return isNaN(parseFloat(text)) ? text : parseFloat(text);
          }
        },
        {
          title: "应收款(万元)",
          dataIndex: "orderReceivables",
          key: "orderReceivables",
          className: "title-table",
          render: (text) => {
            return isNaN(parseFloat(text)) ? text : parseFloat(text);
          }
        },
        {
          title: "欠款(万元)",
          dataIndex: "orderArrears",
          key: "orderArrears",
          className: "title-table",
          render: (text) => {
            return isNaN(parseFloat(text)) ? text : parseFloat(text);
          }
        },
        {
          title: "总成本/实付",
          dataIndex: "costAmount",
          key: "costAmount",
          className: "title-table",
          render: (text, record) => {
            return (
              <span>
                {isNaN(parseFloat(text)) ? text : parseFloat(text)}/
                {isNaN(parseFloat(record.paymentAmount)) ? text : parseFloat(record.paymentAmount)}
              </span>
            )
          },
        },
        {
          title: "专利/专利已付",
          dataIndex: "patentCost",
          key: "patentCost",
          className: "title-table",
          render: (text, record) => {
            return (
              <span>
                {isNaN(parseFloat(text)) ? text : parseFloat(text)}/
                {isNaN(parseFloat(record.patentCostActual)) ? text : parseFloat(record.patentCostActual)}
              </span>
            )
          },
        },
        {
          title: "软著/软著已付",
          dataIndex: "softCost",
          key: "softCost",
          className: "title-table",
          render: (text, record) => {
            return (
              <span>
                {isNaN(parseFloat(text)) ? text : parseFloat(text)}/
                {isNaN(parseFloat(record.softCostActual)) ? text : parseFloat(record.softCostActual)}
              </span>
            )
          },
        },
        {
          title: "审计/审计已付",
          dataIndex: "auditCost",
          key: "auditCost",
          className: "title-table",
          render: (text, record) => {
            return (
              <span>
                {isNaN(parseFloat(text)) ? text : parseFloat(text)}/
                {isNaN(parseFloat(record.auditCostActual)) ? text : parseFloat(record.auditCostActual)}
              </span>
            )
          },
        },
        {
          title: "其他/其他已付",
          dataIndex: "otherCost",
          key: "otherCost",
          className: "title-table",
          render: (text, record) => {
            return (
              <span>
                {isNaN(parseFloat(text)) ? text : parseFloat(text)}/
                {isNaN(parseFloat(record.otherCostActual)) ? text : parseFloat(record.otherCostActual)}
              </span>
            )
          },
        },
        {
          title: "预估毛利(万元)",
          dataIndex: "expectProfit",
          key: "expectProfit",
          className: "title-table",
        },
        {
          title: "实际毛利(万元)",
          dataIndex: "actualProfit",
          key: "actualProfit",
          className: "title-table",
        },
        {
          title: "最近收款(万元)",
          dataIndex: "finalReceivables",
          key: "finalReceivables",
          className: "title-table",
          render: (text) => {
            return isNaN(parseFloat(text)) ? text : parseFloat(text);
          }
        },
        {
          title: "最近收款时间",
          dataIndex: "finalReceivablesTime",
          key: "finalReceivablesTime",
          className: "title-table",
        },
        {
          title: "结算状态",
          dataIndex: "liquidationStatus",
          key: "liquidationStatus",
          className: "title-table",
          render: (text) => {
            return getLiquidationStatus(text);
          },
        },
        {
          title: "流程状态",
          dataIndex: "processStatus",
          key: "processStatus",
          className: "title-table",
          render: (text, record) => {
            return getProcessStatus(text, record.examineName, record.approval);
          },
        },

        //                 {
        //                     title: '订单状态',
        //                     dataIndex: 'orderStatus',
        //                     key: 'orderStatus',
        //                     render: text => { return getNewOrderStatus(text)}
        //                 },

        {
          title: "操作",
          dataIndex: "caozuo",
          key: "caouzo",
          className: "title-table",
          fixed: "right",
          render: (text, recard) => {
            return (
              <div>
                {/* {recard.backStatus == 3 ? <Tag>已驳回</Tag> : ""} */}

                {recard.processStatus == 3 && recard.myExamine == 0 &&
                  <Button
                    type="primary"
                    onClick={(e) => {
                      e.stopPropagation(), this.checkRemark(recard);
                    }}
                    style={{ marginLeft: "5px" }}
                  >
                    通过
                  </Button>}

                {recard.processStatus == 3 && recard.myExamine == 0 &&
                  <Button
                    type="danger"
                    style={{ marginLeft: "5px", }}
                    onClick={(e) => {
                      e.stopPropagation(), this.reject(recard);
                    }}
                  >
                    驳回
                  </Button>
                }
              </div>
            );
          },
        },
      ],
      dataSource: [],
      searchTime: [],
      columnsDate: [
        {
          title: "编号",
          dataIndex: "id",
          key: "id",
        },
        {
          title: "订单编号",
          dataIndex: "orderno",
          key: "orderno",
        },
        {
          title: "开票金额(万元)",
          dataIndex: "amount",
          key: "amount",
        },
        {
          title: "申请时间",
          dataIndex: "createTime",
          key: "createTime",
        },
        {
          title: "开票状态",
          dataIndex: "status",
          key: "status",
          render: (text, record) => {
            return <div>{getInvoiceStatus(text, record)} <LogPopup id={record.id} /></div>;
          },
        },
      ],
      waterlistDate: [
        {
          title: "订单编号",
          dataIndex: "orderNo",
          key: "orderNo",
        },
        {
          title: "平台流水号",
          dataIndex: "billNo",
          key: "billNo",
          //   fixed: "left"
        },
        {
          title: "收款金额(万元)",
          dataIndex: "transactionAmount",
          key: "transactionAmount",
        },
        {
          title: "收款方",
          dataIndex: "payeeName",
          key: "payeeName",
        },
        {
          title: "付款方",
          dataIndex: "payerName",
          key: "payerName",
        },
        {
          title: "流水科目",
          dataIndex: "transactionSubject",
          key: "transactionSubject",
          render: (text) => {
            return getTransactionProject(text);
          },
        },
        {
          title: "收款类型",
          dataIndex: "type",
          key: "type",
        },
        {
          title: "财务流水时间",
          dataIndex: "financialPayTimes",
          key: "financialPayTimes",
        },
        {
          title: "财务流水号",
          dataIndex: "financialPayNo",
          key: "financialPayNo",
        },
        {
          title: "订单负责人",
          dataIndex: "saleName",
          key: "saleName",
        },
        {
          title: "创建时间",
          dataIndex: "createTimes",
          key: "createTimes",
        },
        {
          title: "退款时间",
          dataIndex: "refundTimes",
          key: "refundTimes",
        },
        {
          title: "删除时间",
          dataIndex: "deleteTimes",
          key: "deleteTimes",
        },
        {
          title: "备注",
          dataIndex: "remarks",
          key: "remarks",
        },
        {
          title: "流水状态",
          dataIndex: "deleteSign",
          key: "deleteSign",
          render: (text, record) => {
            if (!text) {
              return (
                <Popconfirm
                  title="是否删除?"
                  onConfirm={() => {
                    this.changeWater(record.billNo);
                  }}
                  okText="删除"
                  cancelText="不删除"
                >
                  <Button>删除</Button>
                </Popconfirm>
              );
            } else {
              return <Tag>已删除</Tag>;
            }
          },
        },
      ],
      waterData: [],
      newVisible: "",
    };
  },

  changeWater(billNo) {
    this.setState({
      loading: true,
    });
    $.ajax({
      method: "get",
      dataType: "json",
      crossDomain: false,
      url: globalConfig.context + "/api/admin/financial/deleteMyBill",
      data: {
        billNo,
      },
      success: function (data) {
        let theArr = [];
        if (data.error && data.error.length) {
          message.warning(data.error[0].message);
        } else {
          message.warning("删除流水成功！");
          this.waterData();
          this.loadData();
        }
      }.bind(this),
    }).always(
      function () {
        this.setState({
          loading: false,
        });
      }.bind(this)
    );
  },
  // 特批通过
  evaluateZ(record) {
    $.ajax({
      method: "POST",
      dataType: "json",
      crossDomain: false,
      url: globalConfig.context + "/api/admin/financial/financeApproval",
      data: {
        orderNo: record.orderNo,
      },
    }).done(
      function (data) {
        if (!data.error.length) {
          message.success("通过成功！");
          this.setState({
            loading: false,
          });
          this.loadData();
        } else {
          message.warning(data.error[0].message);
        }
      }.bind(this)
    );
  },
  /* 收款 */
  evaluateX(recard) {
    this.state.assignDataX = recard;
    this.setState({
      assignVisibleX: true,
    });
  },
  /* 转交 */
  evaluateY(recard, nub) {
    this.state.assignDataY = recard;
    this.setState({
      nub,
      assignVisibleY: true,
    });
  },
  /* 驳回 */
  reject(recard) {
    this.setState({
      bohuiData: recard,
      boHuiVisible: true,
      content: "",
    });
  },
  boHuiOk() {
    this.setState({
      boHuiVisible: false,
    });
    if (
      this.state.pagination.current == this.state.totalPage &&
      this.state.pagination.total % 10 == 1
    ) {
      this.loadData(this.state.page - 1);
    } else {
      this.loadData(this.state.page);
    }
  },
  boHuiCancel() {
    this.setState({
      boHuiVisible: false,
    });
  },
  componentWillMount() {
    this.loadData();
    this.departmentList();
  },
  tableRowClick(record) {
    this.state.RowData = record;
    this.setState({
      showDesc: true,
    });
  },
  tableonRowClick(record) {
    if (this.state.newVisible == "项目进度") {
      this.state.onRowData = record;
      this.setState({
        pvisible: true,
        record
      })
    }
  },
  closeDesc(e, s) {
    this.state.showDesc = e;
    if (s) {
      this.loadData(this.state.page);
    }
  },
  closeAssignX(e, s) {
    this.state.assignDataX = {};
    this.state.assignVisibleX = e;
    if (s) {
      this.loadData(this.state.page);
    }
  },
  closeAssignY(e, s) {
    this.state.assignDataY = {};
    this.state.assignVisibleY = e;
    if (s) {
      this.loadData(this.state.page);
    }
  },
  search() {
    this.setState({
      selectedRowKeys: []
    })
    this.loadData();
  },

  // 拆分详细
  showRes(record) {
    this.setState({
      resVisible: true,
      resRecord: record,
    });
  },
  resCancel() {
    this.setState({
      resVisible: false,
    });
  },

  reset() {
    this.state.nameSearch = "";
    this.state.releaseDate = [];
    this.state.shouKuanDate = [];
    this.state.orderNoSearch = "";
    this.state.departmenttList = undefined;
    this.state.amountStatus = undefined;
    this.state.approval = undefined;
    this.state.projectType = undefined;
    this.state.processStatus = [];
    this.state.contractNoSearch = "";
    this.state.liquidationStatus = [];
    this.state.processStatusSearch = [];
    this.state.contractNo = "";
    this.state.approvaType = [];
    this.Cascaders.empty();
    this.loadData();
  },
  //驳回
  boHuiSubmit(e) {
    e.preventDefault();
    if (!this.state.content) {
      message.warning("请填写驳回原因");
      return false;
    }
    if (!this.state.content.replace(/\s+/g, '')) {
      message.warning("请填写驳回原因");
      return false;
    }
    this.setState({
      loading: true,
    });
    $.ajax({
      method: "POST",
      dataType: "json",
      crossDomain: false,
      url: globalConfig.context + "/api/admin/financial/reject",
      data: {
        orderNo: this.state.bohuiData.orderNo,
        reason: this.state.content,
      },
    }).done(
      function (data) {
        if (!data.error.length) {
          message.success("驳回成功！");
          this.setState({
            loading: false,
          });
          this.boHuiOk();
        } else {
          message.warning(data.error[0].message);
        }
      }.bind(this)
    );
  },
  searchSwitch() {
    this.setState({
      searchMore: !this.state.searchMore,
    });
  },
  changeList(arr) {
    const newArr = [];
    this.state.columns.forEach((item) => {
      arr.forEach((val) => {
        if (val === item.title) {
          newArr.push(item);
        }
      });
    });
    this.setState({
      changeList: newArr,
    });
  },
  callback(key) {
    // console.log(key);
  },
  onSelectChange(selectedRowKeys, selectedRows) {
    // for(var i=0; i<selectedRowKeys.length; i++){
    //   for(var j=i+1; j<selectedRowKeys.length; j++){
    //     if(selectedRowKeys[i]==selectedRowKeys[j]){
    //     selectedRowKeys.splice(j,1);
    //     j--;
    //     }
    //   }
    // }
    this.setState({
      selectedRowKeys,
      selectedRows,
      newData: selectedRows,
    });
  },
  inRecordCanl() {
    this.setState({
      bvisible: false,
    });
  },
  inRecordData() {
    this.setState({
      loading: true,
    });
    $.ajax({
      method: "get",
      dataType: "json",
      crossDomain: false,
      url:
        globalConfig.context +
        "/api/admin/orderInvoice/salesmanOrderInvoiceList",
      data: {
        orderNo: this.state.selectedRowKeys[0],
        pageSize: 9999999,
      },
      success: function (data) {
        let theArr = [];
        let sum = 0;
        if (!data.data) {
          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];
            sum += parseFloat(thisdata.amount);
            theArr.push({
              id: thisdata.id,
              orderno: thisdata.orderno, //订单编号
              amount: thisdata.amount, //签单金额
              createTime: thisdata.createTime, //流程状态
              status: thisdata.status, //结算状态
              rejectReason: thisdata.rejectReason,
              approval: thisdata.approval,//0非特批 1待审核 2审核通过
              examineName: thisdata.examineName,
            });
          }
        }
        this.setState({
          recordData: theArr,
          sum: sum.toFixed(6),
        });
      }.bind(this),
    }).done(
      function () {
        this.setState({
          loading: false,
        });
      }.bind(this)
    );
  },
  waterData() {
    this.state.data = [];
    this.setState({
      loading: true,
    });
    $.ajax({
      method: "get",
      dataType: "json",
      crossDomain: false,
      url: globalConfig.context + "/api/admin/financial/myBillList",
      data: {
        orderNo: this.state.selectedRowKeys[0],
        pageSize: 9999999,
        whoType: 1,
      },
      success: function (data) {
        let theArr = [];
        let waterSum = 0;
        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.deleteSign == 0) {
              waterSum += parseFloat(thisdata.transactionAmount);
            }
            theArr.push({
              key: i,
              orderNo: thisdata.orderNo,
              billNo: thisdata.billNo,
              transactionAmount: thisdata.transactionAmount,
              payeeName: thisdata.payeeName,
              payerName: thisdata.payerName,
              transactionSubject: thisdata.transactionSubject,
              transactionChannel: thisdata.transactionChannel,
              financialPayTimes: thisdata.financialPayTimes,
              financialPayNo: thisdata.financialPayNo,
              createrName: thisdata.createrName,
              saleName: thisdata.saleName,
              createTimes: thisdata.createTimes,
              type:
                thisdata.type == 0
                  ? "手工"
                  : thisdata.type == 1
                    ? "批量"
                    : "合同变更退款",
              deleteSign: thisdata.deleteSign,
              deleteTimes: thisdata.deleteTimes,
              refundTimes: thisdata.refundTimes,
              remarks: thisdata.remarks,
            });
          }
        }
        this.setState({
          waterData: theArr,
          waterSum: (Math.round(waterSum * 1000000) / 1000000).toFixed(6),
        });
      }.bind(this),
    }).always(
      function () {
        this.setState({
          loading: false,
        });
      }.bind(this)
    );
  },
  waterCanl() {
    this.setState({
      cvisible: false,
    });
  },
  exportKaip() {
    window.location.href =
      globalConfig.context +
      "/api/admin/receivables/exportInvoice?" +
      `orderNo=${this.state.selectedRowKeys}`;
  },
  exportAll() {
    message.config({
      duration: 20,
    });
    let loading = message.loading("下载中...");
    this.setState({
      exportPendingLoading: true,
    });
    let data = {
      orderNo: this.state.orderNoSearch,
      buyerName: this.state.nameSearch,
      deps: this.state.departmenttList,
      contractNo: this.state.contractNoSearch,
      processStatus: this.state.processStatusSearch,
      startTime: this.state.releaseDate[0],
      endTime: this.state.releaseDate[1],
      startFinalReceivablesTime: this.state.shouKuanDate[0],
      endFinalReceivablesTime: this.state.shouKuanDate[1],
      contractNo: this.state.contractNoSearch,
      liquidationStatus: this.state.liquidationStatus,
      amountStatus: this.state.amountStatus,
      approval: this.state.approval,
      projectType: this.state.projectType,
      type: this.state.approvaType.length > 0 ? this.state.approvaType.toString() : undefined, //特批类型
    };
    $.ajax({
      method: "get",
      dataType: "json",
      crossDomain: false,
      url: "/api/admin/receivables/exportReceivables",
      data,
      success: function (data) {
        if (data.error.length === 0) {
          this.download(data.data);
        } else {
          message.warning(data.error[0].message);
        }
      }.bind(this),
    }).always(
      function () {
        loading();
        this.setState({
          exportPendingLoading: false,
        });
      }.bind(this)
    );

    // window.location.href =
    //   globalConfig.context +
    //   "/api/admin/receivables/exportReceivables?" +
    //   `orderNo=${this.state.orderNoSearch ? this.state.orderNoSearch : ""
    //   }&buyerName=${this.state.nameSearch ? this.state.nameSearch : ""
    //   }&deps=${this.state.departmenttList ? this.state.departmenttList : ""
    //   }&contractNo=${this.state.contractNoSearch ? this.state.contractNoSearch : ""
    //   }&processStatus=${this.state.processStatusSearch}`;
  },
  // 下载
  download(fileName) {
    window.location.href =
      globalConfig.context + "/open/download?fileName=" + fileName;
  },
  exportWater() {
    window.location.href =
      globalConfig.context +
      "/api/admin/receivables/exportMyBill?" +
      `orderNo=${this.state.selectedRowKeys}&whoType=1`;
  },
  printAll() {
    this.setState({
      dvisible: true,
    });
    this.loadData(1, 9999999);
  },
  timeData() {
    this.setState({
      loading: true,
    });
    $.ajax({
      method: "get",
      dataType: "json",
      crossDomain: false,
      url: globalConfig.context + "/api/admin/orderProject/taskHoursList",
      data: {
        orderNo: this.state.selectedRowKeys[0],
        pageSize: 9999999,
      },
      success: function (data) {
        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 + 1,
              id: thisdata.id, //ID
              orderNo: thisdata.orderNo, //订单编号
              taskName: thisdata.taskName, //任务名称
              userName: thisdata.userName, //客户名称
              cname: thisdata.cname, //项目品类
              taskStatus: thisdata.taskStatus, //任务状态
              receiverName: thisdata.receiverName, //负责人
              hours: thisdata.hours, //任务工时
              depName: thisdata.depName, //派单公司
              contractNo: thisdata.contractNo,
              signTime: thisdata.signTime,
              creteTime: thisdata.creteTime,
              projectStatus: thisdata.projectStatus,
              commodityPrice: thisdata.commodityPrice, //价格
              commodityQuantity: thisdata.commodityQuantity, //数量
              salesmanName: thisdata.salesmanName, //订单负责人
              taskDistributionTime: thisdata.taskDistributionTime,
              taskEndTime: thisdata.taskEndTime,
              outsource: thisdata.outsource,
              splitStatus: thisdata.splitStatus,
              splitSuper: thisdata.splitSuper,
              splitId: thisdata.splitId,
            });
          }
        }
        this.setState({
          timeDataList: theArr,
        });
      }.bind(this),
    }).always(
      function () {
        this.setState({
          loading: false,
        });
      }.bind(this)
    );
  },
  exportTime() {
    const data = {
      orderNo: this.state.selectedRowKeys[0],
      pageSize: 9999999,
    };
    window.location.href =
      globalConfig.context +
      "/api/admin/orderProject/exportMyTaskList?" +
      $.param(data);
  },
  exportPro() {
    const data = {
      orderNo: this.state.selectedRowKeys[0],
    };
    window.location.href =
      globalConfig.context +
      "/api/admin/newOrder/exportOrderTaskData?" +
      $.param(data);
  },
  // exportCui() {
  //   const data = {
  //     orderNo: this.state.selectedRowKeys[0]
  //       ? this.state.selectedRowKeys[0]
  //       : undefined, //订单编号
  //     // specially: 1,
  //     pageSize: 9999999,
  //   };
  //   window.location.href =
  //     globalConfig.context +
  //     "/api/admin/newOrder/exportOrderDunData?" +
  //     $.param(data);
  // },
  exportCui() {
    this.setState({
      exportPendingLoading: true,
    });
    message.config({
      duration: 20,
    });
    let loading = message.loading("下载中...");
    let data = {
      orderNo: this.state.selectedRowKeys[0]
        ? this.state.selectedRowKeys[0]
        : undefined, //订单编号
      pageSize: 9999999,
    };
    $.ajax({
      method: "get",
      dataType: "json",
      crossDomain: false,
      url:
        globalConfig.context + "/api/admin/newOrder/exportOrderDunData",
      data,
      success: function (data) {
        if (data.error.length === 0) {
          this.download(data.data);
        } else {
          message.warning(data.error[0].message);
        }
      }.bind(this),
    }).always(
      function () {
        loading();
        this.setState({
          exportPendingLoading: false,
        });
      }.bind(this)
    );
  },
  cuiData() {
    this.setState({
      loading: true,
    });
    $.ajax({
      method: "get",
      dataType: "json",
      crossDomain: false,
      url: globalConfig.context + "/api/admin/newOrder/dunOrderNewList",
      data: {
        orderNo: this.state.selectedRowKeys[0],
        pageSize: 9999999,
      },
      success: function (data) {
        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 + 1,
              orderNo: thisdata.orderNo,
              contractNo: thisdata.contractNo,
              userName: thisdata.userName,
              buyerName: thisdata.buyerName,
              departmentName: thisdata.departmentName,
              salesmanName: thisdata.salesmanName,
              depName: thisdata.depName,
              orderStatus: thisdata.orderStatus,
              projectStatus: thisdata.projectStatus,
              totalAmount: thisdata.totalAmount,
              liquidationStatus: thisdata.liquidationStatus,
              settlementAmount: thisdata.settlementAmount,
              accountsReceivable: thisdata.accountsReceivable,
              dunSubject: thisdata.dunSubject,
              startDate: thisdata.startDate,
              taskStatus: thisdata.taskStatus,
              cname: thisdata.cname,
              id: thisdata.id,
              taskName: thisdata.taskName,
              hours: thisdata.hours,
              taskDistributionTime: thisdata.taskDistributionTime,
              taskEndTime: thisdata.taskEndTime,
              dunStatus: thisdata.dunStatus == 0 ? "未触发" : "已触发",
            });
          }
        }
        this.setState({
          cuiDataList: theArr,
        });
      }.bind(this),
    }).always(
      function () {
        this.setState({
          loading: false,
        });
      }.bind(this)
    );
  },
  cuiTabChange(index) {
    this.setState({
      cuiTabKey: index,
    });
    if (index == 2) {
      this.setState({
        loading: true,
      });
      $.ajax({
        method: "get",
        dataType: "json",
        crossDomain: false,
        url: globalConfig.context + "/api/admin/newOrder/arrearsDunList",
        data: {
          orderNo: this.state.selectedRowKeys[0],
          pageSize: 9999999,
        },
        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.list.length; i++) {
              let thisdata = data.data.list[i];
              let obj = thisdata;
              obj.key = i;
              theArr.push(obj);
            }
          }
          this.setState({
            qianDataList: theArr,
          });
        }.bind(this),
      }).always(
        function () {
          this.setState({
            loading: false,
          });
        }.bind(this)
      );
    }
  },
  proData() {
    this.setState({
      loading: true,
    });
    $.ajax({
      method: "get",
      dataType: "json",
      crossDomain: false,
      url: globalConfig.context + "/api/admin/newOrder/getOrderTask",
      data: {
        orderNo: this.state.selectedRowKeys[0],
        pageSize: 9999999,
      },
      success: function (data) {
        let theArr = [];
        let totalWaibao = 0;
        if (!data.data) {
          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];
            totalWaibao += thisdata.outsourcePrice;
            thisdata.key = i + 1;
            theArr.push(thisdata);
          }
        }
        totalWaibao = (Math.round(totalWaibao * 1000000) / 1000000).toFixed(6);
        this.setState({
          proDataList: theArr,
          totalWaibao,
        });
      }.bind(this),
    }).always(
      function () {
        this.setState({
          loading: false,
        });
      }.bind(this)
    );
  },
  // 查看公出列表
  pubData() {
    this.setState({
      loading: true,
    });
    let rows = this.state.selectedRows[0]
    let searchInfor = {
      releaseStart: this.state.releaseDate[0] || undefined,
      releaseEnd: this.state.releaseDate[1] || undefined,
      aid: this.state.theTypes || undefined,
      sid: this.state.theTypes1 || undefined,
      status: this.state.status,
      clockIn: this.state.clockIn,
      depId: this.state.depId || undefined,
      publicType: this.state.type,
    }
    let datas = Object.assign(searchInfor, {
      pageNo: this.state.pubpageNo || 1,
      pageSize: 9999999,
      uid: rows.buyerId,
    });
    $.ajax({
      method: "get",
      dataType: "json",
      crossDomain: false,
      url: globalConfig.context + "/api/admin/release/publicReleaseDtails",
      data: datas,
      success: function (data) {
        let theArr = [];
        this.setState({
          loading: false,
        });
        if (!data.data) {
          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];
            thisdata.key = (data.data.pageNo - 1) * data.data.pageSize + i + 1;
            theArr.push(thisdata);
          }

          this.state.pubpagination.current = data.data.pageNo;
          this.state.pubpagination.total = data.data.totalCount;
          if (data.data && data.data.list && !data.data.list.length) {
            this.state.pubpagination.current = 0;
            this.state.pubpagination.total = 0;
          }
        }
        this.setState({
          pubDataList: theArr,
          pubpagination: this.state.pubpagination,
          pubpageNo: data.data.pageNo,
        });
      }.bind(this),
    }).always(
      function () {
        this.setState({
          loading: false,
        });
      }.bind(this)
    );
  },
  // 重置公出列表查询
  resetAll() {
    this.setState(
      {
        releaseDate: [],
        theCustomerTypes: undefined,
        status: undefined,
        clockIn: undefined,
        depId: undefined,
        auto: "",
        auto1: "",
        customer: "",
        theTypes: undefined,
        theTypes1: undefined,
        type: undefined,
      },
      () => {
        this.pubData();
      }
    );
  },
  //公出导出
  pubexportExec() {
    this.setState({
      exportPendingLoading: true,
    });
    message.config({
      duration: 20,
    });
    let loading = message.loading("下载中...");

    let rows = this.state.selectedRows[0]
    let searchInfor = {
      releaseStart: this.state.releaseDate[0] || undefined,
      releaseEnd: this.state.releaseDate[1] || undefined,
      aid: this.state.theTypes || undefined,
      sid: this.state.theTypes1 || undefined,
      status: this.state.status,
      clockIn: this.state.clockIn,
      depId: this.state.depId || undefined,
      publicType: this.state.type,
    }
    let data = Object.assign(searchInfor, {
      pageNo: this.state.pubpageNo || 1,
      pageSize: 9999999,
      uid: rows.buyerId,
      exportType: 1,
    });
    for (let i of Object.keys(data)) {
      if (i === "status" || i === "clockIn") {
        if (isNaN(parseInt(data[i]))) {
          delete data[i];
        }
      } else if (!data[i]) {
        delete data[i];
      }
    }
    $.ajax({
      method: "get",
      dataType: "json",
      crossDomain: false,
      url: globalConfig.context + "/api/admin/release/publicReleaseDtails/export",
      data,
      success: function (data) {
        if (data.error.length === 0) {
          this.download(data.data);
        } else {
          message.warning(data.error[0].message);
        }
      }.bind(this),
    }).always(
      function () {
        loading();
        this.setState({
          exportPendingLoading: false,
        });
      }.bind(this)
    );
  },
  // 下载
  download(fileName) {
    window.location.href =
      globalConfig.context + "/open/download?fileName=" + fileName;
  },
  checkRemark(record) {
    this.setState({
      checkVisible: true,
      checkOrderNo: record.orderNo,
    });
  },
  checkOk() {
    if (!this.state.checkData) {
      message.warning("请填写审核内容");
      return;
    }
    if (!this.state.checkData.replace(/\s+/g, '')) {
      message.warning("请填写审核内容");
      return;
    }
    this.setState({
      loading: true,
    });
    let ajaxObj = $.ajax({
      method: "post",
      dataType: "json",
      crossDomain: false,
      url: globalConfig.context + "/api/admin/financial/financeApproval",
      data: {
        orderNo: this.state.checkOrderNo,
        remarks: this.state.checkData,
      },
      success: function (data) {
        let theArr = [];
        if (!data.data) {
          if (data.error && data.error.length) {
            message.warning(data.error[0].message);
          }
        } else {
          message.success("通过成功!");
          this.loadData();
          this.setState({
            checkVisible: false,
            checkData: "",
          });
        }
      }.bind(this),
    }).always(
      function () {
        this.setState({
          loading: false,
          financeApprovalAjaxObj: null
        });
      }.bind(this)
    );
    this.setState({
      financeApprovalAjaxObj: ajaxObj
    })
  },
  tableRowClickPro(record) {
    this.setState({
      pvisible: true,
      record,
    });
  },
  kaiPiaoData(record) {
    this.setState({
      avisible: true,
    });
    this.invoiceData(record.id)
  },
  invoiceData(id) {
    this.setState({
      loading: true,
    });
    $.ajax({
      method: "get",
      dataType: "json",
      crossDomain: false,
      url:
        globalConfig.context + "/api/admin/orderInvoice/selectByIdOrderInvoice",
      data: {
        id,
      },
      success: function (data) {
        let thisdata = data.data;
        let obj = {
          contractNo: thisdata.contractNo,
          orderNo: thisdata.orderNo,
          approval: thisdata.approval,
          type: thisdata.type,
          status: thisdata.status,
          remarks: thisdata.remarks,
          invoiceType: thisdata.invoiceType,
          unitName: thisdata.unitName,
          taxNumber: thisdata.taxNumber,
          amount: thisdata.amount,
          banks: thisdata.banks,
          content: thisdata.content,
          unitAddress: thisdata.unitAddress,
          invoiceRemarks: thisdata.invoiceRemarks,
          unitMobile: thisdata.unitMobile,
          post: thisdata.post,
          addressee: thisdata.addressee,
          addresseeMobile: thisdata.addresseeMobile,
          addresseeProvince: thisdata.addresseeProvince,
          addresseeCity: thisdata.addresseeCity,
          addresseeArea: thisdata.addresseeArea,
          alreadyAmount: thisdata.alreadyAmount,
          recipientAddress: thisdata.recipientAddress,
          orgCodeUrl: thisdata.voucherUrl
            ? splitUrl(
              thisdata.voucherUrl,
              ",",
              globalConfig.avatarHost + "/upload"
            )
            : [],
        };
        this.setState({
          modalData: obj,
        });
      }.bind(this),
    }).done(
      function () {
        this.setState({
          loading: false,
        });
      }.bind(this)
    );
  },
  visitCancels() {
    this.setState({
      avisible: false
    })
  },
  selectAuto(value, options) {
    this.setState({
      auto: value,
    });
  },
  selectAuto1(value, options) {
    this.setState({
      auto1: value,
    });
  },
  blurChange(e) {
    let theType = "";
    let contactLists = this.state.customerArr || [];
    if (e) {
      contactLists.map(function (item) {
        if (item.name == e.toString()) {
          theType = item.id;
        }
      });
    }
    this.setState({
      theTypes: theType,
    });
  },
  blurChange1(e) {
    let theType = "";
    let contactLists = this.state.customerArr1 || [];
    if (e) {
      contactLists.map(function (item) {
        if (item.name == e.toString()) {
          theType = item.id;
        }
      });
    }
    this.setState({
      theTypes1: theType,
    });
  },
  httpChange(e) {
    if (e.length >= 1) {
      this.supervisor(e);
    }
    this.setState({
      auto: e,
    });
  },
  httpChange1(e) {
    if (e.length >= 1) {
      this.supervisor1(e);
    }
    this.setState({
      auto1: e,
    });
  },
  supervisor(e) {
    $.ajax({
      method: "get",
      dataType: "json",
      crossDomain: false,
      url: globalConfig.context + "/api/admin/customer/listAdminByName",
      data: {
        adminName: e,
      },
      success: function (data) {
        if (data.error && data.error.length === 0) {
          this.setState({
            customerArr: data.data,
          });
        } else {
          message.warning(data.error[0].message);
        }
      }.bind(this),
    }).always(function () { }.bind(this));
  },
  supervisor1(e) {
    $.ajax({
      method: "get",
      dataType: "json",
      crossDomain: false,
      url: globalConfig.context + "/api/admin/customer/listAdminByName",
      data: {
        adminName: e,
      },
      success: function (data) {
        if (data.error && data.error.length === 0) {
          this.setState({
            customerArr1: data.data,
          });
        } else {
          message.warning(data.error[0].message);
        }
      }.bind(this),
    }).always(function () { }.bind(this));
  },

  render() {
    const formItemLayout = {
      labelCol: { span: 8 },
      wrapperCol: { span: 14 },
    };
    const { RangePicker } = DatePicker;
    var departmentArr = this.state.departmentArr || [];
    const { loading, selectedRowKeys, visible } = this.state;
    const rowSelection = {
      selectedRowKeys,
      onChange: this.onSelectChange,
      hideDefaultSelections: true,
      type: "radio",
    };
    const dataSources = this.state.customerArr || [];
    const dataSources1 = this.state.customerArr1 || [];
    const options = dataSources.map((group) => (
      <Select.Option key={group.id} value={group.name}>
        {group.name}
      </Select.Option>
    ));
    const options1 = dataSources1.map((group) => (
      <Select.Option key={group.id} value={group.name}>
        {group.name}
      </Select.Option>
    ));
    const approvaChildren = approvalOptions.map(i => (
      <Option key={i.value}>{i.label}</Option>
    ));
    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}
          />
        ) : (
          ""
        )}
        <div className="content-title" style={{ marginBottom: 10 }}>
          <span style={{ fontWeight: 900, fontSize: 16 }}>收款结算</span>
        </div>

        <Tabs defaultActiveKey="2" onChange={this.callback} className="test">
          <TabPane tab="更改表格显示数据" key="1">
            <div style={{ marginLeft: 10 }}>
              <ChooseList
                columns={this.state.columns}
                changeFn={this.changeList}
                changeList={this.state.changeList}
                top={55}
                margin={11}
              />
            </div>
          </TabPane>
          <TabPane tab="搜索" key="2">
            <div className="user-search" style={{ padding: "0 20px 0 10px" }}>
              <Input
                style={{ width: 200 }}
                placeholder="订单编号"
                value={this.state.orderNoSearch}
                onChange={(e) => {
                  this.setState({ orderNoSearch: e.target.value });
                }}
              />
              <Input
                style={{ width: 200 }}
                placeholder="合同编号"
                value={this.state.contractNoSearch}
                onChange={(e) => {
                  this.setState({
                    contractNoSearch: e.target.value,
                  });
                }}
              />
              <Input
                style={{ width: 200 }}
                placeholder="客户名称"
                value={this.state.nameSearch}
                onChange={(e) => {
                  this.setState({ nameSearch: e.target.value });
                }}
              />
              <Cascaders
                ref={node => this.Cascaders = node}
                placeholder="订单部门"
                id="id"
                name="name"
                children="list"
                height={28}
                onSel={(e) => {
                  this.setState({
                    departmenttList: JSON.stringify(e),
                  });
                }}
              />
              {/* <Select
                placeholder="订单部门"
                style={{ width: 190, marginRight: 10 }}
                value={this.state.departmenttList}
                onChange={(e) => {
                  this.setState({ departmenttList: e });
                }}
              >
                {departmentArr.map(function (item) {
                  return (
                    <Select.Option key={item.id}>{item.name}</Select.Option>
                  );
                })}
              </Select> */}
              <Select
                placeholder="流程状态"
                onChange={(e) => {
                  this.setState({ processStatusSearch: e });
                }}
                style={{ width: 150, marginRight: 10 }}
                value={this.state.processStatusSearch}
              >
                <Option value="3">未分配</Option>
                <Option value="4">已分配</Option>
                <Option value="9">已驳回</Option>
              </Select>
              <Select
                placeholder="结算状态"
                onChange={(e) => {
                  this.setState({ liquidationStatus: e });
                }}
                style={{ width: 150, marginRight: 10 }}
                value={this.state.liquidationStatus}
              >
                <Option value="0">首付待付清</Option>
                <Option value="1">尾款待付清</Option>
                <Option value="2">已付清</Option>
              </Select>
              <Select
                style={{ width: 150 }}
                placeholder="签单金额"
                value={this.state.amountStatus}
                onChange={(e) => {
                  this.setState({
                    amountStatus: e,
                  });
                }}
              >
                <Option value="0">10万元以下</Option>
                <Option value="1">10~20万元</Option>
                <Option value="2">20~30万元</Option>
                <Option value="3">30~40万元</Option>
                <Option value="4">40万元以上</Option>
              </Select>
              <Select
                style={{ width: 150 }}
                placeholder="特批状态"
                value={this.state.approval}
                onChange={(e) => {
                  this.setState({
                    approval: e,
                  });
                }}
              >
                <Option value="0">非特批</Option>
                <Option value="1">特批待审</Option>
                <Option value="2">特批通过</Option>
                <Option value="4">全部特批</Option>
              </Select>
              <Select
                style={{ width: 150 }}
                placeholder="会员状态"
                value={this.state.projectType}
                onChange={(e) => {
                  this.setState({
                    projectType: e,
                  });
                }}
              >
                <Option value="1">会员</Option>
                <Option value="0">非会员</Option>
              </Select>
              <Select
                mode="multiple"
                style={{ width: 200 }}
                placeholder="特批类型"
                value={this.state.approvaType}
                onChange={e => {
                  this.setState({
                    approvaType: e
                  })
                }}
              >
                {approvaChildren}
              </Select>
              <span style={{}}>下单日期：</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 });
                }}
              />
              <span style={{ marginLeft: 10 }}>最近收款：</span>
              <RangePicker
                value={[
                  this.state.shouKuanDate[0]
                    ? moment(this.state.shouKuanDate[0])
                    : null,
                  this.state.shouKuanDate[1]
                    ? moment(this.state.shouKuanDate[1])
                    : null,
                ]}
                onChange={(data, dataString) => {
                  this.setState({ shouKuanDate: dataString });
                }}
              />
              <Button
                type="primary"
                onClick={this.search}
                style={{ marginLeft: 10 }}
                disabled={this.state.loadingA ? true : false}
              >
                搜索
              </Button>
              <Button onClick={this.reset}>重置</Button>
            </div>
          </TabPane>
          <TabPane tab="打印" key="3">
            <Button
              type="primary"
              style={{ margin: "11px 0px 10px 10px" }}
              onClick={this.printAll}
              disabled={!this.state.dataSource.length}
            >
              打印所有列表信息
            </Button>
            <Button
              type="primary"
              disabled={this.state.selectedRowKeys.length != 1}
              style={{ margin: "11px 0px 10px 10px" }}
              onClick={() => {
                this.inRecordData();
                this.setState({
                  bvisible: true,
                });
              }}
            >
              打印开票详情
            </Button>
            <Button
              type="primary"
              disabled={this.state.selectedRowKeys.length != 1}
              style={{ margin: "11px 0px 10px 10px" }}
              onClick={() => {
                this.waterData();
                this.setState({
                  cvisible: true,
                });
              }}
            >
              打印收款流水
            </Button>
            <Button
              type="primary"
              disabled={this.state.selectedRowKeys.length != 1}
              style={{ margin: "11px 0px 10px 10px" }}
              onClick={() => {
                this.timeData();
                this.setState({
                  timeVisible: true,
                });
              }}
            >
              打印工时信息
            </Button>
            <Button
              type="primary"
              disabled={this.state.selectedRowKeys.length != 1}
              style={{ margin: "11px 0px 10px 10px" }}
              onClick={() => {
                this.cuiData();
                this.setState({
                  cuiVisible: true,
                });
              }}
            >
              打印催款信息
            </Button>
            <Button
              type="primary"
              disabled={this.state.selectedRowKeys.length != 1}
              style={{ margin: "11px 0px 10px 10px" }}
              onClick={() => {
                this.proData();
                this.setState({
                  proVisible: true,
                });
              }}
            >
              打印项目进度
            </Button>
          </TabPane>
          <TabPane tab="导出Excel" key="4">
            <Button
              type="primary"
              style={{ margin: "11px 0px 10px 10px" }}
              onClick={this.exportAll}
            >
              导出当前列表
            </Button>
            <Button
              type="primary"
              disabled={this.state.selectedRowKeys.length != 1}
              style={{ margin: "11px 0px 10px 10px" }}
              onClick={this.exportKaip}
            >
              导出所选开票详情
            </Button>
            <Button
              type="primary"
              disabled={this.state.selectedRowKeys.length != 1}
              style={{ margin: "11px 0px 10px 10px" }}
              onClick={this.exportWater}
            >
              导出所选收款详情流水
            </Button>
            <Button
              type="primary"
              disabled={this.state.selectedRowKeys.length != 1}
              style={{ margin: "11px 0px 10px 10px" }}
              onClick={this.exportTime}
            >
              导出所选工时信息
            </Button>
            <Button
              type="primary"
              disabled={this.state.selectedRowKeys.length != 1}
              style={{ margin: "11px 0px 10px 10px" }}
              onClick={this.exportCui}
            >
              导出催款信息
            </Button>
            <Button
              type="primary"
              disabled={this.state.selectedRowKeys.length != 1}
              style={{ margin: "11px 0px 10px 10px" }}
              onClick={this.exportPro}
            >
              导出项目进度
            </Button>
          </TabPane>
          <TabPane tab="查看" key="5">
            <Button
              type="primary"
              disabled={this.state.selectedRowKeys.length != 1}
              style={{ margin: "11px 0px 10px 10px" }}
              onClick={() => {
                this.inRecordData();
                this.setState({
                  // bvisible: true,
                  newVisible: "开票历史记录",
                });
              }}
            >
              查看开票详情
            </Button>
            <Button
              type="primary"
              disabled={this.state.selectedRowKeys.length != 1}
              style={{ margin: "11px 0px 10px 10px" }}
              onClick={() => {
                this.waterData();
                this.setState({
                  // cvisible: true,
                  newVisible: "详细收款流水",
                });
              }}
            >
              详情收款流水
            </Button>
            <Button
              type="primary"
              disabled={this.state.selectedRowKeys.length != 1}
              style={{ margin: "11px 0px 10px 10px" }}
              onClick={() => {
                this.timeData();
                this.setState({
                  // timeVisible: true,
                  newVisible: "工时详情",
                });
              }}
            >
              工时信息
            </Button>
            <Button
              type="primary"
              disabled={this.state.selectedRowKeys.length != 1}
              style={{ margin: "11px 0px 10px 10px" }}
              onClick={() => {
                this.cuiData();
                this.setState({
                  // cuiVisible: true,
                  newVisible: "催款详情",
                });
              }}
            >
              催款信息
            </Button>
            <Button
              type="primary"
              disabled={this.state.selectedRowKeys.length != 1}
              style={{ margin: "11px 0px 10px 10px" }}
              onClick={() => {
                this.proData();
                this.setState({
                  // proVisible: true,
                  newVisible: "项目进度",
                });
              }}
            >
              项目进度
            </Button>
            <Button
              type="primary"
              disabled={this.state.selectedRowKeys.length != 1}
              style={{ margin: "11px 0px 10px 10px" }}
              onClick={() => {
                this.pubData();
                this.selectSuperId();
                this.setState({
                  // pubVisible: true,
                  newVisible: "公出详细列表",
                });
              }}
            >
              查看公出
            </Button>
          </TabPane>
          {/* <TabPane tab="批量操作" key="6">
            <Button
              type="primary"
              disabled={this.state.selectedRowKeys.length == 0}
              style={{ margin: "0px 0px 10px 10px" }}
              onClick={e => {
                e.stopPropagation(),
                  this.evaluateY(this.state.selectedRowKeys, "财务专员");
              }}
            >
              转交
            </Button>
          </TabPane> */}
        </Tabs>

        <div className="patent-table">
          <Spin spinning={this.state.loadingA}>
            <Table
              bordered
              columns={
                this.state.changeList == undefined
                  ? this.state.columns
                  : this.state.changeList
              }
              dataSource={this.state.dataSource}
              rowSelection={rowSelection}
              scroll={{ x: "max-content", y: 0 }}
              pagination={this.state.pagination}
              onRowDoubleClick={this.tableRowClick.bind(this)}
              size="small"
            />
          </Spin>
          <p
            style={{ display: "inline-block", fontSize: "14px", color: "red" }}
          >
            {
              <span style={{ marginRight: 10 }}>
                {`收款金额总计(万元):${this.state.hui ? this.state.hui : "0"}`}
              </span>
            }
            {
              <span>
                {`合同额总计(万元):${this.state.totalHui ? this.state.totalHui : "0"
                  }`}
              </span>
            }
          </p>
        </div>
        <Assign
          title="任务"
          selApi={"/api/admin/newOrder/updateFinance"}
          data={this.state.assignDataY}
          showDesc={this.state.assignVisibleY}
          closeDesc={this.closeAssignY.bind(this)}
          // fenpaiData={8}
          specially={0}
          roleName={this.state.nub}
          requestMethod={"get"}
        />
        <OrderDesc
          data={this.state.RowData}
          showDesc={this.state.showDesc}
          closeDesc={this.closeDesc.bind(this)}
        />
        <Receivable
          title="收款记录"
          api="/api/admin/financial/addReceiptsFlow"
          data={this.state.assignDataX}
          showDesc={this.state.assignVisibleX}
          closeDesc={this.closeAssignX.bind(this)}
        />
        <Modal
          visible={this.state.boHuiVisible}
          width="400px"
          title="驳回备注"
          footer=""
          onOk={this.boHuiOk}
          onCancel={this.boHuiCancel}
        >
          <Form layout="horizontal" onSubmit={this.boHuiSubmit}>
            <Spin spinning={this.state.loading}>
              <FormItem
                labelCol={{ span: 5 }}
                wrapperCol={{ span: 16 }}
                label={
                  <span>
                    <strong style={{ color: "#f00" }}>*</strong>驳回原因
                  </span>
                }
              >
                <Input
                  type="textarea"
                  rows={4}
                  placeholder="请输入驳回原因"
                  value={this.state.content}
                  onChange={(e) => {
                    this.setState({ content: e.target.value });
                  }}
                />
              </FormItem>
              <FormItem wrapperCol={{ span: 12, offset: 5 }}>
                <Button
                  type="primary"
                  htmlType="submit"
                  style={{ marginRight: 20 }}
                >
                  驳回
                </Button>
                <Button
                  type="default"
                  onClick={() => {
                    this.boHuiCancel();
                  }}
                >
                  取消
                </Button>
              </FormItem>
            </Spin>
          </Form>
        </Modal>

        <Modal
          visible={this.state.bvisible}
          footer=""
          title="开票历史记录"
          className="admin-desc-content"
          width="1200px"
          onCancel={this.inRecordCanl}
        >
          <Spin spinning={this.state.loading}>
            <div
              className="patent-table"
              ref={(e) => {
                this.refs.kaiPiao = e;
              }}
            >
              <Table
                columns={this.state.columnsDate}
                dataSource={this.state.recordData}
                onRowClick={this.kaiPiaoData}
                pagination={false}
                bordered
                size="small"
              />
              <div className="clearfix" style={{ marginTop: "20px" }}>
                <FormItem
                  className="half-item"
                  {...formItemLayout}
                  label={<span style={{ fontSize: "14px" }}>开票总计</span>}
                >
                  <span>{this.state.sum + "(万元)"}</span>
                </FormItem>
              </div>
              <ReactToPrint
                trigger={() => (
                  <Button
                    type="primary"
                    style={{
                      float: "right",
                      // marginTop: 10,
                      position: "absolute",
                      top: -54,
                      right: 30,
                    }}
                  >
                    打印
                  </Button>
                )}
                content={() => this.refs.kaiPiao}
              />
            </div>
          </Spin>
        </Modal>
        <Modal
          visible={this.state.cvisible}
          footer=""
          title="详细收款流水"
          className="admin-desc-content"
          width="1300px"
          onCancel={this.waterCanl}
        >
          <Spin spinning={this.state.loading}>
            <div
              className="patent-table"
              ref={(e) => {
                this.refs.shouKuan = e;
              }}
            >
              <Table
                columns={this.state.waterlistDate}
                dataSource={this.state.waterData}
                pagination={false}
                scroll={{ x: "max-content", y: 0 }}
                bordered
                size="small"
              />
              <div className="clearfix" style={{ marginTop: "20px" }}>
                <FormItem
                  className="half-item"
                  {...formItemLayout}
                  label={<span style={{ fontSize: "14px" }}>总计金额</span>}
                >
                  <span>{this.state.waterSum + "(万元)"}</span>
                </FormItem>
              </div>
              <ReactToPrint
                trigger={() => (
                  <Button
                    type="primary"
                    style={{
                      float: "right",
                      position: "absolute",
                      top: -54,
                      right: 30,
                    }}
                  >
                    打印
                  </Button>
                )}
                content={() => this.refs.shouKuan}
              />
            </div>
          </Spin>
        </Modal>

        <Modal
          visible={this.state.dvisible}
          footer=""
          title="所有列表信息"
          className="admin-desc-content"
          width="1300px"
          onCancel={() => {
            this.loadData();
            this.setState({
              dvisible: false,
            });
          }}
        >
          <Spin spinning={this.state.loading}>
            <div
              className="patent-table"
              style={{
                // width: 900,
                // position: "relative",
                // left: "50%",
                // transform: "translate(-50%)",
                padding: "25px 0 30px 30px",
              }}
              ref={(e) => {
                this.refs.all = e;
              }}
            >
              <Table
                columns={this.state.printColumns}
                dataSource={this.state.dataSource}
                pagination={false}
                bordered
                size="small"
              />
            </div>
          </Spin>

          <ReactToPrint
            trigger={() => (
              <Button
                type="primary"
                style={{
                  float: "right",
                  marginTop: 10,
                  position: "absolute",
                  top: 0,
                  right: 30,
                }}
              >
                打印
              </Button>
            )}
            content={() => this.refs.all}
          />
        </Modal>
        <Project
          record={this.state.record}
          visible={this.state.pvisible}
          isAuditPayment={true}
          cancel={() => {
            this.setState({ pvisible: false });
          }}
        />
        {/* 工时详情 */}
        <Modal
          visible={this.state.timeVisible}
          footer=""
          title="工时详情"
          className="admin-desc-content"
          width="1300px"
          pagination={false}
          onCancel={() => {
            this.loadData();
            this.setState({
              timeVisible: false,
            });
          }}
        >
          <Spin spinning={this.state.loading}>
            <div
              className="patent-table"
              style={
                {
                  // width: 900,
                  // position: "relative",
                  // left: "50%",
                  // transform: "translate(-50%)",
                  // padding: "25px 0 30px 30px"
                }
              }
              ref={(e) => {
                this.refs.all = e;
              }}
            >
              <Table
                columns={this.state.timeColumns}
                dataSource={this.state.timeDataList}
                onRowClick={this.tableRowClickPro}
                scroll={{ x: "max-content", y: 0 }}
                pagination={false}
                bordered
                size="small"
              />
            </div>
          </Spin>

          <ReactToPrint
            trigger={() => (
              <Button
                type="primary"
                style={{
                  float: "right",
                  marginTop: 10,
                  position: "absolute",
                  top: 0,
                  right: 30,
                }}
              >
                打印
              </Button>
            )}
            content={() => this.refs.all}
          />
        </Modal>
        {/* 催款详情 */}
        <Modal
          visible={this.state.cuiVisible}
          footer=""
          title="催款详情"
          className="admin-desc-content"
          width="1300px"
          pagination={false}
          onCancel={() => {
            this.loadData();
            this.setState({
              cuiVisible: false,
              cuiTabKey: "1",
            });
          }}
        >
          <Tabs activeKey={this.state.cuiTabKey} onChange={this.cuiTabChange}>
            <TabPane tab="催款节点" key="1">
              <Spin spinning={this.state.loading}>
                <div
                  className="patent-table"
                  ref={(e) => {
                    this.refs.all = e;
                  }}
                >
                  <Table
                    columns={this.state.cuiColumns}
                    dataSource={this.state.cuiDataList}
                    scroll={{ x: "max-content", y: 0 }}
                    pagination={false}
                    bordered
                    size="small"
                  />
                </div>

                <ReactToPrint
                  trigger={() => (
                    <Button
                      type="primary"
                      style={{
                        float: "right",
                        marginTop: 10,
                        position: "absolute",
                        top: "-60px",
                        right: 30,
                      }}
                    >
                      打印
                    </Button>
                  )}
                  content={() => this.refs.all}
                />
              </Spin>
            </TabPane>
            <TabPane tab="欠款催收记录" key="2">
              <Spin spinning={this.state.loading}>
                <div
                  className="patent-table"
                  ref={(e) => {
                    this.refs.all = e;
                  }}
                >
                  <Table
                    columns={this.state.qianColumns}
                    dataSource={this.state.qianDataList}
                    scroll={{ x: "max-content", y: 0 }}
                    pagination={false}
                    bordered
                    size="small"
                  />
                </div>

                <ReactToPrint
                  trigger={() => (
                    <Button
                      type="primary"
                      style={{
                        float: "right",
                        marginTop: 10,
                        position: "absolute",
                        top: "-60px",
                        right: 30,
                      }}
                    >
                      打印
                    </Button>
                  )}
                  content={() => this.refs.all}
                />
              </Spin>
            </TabPane>
          </Tabs>
        </Modal>
        {/* 项目进度 */}
        <Modal
          visible={this.state.proVisible}
          footer=""
          title="项目进度"
          className="admin-desc-content"
          width="1300px"
          pagination={false}
          onCancel={() => {
            this.loadData(this.state.page);
            this.setState({
              proVisible: false,
            });
          }}
        >
          <Spin spinning={this.state.loading}>
            <div
              className="patent-table"
              ref={(e) => {
                this.refs.all = e;
              }}
            >
              <Table
                columns={this.state.proColumns}
                dataSource={this.state.proDataList}
                scroll={{ x: "max-content", y: 0 }}
                onRowClick={this.tableRowClickPro}
                pagination={false}
                bordered
                size="small"
              />
            </div>
            <span style={{ display: "block", marginTop: 10, color: "red" }}>
              外包（内部）价格总计（万元）：{this.state.totalWaibao}
            </span>
          </Spin>
          <ReactToPrint
            trigger={() => (
              <Button
                type="primary"
                style={{
                  float: "right",
                  marginTop: 10,
                  position: "absolute",
                  top: 0,
                  right: 30,
                }}
              >
                打印
              </Button>
            )}
            content={() => this.refs.all}
          />
        </Modal>
        {/* 查看公出 */}
        <Modal
          visible={this.state.pubVisible}
          footer=""
          title={<span>公出详细列表（
            {this.state.selectedRows.length > 0 && this.state.selectedRows[0].buyerName}
            ）</span>}
          className="admin-desc-content"
          width="1500px"
          pagination={false}
          onCancel={() => {
            this.pubData();
            this.setState({
              pubVisible: false,
            });
          }}
        >
          <div
            className="user-search"
            style={{
              marginTop: "10px",
              marginLeft: "10px",
              marginRight: "10px",
            }}
          >
            <span style={{ marginRight: "10px" }}>
              <Select
                placeholder="请选择审核状态"
                style={{ width: 120 }}
                value={this.state.status}
                onChange={(e) => {
                  this.setState({ status: e });
                }}
              >
                {clockState.map((v, k) => (
                  <Select.Option key={k} value={v.id}>
                    {v.title}
                  </Select.Option>
                ))}
              </Select>
            </span>
            <span style={{ marginRight: "10px" }}>
              <Select
                placeholder="请选择打卡状态"
                style={{ width: 120 }}
                value={this.state.clockIn}
                onChange={(e) => {
                  this.setState({ clockIn: e });
                }}
              >
                <Select.Option value={1}>已打卡</Select.Option>
                <Select.Option value={0}>未打卡</Select.Option>
              </Select>
            </span>
            <span style={{ marginRight: "10px" }}>
              <Select
                placeholder="请选择公出类型"
                style={{ width: 120 }}
                value={this.state.type}
                onChange={(e) => {
                  this.setState({ type: e });
                }}
              >
                <Select.Option value={0}>业务打卡</Select.Option>
                <Select.Option value={1}>技术打卡</Select.Option>
                <Select.Option value={2}>行政打卡</Select.Option>
                <Select.Option value={3}>技术协单</Select.Option>
              </Select>
            </span>
            <span style={{ marginRight: "10px" }}>
              <AutoComplete
                className="certain-category-search"
                dropdownClassName="certain-category-search-dropdown"
                dropdownMatchSelectWidth={false}
                style={{ width: "120px" }}
                dataSource={options}
                placeholder="输入公出申请人"
                value={this.state.auto}
                onChange={this.httpChange}
                filterOption={true}
                onBlur={this.blurChange}
                onSelect={this.selectAuto}
              >
                <Input />
              </AutoComplete>
            </span>
            <span style={{ marginRight: "10px" }}>
              <AutoComplete
                className="certain-category-search"
                dropdownClassName="certain-category-search-dropdown"
                dropdownMatchSelectWidth={false}
                style={{ width: "120px" }}
                dataSource={options1}
                placeholder="输入跟单人"
                value={this.state.auto1}
                onChange={this.httpChange1}
                filterOption={true}
                onBlur={this.blurChange1}
                onSelect={this.selectAuto1}
              >
                <Input />
              </AutoComplete>
            </span>
            <span style={{ marginRight: "10px" }}>
              <Select
                placeholder="请选择公出部门"
                style={{ width: 200 }}
                value={this.state.depId}
                onChange={(e) => {
                  this.setState({ depId: e });
                }}
                notFoundContent="未获取到上级组织列表"
              >
                {this.state.contactsOption}
              </Select>
            </span>
            <span style={{ marginRight: "10px" }}>
              <span style={{ marginRight: "5px", marginBottom: "10px" }}>
                公出时间 :
              </span>
              <RangePicker
                style={{ marginRight: "10px", marginBottom: "10px" }}
                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 });
                }}
              />
            </span>
            <Button
              type="primary"
              onClick={() => {
                this.pubData();
              }}
              style={{ marginRight: "10px", marginBottom: "10px" }}
            >
              搜索
            </Button>
            <Button
              onClick={this.resetAll}
              style={{ marginRight: "10px", marginBottom: "10px" }}
            >
              重置
            </Button>
          </div>
          <Spin spinning={this.state.loading}>
            <div
              className="patent-table"
              ref={(e) => {
                this.refs.all = e;
              }}
            >
              <Table
                columns={this.state.pubColumns}
                dataSource={this.state.pubDataList}
                scroll={{ x: "max-content", y: 0 }}
                pagination={false}
                bordered
                size="small"
              />
            </div>
          </Spin>
          <Button
            type="primary"
            style={{
              float: "right",
              marginTop: 10,
              position: "absolute",
              top: 0,
              right: 120,
            }}
            loading={this.state.exportPendingLoading}
            onClick={() => { this.pubexportExec() }}
          >
            导出
          </Button>
          <ReactToPrint
            trigger={() => (
              <Button
                type="primary"
                style={{
                  float: "right",
                  marginTop: 10,
                  position: "absolute",
                  top: 0,
                  right: 30,
                }}
              >
                打印
              </Button>
            )}
            content={() => this.refs.all}
          />
        </Modal>
        <Spin spinning={this.state.loading}>
          {this.state.checkVisible ? <Modal
            title="审核订单"
            visible={this.state.checkVisible}
            onOk={this.checkOk}
            confirmLoading={this.state.loading}
            okText={"通过"}
            onCancel={() => {
              this.state.financeApprovalAjaxObj ? this.state.financeApprovalAjaxObj.abort() : null;
              this.setState({
                financeApprovalAjaxObj: null
              })
              this.loadData();
              this.setState({
                checkVisible: false,
                checkData: "",
              });
            }}
          >
            <TextArea
              value={this.state.checkData}
              onChange={(e, recard) => {
                this.setState({
                  checkData: e.target.value,
                });
              }}
              placeholder="请填写审核内容"
            />
          </Modal> : <div />}
        </Spin>
        <KaiPiaoModal
          visible={this.state.avisible}
          data={this.state.modalData}
          onCancel={this.visitCancels}
          loading={this.state.loading}
        />

        {/* 合并查看 */}
        {
          this.state.newVisible != "" &&
          <Modal
            visible={this.state.newVisible != ""}
            footer=""
            title={this.state.newVisible}
            className="admin-desc-content"
            width="1500px"
            pagination={false}
            onCancel={() => {
              this.setState({
                newVisible: "",
              });
            }}
          >
            <Spin spinning={this.state.loading}>
              <div style={{ margin: 20 }}>
                <div style={{ marginBottom: 20 }}>
                  <Table
                    bordered
                    columns={this.state.columns}
                    dataSource={this.state.newData}
                    scroll={{ x: "max-content", y: 0 }}
                    pagination={false}
                    onRowDoubleClick={this.tableRowClick.bind(this)}
                    size="small"
                  />
                </div>
                <div>
                  <Button
                    type="primary"
                    style={{
                      margin: "11px 0px 10px 10px",
                      background: this.state.newVisible == "开票历史记录" ? "#f04134" : "",
                    }}
                    onClick={() => {
                      this.inRecordData();
                      this.setState({
                        newVisible: "开票历史记录"
                      });
                    }}
                  >
                    查看开票详情
                  </Button>
                  <Button
                    type="primary"
                    style={{
                      margin: "11px 0px 10px 10px",
                      background: this.state.newVisible == "详细收款流水" ? "#f04134" : "",
                    }}
                    onClick={() => {
                      this.waterData();
                      this.setState({
                        newVisible: "详细收款流水",
                      });
                    }}
                  >
                    详情收款流水
                  </Button>
                  <Button
                    type="primary"
                    style={{
                      margin: "11px 0px 10px 10px",
                      background: this.state.newVisible == "工时详情" ? "#f04134" : "",
                    }}
                    onClick={() => {
                      this.timeData();
                      this.setState({
                        newVisible: "工时详情",
                      });
                    }}
                  >
                    工时信息
                  </Button>
                  <Button
                    type="primary"
                    style={{
                      margin: "11px 0px 10px 10px",
                      background: this.state.newVisible == "催款详情" ? "#f04134" : "",
                    }}
                    onClick={() => {
                      this.cuiData();
                      this.setState({
                        newVisible: "催款详情",
                      });
                    }}
                  >
                    催款信息
                  </Button>
                  <Button
                    type="primary"
                    style={{
                      margin: "11px 0px 10px 10px",
                      background: this.state.newVisible == "项目进度" ? "#f04134" : "",
                    }}
                    onClick={() => {
                      this.proData();
                      this.setState({
                        newVisible: "项目进度",
                      });
                    }}
                  >
                    项目进度
                  </Button>
                  <Button
                    type="primary"
                    style={{
                      margin: "11px 0px 10px 10px",
                      background: this.state.newVisible == "公出详细列表" ? "#f04134" : "",
                    }}
                    onClick={() => {
                      this.pubData();
                      this.selectSuperId();
                      this.setState({
                        newVisible: "公出详细列表",
                      });
                    }}
                  >
                    查看公出
                  </Button>
                </div>
                {
                  this.state.newVisible == "公出详细列表" &&
                  <div
                    className="user-search"
                    style={{
                      marginTop: "10px",
                      marginLeft: "10px",
                      marginRight: "10px",
                    }}
                  >
                    <span style={{ marginRight: "10px" }}>
                      <Select
                        placeholder="请选择审核状态"
                        style={{ width: 120 }}
                        value={this.state.status}
                        onChange={(e) => {
                          this.setState({ status: e });
                        }}
                      >
                        {clockState.map((v, k) => (
                          <Select.Option key={k} value={v.id}>
                            {v.title}
                          </Select.Option>
                        ))}
                      </Select>
                    </span>
                    <span style={{ marginRight: "10px" }}>
                      <Select
                        placeholder="请选择打卡状态"
                        style={{ width: 120 }}
                        value={this.state.clockIn}
                        onChange={(e) => {
                          this.setState({ clockIn: e });
                        }}
                      >
                        <Select.Option value={1}>已打卡</Select.Option>
                        <Select.Option value={0}>未打卡</Select.Option>
                      </Select>
                    </span>
                    <span style={{ marginRight: "10px" }}>
                      <Select
                        placeholder="请选择公出类型"
                        style={{ width: 120 }}
                        value={this.state.type}
                        onChange={(e) => {
                          this.setState({ type: e });
                        }}
                      >
                        <Select.Option value={0}>业务打卡</Select.Option>
                        <Select.Option value={1}>技术打卡</Select.Option>
                        <Select.Option value={2}>行政打卡</Select.Option>
                        <Select.Option value={3}>技术协单</Select.Option>
                      </Select>
                    </span>
                    <span style={{ marginRight: "10px" }}>
                      <AutoComplete
                        className="certain-category-search"
                        dropdownClassName="certain-category-search-dropdown"
                        dropdownMatchSelectWidth={false}
                        style={{ width: "120px" }}
                        dataSource={options}
                        placeholder="输入公出申请人"
                        value={this.state.auto}
                        onChange={this.httpChange}
                        filterOption={true}
                        onBlur={this.blurChange}
                        onSelect={this.selectAuto}
                      >
                        <Input />
                      </AutoComplete>
                    </span>
                    <span style={{ marginRight: "10px" }}>
                      <AutoComplete
                        className="certain-category-search"
                        dropdownClassName="certain-category-search-dropdown"
                        dropdownMatchSelectWidth={false}
                        style={{ width: "120px" }}
                        dataSource={options1}
                        placeholder="输入跟单人"
                        value={this.state.auto1}
                        onChange={this.httpChange1}
                        filterOption={true}
                        onBlur={this.blurChange1}
                        onSelect={this.selectAuto1}
                      >
                        <Input />
                      </AutoComplete>
                    </span>
                    <span style={{ marginRight: "10px" }}>
                      <Select
                        placeholder="请选择公出部门"
                        style={{ width: 200 }}
                        value={this.state.depId}
                        onChange={(e) => {
                          this.setState({ depId: e });
                        }}
                        notFoundContent="未获取到上级组织列表"
                      >
                        {this.state.contactsOption}
                      </Select>
                    </span>
                    <span style={{ marginRight: "10px" }}>
                      <span style={{ marginRight: "5px", marginBottom: "10px" }}>
                        公出时间 :
                      </span>
                      <RangePicker
                        style={{ marginRight: "10px", marginBottom: "10px" }}
                        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 });
                        }}
                      />
                    </span>
                    <Button
                      type="primary"
                      onClick={() => {
                        this.pubData();
                      }}
                      style={{ marginRight: "10px", marginBottom: "10px" }}
                    >
                      搜索
                    </Button>
                    <Button
                      onClick={this.resetAll}
                      style={{ marginRight: "10px", marginBottom: "10px" }}
                    >
                      重置
                    </Button>
                  </div>
                }
                {
                  this.state.newVisible == "催款详情"
                    ? <Tabs activeKey={this.state.cuiTabKey} onChange={this.cuiTabChange}>
                      <TabPane tab="催款节点" key="1">
                        <Spin spinning={this.state.loading}>
                          <div
                            className="patent-table"
                            ref={(e) => {
                              this.refs.all = e;
                            }}
                          >
                            <Table
                              columns={this.state.cuiColumns}
                              dataSource={this.state.cuiDataList}
                              scroll={{ x: "max-content", y: 0 }}
                              pagination={false}
                              bordered
                              size="small"
                            />
                          </div>
                          <Button
                            type="primary"
                            style={{
                              float: "right",
                              marginTop: 10,
                              position: "absolute",
                              top: "-60px",
                              right: "100px",
                            }}
                            loading={this.state.exportPendingLoading}
                            onClick={() => { this.exportCui() }}
                          >
                            导出
                          </Button>
                          <ReactToPrint
                            trigger={() => (
                              <Button
                                type="primary"
                                style={{
                                  float: "right",
                                  marginTop: 10,
                                  position: "absolute",
                                  top: "-60px",
                                  right: "10px",
                                }}
                              >
                                打印
                              </Button>
                            )}
                            content={() => this.refs.all}
                          />
                        </Spin>
                      </TabPane>
                      <TabPane tab="欠款催收记录" key="2">
                        <Spin spinning={this.state.loading}>
                          <div
                            className="patent-table"
                            ref={(e) => {
                              this.refs.all = e;
                            }}
                          >
                            <Table
                              columns={this.state.qianColumns}
                              dataSource={this.state.qianDataList}
                              scroll={{ x: "max-content", y: 0 }}
                              pagination={false}
                              bordered
                              size="small"
                            />
                          </div>

                          <ReactToPrint
                            trigger={() => (
                              <Button
                                type="primary"
                                style={{
                                  float: "right",
                                  marginTop: 10,
                                  position: "absolute",
                                  top: "-60px",
                                  right: "10px",
                                }}
                              >
                                打印
                              </Button>
                            )}
                            content={() => this.refs.all}
                          />
                        </Spin>
                      </TabPane>
                    </Tabs>
                    : <div
                      className="patent-table"
                      style={{ position: "relative" }}
                      ref={(e) => {
                        this.refs.all = e;
                      }}
                    >
                      <Table
                        bordered
                        columns={
                          this.state.newVisible == "开票历史记录"
                            ? this.state.columnsDate : this.state.newVisible == "详细收款流水"
                              ? this.state.waterlistDate : this.state.newVisible == "工时详情"
                                ? this.state.timeColumns : this.state.newVisible == "催款详情"
                                  ? this.state.cuiColumns : this.state.newVisible == "项目进度"
                                    ? this.state.proColumns : this.state.newVisible == "公出详细列表"
                                    && this.state.pubColumns
                        }
                        dataSource={
                          this.state.newVisible == "开票历史记录"
                            ? this.state.recordData : this.state.newVisible == "详细收款流水"
                              ? this.state.waterData : this.state.newVisible == "工时详情"
                                ? this.state.timeDataList : this.state.newVisible == "催款详情"
                                  ? this.state.cuiDataList : this.state.newVisible == "项目进度"
                                    ? this.state.proDataList : this.state.newVisible == "公出详细列表"
                                    && this.state.pubDataList
                        }
                        pagination={false}
                        scroll={{ x: "max-content", y: 0 }}
                        size="small"
                        onRowClick={this.tableonRowClick.bind(this)}
                      />
                      {
                        this.state.newVisible == "开票历史记录" &&
                        <div className="clearfix" style={{ marginTop: "20px" }}>
                          <FormItem
                            className="half-item"
                            {...formItemLayout}
                            label={<span style={{ fontSize: "14px" }}>开票总计</span>}
                          >
                            <span>{this.state.sum + "(万元)"}</span>
                          </FormItem>
                        </div>
                      }
                      {
                        this.state.newVisible == "开票历史记录" &&
                        <Button
                          type="primary"
                          style={{
                            float: "right",
                            position: "absolute",
                            top: "-40px",
                            right: "100px",
                          }}
                          loading={this.state.exportPendingLoading}
                          onClick={() => { this.exportKaip() }}
                        >
                          导出
                        </Button>
                      }
                      {
                        this.state.newVisible == "开票历史记录" &&
                        <ReactToPrint
                          trigger={() => (
                            <Button type="primary"
                              style={{
                                float: "right",
                                position: "absolute",
                                top: "-40px",
                                right: "10px",
                              }}
                            >打印</Button>
                          )}
                          content={() => this.refs.kaiPiao}
                        />
                      }
                      {
                        this.state.newVisible == "详细收款流水" &&
                        <div className="clearfix" style={{ marginTop: "20px" }}>
                          <FormItem
                            className="half-item"
                            {...formItemLayout}
                            label={<span style={{ fontSize: "14px" }}>总计金额</span>}
                          >
                            <span>{this.state.waterSum + "(万元)"}</span>
                          </FormItem>
                        </div>
                      }
                      {
                        this.state.newVisible == "详细收款流水" &&
                        <Button
                          type="primary"
                          style={{
                            float: "right",
                            position: "absolute",
                            top: "-40px",
                            right: "100px",
                          }}
                          loading={this.state.exportPendingLoading}
                          onClick={() => { this.exportWater() }}
                        >
                          导出
                        </Button>
                      }
                      {
                        this.state.newVisible == "详细收款流水" &&
                        <ReactToPrint
                          trigger={() => (
                            <Button
                              type="primary"
                              style={{
                                float: "right",
                                position: "absolute",
                                top: "-40px",
                                right: "10px",
                              }}
                            >
                              打印
                            </Button>
                          )}
                          content={() => this.refs.shouKuan}
                        />
                      }
                      {
                        this.state.newVisible == "工时详情" &&
                        <Button
                          type="primary"
                          style={{
                            float: "right",
                            position: "absolute",
                            top: "-40px",
                            right: "100px",
                          }}
                          loading={this.state.exportPendingLoading}
                          onClick={() => { this.exportTime() }}
                        >
                          导出
                        </Button>
                      }
                      {
                        this.state.newVisible == "工时详情" &&
                        <ReactToPrint
                          trigger={() => (
                            <Button
                              type="primary"
                              style={{
                                float: "right",
                                position: "absolute",
                                top: "-40px",
                                right: "10px",
                              }}
                            >
                              打印
                            </Button>
                          )}
                          content={() => this.refs.all}
                        />
                      }
                      {
                        this.state.newVisible == "项目进度" &&
                        <span style={{ display: "block", marginTop: 10, color: "red" }}>
                          外包（内部）价格总计（万元）：{this.state.totalWaibao}
                        </span>
                      }
                      {
                        this.state.newVisible == "项目进度" &&
                        <Button
                          type="primary"
                          style={{
                            float: "right",
                            position: "absolute",
                            top: "-40px",
                            right: "100px",
                          }}
                          loading={this.state.exportPendingLoading}
                          onClick={() => { this.exportPro() }}
                        >
                          导出
                        </Button>
                      }
                      {
                        this.state.newVisible == "项目进度" &&
                        <ReactToPrint
                          trigger={() => (
                            <Button
                              type="primary"
                              style={{
                                float: "right",
                                position: "absolute",
                                top: "-40px",
                                right: "10px",
                              }}
                            >
                              打印
                            </Button>
                          )}
                          content={() => this.refs.all}
                        />
                      }
                      {
                        this.state.newVisible == "公出详细列表" &&
                        <Button
                          type="primary"
                          style={{
                            float: "right",
                            position: "absolute",
                            top: "-90px",
                            right: "100px",
                          }}
                          loading={this.state.exportPendingLoading}
                          onClick={() => { this.pubexportExec() }}
                        >
                          导出
                        </Button>
                      }
                      {
                        this.state.newVisible == "公出详细列表" &&
                        <ReactToPrint
                          trigger={() => (
                            <Button
                              type="primary"
                              style={{
                                float: "right",
                                position: "absolute",
                                top: "-90px",
                                right: "10px",
                              }}
                            >
                              打印
                            </Button>
                          )}
                          content={() => this.refs.all}
                        />
                      }
                    </div>
                }
              </div>
            </Spin>
          </Modal>
        }
        <textarea id="copyText" style={{ opacity: 0 }} />
      </div>
    );
  },
});

export default ShouKuang;