import React from 'react'; import ReactDom from 'react-dom'; import ajax from 'jquery/src/ajax/xhr.js'; import $ from 'jquery/src/ajax'; import { Form,Radio, Icon, Button, Input, Select, Spin, Table, Switch, message, DatePicker, Checkbox ,Modal, Upload ,Popconfirm} from 'antd'; import NewService from "./addService.jsx"; import moment from 'moment'; import '../userMangagement.less'; import {lvl,intentProgress,transactionProgress,contractProgress,projectProgress} from '../../../dataDic.js'; import {getIntentProgress,getTransactionProgress,getContractProgress,getProjectProgress,splitUrl} from '../../../tools.js'; const MyService=Form.create()(React.createClass({ loadData(pageNo) { this.state.data = []; this.setState({ loading: true }); $.ajax({ method: "post", dataType: "json", crossDomain: false, url: globalConfig.context + '/api/admin/roles', data: { pageNo: pageNo || 1, pageSize: this.state.pagination.pageSize, customerName:this.state.customerName, startDate: this.state.releaseDate[0], endDate: this.state.releaseDate[1], transactionProgress:this.state.transactionProgress, contractProgress:this.state.contractProgress, projectProgress:this.state.projectProgress, settlementState:this.state.settlementState, orderStatus:this.state.orderStatus, approved:this.state.approved, orderChannel:this.state.orderChannel, intentOrder:this.state.intentOrder?'1':'0', formalOrder:this.state.formalOrder?'1':'0' }, 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, roleName: thisdata.roleName, creater:thisdata.creater, createTime:thisdata.createTimez, }); }; 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({ dataSource: theArr, pagination: this.state.pagination, selectedRowKeys:[] }); }.bind(this), }).always(function () { this.setState({ loading: false }); }.bind(this)); }, getInitialState() { return { datauser:{}, selectedRowKeys: [], releaseDate: [], signBillState:false, signBillVisible:false, selectedRows: [], searchMore: true, loading: false, intentOrder:false, formalOrder: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: 'roleName', key: 'roleName' }, { title: '订单类型', dataIndex: 'creater', key: 'creater' }, { title: '下单时间', dataIndex: 'creater7', key: 'creater7' },{ title: '订单客户', dataIndex: 'roleName1', key: 'roleName1' }, { title: '实际下单金额', dataIndex: 'creater1', key: 'creater1' }, { title: '意向进度', dataIndex: 'createTime1', key: 'createTime1', render:(text)=>{return getIntentProgress(text) } },{ title: '交易进度', dataIndex: 'roleName2', key: 'roleName2', render:(text)=>{return getTransactionProgress(text) } }, { title: '合同进度', dataIndex: 'creater2', key: 'creater2', render:(text)=>{return getContractProgress(text) } }, { title: '项目进度', dataIndex: 'creatu', key: 'creatu', render:(text)=>{return getProjectProgress(text) } },{ title: '结算状态', dataIndex: 'roleName3', key: 'roleName3' }, { title: '订单状态', dataIndex: 'creater3', key: 'creater3' }, { title: '是否特批', dataIndex: 'creat', key: 'creat' },{ title: '订单渠道', dataIndex: 'cre', key: 'cre' },{ title: '操作', dataIndex: 'ccc', key: 'ccc', render: (text, record, index) => { return
{this.admissibleOrder(record)}} okText="确认" cancelText="取消"> {this.cancelOrder(record)}} okText="确认" cancelText="取消"> {this.scrapOrder(record)}} okText="确认" cancelText="取消"> {this.lockOrder(record)}} okText="确认" cancelText="取消"> {this.unlockOrder(record)}} okText="确认" cancelText="取消">
} } ], dataSource: [], }; }, //受理订单 admissibleOrder(e){ this.operation(e,'admissibleOrder') }, //取消订单 cancelOrder(e){ this.operation(e,'cancelOrder') }, //作废订单 scrapOrder(e){ this.operation(e,'scrapOrder') }, //锁定订单 lockOrder(e){ this.operation(e,'lockOrder') }, //解锁订单 unlockOrder(e){ this.operation(e,'unlockOrder') }, //签单 signBill(ids){ this.setState({ uid:ids, signBillVisible:true }) }, componentWillMount() { this.loadData(); }, tableRowClick(record, index) { this.state.userDetaile=true; this.state.datauser = record; this.setState({ signBillVisible:false, signBillState:true, showDesc: true }); }, //列表各种骚操作 operation(record,index) { let api; switch(index){ case 'admissibleOrder': //受理意向 api='/api/shoulidingdan'; break; case 'cancelOrder': //取消订单 api='/api/quxiaodingdan'; break; case 'scrapOrder': //作废订单 api='/api/zuofeidingdan'; break; case 'lockOrder': //锁定订单 api='/api/suodingdingdan'; break; case 'unlockOrder': //解锁订单 api='/api/jiesuodingdan'; break; default: return false; } this.setState({ selectedRowKeys: [], loading: true, showDesc:false }); $.ajax({ method: "POST", dataType: "json", crossDomain: false, url: globalConfig.context + api, data: { id:record.id } }).done(function (data) { if (!data.error.length) { message.success('操作成功!'); this.setState({ loading: false, }); } else { message.warning(data.error[0].message); }; this.loadData(); }.bind(this)); }, addClick() { this.state.userDetaile=false; this.setState({ signBillVisible:false, showDesc: true }); }, closeDesc(e, s) { this.state.userDetaile=false; this.state.showDesc = e; if (s) { this.loadData(); }; }, searchSwitch() { this.setState({ signBillVisible:false, searchMore: !this.state.searchMore }); }, search() { this.setState({ signBillVisible:false }) this.loadData(); }, reset() { this.setState({ signBillVisible:false }) this.state.customerName=''; this.state.releaseDate[0] = undefined; this.state.releaseDate[1] = undefined; this.state.transactionProgress = undefined; this.state.contractProgress = undefined; this.state.projectProgress = undefined; this.state.settlementState = undefined; this.state.orderStatus = undefined; this.state.approved = undefined; this.state.orderChannel = undefined; this.state.formalOrder=false; this.state.intentOrder=false; this.loadData(); }, render() { const FormItem = Form.Item; const formItemLayout = { labelCol: { span: 8 }, wrapperCol: { span: 14 }, }; const rowSelection = { selectedRowKeys: this.state.selectedRowKeys, onChange: (selectedRowKeys, selectedRows) => { this.setState({ selectedRows: selectedRows.slice(-1), selectedRowKeys: selectedRowKeys.slice(-1) }); }, onSelectAll: (selected, selectedRows, changeRows) => { this.setState({ selectedRowKeys:[] }) }, }; const hasSelected = this.state.selectedRowKeys.length > 0; const { RangePicker } = DatePicker; return (
我的订单
{ this.setState({ customerName: e.target.value }); }} /> { this.setState({ releaseDate: dataString }); }} /> 更多搜索
{this.setState({intentOrder:!this.state.intentOrder})}}>意向订单 {this.setState({formalOrder:!this.state.formalOrder})}}>正式订单
); } })); export default MyService;