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;