| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302 | 
							- import React from 'react'
 
- import $ from 'jquery'
 
- import {
 
-   Spin,
 
-   Button,
 
-   Tabs,
 
-   Table,
 
-   message,
 
-   Modal,
 
-   Form,
 
-   Upload,
 
-   Tag,
 
- } from 'antd'
 
- import {
 
-   getProcessStatus,
 
-   getApproval,
 
-   getTaskStatus,
 
-   getLiquidationStatus,
 
-   splitUrl,
 
-   getProjectStatus,
 
-   getboutique,
 
-   getprovince,
 
-   ShowModal,
 
-   getRefundStatus,
 
- } from '@/tools'
 
- const FormItem = Form.Item
 
- import ResolutionDetail from '@/resolutionDetail'
 
- const { TabPane } = Tabs
 
- const project = React.createClass({
 
-   getInitialState() {
 
-     return {
 
-       visible: false,
 
-       record: this.props.record,
 
-       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',
 
-         },
 
-       ],
 
-       resVisible: false,
 
-       companyColumns: [
 
-         {
 
-           title: '公司',
 
-           dataIndex: 'name',
 
-           key: 'name',
 
-           //fixed:'left',
 
-           width: 160,
 
-         },
 
-         {
 
-           title: '联系人',
 
-           dataIndex: 'contacts',
 
-           key: 'contacts',
 
-         },
 
-         {
 
-           title: '联系人电话',
 
-           dataIndex: 'contactsMobile',
 
-           key: 'contactsMobile',
 
-         },
 
-         {
 
-           title: '地址',
 
-           dataIndex: 'companyProvinceArr',
 
-           key: 'companyProvinceArr',
 
-           width: 140,
 
-           render: (test) => {
 
-             return test[0] === null
 
-               ? ''
 
-               : getprovince(test[0]) +
 
-                   '/' +
 
-                   getprovince(test[1]) +
 
-                   '/' +
 
-                   getprovince(test[2])
 
-           },
 
-         },
 
-         {
 
-           title: '详细地址',
 
-           dataIndex: 'address',
 
-           key: 'address',
 
-         },
 
-       ],
 
-     }
 
-   },
 
-   componentWillReceiveProps(nextProps) {
 
-     this.setState({
 
-       visible: nextProps.visible,
 
-       record: nextProps.record,
 
-     })
 
-     if (nextProps.record) {
 
-       this.xiangqing(nextProps.record.id)
 
-       this.xiangqings(nextProps.record.orderNo)
 
-       this.xiangmu(nextProps.record.orderNo)
 
-       this.loaduserss(nextProps.record)
 
-     }
 
-   },
 
-   // handleOk() {
 
-   //   this.setState({
 
-   //     newVisible: false
 
-   //   });
 
-   //   // window.setTimeout( () => {
 
-   //   //   this.setState({
 
-   //   //     newVisible: true
 
-   //   //   });
 
-   //   // },)
 
-   // },
 
-   // 拆分详细
 
-   showRes(record) {
 
-     this.setState({
 
-       resVisible: true,
 
-       resRecord: record,
 
-     })
 
-   },
 
-   resCancel() {
 
-     this.setState({
 
-       resVisible: false,
 
-     })
 
-   },
 
-   componentDidMount() {},
 
