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,Checkbox} from 'antd'; import MyBillDetaile from "./myBillDetaile.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 MyBill=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, draweeName:this.state.draweeName,//付款人名称 payeeName:this.state.payeeName,//付款人名称 term:this.state.term,//是否有效 orderNumber:this.state.orderNumber,//订单编号 orderDepartment:this.state.orderDepartment,//订单部门 orderLeader:this.state.orderLeader,//订单负责人 }, 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, 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: 'creater', key: 'creater' }, { title: '流水金额', dataIndex: 'creater7', key: 'creater7' },{ title: '付款人名称', dataIndex: 'roleName1', key: 'roleName1' }, { title: '收款人名称', dataIndex: 'c', key: 'c' }, { 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: 'cre', key: 'cre', render:(text)=>{return getProjectProgress(text) } },{ title: '订单编号', dataIndex: 'crea1tu', key: 'crea1tu', render:(text)=>{return getProjectProgress(text) } },{ title: '订单负责人', dataIndex: 'c2re', key: 'c2re', render:(text)=>{return getProjectProgress(text) } },{ title: '是否有效', dataIndex: 'c22re', key: 'c22re', render:(text)=>{return getProjectProgress(text) } }, { title: '操作', dataIndex: 'operation', key: 'operation', render: (text, record, index) => { return
} } ], dataSource: [], }; }, //操作分配 confirmDelet(index){ this.setState({ userDetaile:false, }); this.contactList(1,index.id) }, //驳回 reject(record){ this.state.userDetaile=true; this.state.datauser = record; this.setState({ showDesc: true }); }, componentWillMount() { this.loadData(); }, // tableRowClick(record, index) { // this.state.userDetaile=true; // this.state.datauser = record; // this.setState({ // showDesc: true // }); // }, 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(); }, //分配时搜索 searchOrder() { this.contactList(); }, //分配时重置 resetOrder() { this.contactList(); }, reset() { this.state.draweeName=''; this.state.payeeName=''; this.state.pipelining = undefined; this.state.term = undefined; this.state.orderNumber = ''; this.state.orderDepartment = ''; this.state.orderLeader = ''; this.loadData(); }, render() { 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({ draweeName: e.target.value }); }} /> { this.setState({ payeeName: e.target.value }); }} /> 更多搜索
{ this.setState({ orderNumber: e.target.value }); }} /> { this.setState({ orderDepartment: e.target.value }); }} /> { this.setState({ orderLeader: e.target.value }); }} />
); } })); export default MyBill;