app-base-web/lib/library/select-users/index.js

web development common base package.

"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _modal=require("antd/lib/modal"),_modal2=_interopRequireDefault(_modal),_transfer=require("antd/lib/transfer"),_transfer2=_interopRequireDefault(_transfer),_row=require("antd/lib/row"),_row2=_interopRequireDefault(_row),_col=require("antd/lib/col"),_col2=_interopRequireDefault(_col),_tag=require("antd/lib/tag"),_tag2=_interopRequireDefault(_tag),_createClass=function(){function a(e,t){for(var r=0;r<t.length;r++){var a=t[r];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}return function(e,t,r){return t&&a(e.prototype,t),r&&a(e,r),e}}();require("antd/lib/modal/style/css"),require("antd/lib/transfer/style/css"),require("antd/lib/row/style/css"),require("antd/lib/col/style/css"),require("antd/lib/tag/style/css");var _react=require("react"),_react2=_interopRequireDefault(_react),_antd=require("antd"),_utilAxios=require("../util-axios"),_utilAxios2=_interopRequireDefault(_utilAxios),_utilArray=require("../util-array"),_utilArray2=_interopRequireDefault(_utilArray),_icons=require("@ant-design/icons");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _asyncToGenerator(e){return function(){var o=e.apply(this,arguments);return new Promise(function(s,l){return function t(e,r){try{var a=o[e](r),n=a.value}catch(e){return void l(e)}if(!a.done)return Promise.resolve(n).then(function(e){t("next",e)},function(e){t("throw",e)});s(n)}("next")})}}function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function _possibleConstructorReturn(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var url="SysUser/getList",SelectUsers=function(){function r(e){_classCallCheck(this,r);var t=_possibleConstructorReturn(this,(r.__proto__||Object.getPrototypeOf(r)).call(this,e));return t.onOk=function(){t.setState({visible:!1}),console.log(t.state.targetKeys);var a=[],n=[];t.state.targetKeys.map(function(e,t){var r=e.split("$-$");a.push(r[0]),n.push(r[1])}),t.setState({codeArr:a,nameArr:n}),t.props.onChange(a,n)},t.onChange=function(e){t.setState({targetKeys:e})},t.onClick=function(e){var r=t.state;r.visible=!t.state.visible,r.targetKeys=[],r.codeArr.map(function(e,t){r.targetKeys.push(e+"$-$"+r.nameArr[t])}),t.setState(r)},t.colseTag=function(e){var r=t.state;r.codeArr.splice(e,1),r.nameArr.splice(e,1),r.targetKeys=[],r.codeArr.map(function(e,t){r.targetKeys.push(e+"$-$"+r.nameArr[t])}),t.setState(r),t.props.onChange(r.codeArr,r.nameArr)},t.state={visible:!1,url:t.props.url||url,params:t.props.params||{},data:[],targetKeys:[],loading:!1,codeArr:t.props.codeArr?JSON.parse(t.props.codeArr):[],nameArr:[]},t}var e;return _inherits(r,_react2.default.Component),_createClass(r,[{key:"componentDidMount",value:(e=_asyncToGenerator(regeneratorRuntime.mark(function e(){var s,t,r,a;return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if((s=this).setState({loading:!0}),!localStorage.getItem("select-users-data")){e.next=8;break}for(t=JSON.parse(localStorage.getItem("select-users-nameArr")),r=JSON.parse(localStorage.getItem("select-users-data")),a=0;a<r.length;a++)0<=_utilArray2.default.getIndex(s.state.codeArr,r[a].key.split("$-$")[0])&&t.push(r[a].key.split("$-$")[1]);return s.setState({nameArr:t,loading:!1,data:r}),e.abrupt("return");case 8:return e.next=10,_utilAxios2.default.get(this.state.url,this.state.params,function(e){for(var t=[],r=e.data,a=[],n=0;n<r.length;n++)0<=_utilArray2.default.getIndex(s.state.codeArr,r[n].code)&&a.push(r[n].name),t.push({key:r[n].code+"$-$"+r[n].name,title:r[n].name+"-"+r[n].code+"-"+r[n].departmentName,description:r[n].name+"-"+r[n].code+"-"+r[n].departmentName});localStorage.setItem("select-users-nameArr",JSON.stringify(a)),localStorage.setItem("select-users-data",JSON.stringify(t)),s.setState({nameArr:a,loading:!1,data:t})});case 10:case"end":return e.stop()}},e,this)})),function(){return e.apply(this,arguments)})},{key:"render",value:function(){var r=this;return _react2.default.createElement("div",null,_react2.default.createElement("div",{className:"ant-select ant-select-multiple ant-select-show-search"},_react2.default.createElement("div",{className:"ant-select-selector",onClick:this.onClick},0<this.state.codeArr.length?this.state.codeArr.map(function(e,t){return _react2.default.createElement(_tag2.default,{className:"ant-select-selection-item",key:e,closable:!0,onClose:function(){r.colseTag(t)}}," ",r.state.nameArr[t])}):_react2.default.createElement("span",{className:"ant-select-selection-placeholder"},this.props.placeholder)),_react2.default.createElement("span",{className:"ant-select-arrow",style:{fontSize:"16px",top:"46%"}},_react2.default.createElement(_icons.SearchOutlined,null))),_react2.default.createElement(_modal2.default,{title:[_react2.default.createElement(_row2.default,{className:"app-admin"},_react2.default.createElement(_col2.default,{className:"main-title",style:{marginBottom:"5px"}},_react2.default.createElement("i",{className:"iconfont icon-title"}),this.props.title?this.props.title:""))],centered:!0,visible:this.state.visible,onOk:this.onOk,onCancel:function(){r.setState({visible:!1})},width:800},_react2.default.createElement("div",{style:{height:"400px",overflow:"auto"}},_react2.default.createElement(_transfer2.default,{dataSource:this.state.data,targetKeys:this.state.targetKeys,onChange:this.onChange,render:function(e){return e.title},pagination:!0,listStyle:{width:360},showSearch:!0,titles:["用户列表","选中的用户列表"]}))))}}]),r}();exports.default=SelectUsers;