import React from 'react'
import $ from 'jquery'
import {
  Spin,
  Button,
  Tabs,
  Table,
  message,
  Modal,
  Form,
  Upload,
  Tag,
} from 'antd'
import {
  getProcessStatus,
  getApproval,
  getTaskStatus,
  getLiquidationStatus,
  splitUrl,
  getProjectStatus,
  getboutique,
  getprovince,
  ShowModal,
  getRefundStatus,
} from '@/tools'
const FormItem = Form.Item
import ResolutionDetail from '@/resolutionDetail'
import ImgList from "./common/imgList";
import CheckProject from "./manageCenter/components/checkProject";
import { cuiJieDian } from '@/dataDic.js'
const { TabPane } = Tabs
const project = React.createClass({
  getInitialState() {
    return {
      oldInfor:{},
      patentNameType: -1,
      patentType: -1,
      paySubject: [],

      containOfficialFees:0,//官费缴费情况

      visible: false,
      record: this.props.record,
      paginations: false,
      tabsKey: "1",
      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',
        },
      ],
      resVisible: false,
      companyColumns: [
        {
          title: '公司',
          dataIndex: 'name',
          key: 'name',
          //fixed:'left',
          width: 160,
        },
        {
          title: '联系人',
          dataIndex: 'contacts',
          key: 'contacts',
        },
        {
          title: '联系人电话',
          dataIndex: 'contactsMobile',
          key: 'contactsMobile',
        },
        {
          title: '地址',
          dataIndex: 'companyProvinceArr',
          key: 'companyProvinceArr',
          width: 140,
          render: (test) => {
            return test[0] === null
              ? ''
              : getprovince(test[0]) +
                  '/' +
                  getprovince(test[1]) +
                  '/' +
                  getprovince(test[2])
          },
        },
        {
          title: '详细地址',
          dataIndex: 'address',
          key: 'address',
        },
      ],
    }
  },
  componentWillReceiveProps(nextProps) {
    this.setState({
      visible: nextProps.visible,
      record: nextProps.record,
    })
    if (nextProps.record) {
      this.xiangqing(nextProps.record.id)
      this.xiangqings(nextProps.record.orderNo)
      this.xiangmu(nextProps.record.orderNo)
      this.loaduserss(nextProps.record)
    }
  },
  // handleOk() {
  //   this.setState({
  //     newVisible: false
  //   });
  //   // window.setTimeout( () => {
  //   //   this.setState({
  //   //     newVisible: true
  //   //   });
  //   // },)
  // },

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

  componentDidMount() {},
  xiangqing(id) {
    this.setState({
      loading: true,
    })
    $.ajax({
      method: 'get',
      dataType: 'json',
      crossDomain: false,
      url: globalConfig.context + '/api/admin/orderProject/orderTaskDetail',
      data: {
        id: id,
      },
      success: function (data) {
        if (data.error.length || data.data.list == '') {
          if (data.error && data.error.length) {
            message.warning(data.error[0].message)
          }
        } else {
          let thisdata = data.data
          this.setState({
            id: thisdata.id, //ID
            orderNo: thisdata.orderNo, //订单编号
            userName: thisdata.userName, //客户名称
            taskName: thisdata.taskName, //任务名称
            cname: thisdata.cname, //项目品类
            contractNo: thisdata.contractNo, //合同编号
            projectStatus: thisdata.projectStatus, //项目状态
            taskStatus: thisdata.taskStatus, //任务状态
            taskDate: thisdata.taskDate, //分配时间
            taskComment: thisdata.taskComment, //说明
            attachmentUrl: thisdata.attachmentUrl
              ? splitUrl(
                  thisdata.attachmentUrl,
                  ',',
                  globalConfig.avatarHost + '/upload'
                )
              : [], //图片地址
            salesmanName: thisdata.salesmanName, //订单负责人
            startDate: thisdata.startDate, //启动日期
            endDate: thisdata.endDate, //结束日期
            acceptDate: thisdata.acceptDate, //受理日期
            reviewDate: thisdata.reviewDate, //评审日期
            publicityDate: thisdata.publicityDate, //公示日期
            licenceDate: thisdata.licenceDate, //发证日期
            contacts: thisdata.contacts, //联系人
            contactMobile: thisdata.contactMobile, //联系人电话
            legalPerson: thisdata.legalPerson, //法人
            legalPersonTel: thisdata.legalPersonTel, //法人电话
            certificateNumber: thisdata.certificateNumber, //证书编号
            status: thisdata.status, //状态
            formRetrieve: thisdata.formRetrieve, //满意度表格
            taskRefund: thisdata.taskRefund, //退单
            refundContent: thisdata.refundContent, //退单信息
            retrieveContent: thisdata.retrieveContent, //回收信息
            arrivalMoney: thisdata.arrivalMoney, //是否到款
            setUpAmount: thisdata.setUpAmount, //立项金额
            declareUser: thisdata.declareUser, //账号
            declarePwd: thisdata.declarePwd, //密码
            depName: thisdata.depName, //订单部门
            outsourceName: thisdata.outsourceName, //外包公司名称
            outsourcePrice: thisdata.outsourcePrice, //外包价格
            declarationBatch: thisdata.declarationBatch, //外包价格
            projectType: thisdata.bpType,//项目类型
            orderTaskOfficialCost: thisdata.officialCost,    //官费 0无 1有
          })
        }
      }.bind(this),
    }).always(
      function () {
        this.setState({
          loading: false,
        })
      }.bind(this)
    )
  },
  // 获取csort下的数据
  getCsortData(cSort) {
    cuiJieDian.map((item) => {
      if (item.value == cSort) {
        this.setState({
          paySubject: item.children,
        })
      }
    })
  },
  //订单详情
  xiangqings(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) {
        let thisdata = data.data
        let ProvinceCityArr = []
        let ProvinceS = thisdata.locationProvince //省
        let citys = thisdata.locationCity //市
        let Areas = thisdata.locationArea //区
        ProvinceCityArr.push(ProvinceS, citys, Areas)
        if (data.error.length || data.data.list == '') {
          if (data.error && data.error.length) {
            message.warning(data.error[0].message)
          }
        } else {
          this.setState({
            processStatus: thisdata.processStatus, //流程状态
            liquidationStatus: thisdata.liquidationStatus, //结算状态
            approval: thisdata.approval, //特批状态
            orderRemarks: thisdata.orderRemarks, //订单留言
            salesmanName: thisdata.salesmanName, //营销员名称
            salesmanMobile: thisdata.salesmanMobile, //营销员电话
            oldSalesmanName: thisdata.oldSalesmanName, //营销员名称
            oldSalesmanMobile: thisdata.oldSalesmanMobile, //营销员电话
            financeName: thisdata.financeName, //财务名称
            financeMobile: thisdata.financeMobile, //财务电话
            nowFinance: thisdata.nowFinance, //财务名称
            nowFinanceMobile: thisdata.nowFinanceMobile, //财务电话
            depName: thisdata.depName, //订单部门
            locationProvince: thisdata.locationProvince,
            locationCity: thisdata.locationCity,
            locationArea: thisdata.locationArea,
            ProvinceCity: ProvinceCityArr,
            postalAddress: thisdata.postalAddress, //详细地址
            outsource: thisdata.outsource,
          })
        }
      }.bind(this),
    }).always(
      function () {
        this.setState({
          loading: false,
        })
      }.bind(this)
    )
  },
  //查看下证信息
  loaduserss(record) {
    this.setState({
      loading: true,
    })
    $.ajax({
      method: 'get',
      dataType: 'json',
      crossDomain: false,
      url: globalConfig.context + '/api/admin/orderProject/selectTaskProgress',
      data: {
        tid: record.id,
      },
      success: function (data) {
        let theArr = []
        let thisData = []
        if (!thisData) {
          if (data.error && data.error.length) {
            message.warning(data.error[0].message)
          }
          thisData = {}
        } else {
          for (let i = 0; i < data.data.length; i++) {
            thisData = data.data[i]
            theArr.push({
              num: i + 1,
              key: i,
              id: thisData.id, //编号
              alreadyNumber: thisData.alreadyNumber, //下证数
              licenceTimes: thisData.licenceTimes, //下证时间
              notCount: thisData.notCount, //未下证数
              flag: true,
            })
          }
          this.setState({
            contactList: theArr,
          })
        }
      }.bind(this),
    }).always(
      function () {
        this.setState({
          loading: false,
        })
      }.bind(this)
    )
  },
  //项目列表
  xiangmu(orderNos) {
    this.setState({
      loading: true,
    })
    $.ajax({
      method: 'get',
      dataType: 'json',
      crossDomain: false,
      url: globalConfig.context + '/api/admin/newOrder/getOrderTask',
      data: {
        orderNo: orderNos,
      },
      success: function (data) {
        let theArr = []

        if (data.error.length || data.data.list == '') {
          if (data.error && data.error.length) {
            message.warning(data.error[0].message)
          }
        } else {
          for (let i = 0; i < data.data.length; i++) {
            let thisdata = data.data[i]
            theArr.push({
              key: i,
              id: thisdata.id,
              orderNo: thisdata.orderNo, //订单编号
              commodityId: thisdata.commodityId, //项目ID
              commodityName: thisdata.commodityName, //项目名称
              cname: thisdata.cname, //项目类别
              commodityPrice: thisdata.commodityPrice, //项目价格
              commodityQuantity: thisdata.commodityQuantity, //项目数量
              main: thisdata.main, //是否为主要任务
              taskComment: thisdata.taskComment, //任务说明
              contacts: thisdata.contacts, //联系人
              contactsMobile: thisdata.contactsMobile, //联系人电话
              taskStatus: thisdata.taskStatus, //是否分配
              splitStatus: thisdata.splitStatus,
              sort: thisdata.cSort,
            })
          }
        }
        this.setState({
          dataSourceX: theArr,
        })
      }.bind(this),
    }).always(
      function () {
        this.setState({
          loading: false,
        })
      }.bind(this)
    )
  },
  tableRowClickX(record) {
    this.setState({
      jid: record.id, //项目ID
      kid: record.commodityId, //商品ID
      commodityName: record.commodityName, //金额
      commodityPrice: record.commodityPrice, //金额
      commodityQuantity: record.commodityQuantity, //数量
      taskComment: record.taskComment, //备注
      main: record.main.toString(), //是否为主要
      addnextVisible: true,
      addState: 0,
    })
  },
  caozuorizhi() {
    this.setState({
      loading: true,
    })
    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,
    })
  },
  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.props.record.id,
        orderNo: this.props.record.orderNo,
      },
    }).done(
      function (data) {
        this.setState({
          loading: false,
        })
        if (!data.error.length && data.data) {
          if(!isNaN(parseFloat(data.data.unitNumber))){
            this.setState({
              oldInfor: {
                companyName:data.data.companyName,
                unitPrice:data.data.unitPrice,
                unitNumber:data.data.unitNumber,
                amount:data.data.amount,
                outsourceRemarks:data.data.outsourceRemarks,
                refundStatus: data.data.refundStatus,
                pictureUrl: data.data.pictureUrl
                    ? splitUrl(
                        data.data.pictureUrl,
                        ',',
                        globalConfig.avatarHost + '/upload',
                        url
                    )
                    : [], //图片地址
              },
            })
          }else{
            this.setState({
              oldInfor: {},
            })
          }
          this.setState({
            containOfficialFees: data.data.actualOfficial,//官费类型  0实际已缴费  1实际未缴费
            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)
    )
  },
  //加载外包
  loadCompany() {
    this.setState({
      loading: true,
    })
    $.ajax({
      method: 'get',
      dataType: 'json',
      crossDomain: false,
      url: globalConfig.context + '/api/admin/outsourceOrg/selectOutsourceOrg',
      data: {
        tid: this.props.record.id,
        orderNo: this.props.record.orderNo,
      },
      success: function (data) {
        let theArr = []
        if (data.error.length || data.data.list == '') {
          if (data.error && data.error.length) {
            message.warning(data.error[0].message)
          }
        } else {
          for (let i = 0; i < data.data.length; i++) {
            let thisdata = data.data[i]
            let ProvinceCityArr = []
            let ProvinceS = thisdata.province //省
            let citys = thisdata.city //市
            let Areas = thisdata.area //区
            ProvinceCityArr.push(ProvinceS, citys, Areas)
            theArr.push({
              key: i,
              id: thisdata.id, //外包Id
              name: thisdata.name, //名称
              contacts: thisdata.contacts, //联系人
              contactsMobile: thisdata.contactsMobile, //联系人电话
              companyProvinceArr: ProvinceCityArr,
              address: thisdata.address,
              remarks: thisdata.remarks,
            })
          }
        }
        this.setState({
          companys: theArr,
        })
      }.bind(this),
    }).always(
      function () {
        this.setState({
          loading: false,
        })
      }.bind(this)
    )
  },
  tabChange(e) {
    this.setState({
      tabsKey:e
    })
    if (e == 2) {
      this.waiDetail();
      this.payNodeTable();
      this.thirdTable();
      this.getCsortData();
    } else if (e == 3) {
      this.loadCompany()
    }
  },
  //查看第三方信息表格
  thirdTable() {
    this.setState({
      thirdInfoLoading: true,
    })
    let ajaxObj = $.ajax({
      method: 'get',
      dataType: 'json',
      crossDomain: false,
      url: globalConfig.context + '/api/admin/company/selectCompany',
      data: {
        tid: this.props.record.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 startType = 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;
            type=thisData.patentType;
            thisData.patentType = thisData.type;
            theArr.push(thisData);
            startType=thisData.startType;
            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 === 0 || type === 1){
            this.setState({
              patentType: type === 0 ? 0 : 1,    //0专利申请 1专利买卖
              patentNameType: patentNameType,                         //0实用新型 1发明专利 2外观专利 3 其他
            })
          }

          //设置项目类型
          if(arr.length >0){
            this.setState({
              startType: startType
            })
          }

          this.setState({
            thirdInfoList: theArr,
          })
        }
      }.bind(this),
    }).always(
        function () {
          this.setState({
            thirdInfoLoading: false,
          })
        }.bind(this)
    )
    this.setState({
      selectCompanyAjaxObj:ajaxObj
    })
  },
  payNodeTable() {
    this.setState({
      payNodeLoading: true,
    })
    let ajaxObj = $.ajax({
      method: 'get',
      dataType: 'json',
      crossDomain: false,
      url: globalConfig.context + '/api/admin/company/selectPaymentNode',
      data: {
        tid: this.props.record.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 || []
          //对#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;
          }

          this.setState({
            payNodeList: payNodeArr,
          })
        }
      }.bind(this),
    }).always(
        function () {
          this.setState({
            payNodeLoading: false,
          })
        }.bind(this)
    )
    this.setState({
      selectPaymentNodeAjaxObj: ajaxObj
    })
  },
  render() {
    const formItemLayout = {
      labelCol: { span: 8 },
      wrapperCol: { span: 14 },
    }
    const utils = {
      getSatisfaction: function (num) {
        switch (num) {
          case 0:
            return '未收回'
          case 1:
            return '已收回'
          default:
            return '其它'
        }
      },
      getChargeback: function (num) {
        switch (num) {
          case 0:
            return '已完成'
          case 1:
            return '未完成'
          default:
            return '其它'
        }
      },
    }
    return (
        this.state.visible ? <Modal
        className="customeDetails"
        footer=""
        title=""
        width="900px"
        visible={this.state.visible}
        // onOk={this.visitOk}
        onCancel={(e) => {
          this.setState({
            tabsKey: "1"
          })
          this.props.cancel()
        }}
      >
        {this.state.resVisible ? (
          <ResolutionDetail
            cancel={this.resCancel}
            detail={this.state.resRecord}
            visible={this.state.resVisible}
            id={this.state.resRecord.orderNo}
          />
        ) : (
          ''
        )}
        <Tabs defaultActiveKey="1" activeKey={this.state.tabsKey} onChange={this.tabChange}>
          <TabPane tab="项目概况" key="1">
            {this.state.tabsKey === "1" ? <Form
              layout="horizontal"
              onSubmit={this.handleSubmit}
              id="demand-form"
              style={{ paddingBottom: '0px' }}
            >
              <Spin spinning={this.state.loading}>
                <div className="clearfix">
                  <div className="clearfix">
                    <FormItem
                      className="half-item"
                      {...formItemLayout}
                      label="当前项目情况"
                    >
                      <span>
                        {
                          this.state.status === 0 ? '未开始':
                              this.state.status === 1 ? '进行中':
                                  this.state.status === 2 ? '已暂停':
                                      this.state.status === 3 ? '已驳回(专利、软著项目编写)':
                                          this.state.status === 4 ? '已完成':
                                              this.state.status === 5 ? '项目已完成 已退单':
                                                  this.state.status === 6 ? '项目未完成 已退单': ''
                        }
                      </span>
                      <Button
                        type="primary"
                        size="small"
                        style={{ marginTop: '5px', position: 'absolute' }}
                        onClick={this.caozuorizhi}
                      >
                        操作日志
                      </Button>
                    </FormItem>
                    <FormItem
                      className="half-item"
                      {...formItemLayout}
                      label="合同编号"
                    >
                      <span>{this.state.contractNo}</span>
                    </FormItem>
                  </div>
                  <div className="clearfix">
                    <FormItem
                      className="half-item"
                      {...formItemLayout}
                      label="项目状态"
                    >
                      {/* <span>{getProcessStatus(this.state.projectStatus)}</span> */}
                      <span>{getProjectStatus(this.state.projectStatus)}</span>
                    </FormItem>
                    <FormItem
                      className="half-item"
                      {...formItemLayout}
                      label="是否特批"
                    >
                      <span>{getApproval(this.state.approval)}</span>
                    </FormItem>
                    <FormItem
                      className="half-item"
                      {...formItemLayout}
                      label="结算状态"
                    >
                      <span>
                        {getLiquidationStatus(this.state.liquidationStatus)}
                      </span>
                    </FormItem>
                    <FormItem
                      className="half-item"
                      {...formItemLayout}
                      label="流程状态"
                    >
                      <span>{getProcessStatus(this.state.processStatus)}</span>
                    </FormItem>
                    <FormItem
                      className="half-item"
                      {...formItemLayout}
                      label="订单编号"
                    >
                      <span>{this.state.orderNo}</span>
                    </FormItem>
                    <FormItem
                      className="half-item"
                      {...formItemLayout}
                      label="是否外包"
                    >
                      <span>{this.state.outsource == 0 ? '否' : '是'}</span>
                    </FormItem>
                  </div>
                  <div className="clearfix">
                    <FormItem
                      className="half-item"
                      {...formItemLayout}
                      label="满意度表格"
                    >
                      <span>
                        {utils.getSatisfaction(this.state.formRetrieve)}
                      </span>
                    </FormItem>
                    {/*<FormItem*/}
                    {/*  className="half-item"*/}
                    {/*  {...formItemLayout}*/}
                    {/*  label="退单"*/}
                    {/*>*/}
                    {/*  <span>{utils.getChargeback(this.state.taskRefund)}</span>*/}
                    {/*</FormItem>*/}
                  </div>
                  <div className="clearfix">
                    {
                      <FormItem
                        className="half-item"
                        {...formItemLayout}
                        label="(满意度)备注"
                      >
                        <span>{this.state.retrieveContent}</span>
                      </FormItem>
                    }
                    {
                      // <FormItem
                      //   className="half-item"
                      //   {...formItemLayout}
                      //   label="(退单)备注"
                      // >
                      //   <span>{this.state.refundContent}</span>
                      // </FormItem>
                    }
                  </div>
                  <div className="clearfix">
                    <h3 className="sub-title">任务信息</h3>
                    <FormItem
                      className="half-item"
                      {...formItemLayout}
                      label="任务编号"
                    >
                      <span>{this.state.id}</span>
                    </FormItem>
                    <FormItem
                      className="half-item"
                      {...formItemLayout}
                      label="任务名称"
                    >
                      <span>{this.state.taskName}</span>
                    </FormItem>
                    <FormItem
                      className="half-item"
                      {...formItemLayout}
                      label="任务状态"
                    >
                      <span>{getTaskStatus(this.state.taskStatus)}</span>
                    </FormItem>
                    <FormItem
                      className="half-item"
                      {...formItemLayout}
                      label="任务类别"
                    >
                      <span>{this.state.cname}</span>
                    </FormItem>
                    <FormItem
                      className="half-item"
                      {...formItemLayout}
                      label="证书编号"
                    >
                      <span>{this.state.certificateNumber}</span>
                    </FormItem>
                  </div>
                  {/*{this.state.outsource === 1 ? (*/}
                  {/*  <div className="clearfix">*/}
                  {/*    <h3 className="sub-title">外包信息</h3>*/}
                  {/*    <FormItem*/}
                  {/*      className="half-item"*/}
                  {/*      {...formItemLayout}*/}
                  {/*      label="外包公司"*/}
                  {/*    >*/}
                  {/*      <span>{this.state.outsourceName}</span>*/}
                  {/*    </FormItem>*/}
                  {/*    <FormItem*/}
                  {/*      className="half-item"*/}
                  {/*      {...formItemLayout}*/}
                  {/*      label="外包成本(万元)"*/}
                  {/*    >*/}
                  {/*      <span>{this.state.outsourcePrice}</span>*/}
                  {/*    </FormItem>*/}
                  {/*  </div>*/}
                  {/*) : (*/}
                  {/*  ''*/}
                  {/*)}*/}
                  {/*<hr style={{border:'1px dashed #aaa', width:"90%",margin:'auto'}}/>*/}
                  <div className="clearfix">
                    <h3 className="sub-title">联系信息</h3>
                    <FormItem
                      className="half-item"
                      {...formItemLayout}
                      label="客户名称"
                    >
                      <span>{this.state.userName}</span>
                    </FormItem>
                    <FormItem
                      className="half-item"
                      {...formItemLayout}
                      label="企业法人"
                    >
                      <span>{this.state.legalPerson}</span>
                    </FormItem>
                    <FormItem
                      className="half-item"
                      {...formItemLayout}
                      label="法人电话"
                    >
                      <span>{this.state.legalPersonTel}</span>
                    </FormItem>
                    <FormItem
                      className="half-item"
                      {...formItemLayout}
                      label="客户联系人"
                    >
                      <span>{this.state.contacts}</span>
                    </FormItem>
                    <FormItem
                      className="half-item"
                      {...formItemLayout}
                      label="联系人电话"
                    >
                      <span>{this.state.contactMobile}</span>
                    </FormItem>
                    <FormItem
                      className="half-item"
                      {...formItemLayout}
                      label="企业地址"
                    >
                      <span>
                        {getprovince(this.state.locationProvince)}/
                        {getprovince(this.state.locationCity)}/
                        {getprovince(this.state.locationArea)}
                      </span>
                    </FormItem>
                    <FormItem
                      className="half-item"
                      {...formItemLayout}
                      label=""
                    />
                    <FormItem className="half-item" {...formItemLayout}>
                      <span style={{ paddingLeft: '12em' }}>
                        {this.state.postalAddress}
                      </span>
                    </FormItem>
                  </div>
                  {/*<hr style={{border:'1px dashed #aaa', width:"90%",margin:'auto'}}/>*/}
                  <div className="clearfix">
                    <h3 className="sub-title">订单负责人信息</h3>
                    <FormItem
                      className="half-item"
                      {...formItemLayout}
                      label="负责人"
                    >
                      <span>
                        {this.state.salesmanName +
                          '(' +
                          this.state.depName +
                          ')'}
                      </span>
                    </FormItem>
                    <FormItem
                      className="half-item"
                      {...formItemLayout}
                      label="负责人电话"
                    >
                      <span>{this.state.salesmanMobile}</span>
                    </FormItem>
                    <FormItem
                      className="half-item"
                      {...formItemLayout}
                      label="当前财务负责人"
                    >
                      <span>{this.state.nowFinance}</span>
                    </FormItem>
                    <FormItem
                      className="half-item"
                      {...formItemLayout}
                      label="当前财务负责人电话"
                    >
                      <span>{this.state.nowFinanceMobile}</span>
                    </FormItem>
                    <FormItem
                      className="half-item"
                      {...formItemLayout}
                      style={{ opacity: '.5' }}
                      label="原负责人"
                    >
                      <span>{this.state.oldSalesmanName}</span>
                    </FormItem>
                    <FormItem
                      className="half-item"
                      {...formItemLayout}
                      style={{ opacity: '.5' }}
                      label="原负责人电话"
                    >
                      <span>{this.state.oldSalesmanMobile}</span>
                    </FormItem>
                    <FormItem
                      className="half-item"
                      {...formItemLayout}
                      style={{ opacity: '.5' }}
                      label="实际财务操作人"
                    >
                      <span>{this.state.financeName}</span>
                    </FormItem>
                    <FormItem
                      className="half-item"
                      {...formItemLayout}
                      style={{ opacity: '.5' }}
                      label="实际财务操作人电话"
                    >
                      <span>{this.state.financeMobile}</span>
                    </FormItem>
                  </div>
                  <div className="clearfix">
                    <h3 className="sub-title">申报系统账户信息</h3>
                    {/*<span style={{color:'red'}}>注:仅技术部可见</span>*/}
                    <FormItem
                      className="half-item"
                      {...formItemLayout}
                      label="用户名"
                    >
                      <span>{this.state.declareUser ? '****' : ''}</span>
                    </FormItem>
                    <FormItem
                      className="half-item"
                      {...formItemLayout}
                      label="密码"
                    >
                      <span>{this.state.declarePwd ? '****' : ''}</span>
                    </FormItem>
                  </div>
                  <div className="clearfix">
                    <h3 className="sub-title">项目申报进度</h3>
                    <FormItem
                      className="half-item"
                      {...formItemLayout}
                      label="申报批次"
                    >
                      <span>{this.state.declarationBatch}</span>
                    </FormItem>
                    <FormItem
                      className="half-item"
                      {...formItemLayout}
                      label="启动时间"
                    >
                      <span>{this.state.startDate}</span>
                    </FormItem>
                    <FormItem
                      className="half-item"
                      {...formItemLayout}
                      label="完成时间"
                    >
                      <span>{this.state.endDate}</span>
                    </FormItem>
                    <FormItem
                      className="half-item"
                      {...formItemLayout}
                      label="受理时间"
                    >
                      <span>{this.state.acceptDate}</span>
                    </FormItem>
                    <FormItem
                      className="half-item"
                      {...formItemLayout}
                      label="评审时间"
                    >
                      <span>{this.state.reviewDate}</span>
                    </FormItem>
                    <FormItem
                      className="half-item"
                      {...formItemLayout}
                      label="公示时间"
                    >
                      <span>{this.state.publicityDate}</span>
                    </FormItem>
                    <FormItem
                      className="half-item"
                      {...formItemLayout}
                      label="发证时间"
                    >
                      <span>{this.state.licenceDate}</span>
                    </FormItem>
                    <FormItem
                      className="half-item"
                      {...formItemLayout}
                      label="立项金额(万元)"
                    >
                      <span>{this.state.setUpAmount}</span>
                    </FormItem>
                    <FormItem
                      className="half-item"
                      {...formItemLayout}
                      label="是否到款"
                    >
                      <span>
                        {this.state.arrivalMoney ? '已到企业' : '未到企业'}
                      </span>
                    </FormItem>
                  </div>
                  <div className="clearfix">
                    <FormItem
                      labelCol={{ span: 3 }}
                      wrapperCol={{ span: 18 }}
                      label="附件"
                    >
                      {/*<Upload*/}
                      {/*  className="demandDetailShow-upload"*/}
                      {/*  listType="picture-card"*/}
                      {/*  fileList={this.state.attachmentUrl}*/}
                      {/*  onPreview={(file) => {*/}
                      {/*    this.setState({*/}
                      {/*      previewImage: file.url || file.thumbUrl,*/}
                      {/*      previewVisible: true,*/}
                      {/*    })*/}
                      {/*  }}*/}
                      {/*/>*/}
                      {this.state.attachmentUrl && this.state.visible && this.state.tabsKey === "1" ? <div style={{paddingTop:'10px',paddingBottom:'10px'}}>
                        <ImgList fileList={this.state.attachmentUrl} ItemWidth={'96px'}/>
                      </div> : <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 className="clearfix">
                    <FormItem
                      labelCol={{ span: 3 }}
                      wrapperCol={{ span: 16 }}
                      label="备注"
                    >
                      <span>{this.state.taskComment}</span>
                    </FormItem>
                  </div>
                  <div>
                    <h3 className="sub-title">项目业务</h3>
                    {/* {this.state.processStatus == 0 ? (
                  <Button
                    type="primary"
                    onClick={this.addDetailed}
                    style={{
                      float: "right",
                      marginRight: "50px",
                      marginBottom: "15px"
                    }}
                  >
                    添加项目明细
                  </Button>
                ) : (
                  ""
                )} */}
                  </div>
                  <div className="patent-table">
                    <Spin spinning={this.state.loading}>
                      <Table
                        columns={this.state.columnsX}
                        dataSource={this.state.dataSourceX}
                        pagination={this.state.paginations}
                        onRowClick={this.tableRowClickX}
                        bordered
                        size="small"
                      />
                    </Spin>
                  </div>
                </div>
              </Spin>
            </Form> : <div/>}
          </TabPane>
            <TabPane tab="外包/供应商信息" key="2">
              {this.state.tabsKey === "2" ? <Spin spinning={this.state.loading}>
                <div>
                  {
                    this.state.visible && this.state.tabsKey === '2' ?
                        <CheckProject
                            {...this.props}
                            tid={this.props.record.id}
                            orderTaskOfficialCost={this.state.orderTaskOfficialCost}    //是否含官费  0无1有
                            containOfficialFees={this.state.containOfficialFees}        //0:实际已缴费 1:实际未缴费
                            oldInfor={this.state.oldInfor}
                            projectType={this.state.projectType}    //0正常 1专利 2软著 3审计
                            patentNameType={this.state.patentNameType}
                            isAuditPayment={this.props.isAuditPayment}       //是否为财务
                            isAuditPaymentGLY={this.props.isAuditPaymentGLY} //是否为财务经理或者为财务管理员
                            patentName={this.state.patentName}
                            patentType={this.state.patentType}
                            status={this.state.refundStatus}
                            mid={this.state.mid}
                            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.payNodeTable()
                            }}
                        /> : <div/>
                  }
                </div>

                <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>
                  {!(this.state.oldInfor && Object.keys(this.state.oldInfor).length > 0) ? <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>
              </Spin> : <div/>}
            </TabPane>
          {/*{this.props.record && this.props.record.outsource == 1 ? (*/}
          {/*  <TabPane tab="外包公司信息" key="3">*/}
          {/*    <div className="patent-table" style={{ marginTop: '10px' }}>*/}
          {/*      <Spin spinning={this.state.loading}>*/}
          {/*        <Table*/}
          {/*          columns={this.state.companyColumns}*/}
          {/*          dataSource={this.state.companys}*/}
          {/*          scroll={{ x: 300, y: 0 }}*/}
          {/*          bordered*/}
          {/*          size="small"*/}
          {/*          expandedRowRender={(record) => {*/}
          {/*            return <p>{record.remarks}</p>*/}
          {/*          }}*/}
          {/*          pagination={false}*/}
          {/*        />*/}
          {/*      </Spin>*/}
          {/*    </div>*/}
          {/*  </TabPane>*/}
          {/*) : (*/}
          {/*  ''*/}
          {/*)}*/}
        </Tabs>
        <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> : <div/>
    )
  },
})

export default project