-   xiangqing(id) {
 
-     this.setState({
 
-       loading: true,
 
-     })
 
-     $.ajax({
 
-       method: 'get',
 
-       dataType: 'json',
 
-       crossDomain: false,
 
-       url: globalConfig.context + '/api/admin/orderProject/orderTaskDetail',
 
-       data: {
 
-         id: id,
 
-       },
 
-       success: function (data) {
 
-         if (data.error.length || data.data.list == '') {
 
-           if (data.error && data.error.length) {
 
-             message.warning(data.error[0].message)
 
-           }
 
-         } else {
 
-           let thisdata = data.data
 
-           this.setState({
 
-             id: thisdata.id, //ID
 
-             orderNo: thisdata.orderNo, //订单编号
 
-             userName: thisdata.userName, //客户名称
 
-             taskName: thisdata.taskName, //任务名称
 
-             cname: thisdata.cname, //项目品类
 
-             contractNo: thisdata.contractNo, //合同编号
 
-             projectStatus: thisdata.projectStatus, //项目状态
 
-             taskStatus: thisdata.taskStatus, //任务状态
 
-             taskDate: thisdata.taskDate, //分配时间
 
-             taskComment: thisdata.taskComment, //说明
 
-             attachmentUrl: thisdata.attachmentUrl
 
-               ? splitUrl(
 
-                   thisdata.attachmentUrl,
 
-                   ',',
 
-                   globalConfig.avatarHost + '/upload'
 
-                 )
 
-               : [], //图片地址
 
-             salesmanName: thisdata.salesmanName, //订单负责人
 
-             startDate: thisdata.startDate, //启动日期
 
-             endDate: thisdata.endDate, //结束日期
 
-             acceptDate: thisdata.acceptDate, //受理日期
 
-             reviewDate: thisdata.reviewDate, //评审日期
 
-             publicityDate: thisdata.publicityDate, //公示日期
 
-             licenceDate: thisdata.licenceDate, //发证日期
 
-             contacts: thisdata.contacts, //联系人
 
-             contactMobile: thisdata.contactMobile, //联系人电话
 
-             legalPerson: thisdata.legalPerson, //法人
 
-             legalPersonTel: thisdata.legalPersonTel, //法人电话
 
-             certificateNumber: thisdata.certificateNumber, //证书编号
 
-             status: thisdata.status, //状态
 
-             formRetrieve: thisdata.formRetrieve, //满意度表格
 
-             taskRefund: thisdata.taskRefund, //退单
 
-             refundContent: thisdata.refundContent, //退单信息
 
-             retrieveContent: thisdata.retrieveContent, //回收信息
 
-             arrivalMoney: thisdata.arrivalMoney, //是否到款
 
-             setUpAmount: thisdata.setUpAmount, //立项金额
 
-             declareUser: thisdata.declareUser, //账号
 
-             declarePwd: thisdata.declarePwd, //密码
 
-             depName: thisdata.depName, //订单部门
 
-             outsourceName: thisdata.outsourceName, //外包公司名称
 
-             outsourcePrice: thisdata.outsourcePrice, //外包价格
 
-             declarationBatch: thisdata.declarationBatch, //外包价格
 
-           })
 
-         }
 
-       }.bind(this),
 
-     }).always(
 
-       function () {
 
-         this.setState({
 
-           loading: false,
 
-         })
 
-       }.bind(this)
 
-     )
 
-   },
 
-   //订单详情
 
-   xiangqings(orderNos) {
 
-     this.setState({
 
-       loading: true,
 
-     })
 
-     $.ajax({
 
-       method: 'get',
 
-       dataType: 'json',
 
-       crossDomain: false,
 
-       url: globalConfig.context + '/api/admin/newOrder/getOrderNewDetail',
 
-       data: {
 
-         orderNo: orderNos,
 
-       },
 
-       success: function (data) {
 
-         let thisdata = data.data
 
-         let ProvinceCityArr = []
 
-         let ProvinceS = thisdata.locationProvince //省
 
-         let citys = thisdata.locationCity //市
 
-         let Areas = thisdata.locationArea //区
 
-         ProvinceCityArr.push(ProvinceS, citys, Areas)
 
-         if (data.error.length || data.data.list == '') {
 
-           if (data.error && data.error.length) {
 
-             message.warning(data.error[0].message)
 
-           }
 
-         } else {
 
-           this.setState({
 
-             processStatus: thisdata.processStatus, //流程状态
 
-             liquidationStatus: thisdata.liquidationStatus, //结算状态
 
-             approval: thisdata.approval, //特批状态
 
-             orderRemarks: thisdata.orderRemarks, //订单留言
 
-             salesmanName: thisdata.salesmanName, //营销员名称
 
-             salesmanMobile: thisdata.salesmanMobile, //营销员电话
 
-             oldSalesmanName: thisdata.oldSalesmanName, //营销员名称
 
-             oldSalesmanMobile: thisdata.oldSalesmanMobile, //营销员电话
 
-             financeName: thisdata.financeName, //财务名称
 
-             financeMobile: thisdata.financeMobile, //财务电话
 
-             nowFinance: thisdata.nowFinance, //财务名称
 
-             nowFinanceMobile: thisdata.nowFinanceMobile, //财务电话
 
-             depName: thisdata.depName, //订单部门
 
-             locationProvince: thisdata.locationProvince,
 
-             locationCity: thisdata.locationCity,
 
-             locationArea: thisdata.locationArea,
 
-             ProvinceCity: ProvinceCityArr,
 
-             postalAddress: thisdata.postalAddress, //详细地址
 
-             outsource: thisdata.outsource,
 
-           })
 
-         }
 
-       }.bind(this),
 
-     }).always(
 
-       function () {
 
-         this.setState({
 
-           loading: false,
 
-         })
 
-       }.bind(this)
 
-     )
 
-   },
 
