| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337 | 
							- import React from 'react';
 
- import $ from 'jquery/src/ajax';
 
- import {
 
- 	Modal,
 
- 	message,
 
- 	Spin,
 
- 	Upload,
 
- 	Button,
 
-     Form,
 
-     Table,
 
-     Col,
 
-     Tag
 
- } from 'antd';
 
- import {
 
-   getjiedian,
 
-   splitUrl,
 
-   getNewOrderType,
 
-   getProcessStatus,
 
-   getApproval,
 
-   getLiquidationStatus,
 
-   getProjectStatus,
 
-   getboutique,
 
-   getCuikuan,
 
- } from "@/tools";
 
- import OrderRiZi from "@/orderRiZi.jsx";
 
- import ResolutionDetail from "@/resolutionDetail";
 
- import ImgList from "../../../common/imgList";
 
- import {getProjectName} from "../../../tools";
 
- import ProjectDetailsReadOnly from "../../../common/projectDetailsReadOnly";
 
- const OrderDetail = Form.create()(
 
-   React.createClass({
 
-     loadXmu(record) {
 
-       this.state.data = [];
 
-       this.setState({
 
-         loading: true,
 
-       });
 
-       $.ajax({
 
-         method: "get",
 
-         dataType: "json",
 
-         crossDomain: false,
 
-         url: globalConfig.context + "/api/admin/newOrder/getOrderTask",
 
-         data: {
 
-           orderNo: record ? record.orderNo : this.props.data.orderNo,
 
-         },
 
-         success: function (data) {
 
-           let theArr = [];
 
-           if (!data.data) {
 
-             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];
 
-               thisdata.key = i;
 
-               thisdata.sort = thisdata.cSort;
 
-               theArr.push(thisdata);
 
-             }
 
-           }
 
-           this.setState({
 
-             dataSource: theArr,
 
-             pagination: false,
 
-           });
 
-         }.bind(this),
 
-       }).always(
 
-         function () {
 
-           this.setState({
 
-             loading: false,
 
-           });
 
-         }.bind(this)
 
-       );
 
-     },
 
-     getInitialState() {
 
-       return {
 
-         rotateDeg: 0,
 
-         visible: false,
 
-         avisible: false,
 
-         loading: false,
 
-         declarationBatch: 1,
 
-         dataInfor: {},
 
-         addnextVisible:false,
 
-         jsDate: [],
 
-         replenishUrl: [],
 
-         auditStatus: 0,
 
-         textFileList: [],
 
-         videoFileList: [],
 
-         previewVisibles: false,
 
-         pictureUrl: [],
 
-         pictureUrlMin: [],
 
-         columns: [
 
-           {
 
-             title: "业务项目名称",
 
-             dataIndex: "commodityName",
 
-             key: "commodityName",
 
-             render: (text, record) => {
 
-               return text && text.length > 6 ? (
 
-                 <span title={text}>
 
-                   {text.substr(0, 8) + "-" + record.id}...
 
-                 </span>
 
-               ) : (
 
-                 text + "-" + record.id
 
-               );
 
-             },
 
-           },
 
-           {
 
-             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: "projectStatus",
 
-             key: "projectStatus",
 
-             render: (text) => {
 
-               return getProjectName(text);
 
-             },
 
-           },
 
-           {
 
-             title: "证书编号",
 
-             dataIndex: "certificateNumber",
 
-             key: "certificateNumber",
 
-           },
 
-           {
 
-             title: "是否主要项目",
 
-             dataIndex: "main",
 
-             key: "main",
 
-             render: (text) => {
 
-               return text ? "是" : "否";
 
-             },
 
-           },
 
-           {
 
-             title: "项目说明",
 
-             dataIndex: "taskComment",
 
-             key: "taskComment",
 
-             render: (text) => {
 
-               return text && text.length > 8 ? (
 
-                 <span title={text}>{text.substr(0, 8)}...</span>
 
-               ) : (
 
-                 text
 
-               );
 
-             },
 
-           },
 
-         ],
 
-         columnsX: [
 
-           {
 
-             title: "流程",
 
-             dataIndex: "processName",
 
-             key: "processName",
 
-           },
 
-           {
 
-             title: "操作人",
 
-             dataIndex: "adminName",
 
-             key: "adminName",
 
-           },
 
-           {
 
-             title: "时间",
 
-             dataIndex: "createDate",
 
-             key: "createDate",
 
-           },
 
-         ],
 
-         ContactsListsNew: [
 
-           {
 
-             title: "项目名称",
 
-             dataIndex: "commodityName",
 
-             key: "commodityName",
 
-             render: (text, record) => {
 
-               return <span>{text + "-" + record.tid}</span>;
 
-             },
 
-           },
 
-           {
 
-             title: "项目分类",
 
-             dataIndex: "projectType",
 
-             key: "projectType",
 
-             render: (text) => {
 
-               let arr = this.state.dataSource || [];
 
-               let str = "";
 
-               for (let i = 0; i < arr.length; i++) {
 
-                 if (this.state.dataSource[i].sort == text) {
 
-                   str = this.state.dataSource[i].cname;
 
-                   return <span>{str}</span>;
 
-                 }
 
-               }
 
-             },
 
-           },
 
-           {
 
-             title: "催款科目",
 
-             dataIndex: "dunTypeName",
 
-             key: "dunTypeName",
 
-             render: (text, record) => {
 
-               if (record.customizeName) {
 
-                 return text + record.customizeName;
 
-               }
 
-               return <span>{text}</span>;
 
-             },
 
-           },
 
-           {
 
-             title: "时间(天)",
 
-             dataIndex: "waitDay",
 
-             key: "waitDay",
 
-             render: (text, record) => {
 
-               if (record.dunTypeName) {
 
-                 if (record.customizeTimes) {
 
-                   return record.customizeTimes;
 
-                 }
 
-                 return <span>{text}</span>;
 
-               }
 
-             },
 
-           },
 
-           {
 
-             title: "金额(万元)",
 
-             dataIndex: "money",
 
-             key: "money",
 
-             render: (text, record) => {
 
-               if (record.dunTypeName) {
 
-                 if (record.appropriationRatio && !record.money) {
 
-                   return <span>{record.appropriationRatio}(拨款比例)</span>;
 
-                 } else if (record.appropriationRatio && record.money) {
 
-                   return (
 
-                     <span>
 
-                       {text}(比例:{record.appropriationRatio})
 
-                     </span>
 
-                   );
 
-                 } else {
 
-                   return <span>{text}</span>;
 
-                 }
 
-               }
 
-             },
 
-           },
 
-           {
 
-             title: "服务年限",
 
-             dataIndex: "startDate",
 
-             key: "startDate",
 
-             render: (text, record) => {
 
-               if (record.dunTypeName) {
 
-                 return <span>{text}</span>;
 
-               }
 
-             },
 
-           },
 
-           {
 
-             title: "催款状态",
 
-             dataIndex: "status",
 
-             key: "status",
 
-             render: (text) => {
 
-               return <span>{text == 1 ? "已启动" : "未启动"}</span>;
 
-             },
 
-           },
 
-         ],
 
-         ContactsLists: [
 
-           {
 
-             title: "催款科目",
 
-             dataIndex: "dunSubject",
 
-             key: "dunSubject",
 
-             render: (text) => {
 
-               return getjiedian(text);
 
-             },
 
-           },
 
-           {
 
-             title: "金额(万元)",
 
-             dataIndex: "money",
 
-             key: "money",
 
-           },
 
-           {
 
-             title: "催款状态",
 
-             dataIndex: "dunStatus",
 
-             key: "dunStatus",
 
-             render: (text) => {
 
-               return getCuikuan(text);
 
-             },
 
-           },
 
-         ],
 
-       };
 
-     },
 
-     //点击打卡项目详情
 
-     tableRowClick(record) {
 
-       if (record.type == "1") {
 
-         this.setState({
 
-           displayFees: "block",
 
-           costReduction: record.costReduction,
 
-           officialCost: record.officialCost,
 
-         });
 
-       }else{
 
-         this.setState({
 
-           displayFees: "none",
 
-         });
 
-       }
 
-       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,
 
-         dataInfor:record,
 
-         addState: 0,
 
-       });
 
