|
@@ -3,32 +3,45 @@ import { Icon, Table, Modal, message, Spin, Input, Select, Button, Form ,Upload,
|
|
|
import ajax from 'jquery/src/ajax/xhr.js';
|
|
|
import $ from 'jquery/src/ajax';
|
|
|
import '../userMangagement.less';
|
|
|
-import {lvl} from '../../../../dataDic.js';
|
|
|
+import {getApprovedState,getPaymentState,getOrderState,getOrderChannel,getOrderType} from '../../../../tools.js';
|
|
|
|
|
|
const MySettlementDetaile = Form.create()(React.createClass({
|
|
|
- loadData() {
|
|
|
+ loadData(record) {
|
|
|
+ this.state.data = [];
|
|
|
this.setState({
|
|
|
loading: true
|
|
|
});
|
|
|
$.ajax({
|
|
|
- method: "post",
|
|
|
+ method: "get",
|
|
|
dataType: "json",
|
|
|
crossDomain: false,
|
|
|
- url: globalConfig.context + '/api/admin/roles',
|
|
|
+ url: globalConfig.context + '/api/admin/order/getOrderCommodity',
|
|
|
data: {
|
|
|
+ orderNo:record?record.orderNo:this.props.datauser.orderNo
|
|
|
},
|
|
|
success: function (data) {
|
|
|
- let theArr =[];
|
|
|
+ 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.list.length; i++) {
|
|
|
- let thisdata = data.data.list;
|
|
|
+ for (let i = 0; i < data.data.length; i++) {
|
|
|
+ let thisdata = data.data[i];
|
|
|
theArr.push({
|
|
|
- key:i,
|
|
|
- roleName5:thisdata[i].id
|
|
|
+ key: i,
|
|
|
+ id:thisdata.id,
|
|
|
+ orderNo:thisdata.orderNo,
|
|
|
+ commodityName:thisdata.commodityName,
|
|
|
+ commodityType:thisdata.commodityType,
|
|
|
+ commodityMode:thisdata.commodityMode,
|
|
|
+ commodityQuantity:thisdata.commodityQuantity,
|
|
|
+ commodityPrice:thisdata.commodityPrice,
|
|
|
+ discountPrice:thisdata.discountPrice,
|
|
|
+ commodityFirstPayment:thisdata.commodityFirstPayment,
|
|
|
+ createTimes:thisdata.createTimes,
|
|
|
+ discountFirstPayment:thisdata.discountFirstPayment,
|
|
|
+ remarks:thisdata.remarks,
|
|
|
});
|
|
|
};
|
|
|
}
|
|
@@ -43,53 +56,150 @@ const MySettlementDetaile = Form.create()(React.createClass({
|
|
|
});
|
|
|
}.bind(this));
|
|
|
},
|
|
|
+ //查看流失。项目列表
|
|
|
+ lookSee(state) {
|
|
|
+ this.state.lookSource=[];
|
|
|
+ this.setState({
|
|
|
+ loading: true
|
|
|
+ });
|
|
|
+ let api=state?'/api/xiangmu':'/api/liushui'
|
|
|
+ $.ajax({
|
|
|
+ method: "get",
|
|
|
+ dataType: "json",
|
|
|
+ crossDomain: false,
|
|
|
+ url: globalConfig.context + api,
|
|
|
+ data: {
|
|
|
+ orderNo:this.props.datauser.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];
|
|
|
+ theArr.push({
|
|
|
+ key: i,
|
|
|
+ id:thisdata.id,
|
|
|
+ orderNo:thisdata.orderNo,
|
|
|
+ commodityName:thisdata.commodityName,
|
|
|
+ commodityType:thisdata.commodityType,
|
|
|
+ commodityMode:thisdata.commodityMode,
|
|
|
+ commodityQuantity:thisdata.commodityQuantity,
|
|
|
+ commodityPrice:thisdata.commodityPrice,
|
|
|
+ discountPrice:thisdata.discountPrice,
|
|
|
+ commodityFirstPayment:thisdata.commodityFirstPayment,
|
|
|
+ createTimes:thisdata.createTimes,
|
|
|
+ discountFirstPayment:thisdata.discountFirstPayment,
|
|
|
+ remarks:thisdata.remarks,
|
|
|
+ });
|
|
|
+ };
|
|
|
+ }
|
|
|
+ this.setState({
|
|
|
+ lookSource: theArr,
|
|
|
+ });
|
|
|
+ }.bind(this),
|
|
|
+ }).always(function () {
|
|
|
+ this.setState({
|
|
|
+ loading: false
|
|
|
+ });
|
|
|
+ }.bind(this));
|
|
|
+ },
|
|
|
getInitialState() {
|
|
|
return {
|
|
|
loading: false,
|
|
|
visible: false,
|
|
|
- contractState:false,
|
|
|
+ lookState:true,
|
|
|
orgCodeUrl:[],
|
|
|
checkedKeys: [],
|
|
|
columns: [
|
|
|
{
|
|
|
title: '业务项目名称',
|
|
|
- dataIndex: 'roleName',
|
|
|
- key: 'roleName'
|
|
|
+ dataIndex: 'commodityName',
|
|
|
+ key: 'commodityName'
|
|
|
}, {
|
|
|
title: '项目类别',
|
|
|
- dataIndex: 'creater1',
|
|
|
- key: 'creater1'
|
|
|
+ dataIndex: 'commodityType',
|
|
|
+ key: 'commodityType',
|
|
|
+ render:(text)=>{
|
|
|
+ return (getOrderType(text))
|
|
|
+ }
|
|
|
},{
|
|
|
title: '项目数量',
|
|
|
- dataIndex: 'roleName2',
|
|
|
- key: 'roleName2'
|
|
|
+ dataIndex: 'commodityQuantity',
|
|
|
+ key: 'commodityQuantity'
|
|
|
+ }, {
|
|
|
+ title: '服务市价',
|
|
|
+ dataIndex: 'commodityPrice',
|
|
|
+ key: 'commodityPrice'
|
|
|
+ }, {
|
|
|
+ title: '实签价格',
|
|
|
+ dataIndex: 'discountPrice',
|
|
|
+ key: 'discountPrice'
|
|
|
}, {
|
|
|
title: '下单时间',
|
|
|
- dataIndex: 'creater4',
|
|
|
- key: 'creater4'
|
|
|
+ dataIndex: 'createTimes',
|
|
|
+ key: 'createTimes'
|
|
|
}, {
|
|
|
title: '项目说明',
|
|
|
- dataIndex: 'roleName5',
|
|
|
- key: 'roleName5',
|
|
|
- render:(text) => {
|
|
|
- return(
|
|
|
- text?text.substr(0,6)+'...':''
|
|
|
- )
|
|
|
- }
|
|
|
+ dataIndex: 'remarks',
|
|
|
+ key: 'remarks',
|
|
|
+ render:(text)=>{
|
|
|
+ return (text&&text.length>8?text.substr(0,8)+'…':text)
|
|
|
+ }
|
|
|
}
|
|
|
+ ],
|
|
|
+ projectList:[
|
|
|
+ {
|
|
|
+ title: '项目名称',
|
|
|
+ dataIndex: 'commodityName',
|
|
|
+ key: 'commodityName'
|
|
|
+ }, {
|
|
|
+ title: '项目类别',
|
|
|
+ dataIndex: 'commodityType',
|
|
|
+ key: 'commodityType',
|
|
|
+ render:(text)=>{
|
|
|
+ return (getOrderType(text))
|
|
|
+ }
|
|
|
+ },{
|
|
|
+ title: '项目数量',
|
|
|
+ dataIndex: 'commodityQuantity',
|
|
|
+ key: 'commodityQuantity'
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ flowList:[
|
|
|
+ {
|
|
|
+ title: '流水名称',
|
|
|
+ dataIndex: 'commodityName',
|
|
|
+ key: 'commodityName'
|
|
|
+ }, {
|
|
|
+ title: '流水类别',
|
|
|
+ dataIndex: 'commodityType',
|
|
|
+ key: 'commodityType',
|
|
|
+ render:(text)=>{
|
|
|
+ return (getOrderType(text))
|
|
|
+ }
|
|
|
+ },{
|
|
|
+ title: '流水数量',
|
|
|
+ dataIndex: 'commodityQuantity',
|
|
|
+ key: 'commodityQuantity'
|
|
|
+ },
|
|
|
]
|
|
|
};
|
|
|
},
|
|
|
//查看基本详情基本信息
|
|
|
loaduser(record){
|
|
|
if(record){
|
|
|
+ this.state.orderList=[]
|
|
|
$.ajax({
|
|
|
- method: "post",
|
|
|
+ method: "get",
|
|
|
dataType: "json",
|
|
|
crossDomain: false,
|
|
|
- url: globalConfig.context + '/api/admin/role/rolePermission',
|
|
|
+ url: globalConfig.context + '/api/admin/order/getServiceOrderDetail',
|
|
|
data: {
|
|
|
- id: record.id
|
|
|
+ orderNo: record.orderNo
|
|
|
},
|
|
|
success: function (data) {
|
|
|
let thisData = data.data;
|
|
@@ -100,9 +210,19 @@ const MySettlementDetaile = Form.create()(React.createClass({
|
|
|
thisData = {};
|
|
|
};
|
|
|
this.setState({
|
|
|
- ids:record.id,
|
|
|
- roleName:thisData[0].rname,
|
|
|
- });
|
|
|
+ id:thisData.id,
|
|
|
+ orderList:thisData,
|
|
|
+ orderAmount:thisData.orderAmount,
|
|
|
+ firstPayment:thisData.firstPayment,
|
|
|
+ signTotalAmount:thisData.signTotalAmount,
|
|
|
+ signFirstPayment:thisData.signFirstPayment,
|
|
|
+ approval:thisData.approval==0?thisData.approval.toString():thisData.approval,
|
|
|
+ orderRemarks:thisData.orderRemarks,
|
|
|
+ orgCodeUrl: thisData.orgCodeUrl ? splitUrl(thisData.orgCodeUrl, ',', globalConfig.avatarHost + '/upload') : [],
|
|
|
+ //签单
|
|
|
+ orderNo:thisData.orderNo,//订单编号
|
|
|
+ buyerName:thisData.buyerName,
|
|
|
+ });
|
|
|
}.bind(this),
|
|
|
}).always(function () {
|
|
|
this.setState({
|
|
@@ -111,7 +231,6 @@ const MySettlementDetaile = Form.create()(React.createClass({
|
|
|
}.bind(this));
|
|
|
}
|
|
|
},
|
|
|
- //编辑保存项目
|
|
|
handleOk(e) {
|
|
|
this.setState({
|
|
|
visible: false,
|
|
@@ -124,94 +243,45 @@ const MySettlementDetaile = Form.create()(React.createClass({
|
|
|
});
|
|
|
this.props.closeDesc(false);
|
|
|
},
|
|
|
-
|
|
|
- componentWillMount() {
|
|
|
-
|
|
|
- },
|
|
|
nextCancel() {
|
|
|
this.setState({
|
|
|
addnextVisible: false
|
|
|
})
|
|
|
},
|
|
|
- //查看订单明细
|
|
|
- orderDetails(record){
|
|
|
- if(record){
|
|
|
- $.ajax({
|
|
|
- method: "post",
|
|
|
- dataType: "json",
|
|
|
- crossDomain: false,
|
|
|
- url: globalConfig.context + '/api/admin/role/rolePermission',
|
|
|
- data: {
|
|
|
- id: record.id
|
|
|
- },
|
|
|
- success: function (data) {
|
|
|
- let thisData = data.data;
|
|
|
- if (!thisData) {
|
|
|
- if (data.error && data.error.length) {
|
|
|
- message.warning(data.error[0].message);
|
|
|
- };
|
|
|
- thisData = {};
|
|
|
- };
|
|
|
- let idList=[];
|
|
|
- thisData.map(function(item){
|
|
|
- idList.push(
|
|
|
- item.pid
|
|
|
- )
|
|
|
- })
|
|
|
- this.setState({
|
|
|
- ids:record.id,
|
|
|
- });
|
|
|
- }.bind(this),
|
|
|
- }).always(function () {
|
|
|
- this.setState({
|
|
|
- loading: false
|
|
|
- });
|
|
|
- }.bind(this));
|
|
|
- }
|
|
|
+ //查看项目、查看流水
|
|
|
+ lookProject(){
|
|
|
+ this.setState({
|
|
|
+ lookState:true,
|
|
|
+ lookVisible:true,
|
|
|
+ })
|
|
|
+ this.lookSee(true)
|
|
|
},
|
|
|
- //编辑订单保存
|
|
|
- handleSubmit(e) {
|
|
|
- e.preventDefault();
|
|
|
- this.props.form.validateFields((err, values) => {
|
|
|
- if(!err) {
|
|
|
- this.setState({
|
|
|
- loading: true
|
|
|
- });
|
|
|
- $.ajax({
|
|
|
- method: "POST",
|
|
|
- dataType: "json",
|
|
|
- crossDomain: false,
|
|
|
- url: globalConfig.context + '/api/000',
|
|
|
- data: {
|
|
|
- id:this.props.datauser.id
|
|
|
- }
|
|
|
- }).done(function(data) {
|
|
|
- this.setState({
|
|
|
- loading: false
|
|
|
- });
|
|
|
- if(!data.error.length) {
|
|
|
- message.success('保存成功!');
|
|
|
- this.handleOk()
|
|
|
- } else {
|
|
|
- message.warning(data.error[0].message);
|
|
|
- }
|
|
|
- }.bind(this));
|
|
|
- }
|
|
|
- });
|
|
|
+ lookflow(){
|
|
|
+ this.setState({
|
|
|
+ lookState:false,
|
|
|
+ lookVisible:true,
|
|
|
+ })
|
|
|
+ this.lookSee(false)
|
|
|
+ },
|
|
|
+ lookCancel(){
|
|
|
+ this.setState({
|
|
|
+ lookVisible:false
|
|
|
+ })
|
|
|
},
|
|
|
tableRowClick(record, index) {
|
|
|
- this.setState({
|
|
|
+ this.setState({
|
|
|
+ editFw:record,
|
|
|
addnextVisible:true,
|
|
|
});
|
|
|
- this.orderDetails(record)
|
|
|
},
|
|
|
+ componentWillMount() {
|
|
|
+
|
|
|
+ },
|
|
|
componentWillReceiveProps(nextProps) { //props改变时触发
|
|
|
this.state.visible = nextProps.showDesc;
|
|
|
if(nextProps.userDetaile && nextProps.showDesc ) {
|
|
|
- if(nextProps.datauser && nextProps.datauser.id ) {
|
|
|
- this.loaduser(nextProps.datauser);
|
|
|
- this.loadData();
|
|
|
- }
|
|
|
+ this.loaduser(nextProps.datauser);
|
|
|
+ this.loadData(nextProps.datauser);
|
|
|
}
|
|
|
},
|
|
|
render() {
|
|
@@ -220,145 +290,171 @@ const MySettlementDetaile = Form.create()(React.createClass({
|
|
|
labelCol: { span: 8 },
|
|
|
wrapperCol: { span: 14 },
|
|
|
};
|
|
|
+ const editFws=this.state.editFw || [];
|
|
|
const orderDetaiel=this.state.orderList || [];
|
|
|
return(
|
|
|
<div>
|
|
|
<Modal maskClosable={false} visible={this.state.visible}
|
|
|
- onOk={this.handleOk} onCancel={this.handleCancel}
|
|
|
- width='1000px'
|
|
|
- title='编辑订单'
|
|
|
- footer=''
|
|
|
- className="admin-desc-content">
|
|
|
- <Form layout="horizontal" id="demand-form" style={{paddingBottom:'40px'}} onSubmit={this.handleSubmit}>
|
|
|
- <Spin spinning={this.state.loading}>
|
|
|
- <div className="clearfix">
|
|
|
- <div className="clearfix">
|
|
|
- <FormItem className="half-item"
|
|
|
- {...formItemLayout}
|
|
|
- label="订单编号" >
|
|
|
- <span>{orderDetaiel.roleName}</span>
|
|
|
- </FormItem>
|
|
|
- <FormItem className="half-item"
|
|
|
- {...formItemLayout}
|
|
|
- label="下单时间" >
|
|
|
- <span>{orderDetaiel.createTimez}</span>
|
|
|
- </FormItem>
|
|
|
- <FormItem className="half-item"
|
|
|
- {...formItemLayout}
|
|
|
- label="客户名称" >
|
|
|
- <span>{orderDetaiel.roleName}</span>
|
|
|
- </FormItem>
|
|
|
- <FormItem className="half-item"
|
|
|
- {...formItemLayout}
|
|
|
- label="订单类型" >
|
|
|
- <span>{orderDetaiel.roleName}</span>
|
|
|
- </FormItem>
|
|
|
- <FormItem className="half-item"
|
|
|
- {...formItemLayout}
|
|
|
- label="订单渠道" >
|
|
|
- <span>{orderDetaiel.roleName}</span>
|
|
|
- </FormItem>
|
|
|
- <FormItem className="half-item"
|
|
|
- {...formItemLayout}
|
|
|
- label="订单状态" >
|
|
|
- <span>{orderDetaiel.roleName}</span>
|
|
|
- </FormItem>
|
|
|
- <FormItem className="half-item"
|
|
|
- {...formItemLayout}
|
|
|
- label="已收款项" >
|
|
|
- <span>{orderDetaiel.roleName}</span>
|
|
|
- </FormItem>
|
|
|
- <FormItem className="half-item"
|
|
|
- {...formItemLayout}
|
|
|
- label="结算状态" >
|
|
|
- <span>{orderDetaiel.roleName}</span>
|
|
|
- </FormItem>
|
|
|
- <div className='clearfix'>
|
|
|
+ onOk={this.handleOk} onCancel={this.handleCancel}
|
|
|
+ width='1000px'
|
|
|
+ title='订单详情'
|
|
|
+ footer=''
|
|
|
+ className="admin-desc-content">
|
|
|
+ <Form layout="horizontal" id="demand-form" style={{paddingBottom:'40px'}} >
|
|
|
+ <Spin spinning={this.state.loading}>
|
|
|
+ <div className="clearfix">
|
|
|
+ <div className="clearfix">
|
|
|
+ <FormItem className="half-item"
|
|
|
+ {...formItemLayout}
|
|
|
+ label="订单编号" >
|
|
|
+ <span>{orderDetaiel.orderNo}</span>
|
|
|
+ </FormItem>
|
|
|
<FormItem className="half-item"
|
|
|
{...formItemLayout}
|
|
|
- label="特批立项" >
|
|
|
- <Select placeholder="选择特批立项类型"
|
|
|
- style={{ width:'240px'}}
|
|
|
- value={this.state.orderType}
|
|
|
- onChange={(e) => { this.setState({ orderType: e }) }}>
|
|
|
- <Select.Option value='0'>不特批</Select.Option>
|
|
|
- <Select.Option value='1'>申请特批</Select.Option>
|
|
|
- <Select.Option value='2'>特批通过</Select.Option>
|
|
|
- <Select.Option value='3'>特批驳回</Select.Option>
|
|
|
- </Select>
|
|
|
- <span className="mandatory">*</span>
|
|
|
+ label="下单时间" >
|
|
|
+ <span>{orderDetaiel.createTime}</span>
|
|
|
</FormItem>
|
|
|
- </div>
|
|
|
+ <FormItem className="half-item"
|
|
|
+ {...formItemLayout}
|
|
|
+ label="客户名称" >
|
|
|
+ <span>{orderDetaiel.buyerName}</span>
|
|
|
+ </FormItem>
|
|
|
+ <FormItem className="half-item"
|
|
|
+ {...formItemLayout}
|
|
|
+ label="订单类型" >
|
|
|
+ <span>{getOrderType(orderDetaiel.orderType)}</span>
|
|
|
+ </FormItem>
|
|
|
+ <FormItem className="half-item"
|
|
|
+ {...formItemLayout}
|
|
|
+ label="订单渠道" >
|
|
|
+ <span>{getOrderChannel(orderDetaiel.orderChannel)}</span>
|
|
|
+ </FormItem>
|
|
|
+ <FormItem className="half-item"
|
|
|
+ {...formItemLayout}
|
|
|
+ label="订单状态" >
|
|
|
+ <span>{getOrderState(orderDetaiel.orderStatus)}</span>
|
|
|
+ </FormItem>
|
|
|
+ <FormItem className="half-item"
|
|
|
+ {...formItemLayout}
|
|
|
+ label="已收款项" >
|
|
|
+ <span>{orderDetaiel.actuallyTotalAmount}</span>
|
|
|
+ </FormItem>
|
|
|
+ <FormItem className="half-item"
|
|
|
+ {...formItemLayout}
|
|
|
+ label="结算状态" >
|
|
|
+ <span>{getPaymentState(orderDetaiel.liquidationStatus)}</span>
|
|
|
+ </FormItem>
|
|
|
+ <FormItem className="half-item"
|
|
|
+ {...formItemLayout}
|
|
|
+ label="市价订单金额" >
|
|
|
+ <span>{orderDetaiel.orderAmount}</span>
|
|
|
+ </FormItem>
|
|
|
+ <FormItem className="half-item"
|
|
|
+ {...formItemLayout}
|
|
|
+ label="市价首款金额" >
|
|
|
+ <span>{orderDetaiel.firstPayment}</span>
|
|
|
+ </FormItem>
|
|
|
+ <div className='clearfix'>
|
|
|
+ <FormItem className="half-item"
|
|
|
+ {...formItemLayout}
|
|
|
+ label="实签订单金额" >
|
|
|
+ <span>{orderDetaiel.signTotalAmount}</span>
|
|
|
+ </FormItem>
|
|
|
+ <FormItem className="half-item"
|
|
|
+ {...formItemLayout}
|
|
|
+ label="实签首款金额" >
|
|
|
+ <span>{orderDetaiel.signFirstPayment}</span>
|
|
|
+ </FormItem>
|
|
|
+ <FormItem className="half-item"
|
|
|
+ {...formItemLayout}
|
|
|
+ label="特批立项" >
|
|
|
+ <span>{getApprovedState(orderDetaiel.approval)}</span>
|
|
|
+ </FormItem>
|
|
|
+ <div className="clearfix">
|
|
|
+ <FormItem
|
|
|
+ labelCol={{ span: 4 }}
|
|
|
+ wrapperCol={{ span: 18 }}
|
|
|
+ label="合同扫描件" >
|
|
|
+ <Upload className="demandDetailShow-upload"
|
|
|
+ listType="customer_sys_file"
|
|
|
+ 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>
|
|
|
+ </FormItem>
|
|
|
+ </div>
|
|
|
+ <div className='clearfix'>
|
|
|
+ <FormItem
|
|
|
+ labelCol={{ span: 4 }}
|
|
|
+ wrapperCol={{ span: 16 }}
|
|
|
+ label="订单留言" >
|
|
|
+ <span>{orderDetaiel.orderRemarks}</span>
|
|
|
+ </FormItem>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
<div className='clearfix'>
|
|
|
- <FormItem
|
|
|
- labelCol={{ span: 4 }}
|
|
|
- wrapperCol={{ span: 16 }}
|
|
|
- label="订单留言" >
|
|
|
- <Input type="textarea" placeholder="请输入订单留言" rows={4} value={this.state.introduction}
|
|
|
- onChange={(e)=>{this.setState({introduction:e.target.value})}}/>
|
|
|
- </FormItem>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div className='clearfix'>
|
|
|
- <FormItem className="half-item"
|
|
|
- {...formItemLayout}
|
|
|
- label="订单负责人" >
|
|
|
- <span>{orderDetaiel.roleName}</span>
|
|
|
- </FormItem>
|
|
|
- </div>
|
|
|
- <div className='clearfix'>
|
|
|
- <FormItem className="half-item"
|
|
|
- {...formItemLayout}
|
|
|
- label="意向时间" >
|
|
|
- <span>{orderDetaiel.createTimez}</span>
|
|
|
- </FormItem>
|
|
|
- <FormItem className="half-item"
|
|
|
- {...formItemLayout}
|
|
|
- label="签单时间" >
|
|
|
- <span>{orderDetaiel.createTimez}</span>
|
|
|
- </FormItem>
|
|
|
- <FormItem className="half-item"
|
|
|
- {...formItemLayout}
|
|
|
- label="财务负责人" >
|
|
|
- <span>{orderDetaiel.createTimez}</span>
|
|
|
- </FormItem>
|
|
|
- <FormItem className="half-item"
|
|
|
- {...formItemLayout}
|
|
|
- label="首付时间" >
|
|
|
- <span>{orderDetaiel.createTimez}</span>
|
|
|
- </FormItem>
|
|
|
- <FormItem className="half-item"
|
|
|
- {...formItemLayout}
|
|
|
- label="项目负责人" >
|
|
|
- <span>{orderDetaiel.roleName}</span>
|
|
|
- </FormItem>
|
|
|
- <FormItem className="half-item"
|
|
|
- {...formItemLayout}
|
|
|
- label="立项时间" >
|
|
|
- <span>{orderDetaiel.createTimez}</span>
|
|
|
- </FormItem>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <span style={{marginLeft:'50px',fontSize:'20px'}}>订单明细</span>
|
|
|
- </div>
|
|
|
- <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}
|
|
|
- />
|
|
|
- </Spin>
|
|
|
- </div>
|
|
|
- <div style={{marginTop:'30px',paddingLeft:'100px'}}>
|
|
|
- <Button className="setSave" type="primary" htmlType="submit" style={{marginRight:'50px'}}>保存</Button>
|
|
|
- <Button className="cancel" type="ghost" onClick={this.handleCancel}>返回</Button>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </Spin>
|
|
|
- </Form >
|
|
|
- </Modal>
|
|
|
- <Modal maskClosable={false} visible={this.state.addnextVisible}
|
|
|
+ <FormItem className="half-item"
|
|
|
+ {...formItemLayout}
|
|
|
+ label="订单负责人" >
|
|
|
+ <span>{orderDetaiel.salesmanName}</span>
|
|
|
+ </FormItem>
|
|
|
+ </div>
|
|
|
+ <div className='clearfix'>
|
|
|
+ <FormItem className="half-item"
|
|
|
+ {...formItemLayout}
|
|
|
+ label="意向时间" >
|
|
|
+ <span>{orderDetaiel.createTime}</span>
|
|
|
+ </FormItem>
|
|
|
+ <FormItem className="half-item"
|
|
|
+ {...formItemLayout}
|
|
|
+ label="签单时间" >
|
|
|
+ <span>{orderDetaiel.signTime}</span>
|
|
|
+ </FormItem>
|
|
|
+ <FormItem className="half-item"
|
|
|
+ {...formItemLayout}
|
|
|
+ label="财务负责人" >
|
|
|
+ <span>{orderDetaiel.financeName}</span>
|
|
|
+ <Button onClick={this.lookflow} style={{float:'right'}}>查看流水</Button>
|
|
|
+ </FormItem>
|
|
|
+ <FormItem className="half-item"
|
|
|
+ {...formItemLayout}
|
|
|
+ label="项目负责人" >
|
|
|
+ <span>{orderDetaiel.technicianName}</span>
|
|
|
+ <Button onClick={this.lookProject} style={{float:'right'}}>查看项目</Button>
|
|
|
+ </FormItem>
|
|
|
+ <FormItem className="half-item"
|
|
|
+ {...formItemLayout}
|
|
|
+ label="立项时间" >
|
|
|
+ <span>{orderDetaiel.setUpTime}</span>
|
|
|
+ </FormItem>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <span style={{marginLeft:'50px',fontSize:'20px'}}>订单明细</span>
|
|
|
+ </div>
|
|
|
+ <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}
|
|
|
+ />
|
|
|
+ </Spin>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </Spin>
|
|
|
+ </Form >
|
|
|
+ </Modal>
|
|
|
+ <Modal maskClosable={false} visible={this.state.addnextVisible}
|
|
|
onOk={this.nextCancel} onCancel={this.nextCancel}
|
|
|
width='550px'
|
|
|
title='查看订单明细服务'
|
|
@@ -367,31 +463,76 @@ const MySettlementDetaile = Form.create()(React.createClass({
|
|
|
<Form layout="horizontal" id="demand-form">
|
|
|
<Spin spinning={this.state.loading}>
|
|
|
<div className="clearfix">
|
|
|
- <FormItem className="half-middle"
|
|
|
- {...formItemLayout}
|
|
|
- label="服务名称" >
|
|
|
- <span>{this.state.aaa}</span>
|
|
|
+ <FormItem className="half-item"
|
|
|
+ {...formItemLayout}
|
|
|
+ label="服务名称" >
|
|
|
+ <span>{editFws.commodityName}</span>
|
|
|
</FormItem>
|
|
|
- <FormItem className="half-middle"
|
|
|
- {...formItemLayout}
|
|
|
- label="项目类别" >
|
|
|
- <span>{this.state.aaa}</span>
|
|
|
+ <FormItem className="half-item"
|
|
|
+ {...formItemLayout}
|
|
|
+ label="市场价格" >
|
|
|
+ <span>{editFws.commodityPrice}</span>
|
|
|
</FormItem>
|
|
|
- <FormItem className="half-middle"
|
|
|
- {...formItemLayout}
|
|
|
- label="项目数量" >
|
|
|
- <span>{this.state.aaa}</span>
|
|
|
+ <FormItem className="half-item"
|
|
|
+ {...formItemLayout}
|
|
|
+ label="实签价格" >
|
|
|
+ <span>{editFws.discountPrice}</span>
|
|
|
</FormItem>
|
|
|
- <FormItem className="half-middle"
|
|
|
- {...formItemLayout}
|
|
|
- label="下单时间" >
|
|
|
- <span>{this.state.aaa}</span>
|
|
|
+ <FormItem className="half-item"
|
|
|
+ {...formItemLayout}
|
|
|
+ label="服务数量" >
|
|
|
+ <span>{editFws.commodityQuantity}</span>
|
|
|
</FormItem>
|
|
|
- <FormItem className="half-middle"
|
|
|
- {...formItemLayout}
|
|
|
+ <FormItem className="half-item"
|
|
|
+ {...formItemLayout}
|
|
|
+ label="商品规格" >
|
|
|
+ <span>{editFws.commodityMode}</span>
|
|
|
+ </FormItem>
|
|
|
+ <FormItem className="half-item"
|
|
|
+ {...formItemLayout}
|
|
|
+ label="市场首付金额" >
|
|
|
+ <span>{editFws.commodityFirstPayment}</span>
|
|
|
+ </FormItem>
|
|
|
+ <FormItem className="half-item"
|
|
|
+ {...formItemLayout}
|
|
|
+ label="签单首付金额" >
|
|
|
+ <span>{editFws.discountFirstPayment}</span>
|
|
|
+ </FormItem>
|
|
|
+ <div className='clearfix'>
|
|
|
+ <FormItem
|
|
|
+ labelCol={{ span: 4 }}
|
|
|
+ wrapperCol={{ span: 16 }}
|
|
|
label="服务说明" >
|
|
|
- <span>{this.state.aaa}</span>
|
|
|
- </FormItem>
|
|
|
+ <span>{editFws.remarks}</span>
|
|
|
+ </FormItem>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </Spin>
|
|
|
+ </Form >
|
|
|
+ </Modal>
|
|
|
+ <Modal maskClosable={false} visible={this.state.lookVisible}
|
|
|
+ onOk={this.lookCancel} onCancel={this.lookCancel}
|
|
|
+ width='550px'
|
|
|
+ title= {this.state.lookState?'查看项目':'查看流水'}
|
|
|
+ footer=''
|
|
|
+ className="admin-desc-content">
|
|
|
+ <Form layout="horizontal" id="demand-form">
|
|
|
+ <Spin spinning={this.state.loading}>
|
|
|
+ <div className="clearfix">
|
|
|
+ {this.state.lookState?
|
|
|
+ <div>
|
|
|
+ <Table columns={this.state.projectList}
|
|
|
+ dataSource={this.state.lookSource}
|
|
|
+ pagination={false}
|
|
|
+ />
|
|
|
+
|
|
|
+ </div>:
|
|
|
+ <div>
|
|
|
+ <Table columns={this.state.flowList}
|
|
|
+ dataSource={this.state.lookSource}
|
|
|
+ pagination={false}
|
|
|
+ />
|
|
|
+ </div>}
|
|
|
</div>
|
|
|
</Spin>
|
|
|
</Form >
|