-   //查看下证信息
 
-   loaduserss(record) {
 
-     this.setState({
 
-       loading: true,
 
-     })
 
-     $.ajax({
 
-       method: 'get',
 
-       dataType: 'json',
 
-       crossDomain: false,
 
-       url: globalConfig.context + '/api/admin/orderProject/selectTaskProgress',
 
-       data: {
 
-         tid: record.id,
 
-       },
 
-       success: function (data) {
 
-         let theArr = []
 
-         let thisData = []
 
-         if (!thisData) {
 
-           if (data.error && data.error.length) {
 
-             message.warning(data.error[0].message)
 
-           }
 
-           thisData = {}
 
-         } else {
 
-           for (let i = 0; i < data.data.length; i++) {
 
-             thisData = data.data[i]
 
-             theArr.push({
 
-               num: i + 1,
 
-               key: i,
 
-               id: thisData.id, //编号
 
-               alreadyNumber: thisData.alreadyNumber, //下证数
 
-               licenceTimes: thisData.licenceTimes, //下证时间
 
-               notCount: thisData.notCount, //未下证数
 
-               flag: true,
 
-             })
 
-           }
 
-           this.setState({
 
-             contactList: theArr,
 
-           })
 
-         }
 
-       }.bind(this),
 
-     }).always(
 
-       function () {
 
-         this.setState({
 
-           loading: false,
 
-         })
 
-       }.bind(this)
 
-     )
 
-   },
 
-   //项目列表
 
-   xiangmu(orderNos) {
 
-     this.setState({
 
-       loading: true,
 
-     })
 
-     $.ajax({
 
-       method: 'get',
 
-       dataType: 'json',
 
-       crossDomain: false,
 
-       url: globalConfig.context + '/api/admin/newOrder/getOrderTask',
 
-       data: {
 
-         orderNo: orderNos,
 
-       },
 
-       success: function (data) {
 
-         let theArr = []
 
-         if (data.error.length || data.data.list == '') {
 
-           if (data.error && data.error.length) {
 
-             message.warning(data.error[0].message)
 
-           }
 
-         } else {
 
-           for (let i = 0; i < data.data.length; i++) {
 
-             let thisdata = data.data[i]
 
-             theArr.push({
 
-               key: i,
 
-               id: thisdata.id,
 
-               orderNo: thisdata.orderNo, //订单编号
 
-               commodityId: thisdata.commodityId, //项目ID
 
-               commodityName: thisdata.commodityName, //项目名称
 
-               cname: thisdata.cname, //项目类别
 
-               commodityPrice: thisdata.commodityPrice, //项目价格
 
-               commodityQuantity: thisdata.commodityQuantity, //项目数量
 
-               main: thisdata.main, //是否为主要任务
 
-               taskComment: thisdata.taskComment, //任务说明
 
-               contacts: thisdata.contacts, //联系人
 
-               contactsMobile: thisdata.contactsMobile, //联系人电话
 
-               taskStatus: thisdata.taskStatus, //是否分配
 
-               splitStatus: thisdata.splitStatus,
 
-               sort: thisdata.cSort,
 
-             })
 
-           }
 
-         }
 
-         this.setState({
 
-           dataSourceX: theArr,
 
-         })
 
-       }.bind(this),
 
-     }).always(
 
-       function () {
 
-         this.setState({
 
-           loading: false,
 
-         })
 
-       }.bind(this)
 
-     )
 
-   },
 
