kede-client/js/component/manageCenter/project/task/payApplyReject/detailsModal/projectOverview.js

import React, { Component } from 'react';
import {
    Button,
    Cascader,
    DatePicker,
    Form,
    Input,
    message,
    Modal,
    Radio,
    Select,
    Spin,
    Table,
    Tabs,
    Tag,
    Tooltip,
    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';
import DeclarationProgress from "../../../../../common/declarationProgress";
import EnterpriseNameChange from "../../../../../common/enterpriseNameChange";
import ProjectOperation from "../../../../../common/projectOperation";

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',
                    render: (text, record) => {
                        return (
                            <span>{text}<span style={{ color: "red" }}>{record.patentTypeName}</span></span>
                        )
                    }
                },
                {
                    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: "yearSum",
                    key: "yearSum",
                    render: (text, record) => {
                        return (
                            <div>{["", "一年", "二年", "三年", "四年", "五年"][text]}</div>
                        );
                    }
                },
                {
                    title: "年限",
                    dataIndex: "serviceLife",
                    key: "serviceLife",
                    render: (text, record) => {
                        return (
                            <div>{!!text && JSON.parse(text).toString()}</div>
                        );
                    }
                },
                {
                    title: "本次派单",
                    dataIndex: "serviceYear",
                    key: "serviceYear",
                    render: (text, record) => {
                        return (
                            <div>{!text ? "" : text}</div>
                        );
                    }
                },
                {
                    title: '项目说明',
                    dataIndex: 'taskComment',
                    key: 'taskComment',
                    render: (text) => {
                        return (
                            <Tooltip title={text}>
                                <div
                                    style={{
                                        width: 100,
                                        overflow: "hidden",
                                        whiteSpace: "nowrap",
                                        textOverflow: "ellipsis",
                                    }}
                                >{text}</div>
                            </Tooltip>
                        )
                    },
                },
            ],
            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({
                        orderUid: thisdata.uid,
                        examineName: thisdata.examineName,
                        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,
            projectOperationVisible: 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, this.state.examineName, this.state.approval)}</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.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>
                                <EnterpriseNameChange
                                    type='journal'
                                    style={{ marginLeft: 10 }}
                                    enterpriseId={this.state.orderUid} />
                            </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>
                            <DeclarationProgress
                                timeRecordparse={this.state.timeRecordparse}
                                taskDate={this.state.taskDate}
                                startDate={this.state.startDate}
                                list={[
                                    { 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: 15, name: '立项金额', value: this.state.setUpAmount }
                                ]} />
                            {/*专利显示  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}
                                        {/*高新和科技项目显示  bpType: 0 正常 1专利 2软著 3审计 4双软 5高新 6商标*/}
                                        {/*cSort: 3 科技项目  6: 会员*/}
                                        {(this.state.bpType === 5 || this.state.cSort === 3) && <FormItem
                                            className="half-item"
                                            {...formItemLayout}
                                            label="申报批次"
                                        >
                                            <span>{this.state.declarationBatch}</span>
                                        </FormItem>}
                                        {/*只有科技项目才有是否到款*/}
                                        {/*cSort: 3 科技项目  6: 会员*/}
                                        {this.state.cSort === 3 && <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>
                {this.state.projectOperationVisible ? <ProjectOperation
                    readOnly={this.state.editFw && Object.keys(this.state.editFw).length > 0 && this.state.processStatus !== 0}
                    orderNo={this.state.orderNo}
                    visible={this.state.projectOperationVisible}
                    dataInfor={this.state.editFw}
                    onCancel={() => {
                        this.setState({
                            projectOperationVisible: false,
                            editFw: {},
                        }, () => {
                            this.xiangmu(this.state.orderNo);
                        });
                    }}
                /> : null}
            </Form>
        )
    }
}

export default projectOverview;