-     },
 
-     //项目详情关闭
 
-     nextCancel() {
 
-       this.setState({
 
-         addnextVisible: false,
 
-         displayFees: "none",
 
-         officialCost: "", //是否有官费
 
-         costReduction: "", //是否有费减
 
-       });
 
-     },
 
-     // 拆分详细
 
-     showRes(record) {
 
-       this.setState({
 
-         resVisible: true,
 
-         resRecord: record,
 
-       });
 
-     },
 
-     resCancel() {
 
-       this.setState({
 
-         resVisible: false,
 
-       });
 
-     },
 
-     loadData(record) {
 
-       this.state.orderList = [];
 
-       $.ajax({
 
-         method: "get",
 
-         dataType: "json",
 
-         crossDomain: false,
 
-         url: globalConfig.context + "/api/admin/newOrder/getOrderNewDetail",
 
-         data: {
 
-           orderNo: record ? record.orderNo : this.props.data.orderNo,
 
-         },
 
-         success: function (data) {
 
-           let thisData = data.data;
 
-           if (!thisData) {
 
-             if (data.error && data.error.length) {
 
-               message.warning(data.error[0].message);
 
-             }
 
-             thisData = {};
 
-           }
 
-           this.setState({
 
-             id: thisData.id,
 
-             orderList: thisData,
 
-             approval:
 
-               thisData.approval == 0
 
-                 ? thisData.approval.toString()
 
-                 : thisData.approval,
 
-             orderRemarks: thisData.orderRemarks,
 
-             orgCodeUrl: thisData.contractPictureUrl
 
-               ? splitUrl(
 
-                   thisData.contractPictureUrl,
 
-                   ",",
 
-                   globalConfig.avatarHost + "/upload"
 
-                 )
 
-               : [],
 
-             replenishUrl: thisData.agreementUrl
 
-               ? splitUrl(
 
-                   thisData.agreementUrl,
 
-                   ",",
 
-                   globalConfig.avatarHost + "/upload"
 
-                 )
 
-               : [],
 
-             orderNo: thisData.orderNo, //订单编号
 
-             buyerId: thisData.buyerId,
 
-             depName: thisData.depName,
 
-             outsource: thisData.outsource == 0 ? "否" : "是",
 
-           });
 
-         }.bind(this),
 
-       }).always(
 
-         function () {
 
-           this.setState({
 
-             loading: false,
 
-           });
 
-         }.bind(this)
 
-       );
 
-     },
 
