import React from 'react'; import { Icon, Table, Modal, message, Spin, Input, Select, Button, Form ,Upload,Popconfirm,AutoComplete} from 'antd'; import ajax from 'jquery/src/ajax/xhr.js'; import $ from 'jquery/src/ajax'; import '../userMangagement.less'; import {getApprovedState,getPaymentState,getOrderState,getOrderChannel,getOrderType} from '../../../../tools.js'; const MySettlementDetaile = Form.create()(React.createClass({ loadData(record) { this.state.data = []; this.setState({ loading: true }); $.ajax({ method: "get", dataType: "json", crossDomain: false, url: globalConfig.context + '/api/admin/order/getOrderCommodity', data: { orderNo:record?record.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({ dataSource: theArr, pagination: false, }); }.bind(this), }).always(function () { this.setState({ loading: false }); }.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, lookState:true, orgCodeUrl:[], checkedKeys: [], columns: [ { title: '业务项目名称', dataIndex: 'commodityName', key: 'commodityName' }, { title: '项目类别', dataIndex: 'commodityType', key: 'commodityType', render:(text)=>{ return (getOrderType(text)) } },{ title: '项目数量', dataIndex: 'commodityQuantity', key: 'commodityQuantity' }, { title: '服务市价', dataIndex: 'commodityPrice', key: 'commodityPrice' }, { title: '实签价格', dataIndex: 'discountPrice', key: 'discountPrice' }, { title: '下单时间', dataIndex: 'createTimes', key: 'createTimes' }, { title: '项目说明', 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: "get", dataType: "json", crossDomain: false, url: globalConfig.context + '/api/admin/order/getServiceOrderDetail', data: { orderNo: record.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, 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({ loading: false }); }.bind(this)); } }, handleOk(e) { this.setState({ visible: false, }); this.props.closeDesc(false, true); }, handleCancel(e) { this.setState({ visible: false, }); this.props.closeDesc(false); }, nextCancel() { this.setState({ addnextVisible: false }) }, //查看项目、查看流水 lookProject(){ this.setState({ lookState:true, lookVisible:true, }) this.lookSee(true) }, lookflow(){ this.setState({ lookState:false, lookVisible:true, }) this.lookSee(false) }, lookCancel(){ this.setState({ lookVisible:false }) }, tableRowClick(record, index) { this.setState({ editFw:record, addnextVisible:true, }); }, componentWillMount() { }, componentWillReceiveProps(nextProps) { //props改变时触发 this.state.visible = nextProps.showDesc; if(nextProps.userDetaile && nextProps.showDesc ) { this.loaduser(nextProps.datauser); this.loadData(nextProps.datauser); } }, render() { const FormItem = Form.Item const formItemLayout = { labelCol: { span: 8 }, wrapperCol: { span: 14 }, }; const editFws=this.state.editFw || []; const orderDetaiel=this.state.orderList || []; return(
{orderDetaiel.orderNo} {orderDetaiel.createTime} {orderDetaiel.buyerName} {getOrderType(orderDetaiel.orderType)} {getOrderChannel(orderDetaiel.orderChannel)} {getOrderState(orderDetaiel.orderStatus)} {orderDetaiel.actuallyTotalAmount} {getPaymentState(orderDetaiel.liquidationStatus)} {orderDetaiel.orderAmount} {orderDetaiel.firstPayment}
{orderDetaiel.signTotalAmount} {orderDetaiel.signFirstPayment} {getApprovedState(orderDetaiel.approval)}
{ this.setState({ previewImage: file.url || file.thumbUrl, previewVisible: true, }); }} > { this.setState({ previewVisible: false }) }}>
{orderDetaiel.orderRemarks}
{orderDetaiel.salesmanName}
{orderDetaiel.createTime} {orderDetaiel.signTime} {orderDetaiel.financeName} {orderDetaiel.technicianName} {orderDetaiel.setUpTime}
订单明细
{editFws.commodityName} {editFws.commodityPrice} {editFws.discountPrice} {editFws.commodityQuantity} {editFws.commodityMode} {editFws.commodityFirstPayment} {editFws.discountFirstPayment}
{editFws.remarks}
{this.state.lookState?
:
} ) } })); export default MySettlementDetaile;