import React from 'react'
import $ from 'jquery'
import moment from 'moment'
import Picture from '@/manageCenter/publicComponent/picture'
import '@/manageCenter/financialManage/distribute/public.less'
import '@/manageCenter/financialManage/distribute/shouKuan.less'
import OrderDetail from '../../order/orderNew/changeComponent/orderDetail'
import ResolutionDetail from '@/resolutionDetail'
import {
  Button,
  Form,
  Input,
  Select,
  Spin,
  Table,
  message,
  DatePicker,
  Modal,
  Radio,
  Cascader,
  Popconfirm,
  Switch,
  Tabs,
  Col,
  Icon,
  Upload,
  AutoComplete,
  Tag, Row,
} from 'antd'
import Assign from '@/manageCenter/publicComponent/assign'
import { areaSelect } from '@/NewDicProvinceList'
import { ChooseList } from '../../order/orderNew/chooseList'
import OrderRiZi from '@/orderRiZi.jsx'
import './table.less'
import {
  getMaterialStatus,
  getUrgentStatus,
  getProcessStatus,
  getApproval,
  getTaskStatus,
  getLiquidationStatus,
  getProjectStatus,
  splitUrl,
  getboutique,
  ShowModal,
  getRefundStatus,
} from '@/tools'
import { taskStatus, projectStatus, cuiJieDian } from '@/dataDic.js'
import ShowModalDiv from '@/showModal.jsx'

import CheckProject from '../../components/checkProject'
import NewSupplier from './newSupplier';
import ImgList from "../../../common/imgList";
import OperationPayNode from "./operationPayNode";