-     jdDate(record) {
 
-       $.ajax({
 
-         method: "get",
 
-         dataType: "json",
 
-         crossDomain: false,
 
-         url: globalConfig.context + "/api/admin/newOrder/selectOrderDun",
 
-         data: {
 
-           orderNo: record ? record.orderNo : this.props.data.orderNo,
 
-         },
 
-         success: function (data) {
 
-           let thisData = data.data;
 
-           if (!thisData.length) {
 
-             if (data.error && data.error.length) {
 
-               message.warning(data.error[0].message);
 
-             }
 
-             thisData = {};
 
-           } else {
 
-             this.setState({
 
-               jsDate: thisData,
 
-             });
 
-           }
 
-         }.bind(this),
 
-       }).always(
 
-         function () {
 
-           this.setState({
 
-             loading: false,
 
-           });
 
-         }.bind(this)
 
-       );
 
-     },
 
-     rizhi() {
 
-       this.setState({
 
-         loading: true,
 
-       });
 
-       $.ajax({
 
-         method: "get",
 
-         dataType: "json",
 
-         crossDomain: false,
 
-         url: "/api/admin/newOrder/selectOrderLog",
 
-         data: {
 
-           orderNo: this.props.data.orderNo,
 
-         },
 
-         success: function (data) {
 
-           let theArr = [];
 
-           let thisData = data.data;
 
-           if (!thisData.length) {
 
-             if (data.error && data.error.length) {
 
-               message.warning(data.error[0].message);
 
-             }
 
-             thisData = {};
 
-           } else {
 
-             for (let i = 0; i < data.data.length; i++) {
 
-               let thisdata = data.data[i];
 
-               theArr.push({
 
-                 processName: thisdata.processName,
 
-                 adminName: thisdata.adminName,
 
-                 createDate: thisdata.createDate,
 
-                 remarks: thisdata.remarks,
 
-               });
 
-             }
 
-           }
 
-           this.setState({
 
-             dataSourceX: theArr,
 
-           });
 
-         }.bind(this),
 
-       }).always(
 
-         function () {
 
-           this.setState({
 
-             loading: false,
 
-           });
 
-         }.bind(this)
 
-       );
 
-     },
 
-     getOrderLog() {
 
-       this.setState({
 
-         avisible: true,
 
-       });
 
-       this.rizhi();
 
-     },
 
-     closeOrderLog() {
 
-       this.setState({
 
-         avisible: false,
 
-       });
 
-     },
 
-     getPictureUrl(e) {
 
-       this.setState({ pictureUrl: e });
 
-     },
 
-     componentWillMount() {
 
-       if (this.props.data.orderNo) {
 
-         this.loadData();
 
-         this.loadXmu();
 
-         this.jdDate();
 
-         // this.jiedian(this.props.data.orderNo);
 
-         this.jiedianNew(this.props.data.orderNo);
 
-       } else {
 
-         this.state.data = {};
 
-       }
 
-     },
 
-     componentWillReceiveProps(nextProps) {
 
-       if (!this.props.visible && nextProps.visible) {
 
-         this.state.textFileList = [];
 
-         this.state.videoFileList = [];
 
-         if (nextProps.data.orderNo) {
 
-           this.loadData(nextProps.data);
 
-           this.loadXmu(nextProps.data);
 
-           this.jdDate(nextProps.data);
 
-           // this.jiedian(nextProps.data.orderNo);
 
-           this.jiedianNew(nextProps.data.orderNo);
 
-         } else {
 
-           this.state.data = {};
 
-           this.state.pictureUrl = [];
 
-           this.state.pictureUrlMin = [];
 
-         }
 
-         this.props.form.resetFields();
 
-       }
 
-     },
 
-     downImg() {
 
-       let num = 0;
 
-       for (let i = 0; i < this.state.orgCodeUrl.length; i++) {
 
-         if (this.state.orgCodeUrl[i].url == this.state.previewImage) {
 
-           num = i;
 
-         }
 
-       }
 
-       if (num == this.state.orgCodeUrl.length - 1) {
 
-         return message.warning("已经是最后一张了哦");
 
-       }
 
-       this.state.previewImage = this.state.orgCodeUrl[num + 1].url;
 
-       this.setState({
 
-         previewImage: this.state.previewImage,
 
-         rotateDeg: 0,
 
-       });
 
-     },
 
-     upImg() {
 
-       let num = 0;
 
-       for (let i = 0; i < this.state.orgCodeUrl.length; i++) {
 
-         if (this.state.orgCodeUrl[i].url == this.state.previewImage) {
 
-           num = i;
 
-         }
 
-       }
 
-       if (num == 0) {
 
-         return message.warning("已经是第一张了哦");
 
-       }
 
-       this.state.previewImage = this.state.orgCodeUrl[num - 1].url;
 
-       this.setState({
 
-         previewImage: this.state.previewImage,
 
-         rotateDeg: 0,
 
-       });
 
-     },
 
-     rotate() {
 
-       let rotateDeg = this.state.rotateDeg + 90;
 
-       this.setState({
 
-         rotateDeg,
 
-       });
 
-     },
 
-     downImgs() {
 
-       let num = 0;
 
-       for (let i = 0; i < this.state.replenishUrl.length; i++) {
 
-         if (this.state.replenishUrl[i].url == this.state.previewImage) {
 
-           num = i;
 
-         }
 
-       }
 
-       if (num == this.state.replenishUrl.length - 1) {
 
-         return message.warning("已经是最后一张了哦");
 
-       }
 
-       this.state.previewImage = this.state.replenishUrl[num + 1].url;
 
-       this.setState({
 
-         previewImage: this.state.previewImage,
 
-         rotateDeg: 0,
 
-       });
 
-     },
 