-   tableRowClickX(record) {
 
-     this.setState({
 
-       jid: record.id, //项目ID
 
-       kid: record.commodityId, //商品ID
 
-       commodityName: record.commodityName, //金额
 
-       commodityPrice: record.commodityPrice, //金额
 
-       commodityQuantity: record.commodityQuantity, //数量
 
-       taskComment: record.taskComment, //备注
 
-       main: record.main.toString(), //是否为主要
 
-       addnextVisible: true,
 
-       addState: 0,
 
-     })
 
-   },
 
-   caozuorizhi() {
 
-     this.setState({
 
-       loading: true,
 
-     })
 
-     this.setState({
 
-       visibleA: true,
 
-     })
 
-     $.ajax({
 
-       method: 'get',
 
-       dataType: 'json',
 
-       crossDomain: false,
 
-       url: globalConfig.context + '/api/admin/orderProject/TaskLogList',
 
-       data: {
 
-         id: this.state.id,
 
-       },
 
-       success: function (data) {
 
-         let theArr = []
 
-         if (data.error.length || data.data.list == '') {
 
-           if (data.error && data.error.length) {
 
-             message.warning(data.error[0].message)
 
-           }
 
-         } else {
 
-           for (let i = 0; i < data.data.length; i++) {
 
-             let thisdata = data.data[i]
 
-             theArr.push({
 
-               key: i,
 
-               id: thisdata.id, //日志ID
 
-               content: thisdata.content, //流程
 
-               taskId: thisdata.taskId, //任务ID
 
-               aName: thisdata.aName, //负责人
 
-               createTimes: thisdata.createTimes, //时间
 
-             })
 
-           }
 
-         }
 
-         this.setState({
 
-           dataSourceA: theArr,
 
-         })
 
-       }.bind(this),
 
-     }).always(
 
-       function () {
 
-         this.setState({
 
-           loading: false,
 
-         })
 
-       }.bind(this)
 
-     )
 
-   }, //关闭操作工时
 
-   visitCancelA() {
 
-     this.setState({
 
-       visibleA: false,
 
-     })
 
-   },
 
-   waiDetail() {
 
-     let url = window.location.href.substring(7)
 
-     this.setState({
 
-       loading: true,
 
-     })
 
-     $.ajax({
 
-       method: 'get',
 
-       dataType: 'json',
 
-       crossDomain: false,
 
-       url:
 
-         globalConfig.context + '/api/admin/outsourceOrg/orderOutsourceDtails',
 
-       data: {
 
-         tid: this.props.record.id,
 
-         orderNo: this.props.record.orderNo,
 
-       },
 
-     }).done(
 
-       function (data) {
 
-         this.setState({
 
-           loading: false,
 
-         })
 
-         if (!data.error.length && data.data) {
 
-           this.setState({
 
-             outsourceRemarks: data.data.outsourceRemarks,
 
-             remarks: data.data.remarks,
 
-             companyName: data.data.companyName,
 
-             amount: data.data.amount,
 
-             mid: data.data.id,
 
-             unitPrice: data.data.unitPrice,
 
-             refundStatus: data.data.refundStatus,
 
-             unitNumber: data.data.unitNumber,
 
-             pictureUrl: data.data.pictureUrl
 
-               ? splitUrl(
 
-                   data.data.pictureUrl,
 
-                   ',',
 
-                   globalConfig.avatarHost + '/upload',
 
-                   url
 
-                 )
 
-               : [], //图片地址
 
-             createTimes: data.data.createTimes,
 
-             auditTimes: data.data.auditTimes,
 
-           })
 
-         } else if (data.error && data.error.length) {
 
-           message.warning(data.error[0].message)
 
-         } else if (!data.data) {
 
-           this.setState({
 
-             refundStatus: undefined,
 
-           })
 
-         }
 
-       }.bind(this)
 
-     )
 
-   },
 
-   //加载外包
 
