123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345 |
- 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,getProjectState,getOrderChannel,getOrderType,getTransactionProject,getTransactionChannel} from '../../../../tools.js';
- const ManagementDetaile = 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/customer/selectAdminCustomerList',
- 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.list.length; i++) {
- let thisdata = data.data.list[i];
- theArr.push({
- key: i,
- id:thisdata.id,
- name:thisdata.name,
- sourceName:thisdata.sourceName,
- contacts:thisdata.contacts,
- contactMobile:thisdata.contactMobile,
- createTime:thisdata.createTime,
- followTime:thisdata.followTime,
- 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,
- // discountPrice:thisdata.discountPrice,
- // commodityFirstPayment:thisdata.commodityFirstPayment,
- // createTimes:thisdata.createTimes,
- // discountFirstPayment:thisdata.discountFirstPayment,
- // remarks:thisdata.remarks,
- });
- };
- this.state.pagination.current = data.data.pageNo;
- this.state.pagination.total = data.data.totalCount;
- }
- if(!data.data.list.length) {
- this.state.pagination.current = 0
- this.state.pagination.total = 0
- }
- this.setState({
- pageNo: pageNo,
- dataSource: theArr,
- pagination: this.state.pagination,
- selectedRowKeys: [],
- signBillVisible: false
- });
- }.bind(this),
- }).always(function () {
- this.setState({
- loading: false
- });
- }.bind(this));
- },
- getInitialState() {
- return {
- loading: false,
- visible: false,
- lookState:true,
- orgCodeUrl:[],
- checkedKeys: [],
- lookflowList:[],
- columns: [
- {
- title: '客户名称',
- dataIndex: 'name',
- key: 'name'
- }, {
- title: '来源',
- dataIndex: 'sourceName',
- key: 'sourceName',
- render:(text)=>{
- return (getOrderType(text))
- }
- },{
- title: '联系人',
- dataIndex: 'contacts',
- key: 'contacts'
- }, {
- title: '联系人电话',
- dataIndex: 'contactMobile',
- key: 'contactMobile'
- }, {
- title: '创建时间',
- dataIndex: 'createTime',
- key: 'createTime'
- }, {
- title: '跟进时间',
- dataIndex: 'followTime',
- key: 'followTime'
- },
- // {
- // title: '项目说明',
- // dataIndex: 'remarks',
- // key: 'remarks',
- // render:(text)=>{
- // return (text&&text.length>8?text.substr(0,8)+'…':text)
- // }
- // }
- ],
- flowList:[
- {
- title: '平台流水号',
- dataIndex: 'billNo',
- key: 'billNo',
- }, {
- title: '平台流水时间',
- dataIndex: 'createTime',
- key: 'createTime'
- }, {
- title: '流水金额(万元)',
- dataIndex: 'transactionAmount',
- key: 'transactionAmount'
- },{
- title: '付款人名称',
- dataIndex: 'payerName',
- key: 'payerName'
- }, {
- title: '收款人名称',
- dataIndex: 'payeeName',
- key: 'payeeName'
- },
- {
- title: '流水科目',
- dataIndex: 'transactionSubject',
- key: 'transactionSubject',
- render:(text)=>{return getTransactionProject(text) }
- }, {
- title: '流水渠道',
- dataIndex: 'transactionChannel',
- key: 'transactionChannel',
- render:(text)=>{return getTransactionChannel(text) }
- },{
- title: '财务流水号',
- dataIndex: 'financialPayNo',
- key: 'financialPayNo',
- }, {
- title: '财务流水时间',
- dataIndex: 'financialPayTime',
- key: 'financialPayTime',
- }, {
- title: '流水确认',
- dataIndex: 'confirmSign',
- key: 'confirmSign',
- render:(text)=>{return text?'已确认':'待确认' }
- },{
- title: '确认时间',
- dataIndex: 'confirmTime',
- key: 'confirmTime',
- }
- ]
- };
- },
- //查看基本详情基本信息
- 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
- })
- },
- lookflow(){
- this.setState({
- loading: true,
- lookVisible:true,
- })
- this.state.lookSource=[];
- $.ajax({
- method: "get",
- dataType: "json",
- crossDomain: false,
- url: globalConfig.context +'/api/admin/order/getBillByOrderNo',
- 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,
- billNo: thisdata.billNo,
- transactionAmount:thisdata.transactionAmount,
- createTime:thisdata.createTime,
- transactionAmount:thisdata.transactionAmount,
- payerName:thisdata.payerName,
- payeeName:thisdata.payeeName,
- transactionSubject:thisdata.transactionSubject,
- transactionChannel:thisdata.transactionChannel,
- financialPayNo:thisdata.financialPayNo,
- financialPayTime:thisdata.financialPayTime,
- orderNo:thisdata.orderNo,
- departmentName:thisdata.departmentName,
- salesmanName:thisdata.salesmanName,
- financeName:thisdata.financeName,
- confirmSign:thisdata.confirmSign,
- deleteSign:thisdata.deleteSign,
- confirmTime:thisdata.confirmTime
- });
- };
- };
- this.setState({
- lookflowList: theArr,
- });
- }.bind(this),
- }).always(function () {
- this.setState({
- loading: false
- });
- }.bind(this));
- },
- 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(
- <div className="user-content" >
- <Modal maskClosable={false} visible={this.state.visible}
- onOk={this.handleOk} onCancel={this.handleCancel}
- width='1000px'
- title='订单详情'
- footer=''
- className="admin-desc-content">
- <div className="content-title">
- {<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 >
- </Modal>
- </div>
- )
- }
- }));
- export default ManagementDetaile;
|