-     upImgs() {
 
-       let num = 0;
 
-       for (let i = 0; i < this.state.replenishUrl.length; i++) {
 
-         if (this.state.replenishUrl[i].url == this.state.previewImage) {
 
-           num = i;
 
-         }
 
-       }
 
-       if (num == 0) {
 
-         return message.warning("已经是第一张了哦");
 
-       }
 
-       this.state.previewImage = this.state.replenishUrl[num - 1].url;
 
-       this.setState({
 
-         previewImage: this.state.previewImage,
 
-         rotateDeg: 0,
 
-       });
 
-     },
 
-     rotates() {
 
-       let rotateDeg = this.state.rotateDeg + 90;
 
-       this.setState({
 
-         rotateDeg,
 
-       });
 
-     },
 
-     //节点列表
 
-     // jiedian(orderNos) {
 
-     //   $.ajax({
 
-     //     method: "get",
 
-     //     dataType: "json",
 
-     //     crossDomain: false,
 
-     //     url: globalConfig.context + "/api/admin/newOrder/selectOrderDun",
 
-     //     data: {
 
-     //       orderNo: orderNos,
 
-     //     },
 
-     //     success: function (data) {
 
-     //       let theArr = [];
 
-     //       let thisData = [];
 
-     //       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++) {
 
-     //           thisData = data.data[i];
 
-     //           theArr.push({
 
-     //             key: i,
 
-     //             dunSubject: thisData.dunSubject
 
-     //               ? thisData.dunSubject.toString()
 
-     //               : "", //催款科目
 
-     //             id: thisData.id, //节点Id
 
-     //             money: thisData.money, //催款金额
 
-     //             dunStatus: thisData.dunStatus, //催款状态
 
-     //             orderNo: thisData.orderNo,
 
-     //           });
 
-     //         }
 
-     //         this.setState({
 
-     //           contactList: theArr,
 
-     //         });
 
-     //       }
 
-     //     }.bind(this),
 
-     //   }).always(
 
-     //     function () {
 
-     //       this.setState({
 
-     //         loading: false,
 
-     //       });
 
-     //     }.bind(this)
 
-     //   );
 
-     // },
 
-     //查看催款节点
 
-     jiedianNew(orderNos) {
 
-       $.ajax({
 
-         method: "get",
 
-         dataType: "json",
 
-         crossDomain: false,
 
-         url:
 
-           globalConfig.context + "/api/admin/newOrderDun/selectListNewOrderDun",
 
-         data: {
 
-           orderNo: orderNos,
 
-         },
 
-         success: function (data) {
 
-           if (data.error && data.error.length) {
 
-             message.warning(data.error[0].message);
 
-           } else {
 
-             let theArr = [];
 
-             let thisData = [];
 
-             let arr = data.data || [];
 
-             let totalCui = 0;
 
-             for (let i = 0; i < arr.length; i++) {
 
-               thisData = arr[i];
 
-               totalCui += +thisData.money;
 
-               theArr.push({
 
-                 key: i,
 
-                 dunSubject: thisData.dunSubject
 
-                   ? thisData.dunSubject.toString()
 
-                   : "", //催款科目
 
-                 id: thisData.id, //节点Id
 
-                 money: thisData.money, //催款金额
 
-                 // orderNo: record ? record.orderNo : this.props.datauser.orderNo,
 
-                 commodityName: thisData.commodityName,
 
-                 projectType: thisData.projectType,
 
-                 dunTypeName: thisData.dunTypeName,
 
-                 status: thisData.status,
 
-                 waitDay: thisData.waitDay,
 
-                 effectiveCount: thisData.effectiveCount,
 
-                 startDate: thisData.startDate,
 
-                 dunType: thisData.dunType,
 
-                 appropriationRatio: thisData.appropriationRatio,
 
-                 customizeName: thisData.customizeName,
 
-                 customizeTimes: thisData.customizeTimes,
 
-                 tid: thisData.tid,
 
-               });
 
-             }
 
-             if (!totalCui) {
 
-               totalCui = 0;
 
-             }
 
-             totalCui = (Math.round(totalCui * 1000000) / 1000000).toFixed(6);
 
-             this.setState({
 
-               contactListNew: theArr,
 
-               totalCui,
 
-             });
 
-           }
 
-         }.bind(this),
 
-       }).always(
 
-         function () {
 
-           this.setState({
 
-             loading: false,
 
-           });
 
-         }.bind(this)
 
-       );
 
-     },
 