-   loadCompany() {
 
-     this.setState({
 
-       loading: true,
 
-     })
 
-     $.ajax({
 
-       method: 'get',
 
-       dataType: 'json',
 
-       crossDomain: false,
 
-       url: globalConfig.context + '/api/admin/outsourceOrg/selectOutsourceOrg',
 
-       data: {
 
-         tid: this.props.record.id,
 
-         orderNo: this.props.record.orderNo,
 
-       },
 
-       success: function (data) {
 
-         let theArr = []
 
-         if (data.error.length || data.data.list == '') {
 
-           if (data.error && data.error.length) {
 
-             message.warning(data.error[0].message)
 
-           }
 
-         } else {
 
-           for (let i = 0; i < data.data.length; i++) {
 
-             let thisdata = data.data[i]
 
-             let ProvinceCityArr = []
 
-             let ProvinceS = thisdata.province //省
 
-             let citys = thisdata.city //市
 
-             let Areas = thisdata.area //区
 
-             ProvinceCityArr.push(ProvinceS, citys, Areas)
 
-             theArr.push({
 
-               key: i,
 
-               id: thisdata.id, //外包Id
 
-               name: thisdata.name, //名称
 
-               contacts: thisdata.contacts, //联系人
 
-               contactsMobile: thisdata.contactsMobile, //联系人电话
 
-               companyProvinceArr: ProvinceCityArr,
 
-               address: thisdata.address,
 
-               remarks: thisdata.remarks,
 
-             })
 
-           }
 
-         }
 
-         this.setState({
 
-           companys: theArr,
 
-         })
 
-       }.bind(this),
 
-     }).always(
 
-       function () {
 
-         this.setState({
 
-           loading: false,
 
-         })
 
-       }.bind(this)
 
-     )
 
-   },
 
-   tabChange(e) {
 
-     if (e == 2) {
 
-       this.waiDetail()
 
-     } else if (e == 3) {
 
-       this.loadCompany()
 
-     }
 
-   },
 
