selContact.jsx 7.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220
  1. import React from 'react';
  2. import ajax from 'jquery/src/ajax/xhr.js';
  3. import $ from 'jquery/src/ajax';
  4. import { Form,Radio, Button, Input, Select, Spin, Table, message, Modal ,Popconfirm} from 'antd';
  5. const Assign=React.createClass({
  6. getInitialState() {
  7. return {
  8. contact:0,
  9. selectedRows: [],
  10. distributionList:[],
  11. searchMore: true,
  12. loading: false,
  13. visible:false,
  14. showDesc:false,
  15. pagination: {
  16. defaultCurrent: 1,
  17. defaultPageSize: 10,
  18. showQuickJumper: true,
  19. pageSize: 4,
  20. onChange: function (page) {
  21. this.loadData(page);
  22. }.bind(this),
  23. showTotal: function (total) {
  24. return '共' + total + '条数据';
  25. }
  26. },
  27. userList:[
  28. {
  29. title: '用户姓名',
  30. dataIndex: 'name',
  31. key: 'name'
  32. },{
  33. title: '部门机构',
  34. dataIndex: 'departmentName',
  35. key: 'departmentName'
  36. }, {
  37. title: '职务',
  38. dataIndex: 'position',
  39. key: 'position'
  40. },{
  41. title: '联系手机',
  42. dataIndex: 'mobile',
  43. key: 'mobile'
  44. }
  45. ],
  46. dataSource: [],
  47. };
  48. },
  49. //操作分配
  50. confirmDelet(index){
  51. this.setState({
  52. orderNos:index.orderNo,
  53. });
  54. },
  55. onCancel(){
  56. this.setState({
  57. visible:false
  58. })
  59. this.props.closeDesc(false,false);
  60. },
  61. onShow() {
  62. this.setState({
  63. visible: false,
  64. });
  65. this.props.closeDesc(false, true);
  66. },
  67. //分配对象列表
  68. contactList(){
  69. $.ajax({
  70. method: "get",
  71. dataType: "json",
  72. crossDomain: false,
  73. url: globalConfig.context + '/api/admin/superviser/adminList',
  74. data: {
  75. pageNo: 1,
  76. pageSize:999,
  77. departmentId:this.state.departmenttList,
  78. name:this.state.financeNameSearch,
  79. },
  80. success: function (data) {
  81. let theArr = [];
  82. if (!data.data) {
  83. if (data.error && data.error.length) {
  84. message.warning(data.error[0].message);
  85. };
  86. } else {
  87. for (let i = 0; i < data.data.list.length; i++) {
  88. let thisdata = data.data.list[i];
  89. theArr.push({
  90. key: i,
  91. id: thisdata.id,
  92. userNo: thisdata.userNo,
  93. name:thisdata.name,
  94. departmentName:thisdata.departmentName,
  95. departmentId:thisdata.departmentId,
  96. position:thisdata.position,
  97. mobile:thisdata.mobile,
  98. });
  99. };
  100. };
  101. this.setState({
  102. distributionList: theArr,
  103. });
  104. }.bind(this),
  105. }).always(function () {
  106. this.setState({
  107. loading: false
  108. });
  109. }.bind(this));
  110. },
  111. //选定对象
  112. handleSubmit(e){
  113. e.preventDefault();
  114. let selectedRows = this.state.selectedRows,idArr = [];
  115. selectedRows.map(item=>{
  116. idArr.push(item.id);
  117. })
  118. this.setState({
  119. loading: true
  120. });
  121. $.ajax({
  122. method: "post",
  123. dataType: "json",
  124. crossDomain: false,
  125. url: globalConfig.context +'/api/admin/addContact',
  126. data: {
  127. id:JSON.stringify(idArr)
  128. }
  129. }).done(function (data) {
  130. if (!data.error.length) {
  131. message.success('添加成功');
  132. this.onShow();
  133. } else {
  134. message.warning(data.error[0].message);
  135. };
  136. this.setState({
  137. loading: false,
  138. });
  139. }.bind(this));
  140. },
  141. searchOrder(){
  142. this.contactList();
  143. },
  144. resetOrder(){
  145. this.state.departmenttList=undefined;
  146. this.state.financeNameSearch='';
  147. this.setState({
  148. distributionList:[]
  149. });
  150. },
  151. componentWillMount() {
  152. },
  153. componentWillReceiveProps(nextProps) {
  154. this.state.visible=nextProps.showDesc;
  155. },
  156. render() {
  157. const rowSelection = {
  158. selectedRowKeys: this.state.selectedRowKeys,
  159. onChange: (selectedRowKeys, selectedRows) => {
  160. this.setState({
  161. selectedRows: selectedRows,
  162. selectedRowKeys: selectedRowKeys
  163. });
  164. }
  165. };
  166. let departmentArr = this.props.departmentArr || [],
  167. nub = this.state.distributionList.length;
  168. return (
  169. <div className="user-content" >
  170. <Modal maskClosable={false} visible={this.state.visible}
  171. onOk={this.onShow} onCancel={this.onCancel}
  172. width='800px'
  173. title='常用联系人选择'
  174. footer=''
  175. className="admin-desc-content">
  176. <Form layout="horizontal" onSubmit={this.handleSubmit} id="demand-form" style={{paddingBottom:'40px'}} >
  177. <Spin spinning={this.state.loading}>
  178. <div>
  179. <Select placeholder="订单部门"
  180. style={{ width: 150 ,marginRight:'10px',marginLeft:'10px'}}
  181. value={this.state.departmenttList}
  182. onChange={(e) => { this.setState({ departmenttList: e }) }}>
  183. {
  184. departmentArr.map(function (item) {
  185. return <Select.Option key={item.id} >{item.name}</Select.Option>
  186. })
  187. }
  188. </Select>
  189. <Input placeholder="姓名" style={{width:'150px',marginLeft:'10px'}}
  190. value={this.state.financeNameSearch}
  191. onChange={(e) => { this.setState({ financeNameSearch: e.target.value }); }} />
  192. <Button type="primary" onClick={this.searchOrder} style={{marginLeft:'10px',marginRight:'10px'}}>搜索</Button>
  193. <Button onClick={this.resetOrder}>重置</Button>
  194. </div>
  195. <div className="patent-table" style={{marginTop:'10px'}}>
  196. <Spin spinning={this.state.loading}>
  197. <Table columns={this.state.userList}
  198. dataSource={this.state.distributionList}
  199. rowSelection={rowSelection}
  200. pagination={false}
  201. scroll={{ y:400}}
  202. />
  203. </Spin>
  204. </div>
  205. {nub?<div style={{textAlign:'center',marginTop:15}}>
  206. <Button type="primary" onClick={(e)=>{this.handleSubmit(e)}} style={{marginRight:20}}>选定</Button>
  207. <Button type="default" onClick={()=>{this.onCancel()}}>取消</Button>
  208. </div>:''}
  209. </Spin>
  210. </Form>
  211. </Modal>
  212. </div>
  213. );
  214. }
  215. });
  216. export default Assign;