-     render() {
 
-       const theData = this.state.orderList || {};
 
-       const FormItem = Form.Item;
 
-       const formItemLayout = {
 
-         labelCol: { span: 10 },
 
-         wrapperCol: { span: 12 },
 
-       };
 
-       const jsDate = this.state.jsDate || [];
 
-       const cuiDataList = this.state.contactList || [];
 
-       return (
 
-         <div className="login">
 
-           {this.state.resVisible ? (
 
-             <ResolutionDetail
 
-               cancel={this.resCancel}
 
-               detail={this.state.resRecord}
 
-               visible={this.state.resVisible}
 
-               id={this.state.resRecord.orderNo}
 
-             />
 
-           ) : (
 
-             ""
 
-           )}
 
-           <Form layout="horizontal" id="demand-form">
 
-             <Spin spinning={this.state.loading}>
 
-               <div className="clearfix">
 
-                 <FormItem
 
-                   className="half-item"
 
-                   {...formItemLayout}
 
-                   label="订单编号"
 
-                 >
 
-                   <span>{theData.orderNo}</span>
 
-                 </FormItem>
 
-                 <FormItem
 
-                   className="half-item"
 
-                   {...formItemLayout}
 
-                   label="签单时间"
 
-                 >
 
-                   <span>{theData.signDate}</span>
 
-                 </FormItem>
 
-                 <FormItem
 
-                   className="half-item"
 
-                   {...formItemLayout}
 
-                   label="客户名称"
 
-                 >
 
-                   <span>{theData.userName}</span>
 
-                 </FormItem>
 
-                 <FormItem
 
-                   className="half-item"
 
-                   {...formItemLayout}
 
-                   label="流程状态"
 
-                 >
 
-                   <span>{getProcessStatus(theData.processStatus)}</span>
 
-                 </FormItem>
 
-                 <FormItem
 
-                   className="half-item"
 
-                   {...formItemLayout}
 
-                   label="订单类型"
 
-                 >
 
-                   <span>{getNewOrderType(theData.orderType)}</span>
 
-                 </FormItem>
 
-                 <FormItem
 
-                   className="half-item"
 
-                   {...formItemLayout}
 
-                   label="结算状态"
 
-                 >
 
-                   <span>{getLiquidationStatus(theData.liquidationStatus)}</span>
 
-                 </FormItem>
 
-                 <FormItem
 
-                   className="half-item"
 
-                   {...formItemLayout}
 
-                   label="签单总金额(万元)"
 
-                 >
 
-                   <span>{theData.totalAmount}</span>
 
-                 </FormItem>
 
-                 <FormItem
 
-                   className="half-item"
 
-                   {...formItemLayout}
 
-                   label="首付款(万元)"
 
-                 >
 
-                   <span>{theData.firstAmount}</span>
 
-                 </FormItem>
 
-                 <FormItem
 
-                   className="half-item"
 
-                   {...formItemLayout}
 
-                   label="已收款(万元)"
 
-                 >
 
-                   <span>{theData.settlementAmount}</span>
 
-                 </FormItem>
 
-                 <FormItem
 
-                   className="half-item"
 
-                   {...formItemLayout}
 
-                   label="是否特批"
 
-                 >
 
-                   <span>{getApproval(theData.approval)}</span>
 
-                 </FormItem>
 
-                 {/*<FormItem*/}
 
-                 {/*  className="half-item"*/}
 
-                 {/*  {...formItemLayout}*/}
 
-                 {/*  label="是否外包"*/}
 
-                 {/*>*/}
 
-                 {/*  <span>{this.state.outsource}</span>*/}
 
-                 {/*</FormItem>*/}
 
-                 {this.props.data.orderStatus == "6" && (
 
-                   <FormItem
 
-                     className="half-item"
 
-                     {...formItemLayout}
 
-                     label="已退(万元)"
 
-                   >
 
-                     <span>{this.props.data.refundAmount}</span>
 
-                   </FormItem>
 
-                 )}
 
-               </div>
 
-               <div className="clearfix">
 
-                 <FormItem
 
-                   labelCol={{ span: 5 }}
 
-                   wrapperCol={{ span: 18 }}
 
-                   label="合同扫描件"
 
-                 >
 
-                   {/*<Upload*/}
 
-                   {/*  className="demandDetailShow-upload"*/}
 
-                   {/*  listType="picture-card"*/}
 
-                   {/*  fileList={this.state.orgCodeUrl}*/}
 
-                   {/*  onPreview={(file) => {*/}
 
-                   {/*    this.setState({*/}
 
-                   {/*      previewImage: file.url || file.thumbUrl,*/}
 
-                   {/*      previewVisible: true,*/}
 
-                   {/*    });*/}
 
-                   {/*  }}*/}
 
-                   {/*/>*/}
 
-                   <div style={{paddingTop:'10px',paddingBottom:'10px'}}>
 
-                     {this.state.orgCodeUrl ? <ImgList fileList={this.state.orgCodeUrl} ItemWidth={'96px'}/> : <div/>}
 
-                   </div>
 
-                   <Modal
 
-                     maskClosable={false}
 
-                     footer={null}
 
-                     width={"50%"}
 
-                     visible={this.state.previewVisible}
 
-                     onCancel={() => {
 
-                       this.setState({ previewVisible: false, rotateDeg: 0 });
 
-                     }}
 
-                   >
 
-                     {/* <div
 
-                       onClick={this.upImg}
 
-                       className="up-btn"
 
-                       style={{
 
-                         cursor: "pointer",
 
-                         transition: "all .5s",
 
-                         opacity: ".2",
 
-                         width: "41px",
 
-                         height: "69px",
 
-                         backgroundColor: "rgba(0,0,0,.5)",
 
-                         position: "absolute",
 
-                         top: "50%",
 
-                         left: 16,
 
-                         transform: "translateY(-50%)",
 
-                         zIndex: 1
 
-                       }}
 
-                     >
 
-                       <span
 
-                         style={{
 
-                           position: "absolute",
 
-                           border: "1px solid #fff",
 
-                           width: "20px",
 
-                           height: "20px",
 
-                           left: "60%",
 
-                           top: "50%",
 
-                           transform: "translate(-50%, -50%) rotate(45deg)",
 
-                           borderTop: "none",
 
-                           borderRight: "none"
 
-                         }}
 
-                       ></span>
 
-                     </div>
 
-                     <div
 
-                       onClick={this.rotate}
 
-                       style={{
 
-                         textAlign: "center",
 
-                         lineHeight: "30px",
 
-                         color: "#000",
 
-                         cursor: "pointer",
 
-                         transition: "all .5s",
 
-                         width: "50px",
 
-                         height: "30px",
 
-                         backgroundColor: "white",
 
-                         position: "absolute",
 
-                         bottom: "-30",
 
-                         left: "50%",
 
-                         transform: "translateX(-50%)",
 
-                         zIndex: 1,
 
-                         borderRadius: "5px",
 
-                         border: "1px solid #ccc"
 
-                       }}
 
-                     >
 
-                       旋转
 
-                     </div>
 
-                     <div
 
-                       onClick={this.downImg}
 
-                       className="up-btn"
 
-                       style={{
 
-                         cursor: "pointer",
 
-                         transition: "all .5s",
 
-                         opacity: ".2",
 
-                         width: "41px",
 
-                         height: "69px",
 
-                         backgroundColor: "rgba(0,0,0,.5)",
 
-                         position: "absolute",
 
-                         top: "50%",
 
-                         right: 16,
 
-                         transform: "translateY(-50%)",
 
-                         zIndex: 1
 
-                       }}
 
-                     >
 
-                       <span
 
-                         style={{
 
-                           position: "absolute",
 
-                           border: "1px solid #fff",
 
-                           width: "20px",
 
-                           height: "20px",
 
-                           left: "40%",
 
-                           top: "50%",
 
-                           transform: "translate(-50%, -50%) rotate(225deg)",
 
-                           borderTop: "none",
 
-                           borderRight: "none"
 
-                         }}
 
-                       ></span>
 
-                     </div> */}
 
-                     <img
 
-                       alt=""
 
-                       style={{
 
-                         width: "100%",
 
-                         transform: `rotate(${this.state.rotateDeg}deg)`,
 
-                       }}
 
-                       src={this.state.previewImage || ""}
 
-                     />
 
-                     <Button
 
-                       onClick={this.rotate}
 
-                       style={{
 
-                         position: "relative",
 
-                         left: "50%",
 
-                         transform: "translateX(-50%)",
 
-                       }}
 
-                     >
 
-                       旋转
 
-                     </Button>
 
-                     <Button
 
-                       onClick={this.upImg}
 
-                       style={{
 
-                         position: "absolute",
 
-                         left: -81,
 
-                         top: "50%",
 
-                         transform: "translateY(-50%)",
 
-                       }}
 
-                     >
 
-                       上一张
 
-                     </Button>
 
-                     <Button
 
-                       onClick={this.downImg}
 
-                       style={{
 
-                         position: "absolute",
 
-                         right: -81,
 
-                         top: "50%",
 
-                         transform: "translateY(-50%)",
 
-                       }}
 
-                     >
 
-                       下一张
 
-                     </Button>
 
-                   </Modal>
 
-                   <Button
 
-                     style={{
 
-                       float: "right",
 
-                       marginRight: "140px",
 
-                       marginTop: "20px",
 
-                     }}
 
-                     onClick={this.getOrderLog}
 
-                   >
 
-                     查看订单日志
 
-                   </Button>
 
-                 </FormItem>
 
-                 <FormItem
 
-                   labelCol={{ span: 5 }}
 
-                   wrapperCol={{ span: 18 }}
 
-                   label="补充协议"
 
-                 >
 
-                   {/*<Upload*/}
 
-                   {/*  className="demandDetailShow-upload"*/}
 
-                   {/*  listType="picture-card"*/}
 
-                   {/*  fileList={this.state.replenishUrl}*/}
 
-                   {/*  onPreview={(file) => {*/}
 
-                   {/*    this.setState({*/}
 
-                   {/*      previewImage: file.url || file.thumbUrl,*/}
 
-                   {/*      previewVisibles: true,*/}
 
-                   {/*    });*/}
 
-                   {/*  }}*/}
 
-                   {/*/>*/}
 
-                   <div style={{paddingTop:'10px',paddingBottom:'10px'}}>
 
-                     {this.state.replenishUrl ? <ImgList domId={'orderDetail1'} fileList={this.state.replenishUrl}/> : <div/>}
 
-                   </div>
 
-                   <Modal
 
-                     maskClosable={false}
 
-                     footer={null}
 
-                     width={"50%"}
 
-                     visible={this.state.previewVisibles}
 
-                     onCancel={() => {
 
-                       this.setState({ previewVisibles: false, rotateDeg: 0 });
 
-                     }}
 
-                   >
 
-                     {/* <div
 
-                       onClick={this.upImg}
 
-                       className="up-btn"
 
-                       style={{
 
-                         cursor: "pointer",
 
-                         transition: "all .5s",
 
-                         opacity: ".2",
 
-                         width: "41px",
 
-                         height: "69px",
 
-                         backgroundColor: "rgba(0,0,0,.5)",
 
-                         position: "absolute",
 
-                         top: "50%",
 
-                         left: 16,
 
-                         transform: "translateY(-50%)",
 
-                         zIndex: 1
 
-                       }}
 
-                     >
 
-                       <span
 
-                         style={{
 
-                           position: "absolute",
 
-                           border: "1px solid #fff",
 
-                           width: "20px",
 
-                           height: "20px",
 
-                           left: "60%",
 
-                           top: "50%",
 
-                           transform: "translate(-50%, -50%) rotate(45deg)",
 
-                           borderTop: "none",
 
-                           borderRight: "none"
 
-                         }}
 
-                       ></span>
 
-                     </div>
 
-                     <div
 
-                       onClick={this.rotate}
 
-                       style={{
 
-                         textAlign: "center",
 
-                         lineHeight: "30px",
 
-                         color: "#000",
 
-                         cursor: "pointer",
 
-                         transition: "all .5s",
 
-                         width: "50px",
 
-                         height: "30px",
 
-                         backgroundColor: "white",
 
-                         position: "absolute",
 
-                         bottom: "-30",
 
-                         left: "50%",
 
-                         transform: "translateX(-50%)",
 
-                         zIndex: 1,
 
-                         borderRadius: "5px",
 
-                         border: "1px solid #ccc"
 
-                       }}
 
-                     >
 
-                       旋转
 
-                     </div>
 
-                     <div
 
-                       onClick={this.downImg}
 
-                       className="up-btn"
 
-                       style={{
 
-                         cursor: "pointer",
 
-                         transition: "all .5s",
 
-                         opacity: ".2",
 
-                         width: "41px",
 
-                         height: "69px",
 
-                         backgroundColor: "rgba(0,0,0,.5)",
 
-                         position: "absolute",
 
-                         top: "50%",
 
-                         right: 16,
 
-                         transform: "translateY(-50%)",
 
-                         zIndex: 1
 
-                       }}
 
-                     >
 
-                       <span
 
-                         style={{
 
-                           position: "absolute",
 
-                           border: "1px solid #fff",
 
-                           width: "20px",
 
-                           height: "20px",
 
-                           left: "40%",
 
-                           top: "50%",
 
-                           transform: "translate(-50%, -50%) rotate(225deg)",
 
-                           borderTop: "none",
 
-                           borderRight: "none"
 
-                         }}
 
-                       ></span>
 
-                     </div> */}
 
-                     <img
 
-                       alt=""
 
-                       style={{
 
-                         width: "100%",
 
-                         transform: `rotate(${this.state.rotateDeg}deg)`,
 
-                       }}
 
-                       src={this.state.previewImage || ""}
 
-                     />
 
-                     <Button
 
-                       onClick={this.rotates}
 
-                       style={{
 
-                         position: "relative",
 
-                         left: "50%",
 
-                         transform: "translateX(-50%)",
 
-                       }}
 
-                     >
 
-                       旋转
 
-                     </Button>
 
-                     <Button
 
-                       onClick={this.upImgs}
 
-                       style={{
 
-                         position: "absolute",
 
-                         left: -81,
 
-                         top: "50%",
 
-                         transform: "translateY(-50%)",
 
-                       }}
 
-                     >
 
-                       上一张
 
-                     </Button>
 
-                     <Button
 
-                       onClick={this.downImgs}
 
-                       style={{
 
-                         position: "absolute",
 
-                         right: -81,
 
-                         top: "50%",
 
-                         transform: "translateY(-50%)",
 
-                       }}
 
-                     >
 
-                       下一张
 
-                     </Button>
 
-                   </Modal>
 
-                 </FormItem>
 
-               </div>
 
-               <div className="clearfix">
 
-                 <FormItem
 
-                   className="half-item"
 
-                   {...formItemLayout}
 
-                   label="合同编号"
 
-                 >
 
-                   <span>{theData.contractNo}</span>
 
-                 </FormItem>
 
-                 <FormItem
 
-                   className="half-item"
 
-                   {...formItemLayout}
 
-                   label="订单部门"
 
-                 >
 
-                   <span>{theData.depName}</span>
 
-                 </FormItem>
 
-               </div>
 
-               <div className="clearfix">
 
-                 <FormItem
 
-                   labelCol={{ span: 5 }}
 
-                   wrapperCol={{ span: 18 }}
 
-                   label="订单留言"
 
-                 >
 
-                   <p style={{ maxWidth: 500, wordWrap: "break-word" }}>
 
-                     {this.state.orderRemarks}
 
-                   </p>
 
-                 </FormItem>
 
-               </div>
 
-               {/* <div className="clearfix">
 
-                 <FormItem
 
-                   labelCol={{ span: 5 }}
 
-                   wrapperCol={{ span: 18 }}
 
-                   label="收款节点"
 
-                 >
 
-                   {jsDate.map(item => {
 
-                     return (
 
-                       <p>
 
-                         {getjiedian(item.dunSubject)} -- {item.money} 万元
 
-                       </p>
 
-                     );
 
-                   })}
 
-                 </FormItem>
 
-               </div> */}
 
-               <div className="clearfix">
 
-                 <FormItem
 
-                   className="half-item"
 
-                   {...formItemLayout}
 
-                   label="订单负责人"
 
-                 >
 
-                   <span>{theData.salesmanName}</span>
 
-                 </FormItem>
 
-                 <FormItem
 
-                   className="half-item"
 
-                   {...formItemLayout}
 
-                   label="订单负责人电话"
 
-                 >
 
-                   <span>{theData.salesmanMobile}</span>
 
-                 </FormItem>
 
-                 <FormItem
 
-                   className="half-item"
 
-                   {...formItemLayout}
 
-                   label="当前财务负责人"
 
-                 >
 
-                   <span>{theData.nowFinance}</span>
 
-                 </FormItem>
 
-                 <FormItem
 
-                   className="half-item"
 
-                   {...formItemLayout}
 
-                   label="当前财务负责人电话"
 
-                 >
 
-                   <span>{theData.nowFinanceMobile}</span>
 
-                 </FormItem>
 
-                 {/*<FormItem*/}
 
-                 {/*  className="half-item"*/}
 
-                 {/*  {...formItemLayout}*/}
 
-                 {/*  style={{ opacity: ".5" }}*/}
 
-                 {/*  label="原订单负责人"*/}
 
-                 {/*>*/}
 
-                 {/*  <span>{theData.oldSalesmanName}</span>*/}
 
-                 {/*</FormItem>*/}
 
-                 {/*<FormItem*/}
 
-                 {/*  className="half-item"*/}
 
-                 {/*  {...formItemLayout}*/}
 
-                 {/*  style={{ opacity: ".5" }}*/}
 
-                 {/*  label="原订单负责人电话"*/}
 
-                 {/*>*/}
 
-                 {/*  <span>{theData.oldSalesmanMobile}</span>*/}
 
-                 {/*</FormItem>*/}
 
-                 {/*<FormItem*/}
 
-                 {/*  className="half-item"*/}
 
-                 {/*  {...formItemLayout}*/}
 
-                 {/*  style={{ opacity: ".5" }}*/}
 
-                 {/*  label="实际财务操作人"*/}
 
-                 {/*>*/}
 
-                 {/*  <span>{theData.financeName}</span>*/}
 
-                 {/*</FormItem>*/}
 
-                 {/*<FormItem*/}
 
-                 {/*  className="half-item"*/}
 
-                 {/*  {...formItemLayout}*/}
 
-                 {/*  style={{ opacity: ".5" }}*/}
 
-                 {/*  label="实际财务操作人电话"*/}
 
-                 {/*>*/}
 
-                 {/*  <span>{theData.financeMobile}</span>*/}
 
-                 {/*</FormItem>*/}
 
-               </div>
 
-               {/* <Modal
 
-                   visible={this.state.avisible}
 
-                   className="admin-desc-content"
 
-                   width="800px"
 
-                   maskClosable={false}
 
-                   title="订单日志"
 
-                   footer={null}
 
-                   onCancel={this.closeOrderLog}
 
-                 >
 
-                   <div className="patent-table">
 
-                     <Spin spinning={this.state.loading}>
 
-                       <Table
 
-                         columns={this.state.columnsX}
 
-                         dataSource={this.state.dataSourceX}
 
-                         pagination={false}
 
-                       />
 
-                     </Spin>
 
-                   </div>
 
-                 </Modal> */}
 
-               <OrderRiZi
 
-                 dataSourcerizhi={this.state.dataSourceX}
 
-                 closeOrderLog={this.closeOrderLog}
 
-                 visible={this.state.avisible}
 
-                 loading={this.state.loading}
 
-               />
 
-               <div className="clearfix" style={{ marginBottom: 10 }}>
 
-                 <p style={{ fontSize: 18, marginLeft: 20 }}>项目业务</p>
 
-                 <div className="patent-table">
 
-                   <Spin spinning={this.state.loading}>
 
-                     <Table
 
-                       columns={this.state.columns}
 
-                       dataSource={this.state.dataSource}
 
-                       pagination={this.state.pagination}
 
-                       onRowClick={this.tableRowClick}
 
-                       bordered
 
-                       size="small"
 
-                     />
 
-                   </Spin>
 
-                 </div>
 
-               </div>
 
-               {/*<div>*/}
 
-               {/*  <span style={{ marginLeft: 20, fontSize: "18px" }}>*/}
 
-               {/*    催款节点*/}
 
-               {/*  </span>*/}
 
-               {/*  <span*/}
 
-               {/*    style={{*/}
 
-               {/*      display: cuiDataList.length ? "none" : "inline-block",*/}
 
-               {/*      marginLeft: 10,*/}
 
-               {/*      color: "red",*/}
 
-               {/*    }}*/}
 
-               {/*  >*/}
 
-               {/*    金额总计(万元): {this.state.totalCui}*/}
 
-               {/*  </span>*/}
 
-               {/*</div>*/}
 
-               {/*<div className="clearfix">*/}
 
-               {/*  <Spin spinning={this.state.loading}>*/}
 
-               {/*    <Form layout="horizontal" id="demand-form">*/}
 
-               {/*      <Table*/}
 
-               {/*        pagination={false}*/}
 
-               {/*        bordered*/}
 
-               {/*        size="small"*/}
 
-               {/*        columns={*/}
 
-               {/*          cuiDataList.length*/}
 
-               {/*            ? this.state.ContactsLists*/}
 
-               {/*            : this.state.ContactsListsNew*/}
 
-               {/*        }*/}
 
-               {/*        dataSource={*/}
 
-               {/*          cuiDataList.length*/}
 
-               {/*            ? this.state.contactList*/}
 
-               {/*            : this.state.contactListNew*/}
 
-               {/*        }*/}
 
-               {/*      />*/}
 
-               {/*      <Col*/}
 
-               {/*        span={24}*/}
 
-               {/*        offset={9}*/}
 
-               {/*        style={{ marginTop: "15px" }}*/}
 
-               {/*      ></Col>*/}
 
-               {/*    </Form>*/}
 
-               {/*  </Spin>*/}
 
-               {/*</div>*/}
 
-             </Spin>
 
-           </Form>
 
-           {this.state.addnextVisible && <ProjectDetailsReadOnly
 
-               infor={this.state.dataInfor}
 
-               visible={this.state.addnextVisible}
 
-               onCancel={this.nextCancel}
 
-           />}
 
-         </div>
 
-       );
 
-     },
 
-   })
 
- );
 
- export default OrderDetail;
 
 
  |