app-base-react/lib/library/select-usermini/index.js

react development common base package.

"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _modal=require("antd/lib/modal"),_modal2=_interopRequireDefault(_modal),_button=require("antd/lib/button"),_button2=_interopRequireDefault(_button),_table=require("antd/lib/table"),_table2=_interopRequireDefault(_table),_row=require("antd/lib/row"),_row2=_interopRequireDefault(_row),_col=require("antd/lib/col"),_col2=_interopRequireDefault(_col),_input=require("antd/lib/input"),_input2=_interopRequireDefault(_input),_tag=require("antd/lib/tag"),_tag2=_interopRequireDefault(_tag),_message2=require("antd/lib/message"),_message3=_interopRequireDefault(_message2),_regenerator=require("babel-runtime/regenerator"),_regenerator2=_interopRequireDefault(_regenerator),_tabs=require("antd/lib/tabs"),_tabs2=_interopRequireDefault(_tabs),_createClass=function(){function r(e,t){for(var a=0;a<t.length;a++){var r=t[a];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(e,t,a){return t&&r(e.prototype,t),a&&r(e,a),e}}(),_react=(require("antd/lib/modal/style/css"),require("antd/lib/button/style/css"),require("antd/lib/table/style/css"),require("antd/lib/row/style/css"),require("antd/lib/col/style/css"),require("antd/lib/input/style/css"),require("antd/lib/tag/style/css"),require("antd/lib/message/style/css"),require("antd/lib/tabs/style/css"),require("react")),_react2=_interopRequireDefault(_react),_antd=require("antd"),_utilAxios=require("../util-axios"),_utilAxios2=_interopRequireDefault(_utilAxios),_utilArray=require("../util-array"),_utilArray2=_interopRequireDefault(_utilArray),_utilString=require("../util-string"),_utilString2=_interopRequireDefault(_utilString),_jquery=require("../jquery"),_jquery2=_interopRequireDefault(_jquery);function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _asyncToGenerator(e){return function(){var s=e.apply(this,arguments);return new Promise(function(l,i){return function t(e,a){try{var r=s[e](a),n=r.value}catch(e){return void i(e)}if(!r.done)return Promise.resolve(n).then(function(e){t("next",e)},function(e){t("throw",e)});l(n)}("next")})}}function _toConsumableArray(e){if(Array.isArray(e)){for(var t=0,a=Array(e.length);t<e.length;t++)a[t]=e[t];return a}return Array.from(e)}function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function _possibleConstructorReturn(e,t){if(e)return!t||"object"!=typeof t&&"function"!=typeof t?e:t;throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}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 TabPane=_tabs2.default.TabPane,url="SysUser/getList",SelectUser=function(){function t(e){_classCallCheck(this,t);var a=_possibleConstructorReturn(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return a.onOk=function(){a.setState({visible:!1}),a.props.onChange&&a.props.onChange(JSON.stringify(a.state.value))},a.onClick=function(e){var t;1!=a.state.isView&&((t=a.state).visible=!a.state.visible,a.setState(t))},a.colseTag=function(e){var t=[].concat(_toConsumableArray(a.state.value));t.splice(e,1),a.setState({value:t},function(){a.onLoadMyDept()}),a.props.onChange&&a.props.onChange(JSON.stringify(t))},a.state={isView:1==a.props.isView,single:a.props.single||!1,title:"用户选择",placeholder:a.props.placeholder||"请选择用户",visible:!1,url:a.props.url||url,params:{},pagination:{pageSize:1e3,defaultPageSize:1e3,hideOnSinglePage:!0},selectedMyDept:[],selected:[],dataMyDept:[],value:a.props.value?JSON.parse(a.props.value):[],targetKeys:[],loading:!1,defaultExpandedKeys:[],selectedKeys:[],selectedNodes:[],isServerOrg:!!(a.props.params&&0<=_utilArray2.default.getIndex(a.props.params.type,998))},a.columns=[{title:"名称",dataIndex:"name",width:80},{title:"组织结构",dataIndex:"company"}],a}var a,r;return _inherits(t,_react2.default.Component),_createClass(t,[{key:"componentDidMount",value:function(){1!=this.state.isView&&this.onLoadMyDept(this.state.params)}},{key:"onLoadMyDept",value:(r=_asyncToGenerator(_regenerator2.default.mark(function e(t){var a,r,n,l;return _regenerator2.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return this.setState({loading:!0}),e.next=3,_utilAxios2.default.get("SysUser/getMyDeptUser",t);case 3:for(n=e.sent,a=n.data,r=a.length-1;0<=r;r--)0<=_utilArray2.default.getRecordIndex(this.state.value,"id",a[r].id)&&a.splice(r,1);n=[].concat(_toConsumableArray(this.state.value),_toConsumableArray(a)),l=[],this.state.value.map(function(e){return l.push(e.id)}),this.setState({loading:!1,params:t,dataMyDept:n,selectedMyDept:l});case 10:case"end":return e.stop()}},e,this)})),function(e){return r.apply(this,arguments)})},{key:"onSearch",value:(a=_asyncToGenerator(_regenerator2.default.mark(function e(t){var a,r,n,l;return _regenerator2.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:t?e.next=4:(this.onLoadMyDept({}),e.next=14);break;case 4:return(a=(a=this.state.params)||{}).name=t,e.next=9,_utilAxios2.default.get("SysUser/getList",a);case 9:for(l=e.sent,r=l.data,n=r.length-1;0<=n;n--)0<=_utilArray2.default.getRecordIndex(this.state.value,"id",r[n].id)&&r.splice(n,1);l=[].concat(_toConsumableArray(this.state.value),_toConsumableArray(r)),this.setState({loading:!1,params:a,dataMyDept:l});case 14:case"end":return e.stop()}},e,this)})),function(e){return a.apply(this,arguments)})},{key:"render",value:function(){var s=this,e={scroll:{y:"390px"},size:"middle",rowKey:"id",columns:this.columns,pagination:this.state.pagination,loading:this.state.loading,dataSource:this.state.dataMyDept,rowSelection:{selectedRowKeys:this.state.selectedMyDept,columnWidth:"30px",onChange:function(e,t){var a=s.state,r=[].concat(_toConsumableArray(a.value)),n=[].concat(_toConsumableArray(a.dataMyDept));if(a.single&&(1<e.length||0<r.length))_message3.default.info("只能进行单选");else{for(var l=t.length-1;0<=l;l--){var i=t[l];if(_utilArray2.default.getRecordIndex(r,"id",i.id)<0){r.push({id:i.id,name:i.name,code:i.code,company:i.company,source:i.source});break}}a.value=r,a.dataMyDept=n,a.selectedMyDept=e,s.setState(a)}}}};return _react2.default.createElement("div",{className:"app-select-user"},this.state.isView?_react2.default.createElement("div",{style:{width:"100%",padding:"2px 3px"}},0<this.state.value.length?this.state.value.map(function(e,t){return _react2.default.createElement(_tag2.default,{style:{padding:"3px",display:"block",height:"31px",fontSize:"14px",color:"rgba(0, 0 , 0, 0.25)",lineHeight:"25px"},className:"ant-select-selection-item",key:e.code||e.id,closable:!1,onClose:function(e){s.colseTag(t)}},"   ",e.name,"  ")}):_react2.default.createElement(_input2.default,{disabled:!0})):_react2.default.createElement("div",{className:"ant-select ant-select-multiple ant-select-show-search",style:{width:"100%",padding:"2px 3px",height:"35px",lineHeight:"28px"}},_react2.default.createElement("div",{className:"ant-select-selector",onClick:this.onClick},0<this.state.value.length?this.state.value.map(function(e,t){return _react2.default.createElement(_tag2.default,{style:{padding:"3px"},className:"ant-select-selection-item",key:e.code||e.id,closable:!0,onClose:function(e){s.colseTag(t)}},"   ",s.state.isServerOrg?e.name+"["+e.company+"]":e.name,"  ")}):_react2.default.createElement("span",{className:"ant-select-selection-placeholder"},this.state.placeholder)),_react2.default.createElement("span",{className:"ant-select-arrow",style:{fontSize:"16px",top:"46%"}},_react2.default.createElement("i",{className:"iconfont icon-search"}))),_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.state.title))],centered:!0,visible:this.state.visible,onOk:this.onOk,onCancel:function(){s.setState({visible:!1})},width:"100%",footer:null,bodyStyle:{maxHeight:"600px",padding:"3px"},style:{textAlign:"center"}},this.state.isServerOrg?"":_react2.default.createElement(_row2.default,null,_react2.default.createElement(_col2.default,{xs:24,style:{height:"45px",lineHeight:"45px"}},_react2.default.createElement(_input2.default.Search,{placeholder:"请输入用户名称",onSearch:this.onSearch.bind(this)}))),_react2.default.createElement(_row2.default,null,_react2.default.createElement(_col2.default,{xs:24},_react2.default.createElement(_table2.default,e))),_react2.default.createElement(_row2.default,null,_react2.default.createElement(_col2.default,{xs:24,style:{borderTop:"1px solid #d5d5d5",height:"50px",lineHeight:"50px",textAlign:"center"}},_react2.default.createElement(_button2.default,{type:"primary",onClick:this.onOk}," 确定 ")))))}}]),t}();exports.default=SelectUser;