import React from 'react'; import ajax from 'jquery/src/ajax/xhr.js'; import $ from 'jquery/src/ajax'; import { Form,Radio, Button, Input, Select, Spin, Table, message, Modal ,Popconfirm} from 'antd'; const Assign=React.createClass({ departmentList() { this.setState({ loading: true }); $.ajax({ method: "get", dataType: "json", crossDomain: false, url: globalConfig.context + "/api/admin/organization/selectSuperId", data: { }, success: function(data) { let thedata = data.data; let theArr=[]; if(!thedata) { if(data.error && data.error.length) { message.warning(data.error[0].message); }; thedata = {}; }else{ thedata.map(function(item,index){ theArr.push({ key:index, name:item.name, id:item.id, }) }) } this.setState({ departmentArr:theArr, }) }.bind(this), }).always(function() { this.setState({ loading: false }); }.bind(this)); }, getInitialState() { return { contact:0, 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 + '条数据'; } }, userList:[ { title: '用户姓名', dataIndex: 'name', key: 'name', width:100 },{ title: '部门机构', dataIndex: 'departmentName', key: 'departmentName', width:100, render:text=>{ return text&&text.length>12?{text.substr(0,12)+'...'}:text } }, { title: '职务', dataIndex: 'position', key: 'position', width:100 },{ title: '联系手机', dataIndex: 'mobile', key: 'mobile', width:100 }, { title: '操作', dataIndex: 'abc', key: 'abc', width:100, render:(text,record,index)=>{ return ( {this.confirmSelect(record)}} okText="确认" cancelText="取消"> ) } } ], dataSource: [], }; }, //操作分配 confirmDelet(index){ this.setState({ orderNos:index.orderNo, }); }, onCancel(){ this.setState({ visible:false }) this.props.closeDesc(false,false); }, onShow() { this.setState({ visible: false, }); this.props.closeDesc(false, true); }, //分配对象列表 contactList(){ this.setState({ loading:true }); let api = this.state.contact?'/api/admin/contacts':'/api/admin/superviser/adminList'; $.ajax({ method: "get", dataType: "json", crossDomain: false, url: globalConfig.context + api, data: { pageNo: 1, pageSize: 99, departmentId:this.state.departmenttList, name:this.state.financeNameSearch, }, 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, userNo: thisdata.userNo, name:thisdata.name, departmentName:thisdata.departmentName, departmentId:thisdata.departmentId, position:thisdata.position, mobile:thisdata.mobile, }); }; }; this.setState({ distributionList: theArr, }); }.bind(this), }).always(function () { this.setState({ loading: false }); }.bind(this)); }, //选定对象 confirmSelect(record){ this.setState({ loading: true }); $.ajax({ method: "post", dataType: "json", crossDomain: false, url: globalConfig.context +this.props.selApi, data: { orderNo:this.props.data.orderNo, financeId:record.id, //分配人物id approval:this.props.data.approval //是否特批 } }).done(function (data) { if (!data.error.length) { message.success('派单成功'); this.onShow(); } else { message.warning(data.error[0].message); }; this.setState({ loading: false, }); }.bind(this)); }, searchOrder(){ this.contactList(); }, resetOrder(){ this.state.departmenttList=undefined; this.state.financeNameSearch=''; this.state.contact=0; this.setState({ distributionList:[] }); }, componentWillMount() { }, componentWillReceiveProps(nextProps) { this.state.visible=nextProps.showDesc; if(nextProps.showDesc){ this.departmentList(); } this.setState({ contact:0 }) }, render() { let departmentArr = this.state.departmentArr || []; return (
常用联系人: {this.setState({contact:e.target.value})}} value={this.state.contact}> { this.setState({ financeNameSearch: e.target.value }); }} />
); } }); export default Assign;