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, Modal, Upload ,Popconfirm} from 'antd'; import MySettlementDetaile from "./projectOrderDetaile.jsx"; import moment from 'moment'; import '../userMangagement.less'; import {lvl,intentProgress,transactionProgress,contractProgress,projectProgress} from '../../../../dataDic.js'; import {getIntentProgress,getTransactionProgress,getContractProgress,getProjectProgress} from '../../../../tools.js'; const ProjectOrder=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, customerNameSearch:this.state.customerNameSearch,//客户名称 approvedSearch:this.state.approvedSearch, //是否特批 orderStatusSearch:this.state.orderStatusSearch, //订单状态 orderDepartmentSearch:this.state.orderDepartmentSearch, //订单部门 orderLeaderSearch:this.state.orderLeaderSearch,//订单负责人 financeLeaderSearch:this.state.financeLeaderSearch,//财务负责人 }, 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: [], selectedRows: [], searchMore: true, loading: false, KnotState:true, distributionVisible:false, visible:false, showDesc: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: '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: 'creater77', key: 'creater77', render:(text)=>{return getContractProgress(text) } },{ title: '订单负责人', dataIndex: 'creater9', key: 'creater9', },{ title: '财务负责人', dataIndex: 'creater91', key: 'creater91', },{ title: '操作', dataIndex: 'rr', key: 'rr', render:(text,record,index)=>{ return (
) } } ], dataSource: [], }; }, componentWillMount() { this.loadData(); }, //立项 edit(record) { this.setState({ Kid:record.id, KnotState:true, signBillVisible:true }) this.editData(record,1) }, //结项 Knot(record){ this.setState({ Kid:record.id, KnotState:false, signBillVisible:true }) this.editData(record,0) }, noProject(){ this.setState({ signBillVisible:false }) }, //立项。结项前数据获取 editData(xhr,state){ let api =state?'api/lixiang-shuju':'api/jiexiang-shuju'; $.ajax({ method: "POST", dataType: "json", crossDomain: false, url: globalConfig.context + '/api/1313', data: { id:xhr.id, }, success: function (data) { if (!data.data) { if (data.error && data.error.length) { message.warning(data.error[0].message); }; } else { }; }.bind(this)}, ).always(function () { this.setState({ loading: false }); }.bind(this)); }, //立项、结项保存操作 projectSubmit(e){ e.preventDefault(); this.setState({ loading: true }); let api=this.state.KnotState?'/api/admin/lixiang':'/api/admin/jiexiang'; $.ajax({ method: "POST", dataType: "json", crossDomain: false, url: globalConfig.context +api , data: { id:this.state.Kid, } }).done(function(data) { this.setState({ loading: false }); if(!data.error.length) { message.success('操作成功!'); this.noProject(); this.loadData(); } else { message.warning(data.error[0].message); } }.bind(this)); }, closeDesc(e, s) { this.state.userDetaile=false; this.state.showDesc = e; if (s) { this.loadData(); }; }, searchSwitch() { this.setState({ searchMore: !this.state.searchMore }); }, search() { this.loadData(); }, tableRowClick(record, index) { this.state.userDetaile=true; this.state.datauser = record; this.setState({ showDesc: true }); }, reset() { this.state.customerNameSearch=''; this.state.approvedSearch = undefined; this.state.orderStatusSearch = undefined; this.state.orderDepartmentSearch = undefined; this.state.orderLeaderSearch = ''; this.state.financeLeaderSearch = ''; 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; return (
立项订单
{ this.setState({ customerNameSearch: e.target.value }); }} /> 更多搜索
{ this.setState({ orderLeaderSearch: e.target.value }); }} /> { this.setState({ financeLeaderSearch: e.target.value }); }} />
{this.setState({introduction:e.target.value})}}/>
); } })); export default ProjectOrder;