const confirm = Modal.confirm
const FormItem = Form.Item
const { TabPane } = Tabs
const { TextArea } = Input
const { Option } = Select
const { MonthPicker, RangePicker } = DatePicker
const PicturesWall = React.createClass({
  getInitialState() {
    return {
      previewVisible: false,
      previewImage: '',
      fileList: [],
    }
  },
  handleCancel() {
    this.setState({
      previewVisible: false,
    })
  },
  handlePreview(file) {
    this.setState({
      previewImage: file.url || file.thumbUrl,
      previewVisible: true,
    })
  },
  handleChange(info) {
    let fileList = info.fileList
    this.setState({
      fileList,
    })
    this.props.fileList(fileList)
  },
  componentWillReceiveProps(nextProps) {
    this.state.fileList = nextProps.pictureUrl
    this.state.pojectApplicationUrl = undefined
  },
  render() {
    const { previewVisible, previewImage, fileList } = this.state
    const uploadButton = (
      <div>
        <Icon type="plus" />
        <div className="ant-upload-text">点击上传</div>
      </div>
    )
    return (
      <div style={{ display: 'inline-block' }}>
        <Upload
          action={
            globalConfig.context + '/api/admin/outsourceOrg/uploadOutsourceFile'
          }
          multiple
          data={{ sign: 'order_outsource' }}
          listType="picture-card"
          fileList={fileList}
          onPreview={this.handlePreview}
          onChange={this.handleChange}
        >
          {uploadButton}
        </Upload>
        <Modal
          maskClosable={false}
          visible={previewVisible}
          footer={null}
          onCancel={this.handleCancel}
        >
          <img alt="example" style={{ width: '100%' }} src={previewImage} />
        </Modal>
      </div>
    )
  },
})
const Task = React.createClass({
  loadData(pageNo) {
    this.state.data = []
    this.setState({
      page: pageNo,
      loading: true,
    })
    $.ajax({
      method: 'get',
      dataType: 'json',
      crossDomain: false,
      url: globalConfig.context + '/api/admin/orderProject/orderTaskList',
      data: {
        pageNo: pageNo || 1,
        pageSize: this.state.pagination.pageSize,
        specially: 0, //个人
        name: this.state.nameSearch, //客户名称
        depId: this.state.departmenttSearch, //订单部门
        orderNo: this.state.orderNoSearch, //订单编号
        contractNo: this.state.contractNoSearch, //合同编号
        taskId: this.state.taskNoSearch, //项目编号
        taskStatus: this.state.taskStatuSearch, //项目状态
        projectStatus: this.state.projectStatusSearch, //项目状态
        adminName: this.state.adminName, //项目受理人
        approval: this.state.approvalSearch, //特批状态搜索
        outsourceStatus:
          this.state.outsourceStatusSearch >= 999
            ? undefined
            : this.state.outsourceStatusSearch, //外包状态搜索
      },
      success: function (data) {
        ShowModal(this)
        let theArr = []
        if (!data.data || !data.data.list) {
          if (data.error && data.error.length) {
            message.warning(data.error[0].message)
          }
        } else {
          for (let i = 0; i < data.data.list.length; i++) {
            let thisdata = data.data.list[i]
            theArr.push({
              key: i,
              orderNo: thisdata.orderNo, //订单编号
              id: thisdata.id, //项目ID
              taskName: thisdata.taskName, //名称
              cname: thisdata.cname, //项目品类
              receiverName: thisdata.receiverName, //受理人
              projectStatus: thisdata.projectStatus, //项目状态
              taskStatus: thisdata.taskStatus, //项目状态
              taskDate: thisdata.taskDate, //分配时间
              userName:
                thisdata.taskName.substring(0, 5) === '软件著作权'
                  ? thisdata.userName +
                    '(' +
                    thisdata.commodityQuantity.toString() +
                    '/' +
                    thisdata.alreadyNumber +
                    ')'
                  : thisdata.userName, //用户名
              depName: thisdata.depName, //部门名称
              projectType: thisdata.projectType, //0正常 1专利 2软著 3审计
              commodityQuantity: thisdata.commodityQuantity, //项目数量
              hours: thisdata.hours,
              contractNo: thisdata.contractNo,
              approval: thisdata.approval, //特批状态
              outsourceStatus: thisdata.outsourceStatus, //外包审核状态
              outsourceType: thisdata.outsourceType, //外包审核状态
              splitStatus: thisdata.splitStatus, //是否为子项目 2是 1主项目
              splitSuper: thisdata.splitSuper,
              splitId: thisdata.splitId,
            })
          }
        }
        this.state.pagination.current = data.data.pageNo
        this.state.pagination.total = data.data.totalCount
        if (data.data && data.data.list && !data.data.list.length) {
          this.state.pagination.current = 0
          this.state.pagination.total = 0
        }
        this.setState({
          dataSource: theArr,
          pagination: this.state.pagination,
        })
      }.bind(this),
    }).always(
      function () {
        this.setState({
          loading: false,
        })
      }.bind(this)
    )
  },
  getInitialState() {
    return {
      projectType: '', //项目分类
      paySubject: [],
      paySubjectName: '', //付款科目名称
      PayNodeCompany: [],
      thirdMaterial: 0, //第三方信息材料 0-无 1-有
      thirdUrgent: 0, //第三方信息加急状态
      thirdCompanyName: '',
      thirdUnitPrice: '',
      currentCompanyName: '', //当前选中供应商名称
      thirdQuantity: 1,
      payNodeQuantity: 1,
      thirdRemarks: '',
      customerArr: [],
      currentTotalPrice: 0, //当前修改页面的总价
      saveThirdList: [],
      orderData: [],
      orderNo: '',
      jiedian: [],
      jiedianNew: [],
      timeVisible: false,
      ThirdListVisible: false,
      PayNodeVisible: false, //新增付款节点
      searchMore: true,
      assignVisible: false,
      releaseDate: [],
      patentType: -1,
      patentNameType: -1,
      startType: 0, //外包供应商类型
      // 判断是否是退回给咨询师经理
      flag: false,
      roleName: '',
      activeKey: '1',
      //特批状态搜索
      approvalSearch: undefined,
      testFlag: true,
      boHuivisible: false,
      selectedRowKeys: [],
      avisible: false,
      departmentArr: [],
      selectedRows: [],
      attachmentUrl: [],
      contactList: [],
      paginations: false,
      loading: false,
      pagination: {
        defaultCurrent: 1,
        defaultPageSize: 10,
        showQuickJumper: true,
        pageSize: 10,
        onChange: function (page) {
          this.loadData(page)
        }.bind(this),
        showTotal: function (total) {
          return '共' + total + '条数据'
        },
      },
      // 子组件改变的表格title数组
      changeList: undefined,
      columnsTime: [
        {
          title: '工作时长(小时)',
          dataIndex: 'hours',
          key: 'hours',
        },
        {
          title: '工作时间',
          dataIndex: 'taskDays',
          key: 'taskDays',
        },
        // {
        //   title: "项目负责人",
        //   dataIndex: "remarks",
        //   key: "remarks"
        // },
        {
          title: '备注',
          dataIndex: 'remarks',
          key: 'remarks',
        },
      ],
      columns: [
        {
          title: '项目编号',
          dataIndex: 'id',
          key: 'id',
          render: (text, record) => {
            if (record.splitStatus == 2) {
              return <span>{record.splitSuper + '-' + record.splitId}</span>
            } else {
              return text
            }
          },
        },
        {
          title: '项目名称',
          dataIndex: 'taskName',
          key: 'taskName',
          render: (text) => {
            return text && text.length > 8 ? text.substr(0, 8) + '…' : text
          },
        },
        {
          title: '项目数量',
          dataIndex: 'commodityQuantity',
          key: 'commodityQuantity',
        },
        {
          title: '订单编号',
          dataIndex: 'orderNo',
          key: 'orderNo',
        },
        {
          title: '合同编号',
          dataIndex: 'contractNo',
          key: 'contractNo',
        },
        {
          title: '业务类别',
          dataIndex: 'cname',
          key: 'cname',
        },
        {
          title: '客户名称',
          dataIndex: 'userName',
          key: 'userName',
          className: 'userName',
        },
        {
          title: '分配状态',
          dataIndex: 'taskStatus',
          key: 'taskStatus',
          render: (text) => {
            return getTaskStatus(text)
          },
        },
        {
          title: '项目状态',
          dataIndex: 'projectStatus',
          key: 'projectStatus',
          render: (text) => {
            return getProjectStatus(text)
          },
        },
        {
          title: '审核状态',
          dataIndex: 'outsourceStatus',
          key: 'outsourceStatus',
          render: (text,record) => {
            if(record.outsourceType === 1){
              return '供应商'
            }else{
              if (text === 0) {
                return <Tag color="#f50">外包待审核</Tag>
              } else if (text === 1) {
                return <Tag color="#87d068">外包已通过</Tag>
              } else if (text === 2) {
                return <Tag color="#2db7f5">外包被驳回</Tag>
              } else {
                return <div style={{textAlign:'center'}}>/</div>
              }
              return text
            }
          },
        },
        {
          title: '分配时间',
          dataIndex: 'taskDate',
          key: 'taskDate',
        },
        {
          title: '订单部门',
          dataIndex: 'depName',
          key: 'depName',
        },
        {
          title: '累计工时(小时)',
          dataIndex: 'hours',
          key: 'hours',
        },
        {
          title: '操作',
          dataIndex: 'caozuo',
          key: 'caozuo',
          render: (text, record) => {
            return (
              <div>
                <Button
                  type="primary"
                  onClick={(e) => {
                    e.stopPropagation(), this.evaluate(record, '咨询师')
                  }}
                >
                  转交
                </Button>
                <Button
                  type="primary"
                  style={{ marginLeft: 10 }}
                  onClick={(e) => {
                    e.stopPropagation(),
                      this.evaluate(record, '咨询师经理', true)
                  }}
                >
                  回退
                </Button>
                <Button
                  type="primary"
                  style={{ margin: '0 10px' }}
                  onClick={(e) => {
                    e.stopPropagation(), this.okCancel(record)
                  }}
                >
                  添加工时
                </Button>

                <Button
                  type="primary"
                  onClick={(e) => {
                    e.stopPropagation()
                    this.setState({
                      timeVisible: true,
                    })
                    this.timeDetail(record)
                  }}
                >
                  工时记录
                </Button>
              </div>
            )
          },
        },
      ],
      dataSource: [],
      searchTime: [],
      columnsX: [
        {
          title: '业务项目名称',
          dataIndex: 'commodityName',
          key: 'commodityName',
        },
        {
          title: '项目类别',
          dataIndex: 'cname',
          key: 'cname',
        },
        {
          title: '项目数量',
          dataIndex: 'commodityQuantity',
          key: 'commodityQuantity',
          render: (text, record) => {
            if (record.splitStatus == 1) {
              return (
                <span>
                  {text}{' '}
                  <Tag
                    color="#108ee9"
                    onClick={(e) => {
                      e.stopPropagation()
                      this.showRes(record)
                    }}
                  >
                    已拆
                  </Tag>
                </span>
              )
            } else {
              return text
            }
          },
        },
        {
          title: '金额(万元)',
          dataIndex: 'commodityPrice',
          key: 'commodityPrice',
        },
        {
          title: '负责人',
          dataIndex: 'contacts',
          key: 'contacts',
        },
        {
          title: '负责人电话',
          dataIndex: 'contactsMobile',
          key: 'contactsMobile',
        },
        {
          title: '主要项目',
          dataIndex: 'main',
          key: 'main',
          render: (text) => {
            return text ? '是' : '否'
          },
        },
        {
          title: '项目说明',
          dataIndex: 'taskComment',
          key: 'taskComment',
          render: (text) => {
            return text && text.length > 8 ? text.substr(0, 8) + '…' : text
          },
        },
      ],
      columnsA: [
        {
          title: '流程',
          dataIndex: 'content',
          key: 'content',
          align: 'center',
        },
        {
          title: '操作人',
          dataIndex: 'aName',
          key: 'aName',
          align: 'center',
        },
        {
          title: '时间',
          dataIndex: 'createTimes',
          key: 'createTimes',
          align: 'center',
        },
      ],
      dataSourceX: [],
      dataSourceA: [],
      ContactsLists: [
        {
          title: '批次',
          dataIndex: 'num',
          key: 'num',
        },
        {
          title: '下证时间',
          dataIndex: 'licenceTimes',
          key: 'licenceTimes',
          render: (text, record) => {
            return (
              <div>
                <DatePicker
                  style={{ marginTop: '5px' }}
                  showTime
                  format="YYYY-MM-DD"
                  onOk={() => {}}
                  value={
                    record.licenceTimes ? moment(record.licenceTimes) : null
                  }
                  onChange={(data, dataString) => {
                    record.licenceTimes = dataString
                    this.setState({ contactList: this.state.contactList })
                  }}
                />
              </div>
            )
          },
        },
        {
          title: '下证数量',
          dataIndex: 'alreadyNumber',
          key: 'alreadyNumber',
          render: (text, record) => {
            return (
              <div>
                {
                  <Input
                    value={record.alreadyNumber}
                    placeholder="请输入下证数量"
                    key={record.id}
                    required="required"
                    onChange={(e) => {
                      record.alreadyNumber = e.target.value
                      this.setState({ contactList: this.state.contactList })
                    }}
                    style={{ width: '120px' }}
                  />
                }
              </div>
            )
          },
        },
        {
          title: '未下证数量',
          dataIndex: 'notCount',
          key: 'notCount',
        },
        {
          title: '操作',
          dataIndex: 'dels',
          key: 'dels',
          render: (text, record, index) => {
            return (
              <div>
                {
                  <Popconfirm
                    title="是否删除?"
                    onConfirm={() => {
                      this.confirmDelet(record)
                    }}
                    okText="删除"
                    cancelText="不删除"
                  >
                    <Button
                      style={{
                        marginRight: '10px',
                        color: '#ffffff',
                        background: '#f00',
                        border: 'none',
                      }}
                    >
                      删除
                    </Button>
                  </Popconfirm>
                }
                {record.flag ? (
                  ''
                ) : (
                  <Button
                    type="primary"
                    onClick={(e) => {
                      e.stopPropagation(), this.contactSave(record, index)
                    }}
                  >
                    保存
                  </Button>
                )}
              </div>
            )
          },
        },
      ],
      // 专利
      ContactsListsNew: [],
      //付款节点表头
      PayNodeTableColunms: [],
    }
  },
  /* 分派 */
  evaluate(record, nub, flag) {
    this.setState(
      {
        nub: nub,
        assignData: record,
        flag,
      },
      () => {
        this.setState({
          assignVisible: true,
        })
      }
    )
  },

  componentWillMount() {
    this.departmentList()
    this.loadData()
  },
  componentDidMount() {
    this.setColor()
  },
  //用于判断 第三方信息表格显示
  projectTypeTabContent(projectType) {
    if(projectType === 0 || !projectType){       //0正常 1专利 2软著 3审计
      this.setState({
        ContactsListsNew: [
          {
            title: '供应商名称',
            dataIndex: 'companyName',
            key: 'companyName',
            render: (text, record, index) => {
              if (text) {
                return <span>{text}</span>
              }
            },
          },
          {
            title: '单价(万元)',
            dataIndex: 'unitPrice',
            key: 'unitPrice',
            render: (text, record) => {
              if (text) {
                return <span>{text}</span>
              }
            },
          },
          {
            title: '数量',
            dataIndex: 'quantity',
            key: 'quantity',
            render: (text, record) => {
              if (text) {
                return <span>{text}</span>
              }
            },
          },
          {
            title: '总价(万元)',
            dataIndex: 'totalAmount',
            key: 'totalAmount',
            render: (text, record) => {
              if (text) {
                return <span>{text}</span>
              }
            },
          },
          {
            title: '备注',
            dataIndex: 'remarks',
            key: 'remarks',
          },
          {
            title: '操作',
            dataIndex: 'action',
            key: 'action',
            render: (text, record) => {
              return (
                  <div>
                    {/*外包审核通过后,咨询师/咨询经理可申请付款*/}
                    {/*存在支付节点时不显示第三方的申请付款*/}
                    {/*0-待审核 ,1-审核通过,2-审核拒绝 true [NULL]*/}
                    {
                      <Button disabled={
                        !(this.props.isPreviewPay && (this.props.status === 1 || parseInt(this.props.startType) === 1) && this.props.dataSource.length === 0)
                      } type="primary" onClick={() => {
                        this.setState({
                          previewPayVisible: true,
                          previewPayInfor: record,
                        })
                      }}>
                        申请付款
                      </Button>
                    }
                    <Popconfirm
                        title="是否删除?"
                        onConfirm={() => {
                          this.confirmDeletNew(record)
                        }}
                        okText="删除"
                        cancelText="不删除"
                    >
                      <Button
                          onClick={(e) => {
                            e.stopPropagation()
                          }}
                          style={{
                            marginLeft: '10px',
                            color: '#ffffff',
                            background: '#f00',
                            border: 'none',
                          }}
                      >
                        删除
                      </Button>
                    </Popconfirm>
                  </div>
              )
            },
          },
        ],
      })
    }else if(projectType === 2){    //2软著
      this.setState({
        ContactsListsNew: [
          {
            title: '供应商名称',
            dataIndex: 'companyName',
            key: 'companyName',
            render: (text, record, index) => {
              if (text) {
                return <span>{text}</span>
              }
            },
          },
          {
            title: '单价(万元)',
            dataIndex: 'unitPrice',
            key: 'unitPrice',
            render: (text, record) => {
              if (text) {
                return <span>{text}</span>
              }
            },
          },
          {
            title: '数量',
            dataIndex: 'quantity',
            key: 'quantity',
            render: (text, record) => {
              if (text) {
                return <span>{text}</span>
              }
            },
          },
          {
            title: '总价(万元)',
            dataIndex: 'totalAmount',
            key: 'totalAmount',
            render: (text, record) => {
              if (text) {
                return <span>{text}</span>
              }
            },
          },
          {
            title: '材料',
            dataIndex: 'material',
            key: 'material',
            render: (text, record) => {
              return getMaterialStatus(text)
            },
          },
          {
            title: '加急',
            dataIndex: 'urgent',
            key: 'urgent',
            render: (text, record) => {
              return getUrgentStatus(text)
            },
          },
          {
            title: '操作',
            dataIndex: 'action',
            key: 'action',
            render: (text, record) => {
              return (
                  <div>
                    {/*外包审核通过后,咨询师/咨询经理可申请付款*/}
                    {/*存在支付节点时不显示第三方的申请付款*/}
                    {/*0-待审核 ,1-审核通过,2-审核拒绝 true [NULL]*/}
                    {
                      <Button disabled={
                        !(this.props.isPreviewPay && (this.props.status === 1 || parseInt(this.props.startType) === 1) && this.props.dataSource.length === 0)
                      } type="primary" onClick={() => {
                        this.setState({
                          previewPayVisible: true,
                          previewPayInfor: record,
                        })
                      }}>
                        申请付款
                      </Button>
                    }
                    <Popconfirm
                        title="是否删除?"
                        onConfirm={() => {
                          this.confirmDeletNew(record)
                        }}
                        okText="删除"
                        cancelText="不删除"
                    >
                      <Button
                          onClick={(e) => {
                            e.stopPropagation()
                          }}
                          style={{
                            marginLeft: '10px',
                            color: '#ffffff',
                            background: '#f00',
                            border: 'none',
                          }}
                      >
                        删除
                      </Button>
                    </Popconfirm>
                  </div>
              )
            },
          },
        ],
      })
    }else if(projectType === 1){       //1专利
      if(this.state.patentType === 0){      //专利申请
        this.setState({
          ContactsListsNew: [
            {
              title: '供应商名称',
              dataIndex: 'companyName',
              key: 'companyName',
              render: (text, record, index) => {
                if (text) {
                  return <span>{text}</span>
                }
              },
            },
            {
              title: '单价(万元)',
              dataIndex: 'unitPrice',
              key: 'unitPrice',
              render: (text, record) => {
                if (text) {
                  return <span>{text}</span>
                }
              },
            },
            {
              title: '数量',
              dataIndex: 'quantity',
              key: 'quantity',
              render: (text, record) => {
                if (text) {
                  return <span>{text}</span>
                }
              },
            },
            {
              title: "官费",
              dataIndex: "officialCost",
              key: "officialCost",
              render: (text) => {
                return text === 1 ? '有官费' : '无官费'
              },
            },
            {
              title: "费减",
              dataIndex: "costReduction",
              key: "costReduction",
              render: (text) => {
                return text === 1 ? '有费减' : '无费减'
              },
            },
            {
              title: '总价(万元)',
              dataIndex: 'totalAmount',
              key: 'totalAmount',
              render: (text, record) => {
                if (text) {
                  return <span>{text}</span>
                }
              },
            },
            {
              title: '备注',
              dataIndex: 'remarks',
              key: 'remarks',
            },
            {
              title: '操作',
              dataIndex: 'action',
              key: 'action',
              render: (text, record) => {
                return (
                    <div>
                      {/*外包审核通过后,咨询师/咨询经理可申请付款*/}
                      {/*存在支付节点时不显示第三方的申请付款*/}
                      {/*0-待审核 ,1-审核通过,2-审核拒绝 true [NULL]*/}
                      {
                        <Button disabled={
                          !(this.props.isPreviewPay && (this.props.status === 1 || parseInt(this.props.startType) === 1) && this.props.dataSource.length === 0)
                        } type="primary" onClick={() => {
                          this.setState({
                            previewPayVisible: true,
                            previewPayInfor: record,
                          })
                        }}>
                          申请付款
                        </Button>
                      }
                      {
                        <Button
                            type="primary"
                            style={{
                              marginLeft: '10px',
                            }}
                            disabled={!(this.props.isPreviewPay && (this.props.status === 1 || parseInt(this.props.startType) === 1) && this.props.dataSource.length === 0)}
                            onClick={() => {
                              this.setState({
                                previewPayVisible: true,
                                previewPayInfor: record,
                              })
                        }}>
                          付官费
                        </Button>
                      }
                      <Popconfirm
                          title="是否删除?"
                          onConfirm={() => {
                            this.confirmDeletNew(record)
                          }}
                          okText="删除"
                          cancelText="不删除"
                      >
                        <Button
                            onClick={(e) => {
                              e.stopPropagation()
                            }}
                            style={{
                              marginLeft: '10px',
                              color: '#ffffff',
                              background: '#f00',
                              border: 'none',
                            }}
                        >
                          删除
                        </Button>
                      </Popconfirm>
                    </div>
                )
              },
            },
          ]
        })
      }else{
        this.setState({
          ContactsListsNew: [
            {
              title: '供应商名称',
              dataIndex: 'companyName',
              key: 'companyName',
              render: (text, record, index) => {
                if (text) {
                  return <span>{text}</span>
                }
              },
            },
            {
              title: '单价(万元)',
              dataIndex: 'unitPrice',
              key: 'unitPrice',
              render: (text, record) => {
                if (text) {
                  return <span>{text}</span>
                }
              },
            },
            {
              title: '数量',
              dataIndex: 'quantity',
              key: 'quantity',
              render: (text, record) => {
                if (text) {
                  return <span>{text}</span>
                }
              },
            },
            {
              title: '总价(万元)',
              dataIndex: 'totalAmount',
              key: 'totalAmount',
              render: (text, record) => {
                if (text) {
                  return <span>{text}</span>
                }
              },
            },
            {
              title: '备注',
              dataIndex: 'remarks',
              key: 'remarks',
            },
            {
              title: '操作',
              dataIndex: 'action',
              key: 'action',
              render: (text, record) => {
                return (
                    <div>
                      {/*外包审核通过后,咨询师/咨询经理可申请付款*/}
                      {/*存在支付节点时不显示第三方的申请付款*/}
                      {/*0-待审核 ,1-审核通过,2-审核拒绝 true [NULL]*/}
                      {
                        <Button disabled={
                          !(this.props.isPreviewPay && (this.props.status === 1 || parseInt(this.props.startType) === 1) && this.props.dataSource.length === 0)
                        } type="primary" onClick={() => {
                          this.setState({
                            previewPayVisible: true,
                            previewPayInfor: record,
                          })
                        }}>
                          申请付款
                        </Button>
                      }
                      <Popconfirm
                          title="是否删除?"
                          onConfirm={() => {
                            this.confirmDeletNew(record)
                          }}
                          okText="删除"
                          cancelText="不删除"
                      >
                        <Button
                            onClick={(e) => {
                              e.stopPropagation()
                            }}
                            style={{
                              marginLeft: '10px',
                              color: '#ffffff',
                              background: '#f00',
                              border: 'none',
                            }}
                        >
                          删除
                        </Button>
                      </Popconfirm>
                    </div>
                )
              },
            },
          ]
        })
      }
    }else if(projectType === 3){  //3审计
      this.setState({
        ContactsListsNew: [
          {
            title: '供应商名称',
            dataIndex: 'companyName',
            key: 'companyName',
            render: (text, record, index) => {
              if (text) {
                return <span>{text}</span>
              }
            },
          },
          {
            title: '单价(万元)',
            dataIndex: 'unitPrice',
            key: 'unitPrice',
            render: (text, record) => {
              if (text) {
                return <span>{text}</span>
              }
            },
          },
          {
            title: '数量',
            dataIndex: 'quantity',
            key: 'quantity',
            render: (text, record) => {
              if (text) {
                return <span>{text}</span>
              }
            },
          },
          {
            title: '总价(万元)',
            dataIndex: 'totalAmount',
            key: 'totalAmount',
            render: (text, record) => {
              if (text) {
                return <span>{text}</span>
              }
            },
          },
          {
            title: '审计',
            dataIndex: 'audit',
            key: 'audit',
            render: (text, record) => {
              if (text) {
                return <span>{text===0?'无审计':text===1?'年审':'专审'}</span>
              }
            },
          },
          {
            title: '公司资产(万元)',
            dataIndex: 'assets',
            key: 'assets',
            render: (text, record) => {
              if (text) {
                return <span>{text}</span>
              }
            },
          },
          {
            title: '收入(万元)',
            dataIndex: 'income',
            key: 'income',
            render: (text, record) => {
              if (text) {
                return <span>{text}</span>
              }
            },
          },
          {
            title: '操作',
            dataIndex: 'action',
            key: 'action',
            render: (text, record) => {
              return (
                  <div>
                    {/*外包审核通过后,咨询师/咨询经理可申请付款*/}
                    {/*存在支付节点时不显示第三方的申请付款*/}
                    {/*0-待审核 ,1-审核通过,2-审核拒绝 true [NULL]*/}
                    {
                      <Button disabled={
                        !(this.props.isPreviewPay && (this.props.status === 1 || parseInt(this.props.startType) === 1) && this.props.dataSource.length === 0)
                      } type="primary" onClick={() => {
                        this.setState({
                          previewPayVisible: true,
                          previewPayInfor: record,
                        })
                      }}>
                        申请付款
                      </Button>
                    }
                    <Popconfirm
                        title="是否删除?"
                        onConfirm={() => {
                          this.confirmDeletNew(record)
                        }}
                        okText="删除"
                        cancelText="不删除"
                    >
                      <Button
                          onClick={(e) => {
                            e.stopPropagation()
                          }}
                          style={{
                            marginLeft: '10px',
                            color: '#ffffff',
                            background: '#f00',
                            border: 'none',
                          }}
                      >
                        删除
                      </Button>
                    </Popconfirm>
                  </div>
              )
            },
          },
        ]
      })
    }
    this.setState({
      //付款节点表头
      PayNodeTableColunms: [
        {
          title: '供应商名称',
          dataIndex: 'companyName',
          key: 'companyName',
          render: (text, record, index) => {
            if (text) {
              return <span>{text}</span>
            }
          },
        },
        {
          title: '付款科目',
          dataIndex: 'dunType',
          key: 'dunType',
          render: (text, record) => {
            if (text) {
              return <span>{text}</span>
            }
          },
        },
        {
          title: '付款时间',
          dataIndex: 'partyTimes',
          key: 'partyTimes',
          render: (text, record) => {
            return <span>{text ? text : '/'}</span>
          },
        },
        {
          title: '数量',
          dataIndex: 'quantity',
          key: 'quantity',
          render: (text, record) => {
            if (text) {
              return <span>{text}</span>
            }
          },
        },
        {
          title: '总价(万元)',
          dataIndex: 'totalAmount',
          key: 'totalAmount',
          render: (text, record) => {
            return <span>{text}</span>
          },
        },
        {
          title: '已付',
          dataIndex: 'partyAmount',
          key: 'partyAmount',
          render: (text, record) => {
            if (text) {
              return <span>{text}</span>
            }
          },
        },
        {
          title: '操作',
          dataIndex: 'dels',
          key: 'dels',
          render: (text, record, index) => {
            return (
                <div>
                  <Popconfirm
                      title="是否删除?"
                      onConfirm={() => {
                        this.payNodeConfirmDeletNew(record)
                      }}
                      okText="删除"
                      cancelText="不删除"
                  >
                    <Button
                        onClick={(e) => {
                          e.stopPropagation()
                        }}
                        style={{
                          marginRight: '10px',
                          color: '#ffffff',
                          background: '#f00',
                          border: 'none',
                        }}
                    >
                      删除
                    </Button>
                  </Popconfirm>
                </div>
            )
          },
        },
      ],
    })
  },
  setColor() {
    $('.userName span').after(
      "(<span class='ruanzhu'>软著数</span>/<span class='xiazheng'>下证数</span>)"
    )
  },
  // 获取csort下的数据
  getCsortData(cSort) {
    cuiJieDian.map((item) => {
      if (item.value == cSort) {
        console.log(item.children)
        this.setState({
          paySubject: item.children,
        })
      }
    })
  },
  tableRowClick(record) {
    this.state.RowData = record
    let str = record.taskName
    let test = str.indexOf('会员')
    if (test == -1) {
      this.setState({
        isHuiyuan: false,
      })
    } else {
      this.setState({
        isHuiyuan: true,
      })
    }

    if (record.taskName.substring(0, 5) === '软件著作权') {
      this.setState({
        speVisible: true,
        id: record.id,
        splitStatus: record.splitStatus,
        splitSuper: record.splitSuper,
        splitId: record.splitId,
        dataArr: record,
        commodityQuantity: record.commodityQuantity,
      })
    } else {
      this.setState({
        visible: true,
        splitStatus: record.splitStatus,
        splitSuper: record.splitSuper,
        splitId: record.splitId,
      })
    }
    this.setState({
      projectType: record.projectType
    })
    this.xiangqing(record.id, record.taskName)
    this.xiangqings(record.orderNo)
    this.xiangmu(record.orderNo)
    this.loaduserss(record)
    // 获取第三方信息表格
    this.thirdTable(record.id);
    //获取支付节点信息表格
    this.payNodeTable(record.id);
    //查看外包状态日志
    this.getSelectOutsourceLog(record.id);
    // 获取Csort
    this.getCsortData(localStorage.getItem('cSort'))
    this.projectTypeTabContent(record.projectType)
    console.log('项目类型',record.projectType)
  },
  //点击修改项目详情
  tijiaoOk() {
    let attachmentUrls = []
    if (this.state.attachmentUrl.length) {
      let picArr = []
      this.state.attachmentUrl.map(function (item) {
        if (item.response && item.response.data && item.response.data.length) {
          picArr.push(item.response.data)
        }
      })
      attachmentUrls = picArr.join(',')
    }

    this.setState({
      loading: true,
    })
    $.ajax({
      method: 'POST',
      dataType: 'json',
      crossDomain: false,
      url: globalConfig.context + '/api/admin/orderProject/updateOrderTask',
      data: {
        id: this.state.id, //项目编号
        orderNo: this.state.orderNo, //订单编号
        projectStatus: this.state.projectStatus, //项目状态
        taskStatus: this.state.taskStatus, //项目状态
        taskComment: this.state.taskComment, //说明
        startDate: this.state.startDate, //启动日期
        endDate: this.state.endDate, //结束日期
        acceptDate: this.state.acceptDate, //受理日期
        reviewDate: this.state.reviewDate, //评审日期
        publicityDate: this.state.publicityDate, //公示日期
        licenceDate: this.state.licenceDate, //发证日期
        attachmentUrl: attachmentUrls.length ? attachmentUrls : '', //附件
        contacts: this.state.contacts, //联系人
        contactMobile: this.state.contactMobile, //联系人电话
        legalPerson: this.state.legalPerson, //法人
        legalPersonTel: this.state.legalPersonTel, //法人电话
        certificateNumber: this.state.certificateNumber, //证书编号
        status: this.state.status, //状态
        formRetrieve: this.state.formRetrieve, //满意度表格
        taskRefund: this.state.taskRefund, //退单
        refundContent: this.state.refundContent, //退单信息
        retrieveContent: this.state.retrieveContent, //回收信息
        locationProvince: this.state.ProvinceCity[0],
        locationCity: this.state.ProvinceCity[1],
        locationArea: this.state.ProvinceCity[2],
        postalAddress: this.state.postalAddress, //详细地址
        arrivalMoney: this.state.arrivalMoney, //是否到款
        setUpAmount: this.state.setUpAmount, //立项金额
        declareUser: this.state.declareUser, //账号
        declarePwd: this.state.declarePwd, //密码
        outsourceName: this.state.outsourceName, //外包公司
        outsourcePrice: this.state.outsourcePrice, //外包价格
        declarationBatch: this.state.declarationBatch,
      },
    }).done(
      function (data) {
        this.setState({
          loading: false,
        })
        if (!data.error.length) {
          message.success('保存成功!')
          this.visitCancel()
        } else {
          message.warning(data.error[0].message)
        }
      }.bind(this)
    )
  },
  //点击修改项目详情
  tianjiaOk() {
    if (this.state.attachmentUrl.length) {
      let picArr = []
      this.state.attachmentUrl.map(function (item) {
        if (item.response && item.response.data && item.response.data.length) {
          picArr.push(item.response.data)
        }
      })
    }

    $.ajax({
      method: 'POST',
      dataType: 'json',
      crossDomain: false,
      url: globalConfig.context + '/api/admin/orderProject/addTaskHours',
      data: {
        taskId: this.state.taskId, //项目编号
        hours: this.state.hours, //工时
        remarks: this.state.remarks, //说明
        taskDate: this.state.taskDate, //日期
        taskComment: this.state.taskComment, //说明
      },
    }).done(
      function (data) {
        this.setState({
          loading: false,
        })
        if (!data.error.length) {
          message.success('保存成功!')
          this.noCancel()
        } else {
          message.warning(data.error[0].message)
        }
      }.bind(this)
    )
  },
  //订单详情
  xiangqing(id) {
    $.ajax({
      method: 'get',
      dataType: 'json',
      crossDomain: false,
      url: globalConfig.context + '/api/admin/orderProject/orderTaskDetail',
      data: {
        id: id,
      },
      success: function (data) {
        let thisdata = data.data
        if (data.error.length || data.data.list == '') {
          if (data.error && data.error.length) {
            message.warning(data.error[0].message)
          }
        } else {
          this.setState({
            id: thisdata.id, //ID
            orderNo: thisdata.orderNo, //订单编号
            userName: thisdata.userName, //客户名称
            taskName: thisdata.taskName, //项目名称
            cname: thisdata.cname, //项目品类
            contractNo: thisdata.contractNo, //合同编号
            projectStatus: thisdata.projectStatus.toString(), //项目状态
            taskStatus: thisdata.taskStatus.toString(), //项目状态
            taskDate: thisdata.taskDate, //分配时间
            taskComment: thisdata.taskComment, //说明
            attachmentUrl: thisdata.attachmentUrl
              ? splitUrl(
                  thisdata.attachmentUrl,
                  ',',
                  globalConfig.avatarHost + '/upload'
                )
              : [], //图片地址
            salesmanName: thisdata.salesmanName, //订单负责人
            startDate: thisdata.startDate, //启动日期
            endDate: thisdata.endDate, //结束日期
            acceptDate: thisdata.acceptDate, //受理日期
            reviewDate: thisdata.reviewDate, //评审日期
            publicityDate: thisdata.publicityDate, //公示日期
            licenceDate: thisdata.licenceDate, //发证日期
            contacts: thisdata.contacts, //联系人
            contactMobile: thisdata.contactMobile, //联系人电话
            legalPerson: thisdata.legalPerson, //法人
            legalPersonTel: thisdata.legalPersonTel, //法人电话
            certificateNumber: thisdata.certificateNumber, //证书编号
            status: thisdata.status, //状态
            formRetrieve: thisdata.formRetrieve, //满意度表格
            taskRefund: thisdata.taskRefund, //退单
            refundContent: thisdata.refundContent, //退单信息
            retrieveContent: thisdata.retrieveContent, //回收信息
            arrivalMoney: thisdata.arrivalMoney, //是否到款
            setUpAmount: thisdata.setUpAmount, //立项金额
            declareUser: thisdata.declareUser, //账号
            declarePwd: thisdata.declarePwd, //密码
            outsourceName: thisdata.outsourceName, //外包公司
            outsourcePrice: thisdata.outsourcePrice, //外包价格
            declarationBatch: thisdata.declarationBatch,
          })
        }
      }.bind(this),
    }).always(
      function () {
        this.setState({
          loading: false,
        })
      }.bind(this)
    )
  },
  //订单详情
  xiangqings(orderNos) {
    $.ajax({
      method: 'get',
      dataType: 'json',
      crossDomain: false,
      url: globalConfig.context + '/api/admin/newOrder/getOrderNewDetail',
      data: {
        orderNo: orderNos,
      },
      success: function (data) {
        let thisdata = data.data
        let ProvinceCityArr = []
        let ProvinceS = thisdata.locationProvince //省
        let citys = thisdata.locationCity //市
        let Areas = thisdata.locationArea //区
        ProvinceCityArr.push(ProvinceS, citys, Areas)
        if (data.error.length || data.data.list == '') {
          if (data.error && data.error.length) {
            message.warning(data.error[0].message)
          }
        } else {
          this.setState({
            processStatus: thisdata.processStatus, //流程状态
            liquidationStatus: thisdata.liquidationStatus, //结算状态
            approval: thisdata.approval, //特批状态
            orderRemarks: thisdata.orderRemarks, //订单留言
            salesmanName: thisdata.salesmanName, //营销员名称
            salesmanMobile: thisdata.salesmanMobile, //营销员电话
            financeName: thisdata.financeName, //财务名称
            financeMobile: thisdata.financeMobile, //财务电话
            oldSalesmanName: thisdata.oldSalesmanName, //营销员名称
            oldSalesmanMobile: thisdata.oldSalesmanMobile, //营销员电话
            nowFinance: thisdata.nowFinance, //财务名称
            nowFinanceMobile: thisdata.nowFinanceMobile, //财务电话
            depName: thisdata.depName, //订单部门
            ProvinceCity: ProvinceCityArr[0] === null ? [] : ProvinceCityArr,
            postalAddress: thisdata.postalAddress, //详细地址
          })
        }
      }.bind(this),
    }).always(
      function () {
        this.setState({
          loading: false,
        })
      }.bind(this)
    )
  },
  //项目列表
  xiangmu(orderNos) {
    $.ajax({
      method: 'get',
      dataType: 'json',
      crossDomain: false,
      url: globalConfig.context + '/api/admin/newOrder/getOrderTask',
      data: {
        orderNo: orderNos,
      },
      success: function (data) {
        let theArr = []

        if (data.error.length || data.data.list == '') {
          if (data.error && data.error.length) {
            message.warning(data.error[0].message)
          }
        } else {
          for (let i = 0; i < data.data.length; i++) {
            let thisdata = data.data[i]
            localStorage.setItem('cSort', thisdata.cSort)
            theArr.push({
              key: i,
              id: thisdata.id,
              orderNo: thisdata.orderNo, //订单编号
              commodityId: thisdata.commodityId, //项目ID
              commodityName: thisdata.commodityName, //项目名称
              cname: thisdata.cname, //项目类别
              commodityPrice: thisdata.commodityPrice, //项目价格
              commodityQuantity: thisdata.commodityQuantity, //项目数量
              main: thisdata.main, //是否为主要项目
              taskComment: thisdata.taskComment, //项目说明
              contacts: thisdata.contacts, //联系人
              contactsMobile: thisdata.contactsMobile, //联系人电话
              taskStatus: thisdata.taskStatus, //是否分配
              contractNo: thisdata.contractNo, //合同编号
              certificateNumber: thisdata.certificateNumber,
              splitStatus: thisdata.splitStatus,
              officialCost: thisdata.officialCost,
              costReduction: thisdata.costReduction,
              type: thisdata.type,
              cSort: thisdata.cSort,
            })
          }
        }
        this.setState({
          dataSourceX: theArr,
          type: theArr[0].type,
          cSort: theArr[0].cSort,
        })
      }.bind(this),
    }).always(
      function () {
        this.setState({
          loading: false,
        })
      }.bind(this)
    )
  },
  //导出
  exportExec() {
    let departmentName = '',
      depart = this.state.departmentArr || []
    depart.map((item) => {
      if (this.state.departmentId == item.id) {
        departmentName = item.name
        return
      }
    })
    let data = {
      departmentId: this.state.departmentId,
      departmentName: departmentName,
      salesName: this.state.orderRefundSearch, //订单负责人
      startTime: this.state.releaseDate[0],
      endTime: this.state.releaseDate[1],
      grantStatus: this.state.grantStatus,
    }
    window.location.href =
      globalConfig.context +
      '/api/admin/orderProject/exporProjectList?' +
      $.param(data)
  },
  //关闭详情
  visitCancel() {
    this.setState({
      visible: false,
      speVisible: false,
      activeKey: '1',
    })
    this.reset()
  },
  visitOk() {
    this.setState({
      visible: false,
      speVisible: false,
    })
    this.reset()
  },
  closeDesc(e, s) {
    this.state.showDesc = e
    if (s) {
      this.loadData(this.state.page)
    }
  },
  closeAssign(e, s) {
    this.state.roleName = ''
    this.state.assignVisible = e
    if (s) {
      this.loadData(this.state.page)
    }
  },
  //添加工时
  okCancel(record) {
    this.setState({
      lookVisible: true,
      taskId: record.id,
    })
  },
  //测试
  getOrgCodeUrl(e) {
    this.setState({ orgCodeUrl: e })
  },
  //查看下证信息
  loaduserss(record) {
    $.ajax({
      method: 'get',
      dataType: 'json',
      crossDomain: false,
      url: globalConfig.context + '/api/admin/orderProject/selectTaskProgress',
      data: {
        tid: record.id,
      },
      success: function (data) {
        let theArr = []
        let thisData = []
        if (!thisData) {
          if (data.error && data.error.length) {
            message.warning(data.error[0].message)
          }
          thisData = {}
        } else {
          for (let i = 0; i < data.data.length; i++) {
            thisData = data.data[i]
            theArr.push({
              num: i + 1,
              key: i,
              id: thisData.id, //编号
              alreadyNumber: thisData.alreadyNumber, //下证数
              licenceTimes: thisData.licenceTimes, //下证时间
              notCount: thisData.notCount, //未下证数
              flag: true,
            })
          }
          this.setState({
            contactList: theArr,
            tid: record.id,
          })
        }
      }.bind(this),
    }).always(
      function () {
        this.setState({
          loading: false,
        })
      }.bind(this)
    )
  },

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

  //下证信息保存
  contactSave(record) {
    if (!record.licenceTimes) {
      message.warning('下证日期不能为空')
      return
    }
    if (!record.alreadyNumber) {
      message.warning('下证数量不能为空')
      return
    }
    this.setState({
      loading: true,
    })
    $.ajax({
      url: globalConfig.context + '/api/admin/orderProject/createTaskProgress',
      method: 'post',
      data: {
        taskId: this.state.id,
        licenceTimes: record.licenceTimes,
        alreadyNumber: record.alreadyNumber,
      },
    }).done(
      function (data) {
        this.setState({
          loading: false,
        })
        if (!data.error.length) {
          message.success('保存成功!')
          record.flag = true
          this.loaduserss(this.state.dataArr)
        } else {
          message.warning(data.error[0].message)
        }
      }.bind(this)
    )
  },
  //下证信息删除
  contactDele(record) {
    this.setState({
      loading: true,
    })
    $.ajax({
      url: globalConfig.context + '/api/admin/orderProject/delectTaskProgress',
      method: 'post',
      data: {
        id: record.id,
      },
    }).done(
      function (data) {
        this.setState({
          loading: false,
        })
        if (!data.error.length) {
          this.loaduserss(this.state.dataArr)
        } else {
          message.warning(data.error[0].message)
        }
      }.bind(this)
    )
  },
  //点击新增下证信息
  addcontact() {
    this.state.contactList.push({
      num: this.state.contactList.length + 1,
      key: this.state.contactList.length,
      licenceTimes: '',
      alreadyNumber: '',
      notCount: '',
      dels: '',
      flag: false,
      aflag: false,
    })
    this.setState({
      contactList: this.state.contactList,
    })
  },
  //删除下证信息
  confirmDelet(record) {
    this.state.contactList.splice(record.key, 1)
    this.setState({
      contactList: this.state.contactList,
    })

    if (record.id) {
      this.contactDele(record)
    }
  },
  caozuorizhi() {
    this.setState({
      visibleA: true,
    })
    $.ajax({
      method: 'get',
      dataType: 'json',
      crossDomain: false,
      url: globalConfig.context + '/api/admin/orderProject/TaskLogList',
      data: {
        id: this.state.id,
      },
      success: function (data) {
        let theArr = []

        if (data.error.length || data.data.list == '') {
          if (data.error && data.error.length) {
            message.warning(data.error[0].message)
          }
        } else {
          for (let i = 0; i < data.data.length; i++) {
            let thisdata = data.data[i]
            theArr.push({
              key: i,
              id: thisdata.id, //日志ID
              content: thisdata.content, //流程
              taskId: thisdata.taskId, //项目ID
              aName: thisdata.aName, //负责人
              createTimes: thisdata.createTimes, //时间
            })
          }
        }
        this.setState({
          dataSourceA: theArr,
        })
      }.bind(this),
    }).always(
      function () {
        this.setState({
          loading: false,
        })
      }.bind(this)
    )
  },
  //关闭操作工时
  visitCancelA() {
    this.setState({
      visibleA: false,
    })
  },
  nextCancel() {
    this.setState({
      addnextVisible: false,
      displayFees: 'none',
      officialCost: '', //是否有官费
      costReduction: '', //是否有费减
    })
  },
  //点击打卡项目详情
  tableRowClickX(record) {
    if (record.type == '1') {
      this.setState({
        displayFees: 'block',
        costReduction: record.costReduction,
        officialCost: record.officialCost,
      })
    }
    this.setState({
      jid: record.id, //项目ID
      kid: record.commodityId, //商品ID
      commodityName: record.commodityName, //金额
      commodityPrice: record.commodityPrice, //金额
      commodityQuantity: record.commodityQuantity, //数量
      taskComment: record.taskComment, //备注
      main: record.main.toString(), //是否为主要
      addnextVisible: true,
      addState: 0,
    })
  },
  //关闭添加工时
  noCancel() {
    this.setState({
      lookVisible: false,
    })
    this.reset()
  },
  search() {
    this.loadData()
  },
  reset(flag) {
    if (flag) {
      this.state.nameSearch = ''
      this.state.orderNoSearch = ''
      this.state.contractNoSearch = undefined
      this.state.taskNoSearch = ''
      this.state.departmenttSearch = undefined
      this.state.projectStatusSearch = undefined //项目状态
      this.state.approvalSearch = undefined
      this.state.outsourceStatusSearch = []
    }
    this.state.id = '' //项目编号
    this.state.orderNo = '' //订单编号
    this.state.projectStatus = undefined //项目状态
    this.state.taskStatuSearch = undefined //项目状态
    this.state.taskComment = '' //说明
    this.state.startDate = '' //启动日期
    this.state.endDate = '' //结束日期
    this.state.acceptDate = '' //受理日期
    this.state.reviewDate = '' //评审日期
    this.state.publicityDate = '' //公示日期
    this.state.licenceDate = '' //发证日期
    this.state.partyTimes = '' //付款时间
    attachmentUrl: [] //附件
    this.state.contacts = '' //联系人
    this.state.contactMobile = '' //联系人电话
    this.state.legalPerson = '' //法人
    this.state.legalPersonTel = '' //法人电话
    this.state.taskId = '' //项目编号
    this.state.hours = '' //工时
    this.state.remarks = '' //说明
    this.state.taskDate = '' //日期
    this.state.taskComment = '' //说明
    this.state.releaseDate = []
    this.state.outsourceName = ''
    this.state.outsourcePrice = undefined
    this.state.distribution = undefined
    this.loadData(this.state.page)
    this.state.companyName = undefined
    this.state.unitPrice = undefined
    this.state.unitNumber = undefined
    this.state.amount = undefined
    this.state.outsourceRemarks = undefined
    this.state.pictureUrl = []
  },
  searchSwitch() {
    this.setState({
      searchMore: !this.state.searchMore,
    })
  },
  //部门
  departmentList() {
    this.setState({
      loading: true,
    })
    $.ajax({
      method: 'get',
      dataType: 'json',
      crossDomain: false,
      url: globalConfig.context + '/api/admin/organization/selectSuperId',
      data: {},
      success: function (data) {
        let thedata = data.data
        let theArr = []
        if (!thedata) {
          if (data.error && data.error.length) {
            message.warning(data.error[0].message)
          }
          thedata = {}
        } else {
          thedata.map(function (item, index) {
            theArr.push({
              key: index,
              name: item.name,
              id: item.id,
            })
          })
        }
        this.setState({
          departmentArr: theArr,
        })
      }.bind(this),
    }).always(
      function () {
        this.setState({
          loading: false,
        })
      }.bind(this)
    )
  },
  changeList(arr) {
    const newArr = []
    this.state.columns.forEach((item) => {
      arr.forEach((val) => {
        if (val === item.title) {
          newArr.push(item)
        }
      })
    })
    this.setState({
      changeList: newArr,
    })
  },
  timeClose() {
    this.setState({
      timeVisible: false,
    })
  },
  timeDetail(record) {
    console.log(record)

    this.setState({
      loading: true,
      recordHour: record.hours,
    })
    $.ajax({
      method: 'get',
      dataType: 'json',
      crossDomain: false,
      url:
        globalConfig.context + '/api/admin/orderProject/taskHoursDetailsList',
      data: {
        taskId: record.id,
      },
      success: function (data) {
        if (data.error && data.error.length) {
          message.warning(data.error[0].message)
        } else {
          this.setState({
            dataSourceTime: data.data,
          })
          console.log(this.state.dataSourceTime)
        }
      }.bind(this),
    }).always(
      function () {
        this.setState({
          loading: false,
        })
      }.bind(this)
    )
  },
  showDeleteConfirm(num, fn) {
    let text = getProjectStatus(num)
    confirm({
      title: <p style={{ fontSize: 16, fontWeight: 900 }}>注意</p>,
      content: (
        <p style={{ fontWeight: 900, color: 'red' }}>
          当前的项目状态为{text},保存后将触发对应的催款节点!!!您确定保存?
        </p>
      ),
      okText: '确定',
      okType: 'danger',
      cancelText: '取消',
      onOk() {
        fn()
      },
      onCancel() {},
    })
  },
  // 项目发起外包
  sureOut(startType) {
    if (this.state.startType !== 0 && this.state.startType !== 1) {
      message.warning('请选择类型')
      return
    }
    //0正常 1专利 2软著 3审计
    if (this.state.projectType === 1) {
      //专利
      if (this.state.patentType === -1) {
        message.warning('请选择专利类型')
        return
      }
      if (this.state.patentNameType === -1) {
        message.warning('请选择专利类型名称')
        return
      }
      if (this.state.patentNameType == 3) {
        if (!this.state.patentName) {
          message.warning('请填写专利名称')
          return
        }
      }
    }
    if (!this.state.outsourceRemarks) {
      message.warning('备注不能为空')
      return
    }

    //refundStatus   0-待审核 ,1-审核通过,2-审核拒绝
    if(!this.state.reason && (this.state.refundStatus === 2 || typeof this.state.refundStatus === 'undefined')){
      message.warning('发起原因不能为空')
      return
    }

    // if (!this.state.pictureUrl && !Array.isArray(this.state.pictureUrl)) {
    //   message.warning('合同扫描件不能为空')
    //   return
    // }

    // if(this.state.pictureUrl.length === 0){
    //   message.warning('合同扫描件不能为空')
    //   return
    // }
    let _this = this;
    confirm({
      title: startType === 0 ? '确定要发起外包吗?' : '确定要提交供应商信息吗?',
      content: startType === 0 ? '高于总部价格,费用个人承担' : '确定提交供应商信息后,不可修改',
      onOk() {
        return new Promise((resolve, reject) => {
          _this.setState({
            loading: true,
          })

          let data = {
            tid: _this.state.id,
            orderNo: _this.state.orderNo,
            type: 1,                                //分类 0订单  1项目
            startType: _this.state.startType,       //支付类型  0外包 1供应商 false 0
            companyName: _this.state.companyName,
            amount: _this.state.amount,
            outsourceRemarks: _this.state.outsourceRemarks,
            unitNumber: _this.state.unitNumber,
            unitPrice: _this.state.unitPrice,
            id: _this.state.refundStatus == 2 ? _this.state.mid : undefined,
          }

          //refundStatus   0-待审核 ,1-审核通过,2-审核拒绝    审核被驳回时和第一次发起外包时,要填写发起原因
          if(_this.state.refundStatus === 2 || typeof _this.state.refundStatus === 'undefined'){
            data.reason = _this.state.reason
          }

          if (_this.state.projectType === 1) {
            data.patentType = _this.state.patentType;
            data.patentNameType = _this.state.patentNameType;
            if (_this.state.patentNameType == 3) {
              data.patentName = _this.state.patentName;
            }
          }

          if (_this.state.pictureUrl && Array.isArray(_this.state.pictureUrl) && _this.state.pictureUrl.length !== 0){
            data.pictureUrl = _this.getUrl(_this.state.pictureUrl).length
                ? _this.getUrl(_this.state.pictureUrl)
                : ''
          }

          $.ajax({
            method: 'POST',
            dataType: 'json',
            crossDomain: false,
            url:
                globalConfig.context + '/api/admin/outsourceOrg/outsourceProjectAudit',
            data: data,
          }).done(
              function (data) {
                _this.setState({
                  loading: false,
                })
                if (!data.error.length) {
                  resolve();
                  message.success('提交成功!')
                  _this.visitCancel()
                } else {
                  reject();
                  message.warning(data.error[0].message)
                }
              }.bind(_this)
          )

        }).catch((err) => console.log(err));
      },
      onCancel() {},
    });
  },
  callback(e) {
    this.setState({
      activeKey: e,
    })
    if (e == 3) {
      this.orderDetailData(this.state.orderNo)
      this.xiangmu(this.state.orderNo)
      this.jiedian(this.state.orderNo)
      this.jiedianNew(this.state.orderNo)
    }
  },
  getOrgCodeUrlWai(e) {
    this.setState({ pictureUrl: e })
  },
  getUrl(url) {
    let theorgCodeUrl = []
    if (url.length) {
      let picArr = []
      url.map(function (item) {
        if (item.response && item.response.data && item.response.data.length) {
          picArr.push(item.response.data)
        }
      })
      theorgCodeUrl = picArr.join(',')
    }
    return theorgCodeUrl
  },
  waiDetail() {
    let url = window.location.href.substring(7)
    this.setState({
      loading: true,
    })
    $.ajax({
      method: 'get',
      dataType: 'json',
      crossDomain: false,
      url:
        globalConfig.context + '/api/admin/outsourceOrg/orderOutsourceDtails',
      data: {
        tid: this.state.id,
        orderNo: this.state.orderNo,
      },
    }).done(
      function (data) {
        this.setState({
          loading: false,
        })
        if (!data.error.length && data.data) {
          this.setState({
            startType: data.data.startType, //类型
            patentType: data.data.patentType, //专利类型
            patentNameType: data.data.patentNameType, //专利名称类型
            patentName: data.data.patentName, //专利名称
            outsourceRemarks: data.data.outsourceRemarks,
            remarks: data.data.remarks,
            companyName: data.data.companyName,
            amount: data.data.amount,
            mid: data.data.id,
            unitPrice: data.data.unitPrice,
            refundStatus: data.data.refundStatus,
            unitNumber: data.data.unitNumber,
            pictureUrl: data.data.pictureUrl
              ? splitUrl(
                  data.data.pictureUrl,
                  ',',
                  globalConfig.avatarHost + '/upload',
                  url
                )
              : [], //图片地址
            createTimes: data.data.createTimes,
            auditTimes: data.data.auditTimes,
          })
        } else if (data.error && data.error.length) {
          message.warning(data.error[0].message)
        } else if (!data.data) {
          this.setState({
            refundStatus: undefined,
          })
        }
      }.bind(this)
    )
  },
  rizhi() {
    this.setState({
      loading: true,
    })
    $.ajax({
      method: 'get',
      dataType: 'json',
      crossDomain: false,
      url: '/api/admin/newOrder/selectOrderLog',
      data: {
        orderNo: this.state.orderNo,
      },
      success: function (data) {
        let theArr = []
        let thisData = data.data
        if (!thisData.length) {
          if (data.error && data.error.length) {
            message.warning(data.error[0].message)
          }
          thisData = {}
        } else {
          for (let i = 0; i < data.data.length; i++) {
            let thisdata = data.data[i]
            theArr.push({
              processName: thisdata.processName,
              adminName: thisdata.adminName,
              createDate: thisdata.createDate,
              remarks: thisdata.remarks,
            })
          }
        }
        this.setState({
          dataSourceY: theArr,
        })
      }.bind(this),
    }).always(
      function () {
        this.setState({
          loading: false,
        })
      }.bind(this)
    )
  },
  closeOrderLog() {
    this.setState({
      avisible: false,
    })
  },
  getOrderLog() {
    this.setState({
      avisible: true,
    })
    this.rizhi()
  },
  orderChange(key) {
    this.setState({
      activeKey: key,
    })
    if (key == 3) {
      this.orderDetailData(this.state.orderNo)
      this.xiangmu(this.state.orderNo)
      this.jiedian(this.state.orderNo)
      this.jiedianNew(this.state.orderNo)
    }
    if (key == 2) {
      this.waiDetail()
    }
  },
  //节点列表
  jiedian(orderNos) {
    $.ajax({
      method: 'get',
      dataType: 'json',
      crossDomain: false,
      url: globalConfig.context + '/api/admin/newOrder/selectOrderDun',
      data: {
        orderNo: orderNos,
      },
      success: function (data) {
        let theArr = []
        let thisData = []
        if (data.error.length || data.data.list == '') {
          if (data.error && data.error.length) {
            message.warning(data.error[0].message)
          }
        } else {
          for (let i = 0; i < data.data.length; i++) {
            thisData = data.data[i]
            theArr.push({
              key: i,
              dunSubject: thisData.dunSubject
                ? thisData.dunSubject.toString()
                : '', //催款科目
              id: thisData.id, //节点Id
              money: thisData.money, //催款金额
              dunStatus: thisData.dunStatus, //催款状态
            })
          }
          this.setState({
            jiedian: theArr,
          })
        }
      }.bind(this),
    })
  },
  jiedianNew(orderNos) {
    $.ajax({
      method: 'get',
      dataType: 'json',
      crossDomain: false,
      url:
        globalConfig.context + '/api/admin/newOrderDun/selectListNewOrderDun',
      data: {
        orderNo: orderNos,
      },
      success: function (data) {
        if (data.error && data.error.length) {
          message.warning(data.error[0].message)
        } else {
          let theArr = []
          let thisData = []
          let arr = data.data || []
          let totalCui = 0
          for (let i = 0; i < arr.length; i++) {
            thisData = arr[i]
            totalCui += +thisData.money
            theArr.push({
              key: i,
              dunSubject: thisData.dunSubject
                ? thisData.dunSubject.toString()
                : '', //催款科目
              id: thisData.id, //节点Id
              tid: thisData.tid, //节点指定的第三方id
              money: thisData.money, //催款金额
              // orderNo: record ? record.orderNo : this.props.datauser.orderNo,
              commodityName: thisData.commodityName,
              projectType: thisData.projectType,
              dunTypeName: thisData.dunTypeName,
              status: thisData.status,
              waitDay: thisData.waitDay,
              effectiveCount: thisData.effectiveCount,
              startDate: thisData.startDate,
              dunType: thisData.dunType,
              appropriationRatio: thisData.appropriationRatio,
              customizeName: thisData.customizeName,
              customizeTimes: thisData.customizeTimes,
            })
          }
          if (!totalCui) {
            totalCui = 0
          }
          totalCui = (Math.round(totalCui * 1000000) / 1000000).toFixed(6)
          this.setState({
            jiedianNew: theArr,
            totalCui,
          })
        }
      }.bind(this),
    }).always(
      function () {
        this.setState({
          loading: false,
        })
      }.bind(this)
    )
  },
  orderDetailData(orderNos) {
    this.setState({
      loading: true,
    })
    $.ajax({
      method: 'get',
      dataType: 'json',
      crossDomain: false,
      url: globalConfig.context + '/api/admin/newOrder/getOrderNewDetail',
      data: {
        orderNo: orderNos,
      },
      success: function (data) {
        if (data.error.length || data.data.list == '') {
          if (data.error && data.error.length) {
            message.warning(data.error[0].message)
            this.setState({
              loading: false,
            })
          }
        } else {
          let thisdata = data.data
          this.setState({
            loading: false,
            userName: thisdata.userName,
            primaryOrderNo: thisdata.primaryOrder,
            additionalOrder: thisdata.additionalOrder,
            contractNo: thisdata.contractNo,
            orderData: thisdata,
            isAddition: thisdata.additionalOrder ? true : false,
            contractPictureUrl: thisdata.contractPictureUrl
              ? splitUrl(
                  thisdata.contractPictureUrl,
                  ',',
                  globalConfig.avatarHost + '/upload'
                )
              : [],
          })
        }
      }.bind(this),
    })
  },
  //点击新增供应商
  addcontactNew() {
    this.state.contactListNew.push({
      key: this.state.contactListNew.length,
      money: '',
      dunSubject: undefined,
      orderNo: this.state.orderNo,
      dunTarget: this.state.kehuId,
    })
    this.setState({
      contactListNew: this.state.contactListNew,
      cuiFlag: true,
    })
  },
  //查看第三方信息表格
  thirdTable(id) {
    this.setState({
      loadData: true,
    })
    $.ajax({
      method: 'get',
      dataType: 'json',
      crossDomain: false,
      url: globalConfig.context + '/api/admin/company/selectCompany',
      data: {
        tid: id,
      },
      success: function (data) {
        if (data.error && data.error.length) {
          message.warning(data.error[0].message)
        } else {
          let companyNameArr = []
          let theArr = []
          let thisData = []
          let arr = data.data || []
          let allTotalAmount = 0
          let type = 0;
          let patentNameType = 0;
          for (let i = 0; i < arr.length; i++) {
            thisData = arr[i]
            allTotalAmount =
              (allTotalAmount * 10000 + thisData.totalAmount * 10000) / 10000
            companyNameArr.push(thisData.companyName);
            thisData.key = i;
            thisData.patentType = thisData.type;
            theArr.push(thisData);
            type=thisData.type
            patentNameType= thisData.patentNameType
          }
          if (!allTotalAmount) {
            allTotalAmount = 0
          }

          for(let d=0;d<theArr.length;d++){
            theArr[d].companyName = theArr[d].companyName+ '-' + theArr[d].id;
            companyNameArr[d] = {
              companyName: theArr[d].companyName,
              id: theArr[d].id,
            }
          }

          if(type === 1 || type === 2){
            this.setState({
              patentType: type === 1 ? 0 : type === 2 ? 1 : -1,    //0其他 1专利申请 2专利买卖
              patentNameType: patentNameType,                         //0实用新型 1发明专利 2外观专利 3 其他
            })
          }

          this.setState({
            tid: id,
            PayNodeCompany: companyNameArr,
            thirdInfoList: theArr,
            allTotalAmount: allTotalAmount,
          },()=>{
            this.projectTypeTabContent(this.state.projectType);
          })
        }
      }.bind(this),
    }).always(
      function () {
        this.setState({
          loading: false,
        })
      }.bind(this)
    )
  },
  //外包日志列表
  getSelectOutsourceLog(tid){
    $.ajax({
      method: 'get',
      dataType: 'json',
      crossDomain: false,
      url: globalConfig.context + '/api/admin/outsourceOrg/selectOutsourceLog',
      data: {
        tid: tid,
      },
      success: function (data) {
        if (data.error.length) {
          if (data.error && data.error.length) {
            message.warning(data.error[0].message);
          }
        } else {
          this.setState({
            outsourceLogs: data.data
          })
        }
      }.bind(this),
    }).always(
        function () {

        }.bind(this)
    )
  },
  payNodeTable(id) {
    this.setState({
      loadData: true,
    })
    $.ajax({
      method: 'get',
      dataType: 'json',
      crossDomain: false,
      url: globalConfig.context + '/api/admin/company/selectPaymentNode',
      data: {
        tid: id,
      },
      success: function (data) {
        if (data.error && data.error.length) {
          message.warning(data.error[0].message)
        } else {
          let payNodeArr = []
          let thisData = []
          let arr = data.data || []
          // console.log('this.state.paySubject', this.state.paySubject)
          //对#5283自定义的补充展示
          this.state.paySubject.push({ key: '自定义', value: '0' })
          for (let i = 0; i < arr.length; i++) {
            thisData = arr[i]
            //遍历paySubject,获取当前dunType对应的key
            this.state.paySubject.map((item) => {
              if (item.value == thisData.dunType) {
                thisData.dunType = item.key
              }
            })
            payNodeArr.push({
              key: i,
              id: thisData.id, //付款节点Id
              nodeId:  thisData.id, //付款节点Id
              tid: thisData.tid,
              companyName: thisData.companyName, //供应商名称
              projectType: thisData.projectType, //项目分类
              dunType: thisData.dunType, //催款分类
              unitPrice: thisData.unitPrice, //单价
              quantity: thisData.quantity, //数量
              totalAmount: thisData.totalAmount, //总价
              partyAmount: thisData.partyAmount, //付款
              partyTimes: thisData.partyTimes, //付款时间
              cid: thisData.cid, //机构id
              status: thisData.status, //催款状态 0-未支付 1-待全款 ,2已全款   status=2的时候已经全款,申请付款按钮可以去掉了
            })
          }

          for(let d=0;d<payNodeArr.length;d++){
            payNodeArr[d].companyName = payNodeArr[d].companyName+ '-' + payNodeArr[d].cid;
          }

          console.log('payNodeArr:', payNodeArr)
          this.setState({
            tid: id,
            payNodeList: payNodeArr,
          })
        }
      }.bind(this),
    }).always(
      function () {
        this.setState({
          loading: false,
        })
      }.bind(this)
    )
  },
  // 新增第三方供应商信息
  addThirdList() {
    this.setState({
      ThirdListVisible: true,
    })
  },
  // 新增支付节点
  addPayNode() {
    this.setState({
      PayNodeVisible: true,
    })
  },
  // 第三方信息自动计算总金额
  calculatedAmount() {
    let currentTotalPrice
    currentTotalPrice = this.state.thirdUnitPrice * this.state.thirdQuantity
    currentTotalPrice = currentTotalPrice.toFixed(6)
    this.setState({
      currentTotalPrice: currentTotalPrice,
    })
  },
  // 付款节点自动计算总金额
  payNodeCalculatedAmount(num) {
    let currentTotalPrice,quantity,unitPrice
    //获取当前供应商名称对应的单价并更新
    this.state.thirdInfoList.forEach((item) => {
      if (item.companyName === this.state.thirdCompanyName) {
        currentTotalPrice = num ? item.unitPrice * num : item.quantity * item.unitPrice;
        currentTotalPrice = currentTotalPrice.toFixed(6);
        quantity = num ? num : item.quantity;
        unitPrice = item.unitPrice;
      }
    })
    this.setState({
      payNodeQuantity: num ? num : quantity,
    })
    if(this.state.projectType !== 2){
      this.setState({
        currentTotalPrice: currentTotalPrice,
        thirdUnitPrice: unitPrice
      })
    }
  },
  // 保存供应商信息
  handleCancelq() {
    let api
    if (this.state.ThirdId) {
      //修改
      api = '/api/admin/company/updateCompany'
    } else {
      //新增
      api = '/api/admin/company/addCompany'
    }
    let customerId = 0;
    let isHave =this.state.customerArr.some((value)=>{
      if(value.companyName === this.state.thirdCompanyName){
        customerId = value.id
        return true;
      }
    });
    if(!isHave && this.state.projectType !== 0){
      message.warning('请输入正确的供应商名称')
      return;
    }
    this.setState({
      loading: true,
    })
    // material: this.state.thirdMaterial, //材料
    // urgent: this.state.thirdUrgent, //加急
    // unitPrice: this.state.thirdUnitPrice, //单价
    let data = {
      id: this.state.ThirdId, //id
      tid: this.state.tid, //订单编号
      companyName: this.state.thirdCompanyName, //第三方名称
      quantity: this.state.thirdQuantity, //数量
      // totalAmount: this.state.currentTotalPrice, //总价
      remarks: this.state.thirdRemarks, //备注
    }
    if(this.state.projectType === 0){
      data.unitPrice = this.state.thirdUnitPrice;
    }
    if(isHave){
      data.cid = customerId     ////公司id
    }
    $.ajax({
      url: globalConfig.context + api,
      method: 'post',
      dataType: 'json',
      crossDomain: false,
      data: data,
    }).done(
      function (data) {
        this.setState({
          loading: false,
        })
        if (!data.error.length) {
          message.success('保存成功!')
          this.setState({
            ThirdId: '',
            ThirdListVisible: false,
            thirdCompanyName: '', //第三方名称
            thirdUnitPrice: '', //单价
            thirdQuantity: '', //数量
            currentTotalPrice: '', //总价
            thirdRemarks: '',
            thirdUrgent: 0,
          })
          // this.visitCancel();
          this.thirdTable(this.state.tid)
        } else {
          message.warning(data.error[0].message)
        }
      }.bind(this)
    )
  },
  //保存付款节点
  savePayNode() {
    let api
    if (this.state.ThirdId) {
      //修改
      api = '/api/admin/company/updatePaymentNode'
    } else {
      //新增
      api = '/api/admin/company/addPaymentNode'
    }
    //   totalAmount: this.state.currentTotalPrice, //总价
    //   partyAmount: this.state.partyAmount, //付款金额
    //

    let customerId=0;
    this.state.PayNodeCompany.some((value)=>{
      if(value.companyName === this.state.thirdCompanyName){
        customerId = value.id
        return true;
      }
    });
    if(!this.state.thirdCompanyName){
      message.error('请选择供应商名称');
      return;
    }
    if(!this.state.paySubjectName){
      message.error('请选择付款科目');
      return;
    }
    if(!this.state.payNodeQuantity){
      message.error('请输入数量');
      return;
    }
    let data = {
      id: this.state.ThirdId, //id
      tid: this.state.tid, //订单编号
      cid: customerId,//对应的第三方信息
      companyName: this.state.thirdCompanyName.split('-')[0], //第三方名称
      quantity: this.state.payNodeQuantity, //数量
      dunType: this.state.dunType, //催款节点
      projectType: this.state.cSort, //项目分类
    }
    if(this.state.paySubjectName === '0'){
      if(!this.state.partyTimes){
        message.error('请选择付款时间');
        return;
      }
      data.partyTimes = this.state.partyTimes //付款时间
    }
    if(this.state.projectType !== 2){                   //其他类型   0正常 1专利 2软著 3审计
      data.totalAmount = this.state.currentTotalPrice   //总价
      data.unitPrice = this.state.thirdUnitPrice        //单价
    }
    this.setState({
      loading: true,
    })
    $.ajax({
      url: globalConfig.context + api,
      method: 'post',
      dataType: 'json',
      crossDomain: false,
      data: data,
    }).done(
      function (data) {
        this.setState({
          loading: false,
        })
        if (!data.error.length) {
          message.success('保存成功!')
          this.setState({
            ThirdId: '',
            PayNodeVisible: false,
            thirdCompanyName: '', //第三方名称
            paySubjectName: '', //付款科目名称
            thirdUnitPrice: '', //单价
            thirdQuantity: '', //数量
            payNodeQuantity: 1, //付款节点数量
            currentTotalPrice: '', //总价
            partyAmount: '', //付款金额
            partyTimes: '', //付款时间
            dunType: '', //催款节点
          })
          // this.visitCancel();
          this.payNodeTable(this.state.tid)
        } else {
          message.warning(data.error[0].message)
        }
      }.bind(this)
    )
  },

  // 取消
  handleCancelclose() {
    this.setState({
      PayNodeVisible: false,
      payNodeInfor: {},
      ThirdId: '',

      ThirdListVisible: false,
      thirdCompanyName: '', //第三方名称
      paySubjectName: '', //付款科目名称
      thirdUnitPrice: '', //单价
      partyTimes: '',
      thirdQuantity: 1, //数量
      payNodeQuantity: 1,
      currentTotalPrice: '', //总价
      thirdRemarks: '',
      thirdUrgent: 0, //加急状态
    })
  },
  // 删除供应商信息
  confirmDeletNew(index,resolve=()=>{},reject=()=>{}) {
    this.setState({
      loading: true,
      ThirdListVisible: false,
    })
    let id = '';
    if(index === -1){
      if(this.state.thirdInfoList.length === 1){
        id = this.state.thirdInfoList[0].id
      }else{
        this.state.thirdInfoList.map((value,index)=>{
          id+=value.id+',';
        })
      }
    }else{
      id = index.id
    }
    $.ajax({
      url: globalConfig.context + '/api/admin/company/deleteCompany',
      method: 'post',
      data: {
        id: id,
      },
    }).done(
      function (data) {
        this.setState({
          loading: false,
        })
        if (!data.error.length) {
          message.success('删除成功!')
          this.thirdTable(this.state.tid)
          resolve();
        } else {
          message.warning(data.error[0].message)
          reject();
        }
      }.bind(this)
    )
  },
  // 删除付款节点
  payNodeConfirmDeletNew(index,resolve=()=>{},reject=()=>{}) {
    this.setState({
      loading: true,
      PayNodeVisible: false,
    })
    let id = '';
    if(index === -1){
      this.state.payNodeList.map((value,index)=>{
        id+=value.id+',';
      })
    }else{
      id = index.id
    }
    $.ajax({
      url: globalConfig.context + '/api/admin/company/deletePaymentNode',
      method: 'post',
      data: {
        id: id,
      },
    }).done(
      function (data) {
        this.setState({
          loading: false,
        })
        if (!data.error.length) {
          message.success('删除成功!')
          resolve();
          this.payNodeTable(this.state.tid)
        } else {
          message.warning(data.error[0].message)
          reject();
        }
      }.bind(this)
    )
  },
  //点击供应商详情
  tableRowClickOne(record) {
    this.setState({
      ThirdListVisible: true,
      ThirdId: record.id, //供应商id
      thirdCompanyName: record.companyName, //第三方名称
      thirdUnitPrice: record.unitPrice, //单价
      thirdQuantity: record.quantity, //数量
      currentTotalPrice: record.totalAmount, //总价
      thirdMaterial: record.material, //有无材料
      thirdUrgent: record.urgent, //加急情况
      thirdRemarks: record.remarks,
      audit: record.audit,//审计
      assets: record.assets,//公司资产
      income: record.income,//收入
    })
  },
  //点击付款节点详情
  payNodeTableRowClickOne(record) {
    this.setState({
      PayNodeVisible: true,
      ThirdId: record.id, //供应商id
      thirdCompanyName: record.companyName, //第三方名称
      thirdUnitPrice: record.unitPrice, //单价
      thirdQuantity: record.quantity, //供应商数量
      payNodeQuantity: record.quantity, //付款节点数量
      currentTotalPrice: record.totalAmount, //总价
      partyTimes: record.partyTimes,
      paySubjectName: record.dunType,
      payNodeInfor: record,            //付款节点详情
    })
  },
  render() {
    const formItemLayout = {
      labelCol: { span: 8 },
      wrapperCol: { span: 14 },
    }
    let departmentArr = this.state.departmentArr || []
    return (
      <div className="user-content">
        {this.state.resVisible ? (
          <ResolutionDetail
            cancel={this.resCancel}
            detail={this.state.resRecord}
            visible={this.state.resVisible}
            id={this.state.resRecord.orderNo}
          />
        ) : (
          ''
        )}
        <ShowModalDiv ShowModal={this.state.showModal} />
        <div className="content-title" style={{ marginBottom: 10 }}>
          <span style={{ fontWeight: 900, fontSize: 16 }}>项目任务</span>
        </div>
        <Tabs defaultActiveKey="2" className="test" bordered>
          <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={{ marginLeft: 10 }}>
              <Input
                placeholder="客户名称"
                value={this.state.nameSearch}
                onChange={(e) => {
                  this.setState({ nameSearch: e.target.value })
                }}
              />
              <Input
                placeholder="订单编号"
                value={this.state.orderNoSearch}
                onChange={(e) => {
                  this.setState({ orderNoSearch: e.target.value })
                }}
              />
              <Input
                placeholder="合同编号"
                value={this.state.contractNoSearch}
                onChange={(e) => {
                  this.setState({ contractNoSearch: e.target.value })
                }}
              />
              <Input
                placeholder="项目编号"
                value={this.state.taskNoSearch}
                onChange={(e) => {
                  this.setState({ taskNoSearch: e.target.value })
                }}
              />
              <Select
                placeholder="选择部门"
                style={{ width: 150, marginRight: '10px' }}
                value={this.state.departmenttSearch}
                onChange={(e) => {
                  this.setState({ departmenttSearch: e })
                }}
              >
                {departmentArr.map(function (item) {
                  return (
                    <Select.Option key={item.id}>{item.name}</Select.Option>
                  )
                })}
              </Select>
              <Select
                placeholder="项目状态"
                style={{ width: 150, marginRight: '10px' }}
                value={this.state.projectStatusSearch}
                onChange={(e) => {
                  this.setState({ projectStatusSearch: e })
                  console.log(this.state.projectStatusSearch)
                }}
              >
                {projectStatus.map(function (item) {
                  return (
                    <Select.Option key={item.value}>{item.key}</Select.Option>
                  )
                })}
              </Select>
              <Select
                placeholder="特批状态"
                style={{ width: 150, marginRight: '10px' }}
                value={this.state.approvalSearch}
                onChange={(e) => {
                  this.setState({ approvalSearch: e })
                  console.log(this.state.approvalSearch)
                }}
              >
                <Select.Option key={0}>非特批</Select.Option>
                <Select.Option key={1}>特批</Select.Option>
              </Select>
              <Select
                placeholder="外包状态"
                style={{ width: 150, marginRight: '10px' }}
                value={this.state.outsourceStatusSearch}
                onChange={(e) => {
                  this.setState({ outsourceStatusSearch: e })
                  console.log(this.state.outsourceStatusSearch)
                }}
              >
                <Select.Option key={0}>外包待审核</Select.Option>
                {/* <Select.Option key={1}>外包审核通过</Select.Option> */}
                <Select.Option key={2}>外包审核驳回</Select.Option>
                <Select.Option key={999}>全部</Select.Option>
              </Select>
              <Button type="primary" onClick={this.search}>
                搜索
              </Button>
              <Button
                onClick={(e) => {
                  this.reset(true)
                }}
              >
                重置
              </Button>

              {/* <span>更多搜索<Switch defaultChecked={false} onChange={this.searchSwitch.bind(this)} /></span>
                    <div className="search-more" style={this.state.searchMore ? { display: 'none' } : {}}>
                        <span>订单时间 :</span>
                        <RangePicker
                            value={[this.state.releaseDate[0] ? moment(this.state.releaseDate[0]) : null,
                            this.state.releaseDate[1] ? moment(this.state.releaseDate[1]) : null]}
                            onChange={(data, dataString) => { this.setState({ releaseDate: dataString }); }} />
                    </div>  */}
            </div>
          </TabPane>
          <TabPane tab="导出Excel" key="3">
            <Button
              type="primary"
              style={{ margin: '11px 0 10px 10px' }}
              onClick={this.exportExec}
            >
              导出Excel
            </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="user-search">
          <Input
            placeholder="客户名称"
            value={this.state.nameSearch}
            onChange={e => {
              this.setState({ nameSearch: e.target.value });
            }}
          />
          <Input
            placeholder="订单编号"
            value={this.state.orderNoSearch}
            onChange={e => {
              this.setState({ orderNoSearch: e.target.value });
            }}
          />
          <Input
            placeholder="项目编号"
            value={this.state.taskNoSearch}
            onChange={e => {
              this.setState({ taskNoSearch: e.target.value });
            }}
          />
          <Select
            placeholder="选择部门"
            style={{ width: 150, marginRight: "10px" }}
            value={this.state.departmenttSearch}
            onChange={e => {
              this.setState({ departmenttSearch: e });
            }}
          >
            {departmentArr.map(function(item) {
              return <Select.Option key={item.id}>{item.name}</Select.Option>;
            })}
          </Select>
          <Button type="primary" onClick={this.search}>
            搜索
          </Button>
          <Button onClick={this.reset}>重置</Button>
          <Button
            type="primary"
            style={{ marginLeft: "10px" }}
            onClick={this.exportExec}
          >
            导出Excel
          </Button>
          <span>更多搜索<Switch defaultChecked={false} onChange={this.searchSwitch.bind(this)} /></span>
                    <div className="search-more" style={this.state.searchMore ? { display: 'none' } : {}}>
                        <span>订单时间 :</span>
                        <RangePicker
                            value={[this.state.releaseDate[0] ? moment(this.state.releaseDate[0]) : null,
                            this.state.releaseDate[1] ? moment(this.state.releaseDate[1]) : null]}
                            onChange={(data, dataString) => { this.setState({ releaseDate: dataString }); }} />
                    </div>
        </div> */}
        <div className="patent-table">
          <Spin spinning={this.state.loading}>
            <Table
              columns={
                this.state.changeList == undefined
                  ? this.state.columns
                  : this.state.changeList
              }
              dataSource={this.state.dataSource}
              pagination={this.state.pagination}
              scroll={{ x: 'max-content', y: 0 }}
              onRowClick={this.tableRowClick.bind(this)}
              bordered
              size={'small'}
            />
          </Spin>
        </div>
        <Assign
          title="项目"
          selApi={'/api/admin/orderProject/projectDistribution'}
          data={this.state.assignData}
          showDesc={this.state.assignVisible}
          closeDesc={this.closeAssign.bind(this)}
          fenpaiData={8}
          specially={0}
          roleName={this.state.nub}
          requestMethod={'post'}
          flag={this.state.flag}
          all={this.state}
        />
        {this.state.visible ? <Modal
          className="customeDetails"
          footer=""
          title=""
          width="900px"
          visible={this.state.visible}
          onOk={this.visitOk}
          onCancel={this.visitCancel}
        >
          <Tabs
            activeKey={this.state.activeKey}
            onChange={(e) => {
              this.callback(e)
              if (e == 2) {
                this.waiDetail();
                this.thirdTable(this.state.tid);
                this.payNodeTable(this.state.tid);
                this.getSelectOutsourceLog(this.state.tid);
              }
            }}
          >
            <TabPane tab="项目概况" key="1">
              <Form
                layout="horizontal"
                onSubmit={this.handleSubmit}
                id="demand-form"
                style={{ paddingBottom: '00px' }}
              >
                <Spin spinning={this.state.loading}>
                  <div className="clearfix">
                    <div className="clearfix">
                      <FormItem
                        className="half-item"
                        {...formItemLayout}
                        label="当前项目情况"
                      >
                        <Radio.Group
                          value={this.state.status}
                          onChange={(e) => {
                            this.setState({ status: e.target.value })
                          }}
                        >
                          <Radio value={0}>开启</Radio>
                          <Radio value={1}>暂停</Radio>
                        </Radio.Group>
                        <Button
                          type="primary"
                          size="small"
                          style={{ marginTop: '5px', position: 'absolute' }}
                          onClick={this.caozuorizhi}
                        >
                          操作日志
                        </Button>
                      </FormItem>
                      <FormItem
                        className="half-item"
                        {...formItemLayout}
                        label="合同编号"
                      >
                        <span>{this.state.contractNo}</span>
                      </FormItem>
                    </div>
                    <div className="clearfix">
                      <FormItem
                        className="half-item"
                        {...formItemLayout}
                        label="项目状态"
                      >
                        <Select
                          placeholder="选择项目状态"
                          style={{ width: '200px' }}
                          value={this.state.projectStatus}
                          onChange={(e) => {
                            this.setState({ projectStatus: e })
                          }}
                        >
                          {projectStatus.map(function (item) {
                            return (
                              <Select.Option key={item.value}>
                                {item.key}
                              </Select.Option>
                            )
                          })}
                        </Select>
                      </FormItem>
                      <FormItem
                        className="half-item"
                        {...formItemLayout}
                        label="是否特批"
                      >
                        <span>{getApproval(this.state.approval)}</span>
                      </FormItem>
                      <FormItem
                        className="half-item"
                        {...formItemLayout}
                        label="结算状态"
                      >
                        <span>
                          {getLiquidationStatus(this.state.liquidationStatus)}
                        </span>
                      </FormItem>
                      <FormItem
                        className="half-item"
                        {...formItemLayout}
                        label="流程状态"
                      >
                        <span>
                          {getProcessStatus(this.state.processStatus)}
                        </span>
                      </FormItem>
                      <FormItem
                        className="half-item"
                        {...formItemLayout}
                        label="订单编号"
                      >
                        <span>{this.state.orderNo}</span>
                      </FormItem>
                    </div>
                    <div className="clearfix">
                      <FormItem
                        className="half-item"
                        {...formItemLayout}
                        label="满意度表格"
                      >
                        <Radio.Group
                          value={this.state.formRetrieve}
                          onChange={(e) => {
                            this.setState({ formRetrieve: e.target.value })
                          }}
                        >
                          <Radio value={0}>未收回</Radio>
                          <Radio value={1}>已收回</Radio>
                          <Radio value={2}>其他</Radio>
                        </Radio.Group>
                      </FormItem>
                      <FormItem
                        className="half-item"
                        {...formItemLayout}
                        label="退单"
                      >
                        <Radio.Group
                          value={this.state.taskRefund}
                          onChange={(e) => {
                            this.setState({ taskRefund: e.target.value })
                          }}
                        >
                          <Radio value={0}>已完成</Radio>
                          <Radio value={1}>未完成</Radio>
                          <Radio value={2}>其他</Radio>
                        </Radio.Group>
                      </FormItem>
                    </div>
                    <div className="clearfix">
                      {
                        <FormItem
                          className="half-item"
                          {...formItemLayout}
                          label="(满意度)备注"
                        >
                          <Input
                            type="textarea"
                            placeholder="请输入备注"
                            rows={2}
                            value={this.state.retrieveContent}
                            onChange={(e) => {
                              this.setState({
                                retrieveContent: e.target.value,
                              })
                            }}
                          />
                        </FormItem>
                      }
                      {
                        <FormItem
                          className="half-item"
                          {...formItemLayout}
                          label="(退单)备注"
                        >
                          <Input
                            type="textarea"
                            placeholder="请输入备注"
                            rows={2}
                            value={this.state.refundContent}
                            onChange={(e) => {
                              this.setState({ refundContent: e.target.value })
                            }}
                          />
                        </FormItem>
                      }
                    </div>
                    <div className="clearfix">
                      <h3 className="sub-title">订单负责人信息</h3>
                      <FormItem
                        className="half-item"
                        {...formItemLayout}
                        label="负责人"
                      >
                        <span>
                          {this.state.salesmanName +
                            '(' +
                            this.state.depName +
                            ')'}
                        </span>
                      </FormItem>
                      <FormItem
                        className="half-item"
                        {...formItemLayout}
                        label="负责人电话"
                      >
                        <span>{this.state.salesmanMobile}</span>
                      </FormItem>
                      <FormItem
                        className="half-item"
                        {...formItemLayout}
                        label="当前财务负责人"
                      >
                        <span>{this.state.nowFinance}</span>
                      </FormItem>
                      <FormItem
                        className="half-item"
                        {...formItemLayout}
                        label="当前财务负责人电话"
                      >
                        <span>{this.state.nowFinanceMobile}</span>
                      </FormItem>
                      <FormItem
                        className="half-item"
                        {...formItemLayout}
                        style={{ opacity: '.5' }}
                        label="原负责人"
                      >
                        <span>{this.state.oldSalesmanName}</span>
                      </FormItem>
                      <FormItem
                        className="half-item"
                        {...formItemLayout}
                        style={{ opacity: '.5' }}
                        label="原负责人电话"
                      >
                        <span>{this.state.oldSalesmanMobile}</span>
                      </FormItem>
                      <FormItem
                        className="half-item"
                        {...formItemLayout}
                        style={{ opacity: '.5' }}
                        label="实际财务操作人"
                      >
                        <span>{this.state.financeName}</span>
                      </FormItem>
                      <FormItem
                        className="half-item"
                        {...formItemLayout}
                        style={{ opacity: '.5' }}
                        label="实际财务操作人电话"
                      >
                        <span>{this.state.financeMobile}</span>
                      </FormItem>
                      <FormItem
                        className="half-item"
                        {...formItemLayout}
                        label="订单留言"
                      >
                        <span>{this.state.orderRemarks}</span>
                      </FormItem>
                      <FormItem
                        className="half-item"
                        {...formItemLayout}
                        label=""
                      >
                        <Button onClick={this.getOrderLog}>查看订单日志</Button>
                      </FormItem>
                      <OrderRiZi
                        dataSourcerizhi={this.state.dataSourceY}
                        closeOrderLog={this.closeOrderLog}
                        visible={this.state.avisible}
                        loading={this.state.loading}
                      />
                    </div>
                    {/*<div className="clearfix">*/}
                    {/*  <h3 className="sub-title">外包信息</h3>*/}
                    {/*  <FormItem*/}
                    {/*    className="half-item"*/}
                    {/*    {...formItemLayout}*/}
                    {/*    label="外包公司"*/}
                    {/*  >*/}
                    {/*    <Input*/}
                    {/*      value={this.state.outsourceName}*/}
                    {/*      onChange={(e) => {*/}
                    {/*        this.setState({*/}
                    {/*          outsourceName: e.target.value,*/}
                    {/*        })*/}
                    {/*      }}*/}
                    {/*      placeholder="请输入外包公司"*/}
                    {/*      style={{ width: '200px' }}*/}
                    {/*    />*/}
                    {/*  </FormItem>*/}
                    {/*  <FormItem*/}
                    {/*    className="half-item"*/}
                    {/*    {...formItemLayout}*/}
                    {/*    label="外包成本(万元)"*/}
                    {/*  >*/}
                    {/*    <Input*/}
                    {/*      value={this.state.outsourcePrice}*/}
                    {/*      onChange={(e) => {*/}
                    {/*        this.setState({*/}
                    {/*          outsourcePrice: e.target.value,*/}
                    {/*        })*/}
                    {/*      }}*/}
                    {/*      placeholder="请输入外包成本"*/}
                    {/*      style={{ width: '200px' }}*/}
                    {/*    />*/}
                    {/*  </FormItem>*/}
                    {/*</div>*/}
                    {/*<hr style={{border:'1px dashed #aaa', width:"90%",margin:'auto'}}/>*/}
                    <div className="clearfix">
                      <h3 className="sub-title">联系信息</h3>
                      <FormItem
                        className="half-item"
                        {...formItemLayout}
                        label="客户名称"
                      >
                        <span>{this.state.userName}</span>
                      </FormItem>
                      <FormItem
                        className="half-item"
                        {...formItemLayout}
                        label="企业法人"
                      >
                        <Input
                          placeholder="请输入法人名称"
                          value={this.state.legalPerson}
                          style={{ width: '200px' }}
                          onChange={(e) => {
                            this.setState({ legalPerson: e.target.value })
                          }}
                          ref="commodityQuantity"
                        />
                      </FormItem>
                      <FormItem
                        className="half-item"
                        {...formItemLayout}
                        label="法人电话"
                      >
                        <Input
                          placeholder="请输入法人电话"
                          value={this.state.legalPersonTel}
                          style={{ width: '200px' }}
                          onChange={(e) => {
                            this.setState({ legalPersonTel: e.target.value })
                          }}
                          ref="commodityQuantity"
                        />
                      </FormItem>
                      <FormItem
                        className="half-item"
                        {...formItemLayout}
                        label="客户联系人"
                      >
                        <Input
                          placeholder="请输入联系人名称"
                          value={this.state.contacts}
                          style={{ width: '200px' }}
                          onChange={(e) => {
                            this.setState({ contacts: e.target.value })
                          }}
                          ref="commodityQuantity"
                        />
                      </FormItem>
                      <FormItem
                        className="half-item"
                        {...formItemLayout}
                        label="联系人电话"
                      >
                        <Input
                          placeholder="请输入联系人电话"
                          value={this.state.contactMobile}
                          style={{ width: '200px' }}
                          onChange={(e) => {
                            this.setState({ contactMobile: e.target.value })
                          }}
                          ref="commodityQuantity"
                        />
                      </FormItem>
                      <FormItem
                        className="half-item"
                        {...formItemLayout}
                        label="企业地址"
                      >
                        <Cascader
                          options={areaSelect()}
                          value={this.state.ProvinceCity}
                          placeholder="选择城市"
                          style={{ width: '200px' }}
                          onChange={(e) => {
                            this.setState({ ProvinceCity: e })
                          }}
                        />
                      </FormItem>
                      <FormItem
                        className="half-item"
                        {...formItemLayout}
                        label=""
                      ></FormItem>
                      <FormItem
                        className="half-item"
                        {...formItemLayout}
                        label=""
                      >
                        <Input
                          placeholder="请输入详细地址"
                          value={this.state.postalAddress}
                          style={{ width: '200px', marginLeft: '12em' }}
                          onChange={(e) => {
                            this.setState({ postalAddress: e.target.value })
                          }}
                          ref="commodityQuantity"
                        />
                      </FormItem>
                    </div>
                    {/*<hr style={{border:'1px dashed #aaa', width:"90%",margin:'auto'}}/>*/}
                    <div className="clearfix">
                      <h3 className="sub-title">项目信息</h3>
                      <FormItem
                        className="half-item"
                        {...formItemLayout}
                        label="项目编号"
                      >
                        <span>
                          {this.state.splitStatus == 2
                            ? this.state.splitSuper + '-' + this.state.splitId
                            : this.state.id}
                        </span>
                      </FormItem>
                      <FormItem
                        className="half-item"
                        {...formItemLayout}
                        label="项目名称"
                      >
                        <span>{this.state.taskName}</span>
                      </FormItem>
                      <FormItem
                        className="half-item"
                        {...formItemLayout}
                        label="项目状态"
                      >
                        <Select
                          placeholder="选择项目状态"
                          style={{ width: '200px' }}
                          value={this.state.taskStatus}
                          onChange={(e) => {
                            this.setState({ taskStatus: e })
                          }}
                        >
                          {taskStatus.map(function (item) {
                            return (
                              <Select.Option key={item.value}>
                                {item.key}
                              </Select.Option>
                            )
                          })}
                        </Select>
                      </FormItem>
                      <FormItem
                        className="half-item"
                        {...formItemLayout}
                        label="项目类别"
                      >
                        <span>{this.state.cname}</span>
                      </FormItem>
                      <FormItem
                        className="half-item"
                        {...formItemLayout}
                        label="证书编号"
                      >
                        <Input
                          placeholder="请输入证书编号"
                          value={this.state.certificateNumber}
                          style={{ width: '200px' }}
                          onChange={(e) => {
                            this.setState({
                              certificateNumber: e.target.value,
                            })
                          }}
                          ref="commodityQuantity"
                        />
                      </FormItem>
                    </div>
                    <div className="clearfix">
                      <h3 className="sub-title">申报系统账户信息</h3>
                      {/*<span style={{color:'red'}}>注:仅技术部可见</span>*/}
                      <FormItem
                        className="half-item"
                        {...formItemLayout}
                        label="用户名"
                      >
                        <Input
                          placeholder="请输入用户名"
                          value={this.state.declareUser}
                          style={{ width: '200px' }}
                          onChange={(e) => {
                            this.setState({ declareUser: e.target.value })
                          }}
                        />
                      </FormItem>
                      <FormItem
                        className="half-item"
                        {...formItemLayout}
                        label="密码"
                      >
                        <Input
                          placeholder="请输入密码"
                          value={this.state.declarePwd}
                          style={{ width: '200px' }}
                          onChange={(e) => {
                            this.setState({ declarePwd: e.target.value })
                          }}
                        />
                      </FormItem>
                    </div>
                    <div className="clearfix">
                      <h3 className="sub-title">项目申报进度</h3>
                      <FormItem
                        className="half-item"
                        {...formItemLayout}
                        label="申报批次"
                      >
                        <Select
                          style={{ width: 200 }}
                          placeholder="请选择批次"
                          value={
                            this.state.declarationBatch
                              ? this.state.declarationBatch
                              : undefined
                          }
                          onChange={(e) => {
                            this.setState({
                              declarationBatch: e,
                            })
                          }}
                        >
                          <Option value={1}>第一批</Option>
                          <Option value={2}>第二批</Option>
                          <Option value={3}>第三批</Option>
                          <Option value={4}>第四批</Option>
                        </Select>
                      </FormItem>
                      <FormItem
                        className="half-item"
                        {...formItemLayout}
                        label="启动时间"
                      >
                        <DatePicker
                          style={{
                            marginTop: '2px',
                            width: '200px',
                            height: '32px',
                          }}
                          showTime
                          format="YYYY-MM-DD"
                          onOk={() => {}}
                          value={
                            this.state.startDate
                              ? moment(this.state.startDate)
                              : null
                          }
                          onChange={(data, dataString) => {
                            this.setState({ startDate: dataString })
                          }}
                        />
                      </FormItem>
                      <FormItem
                        className="half-item"
                        {...formItemLayout}
                        label="完成时间"
                      >
                        <DatePicker
                          style={{
                            marginTop: '2px',
                            width: '200px',
                            height: '32px',
                          }}
                          showTime
                          format="YYYY-MM-DD"
                          onOk={() => {}}
                          value={
                            this.state.endDate
                              ? moment(this.state.endDate)
                              : null
                          }
                          onChange={(data, dataString) => {
                            this.setState({ endDate: dataString })
                          }}
                        />
                      </FormItem>
                      <FormItem
                        className="half-item"
                        {...formItemLayout}
                        label="受理时间"
                      >
                        <DatePicker
                          style={{
                            marginTop: '2px',
                            width: '200px',
                            height: '32px',
                          }}
                          showTime
                          format="YYYY-MM-DD"
                          onOk={() => {}}
                          value={
                            this.state.acceptDate
                              ? moment(this.state.acceptDate)
                              : null
                          }
                          onChange={(data, dataString) => {
                            this.setState({ acceptDate: dataString })
                          }}
                        />
                      </FormItem>
                      <FormItem
                        className="half-item"
                        {...formItemLayout}
                        label="评审时间"
                      >
                        <DatePicker
                          style={{
                            marginTop: '2px',
                            width: '200px',
                            height: '32px',
                          }}
                          showTime
                          format="YYYY-MM-DD"
                          onOk={() => {}}
                          value={
                            this.state.reviewDate
                              ? moment(this.state.reviewDate)
                              : null
                          }
                          onChange={(data, dataString) => {
                            this.setState({ reviewDate: dataString })
                          }}
                        />
                      </FormItem>
                      <FormItem
                        className="half-item"
                        {...formItemLayout}
                        label="公示时间"
                      >
                        <DatePicker
                          style={{
                            marginTop: '2px',
                            width: '200px',
                            height: '32px',
                          }}
                          showTime
                          format="YYYY-MM-DD"
                          onOk={() => {}}
                          value={
                            this.state.publicityDate
                              ? moment(this.state.publicityDate)
                              : null
                          }
                          onChange={(data, dataString) => {
                            this.setState({ publicityDate: dataString })
                          }}
                        />
                      </FormItem>
                      <FormItem
                        className="half-item"
                        {...formItemLayout}
                        label="发证时间"
                      >
                        <DatePicker
                          style={{
                            marginTop: '2px',
                            width: '200px',
                            height: '32px',
                          }}
                          showTime
                          format="YYYY-MM-DD"
                          onOk={() => {}}
                          value={
                            this.state.licenceDate
                              ? moment(this.state.licenceDate)
                              : null
                          }
                          onChange={(data, dataString) => {
                            this.setState({ licenceDate: dataString })
                          }}
                        />
                      </FormItem>
                      <FormItem
                        className="half-item"
                        {...formItemLayout}
                        label="立项金额(万元)"
                      >
                        <Input
                          placeholder="请输入立项金额"
                          value={this.state.setUpAmount}
                          style={{ width: '200px' }}
                          onChange={(e) => {
                            this.setState({ setUpAmount: e.target.value })
                          }}
                          ref="commodityQuantity"
                        />
                      </FormItem>
                      <FormItem
                        className="half-item"
                        {...formItemLayout}
                        label="是否到款"
                      >
                        <Radio.Group
                          value={this.state.arrivalMoney}
                          onChange={(e) => {
                            this.setState({ arrivalMoney: e.target.value })
                          }}
                        >
                          <Radio value={0}>未到企业</Radio>
                          <Radio value={1}>已到企业</Radio>
                        </Radio.Group>
                      </FormItem>
                    </div>
                    <div className="clearfix">
                      <FormItem
                        labelCol={{ span: 3 }}
                        wrapperCol={{ span: 16 }}
                        label="附件"
                      >
                        <Picture
                          fileList={(e) => {
                            this.setState({ attachmentUrl: e })
                          }}
                          pictureUrl={this.state.attachmentUrl}
                          visible={this.props.visible}
                          data={{
                            sign: 'order_task_file',
                            url: '/api/admin/orderProject/uploadOrderTaskFile',
                            number: 8,
                          }}
                        />
                      </FormItem>
                    </div>
                    <div className="clearfix">
                      <FormItem
                        labelCol={{ span: 3 }}
                        wrapperCol={{ span: 16 }}
                        label="备注"
                      >
                        <Input
                          type="textarea"
                          placeholder="请输入备注"
                          rows={4}
                          value={this.state.taskComment}
                          onChange={(e) => {
                            this.setState({ taskComment: e.target.value })
                          }}
                        />
                      </FormItem>
                    </div>
                    <div>
                      <h3 className="sub-title">项目业务</h3>
                      {this.state.processStatus == 0 ? (
                        <Button
                          type="primary"
                          onClick={this.addDetailed}
                          style={{
                            float: 'right',
                            marginRight: '50px',
                            marginBottom: '15px',
                          }}
                        >
                          添加项目明细
                        </Button>
                      ) : (
                        ''
                      )}
                    </div>
                    <div className="patent-table">
                      <Spin spinning={this.state.loading}>
                        <Table
                          columns={this.state.columnsX}
                          dataSource={this.state.dataSourceX}
                          pagination={this.state.paginations}
                          onRowClick={this.tableRowClickX}
                          bordered
                          size="small"
                        />
                      </Spin>
                    </div>
                    <div className="clearfix">
                      <Button
                        className="cancel"
                        type="primary"
                        // onClick={this.tijiaoOk}
                        onClick={() => {
                          let num = this.state.projectStatus
                          if (
                            num != 0 &&
                            num != 10 &&
                            num != 11 &&
                            num != 12 &&
                            num != 2 &&
                            num != 5 &&
                            num != 6
                          ) {
                            this.showDeleteConfirm(num, this.tijiaoOk)
                          } else {
                            this.tijiaoOk()
                          }
                        }}
                        style={{ marginLeft: '200px', marginTop: '10px' }}
                        htmlType="submit"
                      >
                        保存
                      </Button>
                      <Button
                        className="cancel"
                        type="ghost"
                        onClick={this.visitCancel}
                        style={{ marginLeft: '50px', marginTop: '10px' }}
                      >
                        取消
                      </Button>
                    </div>
                  </div>
                </Spin>
              </Form>
            </TabPane>
            <TabPane tab="外包/供应商信息" key="2">
              {this.state.refundStatus != 0 && this.state.refundStatus != 1 ? (
                <div style={{ marginTop: 10 }}>
                  <div className="clearfix">
                    <FormItem
                      className="half-item"
                      {...formItemLayout}
                      label={
                        <span>
                          <strong style={{ color: '#f00' }}>*</strong>
                          类型
                        </span>
                      }
                    >
                      <Radio.Group
                        value={this.state.startType}
                        onChange={(e) => {
                          this.setState({ startType: e.target.value })
                        }}
                      >
                        <Radio value={0}>外包(不走总部)</Radio>
                        <Radio value={1}>供应商信息</Radio>
                      </Radio.Group>
                    </FormItem>
                  </div>
                  {/* 专利类型 */}
                  <div
                    className="clearfix"
                    style={{
                      display: this.state.projectType === 1 ? 'block' : 'none',
                    }}
                  >
                    <FormItem
                      className="half-item"
                      {...formItemLayout}
                      label={
                        <span>
                          <strong style={{ color: '#f00' }}>*</strong>
                          专利类型
                        </span>
                      }
                    >
                      <Radio.Group
                        value={this.state.patentType}
                        onChange={(e) => {
                          let _this = this;
                          if(this.state.thirdInfoList.length >0){
                            confirm({
                              title: '确定要切换吗?',
                              content: '切换将删除所有第三信息和付款节点',
                              onOk() {
                                return new Promise((resolve, reject) => {
                                  _this.setState({ patentType: e.target.value },()=>{
                                    _this.projectTypeTabContent(_this.state.projectType);
                                  })
                                  _this.confirmDeletNew(-1,resolve,reject)
                                  if(_this.state.payNodeList.length > 0){
                                    _this.payNodeConfirmDeletNew(-1,resolve,reject);
                                  }
                                }).catch(() => console.log('Oops errors!'));
                              },
                              onCancel() {},
                            });
                          }else{
                            this.setState({ patentType: e.target.value },()=>{
                              this.projectTypeTabContent(this.state.projectType);
                            })
                          }
                        }}
                      >
                        <Radio value={0}>专利申请/变更/转让</Radio>
                        <Radio value={1}>专利买卖</Radio>
                      </Radio.Group>
                    </FormItem>
                  </div>
                  <div
                    className="clearfix"
                    style={{
                      display: this.state.projectType === 1? 'block' : 'none',
                    }}
                  >
                    <FormItem
                      className="half-item"
                      {...formItemLayout}
                      label={
                        <span>
                          <strong style={{ color: '#f00' }}>*</strong>
                          专利名称
                        </span>
                      }
                    >
                      <Radio.Group
                        value={this.state.patentNameType}
                        onChange={(e) => {
                          let _this = this;
                          if(this.state.thirdInfoList.length >0){
                            confirm({
                              title: '确定要切换吗?',
                              content: '切换将删除所有第三信息和付款节点',
                              onOk() {
                                return new Promise((resolve, reject) => {
                                  _this.setState({ patentNameType: e.target.value },()=>{
                                    _this.projectTypeTabContent(_this.state.projectType);
                                  })
                                  _this.confirmDeletNew(-1,resolve,reject)
                                  if(_this.state.payNodeList.length > 0){
                                    _this.payNodeConfirmDeletNew(-1,resolve,reject);
                                  }
                                }).catch(() => console.log('Oops errors!'));
                              },
                              onCancel() {},
                            });
                          }else{
                            this.setState({ patentNameType: e.target.value },()=>{
                              this.projectTypeTabContent(this.state.projectType);
                            })
                          }
                        }}
                      >
                        <Radio value={0}>实用新型专利</Radio>
                        <Radio value={1}>发明专利</Radio>
                        <Radio value={2}>外观专利</Radio>
                        {/*<Radio value={3}>*/}
                        {/*  其他*/}
                        {/*  <Input*/}
                        {/*    disabled={this.state.patentNameType !== 3}*/}
                        {/*    value={this.state.patentName}*/}
                        {/*    style={{ marginLeft: '15px' }}*/}
                        {/*    onChange={(e) => {*/}
                        {/*      this.setState({*/}
                        {/*        patentName: e.target.value,*/}
                        {/*      })*/}
                        {/*    }}*/}
                        {/*    placeholder="请填写专利名称"*/}
                        {/*  />*/}
                        {/*</Radio>*/}
                      </Radio.Group>
                    </FormItem>
                  </div>
                  {/* 第三方信息专利 */}
                  <div
                    style={{
                      // display: this.state.type == 1 ? "block" : "none",
                      display: this.state.type == 1 ? 'block' : 'block',
                    }}
                  >
                    <span
                      style={{
                        marginLeft: '50px',
                        fontSize: '18px',
                      }}
                    >
                      第三方信息
                    </span>
                    <span
                      style={{
                        display: 'inline-block',
                        marginLeft: 10,
                        color: 'red',
                      }}
                    >
                      金额总计(万元): {this.state.allTotalAmount}
                    </span>
                    <Button
                      type="primary"
                      onClick={(e) => {
                        if(this.state.projectType === 1 && this.state.patentType === -1){
                          message.info('请先选择专利类型');
                        }else if(this.state.projectType === 1 && this.state.patentNameType === -1){
                          message.info('请先选择专利名称');
                        }
                        else{
                          this.addThirdList()
                        }
                      }}
                      style={{
                        float: 'right',
                        marginRight: '50px',
                        marginBottom: '15px',
                      }}
                    >
                      +新增供应商名称
                    </Button>
                  </div>
                  <div
                    className="clearfix"
                    style={{
                      // display: this.state.type == 1 ? "block" : "none",
                      display: this.state.type == 1 ? 'block' : 'block',
                    }}
                  >
                    <Spin spinning={this.state.loading}>
                      <Form layout="horizontal">
                        <Table
                          pagination={false}
                          columns={this.state.ContactsListsNew}
                          dataSource={this.state.thirdInfoList}
                          onRowClick={this.tableRowClickOne}
                          scroll={{ x: 'max-content', y: 0 }}
                          bordered
                          size="small"
                        />
                        <Col
                          span={24}
                          offset={9}
                          style={{ marginTop: '15px' }}
                        />
                      </Form>
                    </Spin>
                  </div>
                  {/*如果是软著类或者专利类的专利申请,隐藏付款节点*/}
                  <div
                    style={{
                      display: (this.state.projectType === 1 && this.state.patentType === 0) || this.state.projectType === 2? 'none' : 'block',  //0正常 1专利 2软著 3审计
                    }}
                  >
                    <span
                      style={{
                        marginLeft: '50px',
                        fontSize: '18px',
                      }}
                    >
                      付款节点
                    </span>
                    <span
                      style={{
                        display: 'inline-block',
                        marginLeft: 10,
                        color: 'red',
                      }}
                    ></span>
                    <Button
                      type="primary"
                      onClick={(e) => {
                        this.addPayNode()
                      }}
                      style={{
                        float: 'right',
                        marginRight: '50px',
                        marginBottom: '15px',
                      }}
                    >
                      +新增付款节点
                    </Button>
                  </div>
                  {/*如果是软著类或者专利类的专利申请,隐藏付款节点*/}
                  <div
                    className="clearfix"
                    style={{
                      display: (this.state.projectType === 1 && this.state.patentType === 0) || this.state.projectType === 2? 'none' : 'block',  //0正常 1专利 2软著 3审计
                    }}
                  >
                    <Spin spinning={this.state.loading}>
                      <Form layout="horizontal">
                        <Table
                          pagination={false}
                          columns={this.state.PayNodeTableColunms}
                          dataSource={this.state.payNodeList}
                          onRowClick={this.payNodeTableRowClickOne}
                          scroll={{ x: 'max-content', y: 0 }}
                          bordered
                          size="small"
                        />
                        <Col
                          span={24}
                          offset={9}
                          style={{ marginTop: '15px' }}
                        ></Col>
                      </Form>
                    </Spin>
                  </div>
                  <div className="clearfix">
                    <FormItem
                      className="half-item"
                      {...formItemLayout}
                      label={
                        <span>
                          <strong style={{ color: '#f00' }}>*</strong>备注
                        </span>
                      }
                    >
                      <TextArea
                        rows={4}
                        value={this.state.outsourceRemarks}
                        onChange={(e) => {
                          this.setState({
                            outsourceRemarks: e.target.value,
                          })
                        }}
                        placeholder="请输入备注"
                      />
                    </FormItem>
                  </div>
                  {/*<div className="clearfix">
										<FormItem className="half-item"
										    {...formItemLayout}
										    label="上传协议文件" style={{height:"auto"}}>
										     <Upload header={{authorization: 'authorization-text'}} action={globalConfig.context + "/api/admin/outsourceOrg/uploadOutsourceFile"}
													data={(e)=>{
														return {
															'sign': e.name.substring(0,e.name.lastIndexOf("."))
														}
													}}
													fileList={this.state.fileUrl}
													onChange={(e)=>{
														this.setState({
															attachmentUrl:e.fileList,
															fileUrl:e.fileList
														})
													}}>
												{fileUrl.length>1?null:<Button>
												<Icon type="upload" /> 点击上传
												</Button>}
										    </Upload>
										    <span className="tip" style={{display:"inline-block"}}>支持文件格式: doc,excel,ppt</span>
										</FormItem>
									</div>*/}
                  <p
                    className="tip"
                    style={{
                      paddingBottom: '12px',
                      width: '240px',
                      marginLeft: '145px',
                      color: 'red',
                    }}
                  >
                    首次派单项目,需上传协议,第2次起,同项目,只需写外包公司
                  </p>
                  <div className="clearfix">
                    <FormItem
                      labelCol={{ span: 4 }}
                      wrapperCol={{ span: 18 }}
                      label={
                        <span>
                          合同/协议扫描件
                        </span>
                      }
                    >
                      <PicturesWall
                        fileList={this.getOrgCodeUrlWai}
                        pictureUrl={this.state.pictureUrl}
                      />
                      <p style={{ color: 'red' }}>图片建议:要清晰。</p>
                    </FormItem>
                  </div>
                  {/*只有审核拒绝和第一次发起外包的时候才要填写发起原因*/}
                  {typeof this.state.refundStatus === 'undefined' || this.state.refundStatus === 2 ? <div className="clearfix">
                    <FormItem
                        className="half-item"
                        {...formItemLayout}
                        label={
                          <span>
                          <strong style={{ color: '#f00' }}>*</strong>发起原因
                        </span>
                        }
                    >
                      <TextArea
                          rows={4}
                          value={this.state.reason}
                          onChange={(e) => {
                            this.setState({
                              reason: e.target.value,
                            })
                          }}
                          placeholder="请输入发起原因"
                      />
                    </FormItem>
                  </div> : <div/>}
                  <div className="clearfix">
                    <div
                      style={{
                        display: 'inline-black',
                        textAlign: 'center',
                      }}
                    >
                      <Button
                        type="primary"
                        loading={this.state.loading}
                        onClick={()=>{
                          this.sureOut(this.state.startType);
                        }}
                      >
                        {
                          this.state.startType === 0 ? "确认发起外包,不通过总部" : "提交供应商信息"
                        }
                      </Button>
                      <p className="tip" style={{ color: 'red' }}>
                        {
                          this.state.startType === 0 ? "提示:高于总部价格,费用个人承担" : "确定提交供应商信息,提交后,不可修改"
                        }
                      </p>
                    </div>
                  </div>
                </div>
              ) : (
                  <div>
                    {
                      this.state.visible && this.state.activeKey === '2' ?
                          <CheckProject
                              {...this.props}
                              tid={this.state.tid}
                              projectType={this.state.projectType}    //0正常 1专利 2软著 3审计
                              patentNameType={this.state.patentNameType}
                              patentName={this.state.patentName}
                              patentType={this.state.patentType}
                              status={this.state.refundStatus}
                              isPreviewPay={true}
                              thirdInfoList={this.state.thirdInfoList}
                              dataSource={this.state.payNodeList}
                              outsourceRemarks={this.state.outsourceRemarks}
                              fileList={this.state.pictureUrl}
                              startType={this.state.startType}
                              projectStatus={this.state.projectStatus}
                              onRefresh={()=>{
                                this.waiDetail();
                                this.thirdTable(this.state.tid);
                                this.getSelectOutsourceLog(this.state.tid);
                                this.payNodeTable(this.state.tid)
                                this.loadData(this.state.page)
                              }}
                          /> : <div/>
                    }
                  </div>
              )}
              {(this.state.refundStatus == 1 ||
              this.state.refundStatus == 0 ||
              this.state.refundStatus == 2) &&
              this.state.startType !== 1
                  ? (
                <div className="clearfix"
                     style={{
                       display: this.state.refundStatus == 0 ? 'none' : 'block',
                     }}
                >
                  <hr className="division" />
                  {parseInt(this.state.startType) !== 1 ? <div style={{
                    color:'#F00',
                    fontWeight: 'bolder',
                    paddingBottom: '20px',
                  }}>
                    审核结果: <span style={{paddingLeft:'20px'}}>{getRefundStatus(this.state.refundStatus)}</span>
                  </div> : <div/>}
                  <div className="outsourceLogList">
                    {
                      this.state.outsourceLogs && this.state.outsourceLogs.map((value,index)=>(
                          <div key={index} className="outsourceLogItem outsource">
                            <div style={{
                              display:'flex',
                              flexFlow:'row nowrap',
                              paddingBottom: '3px',
                              paddingTop: '3px',
                            }}>
                              <div>
                                {value.aname}
                              </div>
                              <div style={{paddingLeft:'5px'}}>
                                {
                                  value.status === 0 ?
                                      <Tag color="#2db7f5">发起外包审核</Tag> :
                                      value.status === 1 ? <Tag color="#87d068">通过</Tag> :
                                          <Tag color="#f50">驳回</Tag>
                                }
                              </div>
                              <div style={{
                                wordBreak: 'break-all',
                                maxWidth:'67%',
                              }}>
                                {value.remarks}
                              </div>
                              <div style={{paddingLeft: '10px'}}>
                                {value.createTimes}
                              </div>
                            </div>
                          </div>
                      ))
                    }
                  </div>
                {/*  <div*/}
                {/*    className="clearfix"*/}
                {/*    style={{*/}
                {/*      display: this.state.refundStatus == 0 ? 'none' : 'block',*/}
                {/*    }}*/}
                {/*  >*/}
                {/*    <FormItem*/}
                {/*      className="half-item"*/}
                {/*      {...formItemLayout}*/}
                {/*      label="审核意见"*/}
                {/*    >*/}
                {/*      <span>{this.state.remarks}</span>*/}
                {/*    </FormItem>*/}
                {/*  </div>*/}
                {/*  {parseInt(this.state.startType) !== 1 ?<div className="clearfix">*/}
                {/*    <FormItem*/}
                {/*      className="half-item"*/}
                {/*      {...formItemLayout}*/}
                {/*      label="审核结果"*/}
                {/*    >*/}
                {/*      <span>{getRefundStatus(this.state.refundStatus)}</span>*/}
                {/*    </FormItem>*/}
                {/*  </div> : <div/>}*/}
                {/*  <div*/}
                {/*    className="clearfix"*/}
                {/*    style={{*/}
                {/*      display: this.state.refundStatus == 0 ? 'none' : 'block',*/}
                {/*    }}*/}
                {/*  >*/}
                {/*    <FormItem*/}
                {/*      className="half-item"*/}
                {/*      {...formItemLayout}*/}
                {/*      label="审核时间"*/}
                {/*    >*/}
                {/*      <span>{this.state.auditTimes}</span>*/}
                {/*    </FormItem>*/}
                {/*  </div>*/}
                </div>
              ) : (
                ''
              )}
            </TabPane>
            {!this.props.isZxs || (this.state.isHuiyuan && this.props.isZxs) ? (
              <TabPane tab="订单详情" key="3">
                <Spin spinning={this.state.loading}>
                  <OrderDetail
                    orderData={this.state.orderData}
                    getOrderLog={this.getOrderLog}
                    dataSourceX={this.state.dataSourceX}
                    contactList={this.state.jiedian}
                    orderNo={this.state.orderNo}
                    totalCui={this.state.totalCui}
                    contactListNew={this.state.jiedianNew}
                    pictureUrl={this.state.contractPictureUrl}
                  />
                </Spin>
              </TabPane>
            ) : (
              ''
            )}
          </Tabs>
        </Modal> : <div/>}
        <Modal
          maskClosable={false}
          visible={this.state.lookVisible}
          onOk={this.noCancel}
          onCancel={this.noCancel}
          width="500px"
          title={'添加工时'}
          footer=""
          className="admin-desc-content"
        >
          <Form layout="horizontal" id="demand-form">
            <Spin spinning={this.state.loading}>
              <div className="clearfix">
                <FormItem {...formItemLayout} label="工作日期">
                  <DatePicker
                    style={{ marginTop: '2px', width: '200px', height: '32px' }}
                    showTime
                    format="YYYY-MM-DD"
                    onOk={() => {}}
                    value={
                      this.state.taskDate ? moment(this.state.taskDate) : null
                    }
                    onChange={(data, dataString) => {
                      this.setState({ taskDate: dataString })
                    }}
                  />
                </FormItem>
              </div>
              <div className="clearfix">
                <FormItem {...formItemLayout} label="工作时长">
                  <Input
                    placeholder="请输入工作时长"
                    value={this.state.hours}
                    style={{ width: '200px' }}
                    onChange={(e) => {
                      this.setState({ hours: e.target.value })
                    }}
                    ref="commodityQuantity"
                  />
                </FormItem>
              </div>
              <div className="clearfix">
                <FormItem {...formItemLayout} label="工作内容">
                  <Input
                    type="textarea"
                    placeholder="请输入备注"
                    rows={4}
                    value={this.state.remarks}
                    onChange={(e) => {
                      this.setState({ remarks: e.target.value })
                    }}
                  />
                </FormItem>
              </div>
              <div className="clearfix">
                <Button
                  className="cancel"
                  type="primary"
                  onClick={this.tianjiaOk}
                  style={{ marginLeft: '100px' }}
                  htmlType="submit"
                >
                  确定
                </Button>
                <Button
                  className="cancel"
                  type="ghost"
                  onClick={this.noCancel}
                  style={{ marginLeft: '50px' }}
                >
                  取消
                </Button>
              </div>
            </Spin>
          </Form>
        </Modal>
        {this.state.addnextVisible ? <Modal
          maskClosable={false}
          visible={this.state.addnextVisible}
          onOk={this.nextCancel}
          onCancel={this.nextCancel}
          width="800px"
          title="项目详情"
          footer=""
          className="admin-desc-content"
        >
          <Form layout="horizontal" onSubmit={this.nextSubmit} id="demand-form">
            <Spin spinning={this.state.loading}>
              <div className="clearfix">
                <FormItem
                  className="half-item"
                  {...formItemLayout}
                  label="项目名称"
                >
                  <span>{this.state.commodityName}</span>
                </FormItem>
                <FormItem
                  className="half-item"
                  {...formItemLayout}
                  label="项目数量"
                >
                  <span>{this.state.commodityQuantity}</span>
                </FormItem>
                <FormItem
                  className="half-item"
                  {...formItemLayout}
                  label="官费"
                  style={{ display: this.state.displayFees }}
                >
                  <span>
                    {this.state.officialCost == 0 ? '无官费' : '有官费'}
                  </span>
                </FormItem>
                <FormItem
                  className="half-item"
                  {...formItemLayout}
                  label="费减"
                  style={{ display: this.state.displayFees }}
                >
                  <span>
                    {this.state.costReduction == 0 ? '无费减' : '有费减'}
                  </span>
                </FormItem>
                <FormItem
                  className="half-item"
                  {...formItemLayout}
                  label="金额(万元)"
                >
                  <span>{this.state.commodityPrice ? '***' : 0}</span>
                </FormItem>
                <FormItem
                  className="half-item"
                  {...formItemLayout}
                  label="主要项目"
                >
                  <span>{getboutique(this.state.main)}</span>
                </FormItem>
                <div className="clearfix">
                  <FormItem
                    labelCol={{ span: 3 }}
                    wrapperCol={{ span: 18 }}
                    label="服务说明"
                  >
                    <span>{this.state.taskComment}</span>
                  </FormItem>
                </div>
              </div>
            </Spin>
          </Form>
        </Modal> : <div/>}
        <Modal
          maskClosable={false}
          visible={this.state.speVisible}
          onOk={this.visitOk}
          onCancel={this.visitCancel}
          width="900px"
          title=""
          footer=""
          className="admin-desc-content"
        >
          <Tabs activeKey={this.state.activeKey} onChange={this.orderChange}>
            <TabPane tab="项目概况" key="1">
              <div className="clearfix">
                <FormItem
                  className="half-item"
                  {...formItemLayout}
                  label="当前项目情况"
                >
                  <Radio.Group
                    value={this.state.status}
                    onChange={(e) => {
                      this.setState({ status: e.target.value })
                    }}
                  >
                    <Radio value={0}>开启</Radio>
                    <Radio value={1}>暂停</Radio>
                  </Radio.Group>
                  <Button
                    type="primary"
                    size="small"
                    style={{ marginTop: '5px', position: 'absolute' }}
                    onClick={this.caozuorizhi}
                  >
                    操作日志
                  </Button>
                </FormItem>
                <FormItem
                  className="half-item"
                  {...formItemLayout}
                  label="合同编号"
                >
                  <span>{this.state.contractNo}</span>
                </FormItem>
              </div>
              <div className="clearfix">
                <FormItem
                  className="half-item"
                  {...formItemLayout}
                  label="项目状态"
                >
                  <Select
                    placeholder="选择项目状态"
                    style={{ width: '200px' }}
                    value={this.state.projectStatus}
                    onChange={(e) => {
                      this.setState({ projectStatus: e })
                    }}
                  >
                    {projectStatus.map(function (item) {
                      return (
                        <Select.Option key={item.value}>
                          {item.key}
                        </Select.Option>
                      )
                    })}
                  </Select>
                </FormItem>
                <FormItem
                  className="half-item"
                  {...formItemLayout}
                  label="是否特批"
                >
                  <span>{getApproval(this.state.approval)}</span>
                </FormItem>
                <FormItem
                  className="half-item"
                  {...formItemLayout}
                  label="结算状态"
                >
                  <span>
                    {getLiquidationStatus(this.state.liquidationStatus)}
                  </span>
                </FormItem>
                <FormItem
                  className="half-item"
                  {...formItemLayout}
                  label="流程状态"
                >
                  <span>{getProcessStatus(this.state.processStatus)}</span>
                </FormItem>
                <FormItem
                  className="half-item"
                  {...formItemLayout}
                  label="订单编号"
                >
                  <span>{this.state.orderNo}</span>
                </FormItem>
              </div>
              <div className="clearfix">
                <FormItem
                  className="half-item"
                  {...formItemLayout}
                  label="满意度表格"
                >
                  <Radio.Group
                    value={this.state.formRetrieve}
                    onChange={(e) => {
                      this.setState({ formRetrieve: e.target.value })
                    }}
                  >
                    <Radio value={0}>未收回</Radio>
                    <Radio value={1}>已收回</Radio>
                    <Radio value={2}>其他</Radio>
                  </Radio.Group>
                </FormItem>
                <FormItem
                  className="half-item"
                  {...formItemLayout}
                  label="退单"
                >
                  <Radio.Group
                    value={this.state.taskRefund}
                    onChange={(e) => {
                      this.setState({ taskRefund: e.target.value })
                    }}
                  >
                    <Radio value={0}>已完成</Radio>
                    <Radio value={1}>未完成</Radio>
                    <Radio value={2}>其他</Radio>
                  </Radio.Group>
                </FormItem>
              </div>
              <div className="clearfix">
                {
                  <FormItem
                    className="half-item"
                    {...formItemLayout}
                    label="(满意度)备注"
                  >
                    <Input
                      type="textarea"
                      placeholder="请输入备注"
                      rows={2}
                      value={this.state.retrieveContent}
                      onChange={(e) => {
                        this.setState({ retrieveContent: e.target.value })
                      }}
                    />
                  </FormItem>
                }
                {
                  <FormItem
                    className="half-item"
                    {...formItemLayout}
                    label="(退单)备注"
                  >
                    <Input
                      type="textarea"
                      placeholder="请输入备注"
                      rows={2}
                      value={this.state.refundContent}
                      onChange={(e) => {
                        this.setState({ refundContent: e.target.value })
                      }}
                    />
                  </FormItem>
                }
              </div>
              <div className="clearfix">
                <h3 className="sub-title">订单负责人信息</h3>
                <FormItem
                  className="half-item"
                  {...formItemLayout}
                  label="负责人"
                >
                  <span>
                    {this.state.salesmanName + '(' + this.state.depName + ')'}
                  </span>
                </FormItem>
                <FormItem
                  className="half-item"
                  {...formItemLayout}
                  label="负责人电话"
                >
                  <span>{this.state.salesmanMobile}</span>
                </FormItem>
                <FormItem
                  className="half-item"
                  {...formItemLayout}
                  label="当前财务负责人"
                >
                  <span>{this.state.nowFinance}</span>
                </FormItem>
                <FormItem
                  className="half-item"
                  {...formItemLayout}
                  label="当前财务负责人电话"
                >
                  <span>{this.state.nowFinanceMobile}</span>
                </FormItem>
                <FormItem
                  className="half-item"
                  {...formItemLayout}
                  style={{ opacity: '.5' }}
                  label="原负责人"
                >
                  <span>{this.state.oldSalesmanName}</span>
                </FormItem>
                <FormItem
                  className="half-item"
                  {...formItemLayout}
                  style={{ opacity: '.5' }}
                  label="原负责人电话"
                >
                  <span>{this.state.oldSalesmanMobile}</span>
                </FormItem>
                <FormItem
                  className="half-item"
                  {...formItemLayout}
                  style={{ opacity: '.5' }}
                  label="实际财务操作人"
                >
                  <span>{this.state.financeName}</span>
                </FormItem>
                <FormItem
                  className="half-item"
                  {...formItemLayout}
                  style={{ opacity: '.5' }}
                  label="实际财务操作人电话"
                >
                  <span>{this.state.financeMobile}</span>
                </FormItem>
                <FormItem
                  className="half-item"
                  {...formItemLayout}
                  label="订单留言"
                >
                  <span>{this.state.orderRemarks}</span>
                </FormItem>
                <FormItem className="half-item" {...formItemLayout} label="">
                  <Button onClick={this.getOrderLog}>查看订单日志</Button>
                </FormItem>
                <OrderRiZi
                  dataSourcerizhi={this.state.dataSourceY}
                  closeOrderLog={this.closeOrderLog}
                  visible={this.state.avisible}
                  loading={this.state.loading}
                />
              </div>
              {/*<hr style={{border:'1px dashed #aaa', width:"90%",margin:'auto'}}/>*/}
              <div className="clearfix">
                <h3 className="sub-title">联系信息</h3>
                <FormItem
                  className="half-item"
                  {...formItemLayout}
                  label="客户名称"
                >
                  <span>{this.state.userName}</span>
                </FormItem>
                <FormItem
                  className="half-item"
                  {...formItemLayout}
                  label="企业法人"
                >
                  <Input
                    placeholder="请输入法人名称"
                    value={this.state.legalPerson}
                    style={{ width: '200px' }}
                    onChange={(e) => {
                      this.setState({ legalPerson: e.target.value })
                    }}
                    ref="commodityQuantity"
                  />
                </FormItem>
                <FormItem
                  className="half-item"
                  {...formItemLayout}
                  label="法人电话"
                >
                  <Input
                    placeholder="请输入法人电话"
                    value={this.state.legalPersonTel}
                    style={{ width: '200px' }}
                    onChange={(e) => {
                      this.setState({ legalPersonTel: e.target.value })
                    }}
                    ref="commodityQuantity"
                  />
                </FormItem>
                <FormItem
                  className="half-item"
                  {...formItemLayout}
                  label="客户联系人"
                >
                  <Input
                    placeholder="请输入联系人名称"
                    value={this.state.contacts}
                    style={{ width: '200px' }}
                    onChange={(e) => {
                      this.setState({ contacts: e.target.value })
                    }}
                    ref="commodityQuantity"
                  />
                </FormItem>
                <FormItem
                  className="half-item"
                  {...formItemLayout}
                  label="联系人电话"
                >
                  <Input
                    placeholder="请输入联系人电话"
                    value={this.state.contactMobile}
                    style={{ width: '200px' }}
                    onChange={(e) => {
                      this.setState({ contactMobile: e.target.value })
                    }}
                    ref="commodityQuantity"
                  />
                </FormItem>
                <FormItem
                  className="half-item"
                  {...formItemLayout}
                  label="企业地址"
                >
                  <Cascader
                    options={areaSelect()}
                    value={this.state.ProvinceCity}
                    placeholder="选择城市"
                    style={{ width: '200px' }}
                    onChange={(e) => {
                      this.setState({ ProvinceCity: e })
                    }}
                  />
                </FormItem>
                <FormItem
                  className="half-item"
                  {...formItemLayout}
                  label=""
                ></FormItem>
                <FormItem className="half-item" {...formItemLayout} label="">
                  <Input
                    placeholder="请输入详细地址"
                    value={this.state.postalAddress}
                    style={{ width: '200px', marginLeft: '12em' }}
                    onChange={(e) => {
                      this.setState({ postalAddress: e.target.value })
                    }}
                    ref="commodityQuantity"
                  />
                </FormItem>
              </div>
              {/*<hr style={{border:'1px dashed #aaa', width:"90%",margin:'auto'}}/>*/}
              <div className="clearfix">
                <h3 className="sub-title">项目信息</h3>
                <FormItem
                  className="half-item"
                  {...formItemLayout}
                  label="项目编号"
                >
                  <span>
                    {this.state.splitStatus == 2
                      ? this.state.splitSuper + '-' + this.state.splitId
                      : this.state.id}
                  </span>
                </FormItem>
                <FormItem
                  className="half-item"
                  {...formItemLayout}
                  label="项目名称"
                >
                  <span>{this.state.taskName}</span>
                </FormItem>
                <FormItem
                  className="half-item"
                  {...formItemLayout}
                  label="项目状态"
                >
                  <Select
                    placeholder="选择项目状态"
                    style={{ width: '200px' }}
                    value={this.state.taskStatus}
                    onChange={(e) => {
                      this.setState({ taskStatus: e })
                    }}
                  >
                    {taskStatus.map(function (item) {
                      return (
                        <Select.Option key={item.value}>
                          {item.key}
                        </Select.Option>
                      )
                    })}
                  </Select>
                </FormItem>
                <FormItem
                  className="half-item"
                  {...formItemLayout}
                  label="项目类别"
                >
                  <span>{this.state.cname}</span>
                </FormItem>
                <FormItem
                  className="half-item"
                  {...formItemLayout}
                  label="证书编号"
                >
                  <Input
                    placeholder="请输入证书编号"
                    value={this.state.certificateNumber}
                    style={{ width: '200px' }}
                    onChange={(e) => {
                      this.setState({ certificateNumber: e.target.value })
                    }}
                    ref="commodityQuantity"
                  />
                </FormItem>
              </div>
              <div className="clearfix" style={{ marginTop: '10px' }}>
                <FormItem
                  labelCol={{ span: 3 }}
                  wrapperCol={{ span: 14 }}
                  label="附件"
                >
                  <Picture
                    fileList={(e) => {
                      this.setState({ attachmentUrl: e })
                    }}
                    pictureUrl={this.state.attachmentUrl}
                    visible={this.props.visible}
                    data={{
                      sign: 'order_task_file',
                      url: '/api/admin/orderProject/uploadOrderTaskFile',
                      number: 8,
                    }}
                  />
                </FormItem>
              </div>
              <div className="clearfix">
                <FormItem
                  labelCol={{ span: 3 }}
                  wrapperCol={{ span: 16 }}
                  label="备注"
                >
                  <Input
                    type="textarea"
                    placeholder="请输入备注"
                    rows={4}
                    value={this.state.taskComment}
                    onChange={(e) => {
                      this.setState({ taskComment: e.target.value })
                    }}
                  />
                </FormItem>
              </div>
              <div className="clearfix">
                <h3 className="sub-title">项目申报进度</h3>
                <FormItem
                  className="half-item"
                  {...formItemLayout}
                  label="申报批次"
                >
                  <Select
                    value={
                      this.state.declarationBatch
                        ? this.state.declarationBatch
                        : undefined
                    }
                    placeholder="请选择批次"
                    style={{ width: 200 }}
                    onChange={(e) => {
                      this.setState({
                        declarationBatch: e,
                      })
                    }}
                  >
                    <Option value={1}>第一批</Option>
                    <Option value={2}>第二批</Option>
                    <Option value={3}>第三批</Option>
                    <Option value={4}>第四批</Option>
                  </Select>
                </FormItem>
                <FormItem
                  className="half-item"
                  {...formItemLayout}
                  label="软著派单数量"
                >
                  <span>{this.state.commodityQuantity}</span>
                  <Button
                    type="primary"
                    size="small"
                    style={{ marginLeft: '45px' }}
                    onClick={this.addcontact}
                  >
                    +增加下证信息
                  </Button>
                </FormItem>
                <div className="patent-table">
                  <Spin spinning={this.state.loading}>
                    <Table
                      columns={this.state.ContactsLists}
                      dataSource={this.state.contactList}
                      pagination={false}
                      bordered
                      size="small"
                    />
                  </Spin>
                </div>
              </div>
              <div className="clearfix">
                <h3 className="sub-title">项目业务</h3>
                <div className="patent-table">
                  <Spin spinning={this.state.loading}>
                    <Table
                      columns={this.state.columnsX}
                      dataSource={this.state.dataSourceX}
                      pagination={this.state.paginations}
                      onRowClick={this.tableRowClickX}
                      bordered
                      size="small"
                    />
                  </Spin>
                </div>
              </div>
              <div className="clearfix">
                <Button
                  className="cancel"
                  type="primary"
                  onClick={this.tijiaoOk}
                  style={{ marginLeft: '200px', marginTop: '10px' }}
                  htmlType="submit"
                >
                  保存
                </Button>
                <Button
                  className="cancel"
                  type="ghost"
                  onClick={this.visitCancel}
                  style={{ marginLeft: '50px', marginTop: '10px' }}
                >
                  取消
                </Button>
              </div>
            </TabPane>
            <TabPane tab="外包(不走本部)" key="2">
              {this.state.refundStatus != 0 && this.state.refundStatus != 1 ? (
                <div style={{ marginTop: 10 }}>
                  <div className="clearfix">
                    <FormItem
                      className="half-item"
                      {...formItemLayout}
                      label={
                        <span>
                          <strong style={{ color: '#f00' }}>*</strong>
                          外包公司
                        </span>
                      }
                    >
                      <Input
                        value={this.state.companyName}
                        onChange={(e) => {
                          this.setState({
                            companyName: e.target.value,
                          })
                        }}
                        placeholder="请填写外包公司名称"
                      />
                    </FormItem>
                    <span className="tip" style={{ color: 'red' }}>
                      如多个公司,请用间隔
                    </span>
                  </div>
                  <div className="clearfix">
                    <FormItem
                      className="half-item"
                      {...formItemLayout}
                      label={
                        <span>
                          <strong style={{ color: '#f00' }}>*</strong>
                          单价(万元)
                        </span>
                      }
                    >
                      <Input
                        value={this.state.unitPrice}
                        onChange={(e) => {
                          this.setState({
                            unitPrice: e.target.value,
                          })
                        }}
                        placeholder="请填写本次外包公司的价格"
                      />
                    </FormItem>
                  </div>
                  <div className="clearfix">
                    <FormItem
                      className="half-item"
                      {...formItemLayout}
                      label={
                        <span>
                          <strong style={{ color: '#f00' }}>*</strong>
                          数量(个)
                        </span>
                      }
                    >
                      <Input
                        value={this.state.unitNumber}
                        onChange={(e) => {
                          this.setState({
                            unitNumber: e.target.value,
                          })
                        }}
                        placeholder="请填写本次外包公司的价格"
                      />
                    </FormItem>
                  </div>
                  <div className="clearfix">
                    <FormItem
                      className="half-item"
                      {...formItemLayout}
                      label={
                        <span>
                          <strong style={{ color: '#f00' }}>*</strong>
                          总金额(万元)
                        </span>
                      }
                    >
                      <Input
                        value={this.state.amount}
                        onChange={(e) => {
                          this.setState({
                            amount: e.target.value,
                          })
                        }}
                        placeholder="请填写本次外包公司的价格"
                      />
                    </FormItem>
                  </div>
                  <div className="clearfix">
                    <FormItem
                      className="half-item"
                      {...formItemLayout}
                      label={
                        <span>
                          <strong style={{ color: '#f00' }}>*</strong>备注
                        </span>
                      }
                    >
                      <TextArea
                        rows={4}
                        value={this.state.outsourceRemarks}
                        onChange={(e) => {
                          this.setState({
                            outsourceRemarks: e.target.value,
                          })
                        }}
                        placeholder="请输入备注"
                      />
                    </FormItem>
                  </div>
                  <p
                    className="tip"
                    style={{
                      paddingBottom: '12px',
                      width: '240px',
                      marginLeft: '145px',
                      color: 'red',
                    }}
                  >
                    首次派单项目,需上传协议,第2次起,同项目,只需写外包公司
                  </p>
                  <div className="clearfix">
                    <FormItem
                      labelCol={{ span: 4 }}
                      wrapperCol={{ span: 18 }}
                      label={
                        <span>
                          合同/协议扫描件
                        </span>
                      }
                    >
                      <PicturesWall
                        fileList={this.getOrgCodeUrlWai}
                        pictureUrl={this.state.pictureUrl}
                      />
                      <p style={{ color: 'red' }}>图片建议:要清晰。</p>
                    </FormItem>
                  </div>
                  <div className="clearfix">
                    <div
                      style={{
                        display: 'inline-black',
                        textAlign: 'center',
                      }}
                    >
                      <Button
                        type="primary"
                        loading={this.state.loading}
                        onClick={()=>{
                          this.sureOut(this.state.startType);
                        }}
                      >
                        {
                          this.state.startType === 0 ? "确认发起外包,不通过总部" : "提交供应商信息"
                        }
                      </Button>
                      <p className="tip" style={{ color: 'red' }}>
                        {
                          this.state.startType === 0 ? "提示:高于总部价格,费用个人承担" : "确定提交供应商信息,提交后,不可修改"
                        }
                      </p>
                    </div>
                  </div>
                </div>
              ) : (
                <div>
                  <div className="clearfix">
                    <FormItem
                      className="half-item"
                      {...formItemLayout}
                      label="外包公司"
                    >
                      <span>{this.state.companyName}</span>
                    </FormItem>
                  </div>
                  <div className="clearfix">
                    <FormItem
                      className="half-item"
                      {...formItemLayout}
                      label="单价(万元)"
                    >
                      <span>{this.state.unitPrice}</span>
                    </FormItem>
                  </div>
                  <div className="clearfix">
                    <FormItem
                      className="half-item"
                      {...formItemLayout}
                      label="数量(个)"
                    >
                      <span>{this.state.unitNumber}</span>
                    </FormItem>
                  </div>
                  <div className="clearfix">
                    <FormItem
                      className="half-item"
                      {...formItemLayout}
                      label="总金额(万元)"
                    >
                      <span>{this.state.amount}</span>
                    </FormItem>
                  </div>
                  <div className="clearfix">
                    <FormItem
                      className="half-item"
                      {...formItemLayout}
                      label="备注"
                    >
                      <span>{this.state.outsourceRemarks}</span>
                    </FormItem>
                  </div>
                  <div className="clearfix">
                    <FormItem
                      labelCol={{ span: 4 }}
                      wrapperCol={{ span: 18 }}
                      label="合同/协议扫描件"
                    >
                      {/*<Upload*/}
                      {/*  className="demandDetailShow-upload"*/}
                      {/*  listType="picture-card"*/}
                      {/*  fileList={this.state.pictureUrl}*/}
                      {/*  onPreview={(file) => {*/}
                      {/*    this.setState({*/}
                      {/*      previewImage: file.url || file.thumbUrl,*/}
                      {/*      previewVisible: true,*/}
                      {/*    })*/}
                      {/*  }}*/}
                      {/*/>*/}
                      <div style={{paddingTop:'10px',paddingBottom:'10px'}}>
                        <ImgList fileList={this.state.pictureUrl} ItemWidth={'96px'}/>
                      </div>
                      <Modal
                        maskClosable={false}
                        footer={null}
                        visible={this.state.previewVisible}
                        onCancel={() => {
                          this.setState({ previewVisible: false })
                        }}
                      >
                        <img
                          alt=""
                          style={{ width: '100%' }}
                          src={this.state.previewImage || ''}
                        />
                      </Modal>
                    </FormItem>
                  </div>
                </div>
              )}
              {this.state.refundStatus == 1 ||
              this.state.refundStatus == 0 ||
              this.state.refundStatus == 2 ? (
                <div className="clearfix">
                  <hr className="division" />
                  <div
                    className="clearfix"
                    style={{
                      display: this.state.refundStatus == 0 ? 'none' : 'block',
                    }}
                  >
                    <FormItem
                      className="half-item"
                      {...formItemLayout}
                      label="审核意见"
                    >
                      <span>{this.state.remarks}</span>
                    </FormItem>
                  </div>
                  <div className="clearfix">
                    <FormItem
                      className="half-item"
                      {...formItemLayout}
                      label="审核结果"
                    >
                      <span>{getRefundStatus(this.state.refundStatus)}</span>
                    </FormItem>
                  </div>
                  <div
                    className="clearfix"
                    style={{
                      display: this.state.refundStatus == 0 ? 'none' : 'block',
                    }}
                  >
                    <FormItem
                      className="half-item"
                      {...formItemLayout}
                      label="审核时间"
                    >
                      <span>{this.state.auditTimes}</span>
                    </FormItem>
                  </div>
                </div>
              ) : (
                ''
              )}
            </TabPane>
            {!this.props.isZxs || (this.state.isHuiyuan && this.props.isZxs) ? (
              <TabPane tab="订单详情" key="3">
                <Spin spinning={this.state.loading}>
                  <OrderDetail
                    orderData={this.state.orderData}
                    getOrderLog={this.getOrderLog}
                    dataSourceX={this.state.dataSourceX}
                    contactList={this.state.jiedian}
                    orderNo={this.state.orderNo}
                    totalCui={this.state.totalCui}
                    contactListNew={this.state.jiedianNew}
                    pictureUrl={this.state.contractPictureUrl}
                  />
                </Spin>
              </TabPane>
            ) : (
              ''
            )}
          </Tabs>
        </Modal>
        <Modal
          width="800px"
          visible={this.state.visibleA}
          onCancel={this.visitCancelA}
          title="操作日志"
          footer=""
          className="admin-desc-content"
        >
          <div className="patent-table patent-table-center">
            <Spin spinning={this.state.loading}>
              <Table
                columns={this.state.columnsA}
                dataSource={this.state.dataSourceA}
                pagination={false}
                bordered
                size="small"
              />
            </Spin>
          </div>
        </Modal>
        <Modal
          title="工时记录"
          visible={this.state.timeVisible}
          onCancel={this.timeClose}
          width={800}
          footer={null}
        >
          <Spin spinning={this.state.loading}>
            <Table
              columns={this.state.columnsTime}
              dataSource={this.state.dataSourceTime}
              pagination={false}
              scroll={{ x: 'max-content', y: 0 }}
              bordered
              size={'small'}
            />
            <p style={{ marginTop: 10, color: 'red' }}>
              累计工时(小时):{this.state.recordHour}
            </p>
          </Spin>
        </Modal>
        {this.state.ThirdListVisible ? <NewSupplier
            patentNameType={this.state.patentNameType}
            ThirdId={this.state.ThirdId}
            tid={this.state.tid}
            patentType={this.state.patentType}
            projectType={this.state.projectType}
            thirdCompanyName={this.state.thirdCompanyName}
            thirdUnitPrice={this.state.thirdUnitPrice}
            thirdQuantity={this.state.thirdQuantity}
            thirdRemarks={this.state.thirdRemarks}
            spinning={this.state.loading}
            visible={this.state.ThirdListVisible}
            thirdMaterial={this.state.thirdMaterial}
            thirdUrgent={this.state.thirdUrgent}
            audit={this.state.audit}
            assets={this.state.assets}
            income={this.state.income}
            onDetermine={this.handleCancelq}
            onCancel={()=>{
              this.thirdTable(this.state.tid);
              this.setState({
                ThirdListVisible: false,
                ThirdId: '', //供应商id
                thirdCompanyName: '', //第三方名称
                thirdUnitPrice: '', //单价
                thirdQuantity: '', //数量
                currentTotalPrice: '', //总价
                thirdMaterial: 0, //有无材料
                thirdUrgent: 0, //加急情况
                thirdRemarks: '',
                audit: 0,
                assets: '',
                income: '',
              })
            }}
            otherOperations={(data)=>{
              this.setState({
                thirdMaterial: data.thirdMaterial,
                thirdUrgent: data.thirdUrgent,
                customerArr: data.customerArr,
                thirdCompanyName: data.thirdCompanyName
              })
            }}/> : <div/>}
        {this.state.PayNodeVisible ? <Modal
          visible={this.state.PayNodeVisible}
          onCancel={this.handleCancelclose}
          width={800}
          title={this.state.ThirdId ? "修改付款节点" : "新增付款节点"}
          footer=""
          // width={1300}
          className="admin-desc-content"
        >
          <Form
            layout="horizontal"
            // onSubmit={this.handleSubmit1}
            // id="demand-form"
            style={{ paddingBottom: '40px' }}
          >
            <Spin spinning={this.state.loading}>
              <div className="clearfix">
                <div className="clearfix">
                  <FormItem {...formItemLayout} label="供应商名称">
                    <Select
                      value={this.state.thirdCompanyName}
                      onChange={(val) => {
                        this.setState(
                          {
                            thirdCompanyName: val,
                          },
                          () => this.payNodeCalculatedAmount()
                        ) //更新完state调用
                      }}
                      defaultValue="请选择供应商"
                      style={{ width: 220 }}
                    >
                      {this.state.PayNodeCompany.map((item, index) => (
                        <Select.Option value={item.companyName} key={index}>
                          {item.companyName}
                        </Select.Option>
                      ))}
                    </Select>
                    <span className="mandatory">*</span>
                  </FormItem>
                </div>

                <div className="clearfix">
                  <FormItem {...formItemLayout} label="付款科目">
                    <Select
                      value={this.state.paySubjectName}
                      onChange={(val) => {
                        this.setState({
                          paySubjectName: val,
                          dunType: val,
                        })
                      }}
                      defaultValue="请选择付款科目"
                      style={{ width: 220 }}
                    >
                      {this.state.paySubject.map((item, index) => (
                        <Select.Option value={item.value} key={index}>
                          {item.key}
                        </Select.Option>
                      ))}
                      <Select.Option key={0} value={0}>
                        自定义
                      </Select.Option>
                    </Select>
                    <span className="mandatory">*</span>
                  </FormItem>
                </div>
                <div className="clearfix">
                  {parseInt(this.state.paySubjectName) === 0 ? <FormItem {...formItemLayout} label="付款时间">
                    <DatePicker
                      value={
                        this.state.partyTimes
                          ? moment(this.state.partyTimes)
                          : null
                      }
                      onChange={(data, dataString) => {
                        this.setState({ partyTimes: dataString })
                      }}
                      style={{ width: '220px' }}
                    />
                    <span className="mandatory">*</span>
                  </FormItem> : <div/>}
                </div>
                <div className="clearfix">
                  <FormItem {...formItemLayout} label="数量">
                    <Input
                      value={this.state.payNodeQuantity}
                      placeholder="请输入数量(必填项)"
                      required="required"
                      type={'number'}
                      onChange={(e) => {
                        //TODO 数量为1时不可修改,需要将次块分成组件
                        let num = e.target.value ? (e.target.value < 1 ? 1 : e.target.value) : 1
                        this.setState(
                          {
                            payNodeQuantity: num,
                          }, () => this.payNodeCalculatedAmount(num))
                      }}
                      style={{ width: '220px' }}
                    />
                    <span className="mandatory">*</span>
                  </FormItem>
                </div>
                {this.state.projectType !== 2 ? <div className="clearfix">
                  <FormItem {...formItemLayout} label="总价(万元)">
                    <Input
                      type={'number'}
                      value={this.state.currentTotalPrice}
                      placeholder="请输入总价"
                      // required="required"
                      // onBlur={this.payNodeCalculatedAmount}
                      onChange={(e) =>
                        this.setState({
                          currentTotalPrice: e.target.value,
                        })
                      }
                      style={{ width: '220px' }}
                    />
                    <span className="mandatory">*</span>
                  </FormItem>
                </div> : <div/>}
                <div className="clearfix">
                  <div className="addSave" style={{ marginTop: '15px' }}>
                    <Button
                      className="cancel"
                      type="primary"
                      onClick={this.savePayNode}
                      style={{ marginLeft: '300px' }}
                      htmlType="submit"
                    >
                      保存
                    </Button>
                    <Button
                      className="cancel"
                      type="ghost"
                      onClick={this.handleCancelclose}
                      style={{ marginLeft: '50px' }}
                    >
                      取消
                    </Button>
                  </div>
                </div>
              </div>
            </Spin>
          </Form>
        </Modal> : <div/>}
        {/*<OperationPayNode*/}
        {/*    visible={this.state.PayNodeVisible}*/}
        {/*    onCancel={this.handleCancelclose}*/}
        {/*    thirdId={this.state.ThirdId}*/}
        {/*    thirdInfoList={this.state.thirdInfoList}*/}
        {/*    supplierList={this.state.PayNodeCompany}*/}
        {/*    payNodeInfor={this.state.payNodeInfor}*/}
        {/*/>*/}
      </div>
    )
  },
})

export default Task