| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076 | import React from 'react';import { Button, Input, Spin, Table, message,DatePicker, Upload, Form ,Modal,Col} from 'antd';import $ from 'jquery/src/ajax';import moment from 'moment';import { getLiquidationStatus,getApprovedState,getProcessStatus,splitUrl,getjiedian,getboutique,getCuikuan,getProjectStatus} from '@/tools.js';import './customer.less';const IntentionCustomer = Form.create()(React.createClass({	loadData(pageNo) {		this.setState({			visitModul:false,			loading: true,			ispage:pageNo,			modalVisible:false		});		$.ajax({			method: "get",			dataType: "json",			crossDomain: false,			url: globalConfig.context +"/api/admin/newOrder/orderNewList",			data: {				pageNo: pageNo || 1,				pageSize: this.state.pagination.pageSize,				specially: 5,//部门列表				name: this.state.customerName,//名称				orderNo: this.state.orderNo,//订单编号				starTime: this.state.releaseDate[0],//开始时间				endTime: this.state.releaseDate[1],//结束时间			},			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.list.length; i++) {						let thisdata = data.data.list[i];						theArr.push({							 key: i,							 id: thisdata.id,//用户ID							 orderNo: thisdata.orderNo,//订单编号	                         totalAmount:thisdata.totalAmount,//签单金额	                         processStatus:thisdata.processStatus,//流程状态	                         liquidationStatus:thisdata.liquidationStatus,//结算状态	                         approval:thisdata.approval,//特批状态	                         signDate:thisdata.signDate,//签单时间	                         userName:thisdata.userName,//客户名称	                         salesmanName:thisdata.salesmanName,//营销员名称	                         financeName:thisdata.financeName,//财务名称	                         createDate:thisdata.createDate,//下单时间						});					};				    this.state.pagination.total = data.data.totalCount;				};				if(data.data&&data.data.list&&!data.data.list.length){					this.state.pagination.total=0				}				this.setState({					dataSource: theArr,					pageNo: pageNo,					pagination: this.state.pagination,					selectedRowKeys:[]				});			}.bind(this),		}).always(function() {			this.setState({				loading: false			});		}.bind(this));	},	getInitialState() {		return {			page:1,			releaseDate: [],			selectedRowKeys: [],			orgCodeUrl:[],			paginations:false,			pagination: {				defaultCurrent: 1,				defaultPageSize: 10,				showQuickJumper: true,				pageSize: 10,				onChange: function(page) {					this.loadData(page);				}.bind(this),				showTotal: function(total) {					return '共' + total + '条数据';				}			},			columns: [				{                    title: '订单编号',                    dataIndex: 'orderNo',                    key: 'orderNo'                }, {                    title: '下单时间',                    dataIndex: 'createDate',                    key: 'createTime'                },{                    title: '合同签订时间',                    dataIndex: 'signDate',                    key: 'signDate'                },{                    title: '客户名称',                    dataIndex: 'userName',                    key: 'userName',                    render:(text)=>{                    	return (text&&text.length>9?text.substr(0,9)+'...':text)                    }                }, {                    title: '流程状态',                    dataIndex: 'processStatus',                    key: 'processStatus',                    render:text=>{return getProcessStatus(text)}                }, {                    title: '签单金额(万元)',                    dataIndex: 'totalAmount',                    key: 'totalAmount'                },{                    title: '结算状态',                    dataIndex: 'liquidationStatus',                    key: 'liquidationStatus',                    render:text=>{return getLiquidationStatus(text)}                }, {                    title: '是否特批',                    dataIndex: 'approval',                    key: 'approval',                    render:text=>{return getApprovedState(text)}                },{                    title: '订单负责人',                    dataIndex: 'salesmanName',                    key: 'salesmanName'                },{                    title: '财务负责人',                    dataIndex: 'financeName',                    key: 'financeName'                }			],			data: [],			dataSource: [],			columnsX: [				{                    title: '业务项目名称',                    dataIndex: 'commodityName',                    key: 'commodityName'                }, {                    title: '项目类别',                    dataIndex: 'cname',                    key: 'cname',                                    },{                    title: '项目数量',                    dataIndex: 'commodityQuantity',                    key: 'commodityQuantity'                }, {                    title: '金额(万元)',                    dataIndex: 'commodityPrice',                    key: 'commodityPrice'                }, {                    title: '负责人',                    dataIndex: 'contacts',                    key: 'contacts'                }, {                    title: '负责人电话',                    dataIndex: 'contactsMobile',                    key: 'contactsMobile'                }, {                	title:'项目状态',                	dataIndex:'projectStatus',                	key: 'projectStatus',                	render:text=>{return getProjectStatus(text)}                	                }, {                    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)					}                }			],			columnsrizhi:[							{								title:'流程',								dataIndex: 'processName',								key: 'processName'							},							{								title:'操作人',								dataIndex: 'adminName',								key: 'adminName'							},{								title:'时间',								dataIndex: 'createDate',								key: 'createDate'							}						],			dataSourceX: [],			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)}				},			],		}	},	//页面加载函数	componentWillMount() {		this.loadData();	},	//整行点击	tableRowClick(record) {		this.setState({			visible:true,		});		this.xiangqing(record.orderNo);		this.xiangmu(record.orderNo);		this.jiedian(record.orderNo);	},		//点击打卡项目详情	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,        });    },    //项目详情关闭    nextCancel() {		this.setState({			addnextVisible: false		})	},    //订单详情	xiangqing(orderNos) {		$.ajax({			method: "get",			dataType: "json",			crossDomain: false,			url: globalConfig.context +"/api/admin/newOrder/getOrderNewDetail",			data: {				orderNo:orderNos			},			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({            orderNo: thisdata.orderNo, //订单编号            contractNo: thisdata.contractNo, //合同编号            userName: thisdata.userName, //客户名称            signDate: thisdata.signDate, //签单时间            processStatus: thisdata.processStatus, //流程状态            liquidationStatus: thisdata.liquidationStatus, //结算状态            contacts: thisdata.contacts, //企业联系人            contactMobile: thisdata.contactMobile, //联系人电话            legalPerson: thisdata.legalPerson, //法人            legalPersonTel: thisdata.legalPersonTel, //法人电话            firstAmount: thisdata.firstAmount, //签单金额            totalAmount: thisdata.totalAmount, //首付金额            approval: thisdata.approval, //特批状态            settlementAmount: thisdata.settlementAmount, //已收款项            orderRemarks: thisdata.orderRemarks, //订单留言            orgCodeUrl: thisdata.contractPictureUrl              ? splitUrl(                  thisdata.contractPictureUrl,                  ",",                  globalConfig.avatarHost + "/upload"                )              : [], //图片地址            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          });				};							}.bind(this),		}).always(function() {			this.setState({				loading: false			});		}.bind(this));	},	//项目列表	xiangmu(orderNos) {		$.ajax({			method: "get",			dataType: "json",			crossDomain: false,			url: globalConfig.context +"/api/admin/newOrder/getOrderTask",			data: {				orderNo:orderNos			},			success: function(data) {				let theArr = [];								if(data.error.length || data.data.list == "") {					if(data.error && data.error.length) {						message.warning(data.error[0].message);					};				} else {					for (let i = 0; i < data.data.length; i++) {                        let thisdata = data.data[i];                        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,//联系人电话                             projectStatus:thisdata.projectStatus,//项目状态                        });                    };				};				this.setState({                    dataSourceX: theArr,                });			}.bind(this),		}).always(function() {			this.setState({				loading: false			});		}.bind(this));	},	//节点列表	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,//催款状态	                	})                	}                	this.setState({                		contactList:theArr                	})				};							}.bind(this),		}).always(function() {			this.setState({				loading: false			});		}.bind(this));	},	//审核通过	examOk(){		$.ajax({			method: "post",			dataType: "json",			crossDomain: false,			url: globalConfig.context +"/api/admin/newOrder/auditOrderNew",			data: {				orderNo:this.state.orderNo,				orderStatus:2,			},			success: function(data) {				if(data.error.length || data.data.list == "") {					if(data.error && data.error.length) {						message.warning(data.error[0].message);					};				} else {					message.success("该订单已通过审核~");					this.setState({						visible:false,					});					this.reset();				};							}.bind(this),		}).always(function() {			this.setState({				loading: false			});		}.bind(this));	},	//审核不通过	examOks(){		$.ajax({			method: "post",			dataType: "json",			crossDomain: false,			url: globalConfig.context +"/api/admin/newOrder/auditOrderNew",			data: {				orderNo:this.state.orderNo,				orderStatus:3,				reason:this.state.reason,			},			success: function(data) {				if(data.error.length || data.data.list == "") {					if(data.error && data.error.length) {						message.warning(data.error[0].message);					};				} else {					message.success("该订单已被拒绝~");					this.setState({						visible:false,						noVisible:false					});					this.reset();				};							}.bind(this),		}).always(function() {			this.setState({				loading: false			});		}.bind(this));	},	//点击拒绝	examNo(){		this.setState({			noVisible:true		})	},	//关闭输入理由框	noCancel(){		this.setState({			noVisible:false		})	},		rizhi(){			console.log(this.state.orderNo)			this.setState({				loading:true			})			$.ajax({				method: "get",				dataType: "json",				crossDomain: false,				url: '/api/admin/newOrder/selectOrderLog',				data: {				  orderNo:this.state.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,				       	});				       };				    };					this.setState({						dataSourcerizhi: theArr					})				 }.bind(this),				}).always(function () {				     this.setState({            					         loading: false				     });				 }.bind(this));			},				//查看订单日志		getOrderLog(){			this.setState({				rizhivisible:true			})			this.rizhi()		},		closeOrderLog(){			this.setState({				rizhivisible:false			})		},	//搜索	search() {    	this.setState({    		//signBillVisible:false    	})        this.loadData();    },    //重置    reset() {    	this.setState({    		signBillVisible:false    	})    	this.state.orderNo='';    	this.state.customerName='';    	this.state.releaseDate[0] = undefined;		this.state.releaseDate[1] = undefined;		this.state.approval= undefined;        this.loadData();           },    resets(){    	this.state.orderNo='';    	this.state.customerName='';    	this.state.releaseDate[0] = undefined;		this.state.releaseDate[1] = undefined;    },	getOrgCodeUrl(e) {        this.setState({ orgCodeUrl: e });    },	//关闭详情	visitCancel(){		this.setState({			visible:false		})		this.resets();	},	visitOk(){		this.setState({			visible:false		})		this.resets();	},	render() {		const formItemLayout = {			labelCol: { span: 8 },			wrapperCol: { span: 14 },		};		const FormItem = Form.Item;		const { RangePicker } = DatePicker;		const rowSelection = {			selectedRowKeys: this.state.selectedRowKeys,			onChange: (selectedRowKeys, selectedRows) => {				this.setState({					modalVisible:false,					selectedRows: selectedRows.slice(-1),					selectedRowKeys: selectedRowKeys.slice(-1)				});			},			onSelect: (recordt) => {				this.setState({					modalVisible:false,					recordt: recordt.id				})			},		};		return (      <div className="user-content">        <div className="content-title">          <span>部门订单</span>        </div>        <div className="user-search">          <Input            placeholder="客户名称"            style={{ width: "150px", marginBottom: "10px" }}            value={this.state.customerName}            onChange={e => {              this.setState({ customerName: e.target.value });            }}          />          <Input            placeholder="订单编号"            style={{ width: "150px" }}            value={this.state.orderNo}            onChange={e => {              this.setState({ orderNo: e.target.value });            }}          />          <span style={{ marginRight: "10px" }}>下单时间 :</span>          <RangePicker            value={[              this.state.releaseDate[0]                ? moment(this.state.releaseDate[0])                : null,              this.state.releaseDate[1]                ? moment(this.state.releaseDate[1])                : null            ]}            onChange={(data, dataString) => {              this.setState({ releaseDate: dataString });            }}          />          <Button            type="primary"            onClick={this.search}            style={{ marginLeft: "10px" }}          >            搜索          </Button>          <Button onClick={this.reset}>重置</Button>          <div className="patent-table">            <Spin spinning={this.state.loading}>              <Table                columns={this.state.columns}                dataSource={this.state.dataSource}                rowSelection={rowSelection}                pagination={this.state.pagination}                onRowClick={this.tableRowClick}              />            </Spin>          </div>          <Modal            className="customeDetails"            footer=""            title="订单详情"            width="900px"            visible={this.state.visible}            onOk={this.visitOk}            onCancel={this.visitCancel}          >            <Form              layout="horizontal"              onSubmit={this.handleSubmit}              id="demand-form"              style={{ paddingBottom: "40px" }}            >              <Spin spinning={this.state.loading}>                <div className="clearfix">                  <FormItem                    className="half-item"                    {...formItemLayout}                    label="订单编号"                  >                    <span>{this.state.orderNo}</span>                  </FormItem>                  <FormItem                    className="half-item"                    {...formItemLayout}                    label="合同编号"                  >                    <span>{this.state.contractNo}</span>                  </FormItem>                  <FormItem                    className="half-item"                    {...formItemLayout}                    label="客户名称"                  >                    <span>{this.state.userName}</span>                  </FormItem>                  <FormItem                    className="half-item"                    {...formItemLayout}                    label="合同签订时间"                  >                    <span>{this.state.signDate}</span>                  </FormItem>                  <FormItem                    className="half-item"                    {...formItemLayout}                    label="流程状态"                  >                    <span>{getProcessStatus(this.state.processStatus)}</span>                  </FormItem>                  <FormItem                    className="half-item"                    {...formItemLayout}                    label="结算状态"                  >                    <span>                      {getLiquidationStatus(this.state.liquidationStatus)}                    </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>{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.totalAmount}</span>                  </FormItem>                  <FormItem                    className="half-item"                    {...formItemLayout}                    label="首付金额(万元)"                  >                    <span>{this.state.firstAmount}</span>                  </FormItem>                  <FormItem                    className="half-item"                    {...formItemLayout}                    label="特批立项"                  >                    <span>{getApprovedState(this.state.approval)}</span>                  </FormItem>                  <FormItem                    className="half-item"                    {...formItemLayout}                    label="已收款项(万元)"                  >                    <span>{this.state.settlementAmount}</span>                  </FormItem>                  <FormItem                    className="half-item"                    {...formItemLayout}                    label="订单部门"                  >                    <span>{this.state.depName}</span>                  </FormItem>                  <div className="clearfix">                    <FormItem                      labelCol={{ span: 4 }}                      wrapperCol={{ span: 16 }}                      label="订单留言"                    >                      <span>{this.state.orderRemarks}</span>                    </FormItem>                  </div>                  <div className="clearfix">                    <FormItem                      labelCol={{ span: 4 }}                      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                          });                        }}                      ></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>                      <Button                        style={{                          float: "right",                          marginRight: "140px",                          marginTop: "20px"                        }}                        onClick={this.getOrderLog}                      >                        查看订单 日志                      </Button>                    </FormItem>                  </div>                  <div className="clearfix">                    <FormItem                      className="half-item"                      {...formItemLayout}                      label="订单负责人"                    >                      <span>{this.state.salesmanName}</span>                    </FormItem>                    <FormItem                      className="half-item"                      {...formItemLayout}                      label="订单负责人电话"                    >                      <span>{this.state.salesmanMobile}</span>                    </FormItem>                  </div>                  <div className="clearfix">                    <FormItem                      className="half-item"                      {...formItemLayout}                      label="当前财务负责人"                    >                      <span>{this.state.nowFinance}</span>                    </FormItem>                    <FormItem                      className="half-item"                      {...formItemLayout}                      label="当前财务负责人电话"                    >                      <span>{this.state.nowFinanceMobile}</span>                    </FormItem>                  </div>                  <div className="clearfix">                    <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>                  </div>                  <div className="clearfix">                    <FormItem                      className="half-item"                      style={{ opacity: ".5" }}                      {...formItemLayout}                      label="实际财务操作人"                    >                      <span>{this.state.financeName}</span>                    </FormItem>                    <FormItem                      className="half-item"                      {...formItemLayout}                      style={{ opacity: ".5" }}                      label="实际财务操作人电话"                    >                      <span>{this.state.financeMobile}</span>                    </FormItem>                  </div>                  <div>                    <span style={{ marginLeft: "50px", fontSize: "20px" }}>                      催款节点                    </span>                  </div>                  <div className="clearfix">                    <Spin spinning={this.state.loading}>                      <Form layout="horizontal" id="demand-form">                        <Table                          pagination={false}                          columns={this.state.ContactsLists}                          dataSource={this.state.contactList}                        />                        <Col                          span={24}                          offset={9}                          style={{ marginTop: "15px" }}                        ></Col>                      </Form>                    </Spin>                  </div>                  <div>                    <span style={{ marginLeft: "50px", fontSize: "20px" }}>                      项目业务                    </span>                  </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}                      />                    </Spin>                  </div>                </div>              </Spin>            </Form>          </Modal>          <Modal            maskClosable={false}            visible={this.state.addnextVisible}            onOk={this.nextCancel}            onCancel={this.nextCancel}            width="800px"            title={"项目任务详情"}            footer=""            className="admin-desc-content"          >            <Form layout="horizontal" id="demand-form">              <Spin spinning={this.state.loading}>                <div className="clearfix">                  <FormItem                    className="half-item"                    {...formItemLayout}                    label="项目名称"                  >                    <span>{this.state.commodityName}</span>                  </FormItem>                  <FormItem                    className="half-item"                    {...formItemLayout}                    label="项目数量"                  >                    <span>{this.state.commodityQuantity}</span>                  </FormItem>                  <FormItem                    className="half-item"                    {...formItemLayout}                    label="金额(万元)"                  >                    <span>{this.state.commodityPrice}</span>                  </FormItem>                  <FormItem                    className="half-item"                    {...formItemLayout}                    label="主要项目"                  >                    <span>{getboutique(this.state.main)}</span>                  </FormItem>                  <div className="clearfix">                    <FormItem                      labelCol={{ span: 4 }}                      wrapperCol={{ span: 16 }}                      label="服务说明"                    >                      <span>{this.state.taskComment}</span>                    </FormItem>                  </div>                </div>              </Spin>            </Form>          </Modal>          <Modal            maskClosable={false}            visible={this.state.noVisible}            onOk={this.noCancel}            onCancel={this.noCancel}            width="400px"            title={"拒绝理由"}            footer=""            className="admin-desc-content"          >            <Form layout="horizontal" id="demand-form">              <Spin spinning={this.state.loading}>                <div className="clearfix">                  <FormItem                    labelCol={{ span: 4 }}                    wrapperCol={{ span: 16 }}                    label="拒绝理由"                  >                    <Input                      type="textarea"                      placeholder="请输入拒绝理由"                      rows={4}                      value={this.state.reason}                      onChange={e => {                        this.setState({ reason: e.target.value });                      }}                    />                  </FormItem>                </div>                <div className="clearfix">                  <Button                    className="cancel"                    type="primary"                    onClick={this.examOks}                    style={{ marginLeft: "50px" }}                    htmlType="submit"                  >                    确定                  </Button>                  <Button                    className="cancel"                    type="ghost"                    onClick={this.noCancel}                    style={{ marginLeft: "50px" }}                  >                    取消                  </Button>                </div>              </Spin>            </Form>          </Modal>          <Modal            visible={this.state.rizhivisible}            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.columnsrizhi}                  dataSource={this.state.dataSourcerizhi}                  pagination={false}                />              </Spin>            </div>          </Modal>        </div>      </div>    );	}}));export default IntentionCustomer;
 |