-   render() {
 
-     const formItemLayout = {
 
-       labelCol: { span: 8 },
 
-       wrapperCol: { span: 14 },
 
-     }
 
-     const utils = {
 
-       getSatisfaction: function (num) {
 
-         switch (num) {
 
-           case 0:
 
-             return '未收回'
 
-           case 1:
 
-             return '已收回'
 
-           default:
 
-             return '其它'
 
-         }
 
-       },
 
-       getChargeback: function (num) {
 
-         switch (num) {
 
-           case 0:
 
-             return '已完成'
 
-           case 1:
 
-             return '未完成'
 
-           default:
 
-             return '其它'
 
-         }
 
-       },
 
-     }
 
-     return (
 
-       <Modal
 
-         className="customeDetails"
 
-         footer=""
 
-         title=""
 
-         width="900px"
 
-         visible={this.state.visible}
 
-         // onOk={this.visitOk}
 
-         onCancel={(e) => {
 
-           this.props.cancel()
 
-         }}
 
-       >
 
-         {this.state.resVisible ? (
 
-           <ResolutionDetail
 
-             cancel={this.resCancel}
 
-             detail={this.state.resRecord}
 
-             visible={this.state.resVisible}
 
-             id={this.state.resRecord.orderNo}
 
-           />
 
-         ) : (
 
-           ''
 
-         )}
 
-         <Tabs defaultActiveKey="1" onChange={this.tabChange}>
 
-           <TabPane tab="项目概况" key="1">
 
-             <Form
 
-               layout="horizontal"
 
-               onSubmit={this.handleSubmit}
 
-               id="demand-form"
 
-               style={{ paddingBottom: '0px' }}
 
-             >
 
-               <Spin spinning={this.state.loading}>
 
-                 <div className="clearfix">
 
-                   <div className="clearfix">
 
-                     <FormItem
 
-                       className="half-item"
 
-                       {...formItemLayout}
 
-                       label="当前项目情况"
 
-                     >
 
-                       <span>{this.state.status ? '暂停' : '开启'}</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>
 
-             </Form>
 
-           </TabPane>
 
-           {this.props.record && this.props.record.outsource == 1 ? (
 
-             <TabPane tab="外包审核信息" key="2">
 
-               <Spin spinning={this.state.loading}>
 
-                 <div>
 
-                   <div className="clearfix">
 
-                     <FormItem
 
-                       className="half-item"
 
-                       {...formItemLayout}
 
-                       label="外包公司"
 
-                     >
 
-                       <span>{this.state.companyName}</span>
 
-                     </FormItem>
 
-                   </div>
 
-                   <div className="clearfix">
 
-                     <FormItem
 
-                       className="half-item"
 
-                       {...formItemLayout}
 
-                       label="单价(万元)"
 
-                     >
 
-                       <span>{this.state.unitPrice}</span>
 
-                     </FormItem>
 
-                   </div>
 
-                   <div className="clearfix">
 
-                     <FormItem
 
-                       className="half-item"
 
-                       {...formItemLayout}
 
-                       label="数量(个)"
 
-                     >
 
-                       <span>{this.state.unitNumber}</span>
 
-                     </FormItem>
 
-                   </div>
 
-                   <div className="clearfix">
 
-                     <FormItem
 
-                       className="half-item"
 
-                       {...formItemLayout}
 
-                       label="总金额(万元)"
 
-                     >
 
-                       <span>{this.state.amount}</span>
 
-                     </FormItem>
 
-                   </div>
 
-                   <div className="clearfix">
 
-                     <FormItem
 
-                       className="half-item"
 
-                       {...formItemLayout}
 
-                       label="备注"
 
-                     >
 
-                       <span>{this.state.outsourceRemarks}</span>
 
-                     </FormItem>
 
-                   </div>
 
-                   <div className="clearfix">
 
-                     <FormItem
 
-                       labelCol={{ span: 4 }}
 
-                       wrapperCol={{ span: 18 }}
 
-                       label="合同/协议扫描件"
 
-                     >
 
-                       <Upload
 
-                         className="demandDetailShow-upload"
 
-                         listType="picture-card"
 
-                         fileList={this.state.pictureUrl}
 
-                         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>
 
-                 <div className="clearfix">
 
-                   <hr className="division" />
 
-                   <div
 
-                     className="clearfix"
 
-                     style={{
 
-                       display: this.state.refundStatus == 0 ? 'none' : 'block',
 
-                     }}
 
-                   >
 
-                     <FormItem
 
-                       className="half-item"
 
-                       {...formItemLayout}
 
-                       label="审核意见"
 
-                     >
 
-                       <span>{this.state.remarks}</span>
 
-                     </FormItem>
 
-                   </div>
 
-                   <div className="clearfix">
 
-                     <FormItem
 
-                       className="half-item"
 
-                       {...formItemLayout}
 
-                       label="审核结果"
 
-                     >
 
-                       <span>{getRefundStatus(this.state.refundStatus)}</span>
 
-                     </FormItem>
 
-                   </div>
 
-                   <div
 
-                     className="clearfix"
 
-                     style={{
 
-                       display: this.state.refundStatus == 0 ? 'none' : 'block',
 
-                     }}
 
-                   >
 
-                     <FormItem
 
-                       className="half-item"
 
-                       {...formItemLayout}
 
-                       label="审核时间"
 
-                     >
 
-                       <span>{this.state.auditTimes}</span>
 
-                     </FormItem>
 
-                   </div>
 
-                 </div>
 
-               </Spin>
 
-             </TabPane>
 
-           ) : (
 
-             ''
 
-           )}
 
-           {this.props.record && this.props.record.outsource == 1 ? (
 
-             <TabPane tab="外包公司信息" key="3">
 
-               <div className="patent-table" style={{ marginTop: '10px' }}>
 
-                 <Spin spinning={this.state.loading}>
 
-                   <Table
 
-                     columns={this.state.companyColumns}
 
-                     dataSource={this.state.companys}
 
-                     scroll={{ x: 300, y: 0 }}
 
-                     bordered
 
-                     size="small"
 
-                     expandedRowRender={(record) => {
 
-                       return <p>{record.remarks}</p>
 
-                     }}
 
-                     pagination={false}
 
-                   />
 
-                 </Spin>
 
-               </div>
 
-             </TabPane>
 
-           ) : (
 
-             ''
 
-           )}
 
-         </Tabs>
 
-         <Modal
 
-           width="800px"
 
-           visible={this.state.visibleA}
 
-           onCancel={this.visitCancelA}
 
-           title="操作日志"
 
-           footer=""
 
-           className="admin-desc-content"
 
-         >
 
-           <div className="patent-table patent-table-center">
 
-             <Spin spinning={this.state.loading}>
 
-               <Table
 
-                 columns={this.state.columnsA}
 
-                 dataSource={this.state.dataSourceA}
 
-                 pagination={false}
 
-                 bordered
 
-                 size="small"
 
-               />
 
-             </Spin>
 
-           </div>
 
-         </Modal>
 
-       </Modal>
 
-     )
 
-   },
 
- })
 
- export default project
 
 
  |