import React,{Component} from 'react';
import {
    Button,
    Cascader,
    DatePicker,
    Form,
    Input,
    message,
    Modal,
    Radio,
    Select,
    Spin,
    Table,
    Tabs,
    Tag,
    Upload
} from "antd";
import Picture from '@/manageCenter/publicComponent/picture'
import {
    getProcessStatus,
    getApproval,
    getTaskStatus,
    getLiquidationStatus,
    splitUrl,
    getProjectStatus,
    getboutique,
    getprovince,
    ShowModal,
    getRefundStatus,
    getProjectName
} from '@/tools'
import { taskStatus, projectStatus, cuiJieDian } from '@/dataDic.js'
import { areaSelect } from '@/NewDicProvinceList'
import '@/manageCenter/financialManage/distribute/public.less'
import '@/manageCenter/financialManage/distribute/shouKuan.less'
import OrderRiZi from '@/orderRiZi.jsx'
import moment from "moment";
import $ from "jquery";
import PatentSchedule from '../../patentSchedule';

const FormItem = Form.Item
const { Option } = Select

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 '其它'
        }
    },
}

class projectOverview extends Component{
    constructor(props) {
        super(props);
        this.state={
            timeRecordparse:{},
            loading: false,
            projectStatus: props.projectStatus,
            pagination: {
                defaultCurrent: 1,
                defaultPageSize: 10,
                showQuickJumper: true,
                pageSize: 10,
                onChange: function (page) {
                    this.loadData(page)
                }.bind(this),
                showTotal: function (total) {
                    return '共' + total + '条数据'
                },
            },
            attachmentUrl: [],
            paginations: false,
            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',
                },
            ],
            editFw: {},
        }
        this.visitCancelA = this.visitCancelA.bind(this);
        this.caozuorizhi = this.caozuorizhi.bind(this);
        this.tableRowClickX = this.tableRowClickX.bind(this);
    }

    //关闭操作工时
    visitCancelA() {
        this.setState({
            visibleA: false,
        })
    }

    componentDidMount() {
        this.setState({
            isIso: this.props.taskName.indexOf("贯标") !== -1,
        })
        this.xiangqing(this.props.tid);
        this.loadData();
    }

    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)
        )
    }

    //订单详情
    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({
                        certificationCorporate: thisdata.certificationCorporate,//认证费公司
                        certificationFee: thisdata.certificationFee,//认证费
                        ifCertificationFee: thisdata.ifCertificationFee,//是否包含认证费
                        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,
                        bpType:thisdata.bpType,//0 正常 1专利 2软著 3审计 4双软 5高新 6商标
                        specialComment: thisdata.specialComment,
                        urgentDay: thisdata.urgentDay, //有无材料
                        ifMaterial: thisdata.ifMaterial, //加急情况
                        spotCheckStatus: thisdata.spotCheckStatus,
                        setUpStatus: thisdata.setUpStatus,
                        setUpTime: thisdata.setUpTime,
                        highTechStatus: thisdata.highTechStatus,
                        acceptCount:thisdata.acceptCount,       //受理数
                        certificatesCount:thisdata.certificatesCount, //授权数
                        rejectCount:thisdata.rejectCount,       //驳回数
                        commodityQuantity:thisdata.commodityQuantity, //派单项目数
                        timeRecordparse: thisdata.timeRecord ? JSON.parse(thisdata.timeRecord) : {},
                    })
                    this.loadData(thisdata.orderNo);
                    this.xiangqings(thisdata.orderNo);
                    this.xiangmu(thisdata.orderNo)
                }
            }.bind(this),
        }).always(
            function () {
                this.setState({
                    loading: false,
                })
            }.bind(this)
        )
    }

    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, //部门名称
                            commodityQuantity: thisdata.commodityQuantity, //项目数量
                            hours: thisdata.hours,
                            contractNo: thisdata.contractNo,
                            approval: thisdata.approval, //特批状态
                            outsourceStatus: thisdata.outsourceStatus, //外包审核状态
                            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)
        )
    }

    //订单详情
    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)
                        thisdata.key = i;
                        theArr.push(thisdata)
                    }
                }
                this.setState({
                    dataSourceX: theArr,
                    type: theArr[0].type,
                    cSort: theArr[0].cSort,
                })
            }.bind(this),
        }).always(
            function () {
                this.setState({
                    loading: false,
                })
            }.bind(this)
        )
    }

    tableRowClickX(record) {
        this.setState({
            editFw:record,
            addnextVisible: true,
        })
    }

    render() {
        const {editFw} = this.state;
        return(
            <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>{getProjectName(parseInt(this.state.projectStatus))}</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>{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>{this.state.retrieveContent}</span>
                            </FormItem>
                            {/*<FormItem*/}
                            {/*    className="half-item"*/}
                            {/*    {...formItemLayout}*/}
                            {/*    label="退单"*/}
                            {/*>*/}
                            {/*    <span>{utils.getChargeback(this.state.taskRefund)}</span>*/}
                            {/*</FormItem>*/}
                        </div>
                        {/*软著显示  bpType: 0 正常 1专利 2软著 3审计 4双软 5高新 6商标*/}
                        {this.state.bpType === 2 ? <div className="clearfix">
                            <FormItem
                                className="half-item"
                                {...formItemLayout}
                                label="加急天数"
                            >
                                {
                                    this.state.urgentDay === 1 ? '是' :
                                        this.state.urgentDay === 0 ? '否' : ''
                                }
                            </FormItem>
                            <FormItem
                                className="half-item"
                                {...formItemLayout}
                                label="有无材料"
                            >
                                {
                                    this.state.ifMaterial === 1 ? '是':
                                        this.state.ifMaterial === 0 ? '否': ''
                                }
                            </FormItem>
                        </div> : null}
                        <div className="clearfix">
                            <div style={{
                                paddingLeft: '8%',
                            }}>
                                <div style={{color:'#000',fontWeight:500}}>
                                    特别说明
                                    <span style={{color: '#58a3ff',}}>(针对项目的特殊情况说明)</span>
                                </div>
                                <div style={{
                                    display:'flex',
                                }}>
                                    <span style={{paddingRight:'10px',whiteSpace:"nowrap"}}>备注:</span>
                                    <span style={{
                                        flex: 1,
                                        wordBreak: 'break-all',
                                    }}>{this.state.specialComment}</span>
                                </div>
                            </div>
                            {
                                // <FormItem
                                //     className="half-item"
                                //     {...formItemLayout}
                                //     label="(退单)备注"
                                // >
                                //     <span>{this.state.refundContent}</span>
                                // </FormItem>
                            }
                        </div>
                        <div className="clearfix">
                            <h3 className="sub-title">任务信息</h3>
                            {/*0通用 1专利 2软著 3审计 4双软 5高新 6商标*/}
                            {/*高新与贯标需要显示*/}
                            {
                                this.state.bpType === 5 || this.state.isIso ?
                                    <div>
                                        <FormItem
                                            className="half-item"
                                            {...formItemLayout}
                                            label="认证费"
                                        >
                                <span>
                                  {
                                      this.state.ifCertificationFee === 1 ? '包含' : '不包含'
                                  }
                                </span>
                                        </FormItem>
                                        {this.state.ifCertificationFee === 1 ?<FormItem
                                            className="half-item"
                                            {...formItemLayout}
                                            label="认证费(万元)"
                                        >
                                <span>
                                    {
                                        this.state.certificationFee
                                    }
                                </span>
                                        </FormItem> : null}
                                        {this.state.ifCertificationFee === 1 ? <FormItem
                                            className="half-item"
                                            {...formItemLayout}
                                            label=""
                                        /> : null}
                                        {this.state.ifCertificationFee === 1 ? <FormItem
                                            className="half-item"
                                            {...formItemLayout}
                                            label="付款公司名称"
                                        >
                                  <span>
                                      {this.state.certificationCorporate}
                                  </span>
                                        </FormItem>:null}
                                    </div> : null
                            }
                            <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>
                            <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>
                            <div style={{display:'flex',flexFlow:'row wrap',marginLeft: '11px',marginTop:'20px'}}>
                                {this.state.startDate ? <div style={{marginRight:'30px',marginBottom:'15px'}}>
                                    <span style={{marginRight:'15px'}}>启动时间:</span>
                                    <span>{this.state.startDate}</span>
                                </div> : null}

                                {/*旧数据处理*/}
                                {/* endDate           完成时间      对应已提交时间     4*/}
                                {/* acceptDate        受理时间      对应已推荐时间     6*/}
                                {/* publicityDate     公示时间      对应已拟公示时间   8*/}
                                {/* licenceDate       发证时间      对应已下证时间     10*/}
                                {/* setUpAmount       立项金额                      18*/}
                                {
                                    this.state.timeRecordparse && Object.keys(this.state.timeRecordparse).map(v=>(
                                        <div style={{marginRight:'30px',marginBottom:'15px'}}>
                                            <span style={{marginRight:'15px'}}>{this.state.timeRecordparse[v]['title']}:</span>
                                            <span>
                                    {v === '18' ?
                                        this.state.timeRecordparse[v]['setUpAmount']:
                                        v === '10' ?
                                            this.state.timeRecordparse[v]['certificateNumber']:
                                            this.state.timeRecordparse[v]['date']
                                    }
                                  </span>
                                        </div>
                                    ))
                                }
                                {
                                    [
                                        {id:4,name:'完成时间',value:this.state.endDate},
                                        {id:6,name:'受理时间',value:this.state.acceptDate},
                                        {id:8,name:'公示时间',value:this.state.publicityDate},
                                        {id:10,name:'发证时间',value:this.state.licenceDate},
                                        {id:18,name:'立项金额',value:this.state.setUpAmount}
                                    ].map(v=>(
                                        !this.state.timeRecordparse[parseInt(v.id)] && v.value && <div style={{marginRight:'30px',marginBottom:'15px'}}>
                                            <span style={{marginRight:'15px'}}>{v.name}:</span>
                                            <span>{v.value}</span>
                                        </div>
                                    ))
                                }
                            </div>
                            {/*专利显示  bpType: 0 正常 1专利 2软著 3审计 4双软 5高新 6商标*/}
                            {
                                this.state.bpType === 1 || this.state.bpType === 6 ?
                                    <div>
                                        <FormItem
                                            labelCol={{ span: 3 }}
                                            wrapperCol={{ span: 16 }}
                                            label="是否高新企业"
                                        >
                                            <span>
                                              {
                                                  this.state.highTechStatus === 1 ? '是':
                                                      this.state.highTechStatus === 0 ? '否' : ''
                                              }
                                            </span>
                                        </FormItem>
                                        <FormItem/>
                                        <PatentSchedule
                                            readOnly
                                            bpType={this.state.bpType}
                                            taskId={this.state.id}
                                            acceptCount={this.state.acceptCount}
                                            certificatesCount={this.state.certificatesCount}
                                            rejectCount={this.state.rejectCount}
                                            commodityQuantity={this.state.commodityQuantity}
                                        />
                                    </div> :
                                    <div>
                                        {/*高新显示  bpType: 0 正常 1专利 2软著 3审计 4双软 5高新 6商标*/}
                                        {this.state.bpType === 5 ? <FormItem
                                            className="half-item"
                                            {...formItemLayout}
                                            label="是否抽查">
                                            {
                                                this.state.spotCheckStatus === 0 ? '否':
                                                    this.state.spotCheckStatus === 1 ? '是,未通过':
                                                        this.state.spotCheckStatus === 2 ? '是,通过': ''
                                            }
                                        </FormItem> : null}
                                        <FormItem/>
                                        {this.state.bpType === 5 ? <FormItem
                                            className="half-item"
                                            {...formItemLayout}
                                            label="是否立项"
                                        >
                                            {
                                                this.state.setUpStatus === 1 ? '是' :
                                                    this.state.setUpStatus === 0 ? '否' : ''
                                            }
                                        </FormItem> : null}
                                        {this.state.bpType === 5 ? <FormItem
                                            className="half-item"
                                            {...formItemLayout}
                                            label={this.state.setUpStatus === 1 ? "立项时间" : ''}
                                        >
                                            {this.state.setUpStatus === 1 ?this.state.setUpTime : null }
                                        </FormItem> : null}
                                        <FormItem
                                            className="half-item"
                                            {...formItemLayout}
                                            label="申报批次"
                                        >
                                            <span>{this.state.declarationBatch}</span>
                                        </FormItem>
                                        <FormItem
                                            className="half-item"
                                            {...formItemLayout}
                                            label="是否到款"
                                        >
                                          <span>
                                            {this.state.arrivalMoney ? '已到企业' : '未到企业'}
                                          </span>
                                        </FormItem>
                                        <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,
                                                        })
                                                    }}
                                                />
                                                <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>}
                        </div>
                        {this.state.bpType !== 1 && this.state.bpType !== 6 ? <div className="clearfix">
                            <FormItem
                                labelCol={{ span: 3 }}
                                wrapperCol={{ span: 16 }}
                                label="项目说明"
                            >
                                <span>{this.state.taskComment}</span>
                            </FormItem>
                        </div> : null}
                        <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>
                <Modal
                    maskClosable={false}
                    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 maskClosable={false} visible={this.state.addnextVisible} onCancel={()=>{
                    this.setState({
                        addnextVisible: false
                    })
                }}
                       width='550px'
                       title='查看项目详细'
                       footer=''
                       className="admin-desc-content">
                    <Form layout="horizontal" id="demand-form">
                        <Spin spinning={this.state.loading}>
                            <div className="clearfix">
                                <FormItem
                                    className="half-item"
                                    {...formItemLayout}
                                    label="项目名称"
                                >
                                    <span>{editFw.commodityName}</span>
                                </FormItem>
                                <FormItem
                                    className="half-item"
                                    {...formItemLayout}
                                    label="项目数量"
                                >
                                    <span>{editFw.commodityQuantity}</span>
                                </FormItem>
                                <FormItem
                                    className="half-item"
                                    {...formItemLayout}
                                    label="金额(万元)"
                                >
                                    <span>{editFw.commodityPrice}</span>
                                </FormItem>
                                <FormItem
                                    className="half-item"
                                    {...formItemLayout}
                                    label="主要项目"
                                >
                                    <span>{editFw.main ? '是' : '否'}</span>
                                </FormItem>
                                <div className="clearfix">
                                    <FormItem
                                        labelCol={{ span: 4 }}
                                        wrapperCol={{ span: 16 }}
                                        label="服务说明"
                                    >
                                        <span>{editFw.taskComment}</span>
                                    </FormItem>
                                </div>
                            </div>
                        </Spin>
                    </Form >
                </Modal>
            </Form>
        )
    }
}

export default projectOverview;