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,
} 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";

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={
            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.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({
                        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,
                    })
                    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>{this.state.status ? '暂停' : '开启'}</span>
                                <Button
                                    type="primary"
                                    size="small"
                                    style={{ marginTop: '5px', position: 'absolute' }}
                                    onClick={this.caozuorizhi}
                                >
                                    操作日志
                                </Button>
                            </FormItem>
                            <FormItem
                                className="half-item"
                                {...formItemLayout}
                                label="合同编号"
                            >
                                <span>{this.state.contractNo}</span>
                            </FormItem>
                        </div>
                        <div className="clearfix">
                            <FormItem
                                className="half-item"
                                {...formItemLayout}
                                label="项目状态"
                            >
                                {/* <span>{getProcessStatus(this.state.projectStatus)}</span> */}
                                <span>{getProjectStatus(this.state.projectStatus)}</span>
                            </FormItem>
                            <FormItem
                                className="half-item"
                                {...formItemLayout}
                                label="是否特批"
                            >
                                <span>{getApproval(this.state.approval)}</span>
                            </FormItem>
                            <FormItem
                                className="half-item"
                                {...formItemLayout}
                                label="结算状态"
                            >
                      <span>
                        {getLiquidationStatus(this.state.liquidationStatus)}
                      </span>
                            </FormItem>
                            <FormItem
                                className="half-item"
                                {...formItemLayout}
                                label="流程状态"
                            >
                                <span>{getProcessStatus(this.state.processStatus)}</span>
                            </FormItem>
                            <FormItem
                                className="half-item"
                                {...formItemLayout}
                                label="订单编号"
                            >
                                <span>{this.state.orderNo}</span>
                            </FormItem>
                            <FormItem
                                className="half-item"
                                {...formItemLayout}
                                label="是否外包"
                            >
                                <span>{this.state.outsource == 0 ? '否' : '是'}</span>
                            </FormItem>
                        </div>
                        <div className="clearfix">
                            <FormItem
                                className="half-item"
                                {...formItemLayout}
                                label="满意度表格"
                            >
                      <span>
                        {utils.getSatisfaction(this.state.formRetrieve)}
                      </span>
                            </FormItem>
                            <FormItem
                                className="half-item"
                                {...formItemLayout}
                                label="退单"
                            >
                                <span>{utils.getChargeback(this.state.taskRefund)}</span>
                            </FormItem>
                        </div>
                        <div className="clearfix">
                            {
                                <FormItem
                                    className="half-item"
                                    {...formItemLayout}
                                    label="(满意度)备注"
                                >
                                    <span>{this.state.retrieveContent}</span>
                                </FormItem>
                            }
                            {
                                <FormItem
                                    className="half-item"
                                    {...formItemLayout}
                                    label="(退单)备注"
                                >
                                    <span>{this.state.refundContent}</span>
                                </FormItem>
                            }
                        </div>
                        <div className="clearfix">
                            <h3 className="sub-title">任务信息</h3>
                            <FormItem
                                className="half-item"
                                {...formItemLayout}
                                label="任务编号"
                            >
                                <span>{this.state.id}</span>
                            </FormItem>
                            <FormItem
                                className="half-item"
                                {...formItemLayout}
                                label="任务名称"
                            >
                                <span>{this.state.taskName}</span>
                            </FormItem>
                            <FormItem
                                className="half-item"
                                {...formItemLayout}
                                label="任务状态"
                            >
                                <span>{getTaskStatus(this.state.taskStatus)}</span>
                            </FormItem>
                            <FormItem
                                className="half-item"
                                {...formItemLayout}
                                label="任务类别"
                            >
                                <span>{this.state.cname}</span>
                            </FormItem>
                            <FormItem
                                className="half-item"
                                {...formItemLayout}
                                label="证书编号"
                            >
                                <span>{this.state.certificateNumber}</span>
                            </FormItem>
                        </div>
                        {/*{this.state.outsource === 1 ? (*/}
                        {/*    <div className="clearfix">*/}
                        {/*        <h3 className="sub-title">外包信息</h3>*/}
                        {/*        <FormItem*/}
                        {/*            className="half-item"*/}
                        {/*            {...formItemLayout}*/}
                        {/*            label="外包公司"*/}
                        {/*        >*/}
                        {/*            <span>{this.state.outsourceName}</span>*/}
                        {/*        </FormItem>*/}
                        {/*        <FormItem*/}
                        {/*            className="half-item"*/}
                        {/*            {...formItemLayout}*/}
                        {/*            label="外包成本(万元)"*/}
                        {/*        >*/}
                        {/*            <span>{this.state.outsourcePrice}</span>*/}
                        {/*        </FormItem>*/}
                        {/*    </div>*/}
                        {/*) : (*/}
                        {/*    ''*/}
                        {/*)}*/}
                        {/*<hr style={{border:'1px dashed #aaa', width:"90%",margin:'auto'}}/>*/}
                        <div className="clearfix">
                            <h3 className="sub-title">联系信息</h3>
                            <FormItem
                                className="half-item"
                                {...formItemLayout}
                                label="客户名称"
                            >
                                <span>{this.state.userName}</span>
                            </FormItem>
                            <FormItem
                                className="half-item"
                                {...formItemLayout}
                                label="企业法人"
                            >
                                <span>{this.state.legalPerson}</span>
                            </FormItem>
                            <FormItem
                                className="half-item"
                                {...formItemLayout}
                                label="法人电话"
                            >
                                <span>{this.state.legalPersonTel}</span>
                            </FormItem>
                            <FormItem
                                className="half-item"
                                {...formItemLayout}
                                label="客户联系人"
                            >
                                <span>{this.state.contacts}</span>
                            </FormItem>
                            <FormItem
                                className="half-item"
                                {...formItemLayout}
                                label="联系人电话"
                            >
                                <span>{this.state.contactMobile}</span>
                            </FormItem>
                            <FormItem
                                className="half-item"
                                {...formItemLayout}
                                label="企业地址"
                            >
                      <span>
                        {getprovince(this.state.locationProvince)}/
                          {getprovince(this.state.locationCity)}/
                          {getprovince(this.state.locationArea)}
                      </span>
                            </FormItem>
                            <FormItem
                                className="half-item"
                                {...formItemLayout}
                                label=""
                            ></FormItem>
                            <FormItem className="half-item" {...formItemLayout}>
                      <span style={{ paddingLeft: '12em' }}>
                        {this.state.postalAddress}
                      </span>
                            </FormItem>
                        </div>
                        {/*<hr style={{border:'1px dashed #aaa', width:"90%",margin:'auto'}}/>*/}
                        <div className="clearfix">
                            <h3 className="sub-title">订单负责人信息</h3>
                            <FormItem
                                className="half-item"
                                {...formItemLayout}
                                label="负责人"
                            >
                      <span>
                        {this.state.salesmanName +
                        '(' +
                        this.state.depName +
                        ')'}
                      </span>
                            </FormItem>
                            <FormItem
                                className="half-item"
                                {...formItemLayout}
                                label="负责人电话"
                            >
                                <span>{this.state.salesmanMobile}</span>
                            </FormItem>
                            <FormItem
                                className="half-item"
                                {...formItemLayout}
                                label="当前财务负责人"
                            >
                                <span>{this.state.nowFinance}</span>
                            </FormItem>
                            <FormItem
                                className="half-item"
                                {...formItemLayout}
                                label="当前财务负责人电话"
                            >
                                <span>{this.state.nowFinanceMobile}</span>
                            </FormItem>
                            <FormItem
                                className="half-item"
                                {...formItemLayout}
                                style={{ opacity: '.5' }}
                                label="原负责人"
                            >
                                <span>{this.state.oldSalesmanName}</span>
                            </FormItem>
                            <FormItem
                                className="half-item"
                                {...formItemLayout}
                                style={{ opacity: '.5' }}
                                label="原负责人电话"
                            >
                                <span>{this.state.oldSalesmanMobile}</span>
                            </FormItem>
                            <FormItem
                                className="half-item"
                                {...formItemLayout}
                                style={{ opacity: '.5' }}
                                label="实际财务操作人"
                            >
                                <span>{this.state.financeName}</span>
                            </FormItem>
                            <FormItem
                                className="half-item"
                                {...formItemLayout}
                                style={{ opacity: '.5' }}
                                label="实际财务操作人电话"
                            >
                                <span>{this.state.financeMobile}</span>
                            </FormItem>
                        </div>
                        <div className="clearfix">
                            <h3 className="sub-title">申报系统账户信息</h3>
                            {/*<span style={{color:'red'}}>注:仅技术部可见</span>*/}
                            <FormItem
                                className="half-item"
                                {...formItemLayout}
                                label="用户名"
                            >
                                <span>{this.state.declareUser ? '****' : ''}</span>
                            </FormItem>
                            <FormItem
                                className="half-item"
                                {...formItemLayout}
                                label="密码"
                            >
                                <span>{this.state.declarePwd ? '****' : ''}</span>
                            </FormItem>
                        </div>
                        <div className="clearfix">
                            <h3 className="sub-title">项目申报进度</h3>
                            <FormItem
                                className="half-item"
                                {...formItemLayout}
                                label="申报批次"
                            >
                                <span>{this.state.declarationBatch}</span>
                            </FormItem>
                            <FormItem
                                className="half-item"
                                {...formItemLayout}
                                label="启动时间"
                            >
                                <span>{this.state.startDate}</span>
                            </FormItem>
                            <FormItem
                                className="half-item"
                                {...formItemLayout}
                                label="完成时间"
                            >
                                <span>{this.state.endDate}</span>
                            </FormItem>
                            <FormItem
                                className="half-item"
                                {...formItemLayout}
                                label="受理时间"
                            >
                                <span>{this.state.acceptDate}</span>
                            </FormItem>
                            <FormItem
                                className="half-item"
                                {...formItemLayout}
                                label="评审时间"
                            >
                                <span>{this.state.reviewDate}</span>
                            </FormItem>
                            <FormItem
                                className="half-item"
                                {...formItemLayout}
                                label="公示时间"
                            >
                                <span>{this.state.publicityDate}</span>
                            </FormItem>
                            <FormItem
                                className="half-item"
                                {...formItemLayout}
                                label="发证时间"
                            >
                                <span>{this.state.licenceDate}</span>
                            </FormItem>
                            <FormItem
                                className="half-item"
                                {...formItemLayout}
                                label="立项金额(万元)"
                            >
                                <span>{this.state.setUpAmount}</span>
                            </FormItem>
                            <FormItem
                                className="half-item"
                                {...formItemLayout}
                                label="是否到款"
                            >
                      <span>
                        {this.state.arrivalMoney ? '已到企业' : '未到企业'}
                      </span>
                            </FormItem>
                        </div>
                        <div className="clearfix">
                            <FormItem
                                labelCol={{ span: 3 }}
                                wrapperCol={{ span: 18 }}
                                label="附件"
                            >
                                <Upload
                                    className="demandDetailShow-upload"
                                    listType="picture-card"
                                    fileList={this.state.attachmentUrl}
                                    onPreview={(file) => {
                                        this.setState({
                                            previewImage: file.url || file.thumbUrl,
                                            previewVisible: true,
                                        })
                                    }}
                                ></Upload>
                                <Modal
                                    maskClosable={false}
                                    footer={null}
                                    visible={this.state.previewVisible}
                                    onCancel={() => {
                                        this.setState({ previewVisible: false })
                                    }}
                                >
                                    <img
                                        alt=""
                                        style={{ width: '100%' }}
                                        src={this.state.previewImage || ''}
                                    />
                                </Modal>
                            </FormItem>
                        </div>
                        <div className="clearfix">
                            <FormItem
                                labelCol={{ span: 3 }}
                                wrapperCol={{ span: 16 }}
                                label="备注"
                            >
                                <span>{this.state.taskComment}</span>
                            </FormItem>
                        </div>
                        <div>
                            <h3 className="sub-title">项目业务</h3>
                            {/* {this.state.processStatus == 0 ? (
                  <Button
                    type="primary"
                    onClick={this.addDetailed}
                    style={{
                      float: "right",
                      marginRight: "50px",
                      marginBottom: "15px"
                    }}
                  >
                    添加项目明细
                  </Button>
                ) : (
                  ""
                )} */}
                        </div>
                        <div className="patent-table">
                            <Spin spinning={this.state.loading}>
                                <Table
                                    columns={this.state.columnsX}
                                    dataSource={this.state.dataSourceX}
                                    pagination={this.state.paginations}
                                    onRowClick={this.tableRowClickX}
                                    bordered
                                    size="small"
                                />
                            </Spin>
                        </div>
                    </div>
                </Spin>
                <Modal
                    width="800px"
                    visible={this.state.visibleA}
                    onCancel={this.visitCancelA}
                    title="操作日志"
                    footer=""
                    className="admin-desc-content"
                >
                    <div className="patent-table patent-table-center">
                        <Spin spinning={this.state.loading}>
                            <Table
                                columns={this.state.columnsA}
                                dataSource={this.state.dataSourceA}
                                pagination={false}
                                bordered
                                size="small"
                            />
                        </Spin>
                    </div>
                </Modal>
                <Modal 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;