1 line
7.3 KiB
JavaScript
1 line
7.3 KiB
JavaScript
"use strict";(self["webpackChunkx_php_admin"]=self["webpackChunkx_php_admin"]||[]).push([[301],{1301:function(e,t,s){s.r(t),s.d(t,{default:function(){return P}});var r=s(6808),o=s(9511),l=s(1441);const i={key:0,class:"x-user-select__left"},a={class:"x-user-select__search"},u={class:"x-user-select__select"},d={class:"x-user-select__tree"},c={class:"x-user-select__user"},n={class:"x-user-select__user__list"},h={key:1,class:"x-user-select__left x-user-select-role"},p={class:"x-user-select__select"},g={class:"x-user-select__tree"},k={class:"x-user-select__toicon"},m={class:"x-user-select__selected"};function y(e,t,s,y,_,f){const w=(0,r.up)("el-input"),b=(0,r.up)("el-button"),P=(0,r.up)("el-form"),C=(0,r.up)("el-tree"),x=(0,r.up)("el-scrollbar"),v=(0,r.up)("el-pagination"),U=(0,r.up)("el-icon-arrow-right"),W=(0,r.up)("el-icon"),D=(0,r.up)("x-form-table"),V=(0,r.Q2)("loading");return(0,r.wg)(),(0,r.iD)("div",{class:"x-user-select",style:(0,o.j5)({height:f._height,width:f._width})},[1==s.type?((0,r.wg)(),(0,r.iD)("div",i,[(0,r._)("div",a,[(0,r.Wm)(P,{onKeyup:(0,l.D2)(f.search,["enter"]),submit:f.search},{append:(0,r.w5)((()=>[(0,r.Wm)(b,{icon:"el-icon-search",onClick:f.search},null,8,["onClick"])])),default:(0,r.w5)((()=>[(0,r.Wm)(w,{modelValue:_.keyword,"onUpdate:modelValue":t[0]||(t[0]=e=>_.keyword=e),"prefix-icon":"el-icon-search",placeholder:s.config.placeholder||"搜索用户"},null,8,["modelValue","placeholder"])])),_:1},8,["onKeyup","submit"])]),(0,r._)("div",u,[(0,r.wy)(((0,r.wg)(),(0,r.iD)("div",d,[(0,r.Wm)(x,null,{default:(0,r.w5)((()=>[(0,r.Wm)(C,{class:"menu",ref:"groupTree",data:_.group,"node-key":_.groupProps.key,props:_.groupProps,"highlight-current":"","expand-on-click-node":!1,"current-node-key":_.groupid,onNodeClick:f.groupClick},null,8,["data","node-key","props","current-node-key","onNodeClick"])])),_:1})])),[[V,_.showGrouploading]]),(0,r.wy)(((0,r.wg)(),(0,r.iD)("div",c,[(0,r._)("div",n,[(0,r.Wm)(x,{ref:"userScrollbar"},{default:(0,r.w5)((()=>[(0,r.Wm)(C,{class:"menu",ref:"userTree",data:_.user,"node-key":_.userProps.key,props:_.userProps,"default-checked-keys":f.selectedIds,"show-checkbox":"","check-on-click-node":"",onCheckChange:f.userClick},null,8,["data","node-key","props","default-checked-keys","onCheckChange"])])),_:1},512)]),(0,r._)("footer",null,[(0,r.Wm)(v,{background:"",layout:"prev,next",small:"",total:_.total,"page-size":_.limit,currentPage:_.currentPage,"onUpdate:currentPage":t[1]||(t[1]=e=>_.currentPage=e),onCurrentChange:f.paginationChange},null,8,["total","page-size","currentPage","onCurrentChange"])])])),[[V,_.showUserloading]])])])):((0,r.wg)(),(0,r.iD)("div",h,[(0,r._)("div",p,[(0,r.wy)(((0,r.wg)(),(0,r.iD)("div",g,[(0,r.Wm)(x,null,{default:(0,r.w5)((()=>[(0,r.Wm)(C,{class:"menu",ref:"groupTree",data:_.role,"node-key":_.roleProps.key,props:_.roleProps,"show-checkbox":"","check-strictly":"","check-on-click-node":"","expand-on-click-node":!1,"default-checked-keys":f.selectedIds,onCheckChange:f.roleClick},null,8,["data","node-key","props","default-checked-keys","onCheckChange"])])),_:1})])),[[V,_.showGrouploading]])])])),(0,r._)("div",k,[(0,r.Wm)(W,null,{default:(0,r.w5)((()=>[(0,r.Wm)(U)])),_:1})]),(0,r._)("div",m,[(0,r._)("header",null,"已选 ("+(0,o.zw)(_.selected.length)+")",1),(0,r._)("ul",null,[(0,r.Wm)(x,null,{default:(0,r.w5)((()=>[(0,r.Wm)(D,{modelValue:_.selected,"onUpdate:modelValue":t[2]||(t[2]=e=>_.selected=e),border:!1,hideAdd:!0,placeholder:"暂无数据",column:_.column,onDelete:f.setCheckedKeys},null,8,["modelValue","column","onDelete"])])),_:1})])])],4)}s(8311);var _={successCode:200,group:{parseData:function(e){return{rows:e.data,msg:e.message,code:e.code}},props:{key:"id",label:"title",children:"children"}},user:{limit:20,parseData:function(e){return{rows:e.data.data,total:e.data.count,msg:e.message,code:e.code}},props:{key:"uid",label:"username"},request:{page:"page",limit:"limit",groupid:"groupid",keyword:"keyword"}},role:{parseData:function(e){return{rows:e.data,msg:e.message,code:e.code}},props:{key:"id",label:"title",children:"children"}}},f={name:"xUserSelect",data(){return{groupProps:_.group.props,userProps:_.user.props,roleProps:_.role.props,showGrouploading:!1,showUserloading:!1,keyword:"",groupid:"",limit:_.user.limit,total:0,currentPage:1,group:[],user:[],role:[],selected:this.modelValue||[],column:[]}},props:{modelValue:{type:Array,default:()=>[]},type:{type:[String,Number],default:1},height:{type:[String,Number],default:280},width:{type:[String,Number],default:"100%"},datatype:{type:[String,Boolean],default:!0},config:{type:Object,default:()=>({config:{}})}},watch:{selectedIds(e){if(!0===this.datatype)return this.$emit("update:modelValue",e),!0;this.$emit("update:modelValue",this.selected)}},computed:{selectedIds(){return this.selected.map((e=>e.__key__))},_height(){return Number(this.height)?Number(this.height)+"px":this.height},_width(){return Number(this.width)?Number(this.width)+"px":this.width}},mounted(){this.userProps=Object.assign(this.userProps,this.config.userProps||{}),this.groupProps=Object.assign(this.groupProps,this.config.groupProps||{}),this.roleProps=Object.assign(this.roleProps,this.config.roleProps||{}),this.column=this.config.column||[{name:"__key__",label:"ID",component:"text",width:90},{name:"name",label:"名称",component:"text"}],this.datatype&&"string"===typeof this.datatype&&this.selected.forEach((e=>{e.__key__=e[this.datatype]})),this.open()},methods:{open(){1==this.type?(this.getGroup(),this.getUser()):2==this.type&&this.getRole()},async getGroup(){this.showGrouploading=!0;var e=await this.$http.get(this.config.roleUrl||"user/group/roleList");this.showGrouploading=!1;var t={[_.group.props.key]:"",[_.group.props.label]:"所有"};e.data.unshift(t),this.group=e.data},async getUser(){this.showUserloading=!0;var e={[this.config.keyword||_.user.request.keyword]:this.keyword||null,[this.config.groupid||_.user.request.groupid]:this.groupid||null,[this.config.page||_.user.request.page]:this.currentPage,[this.config.limit||_.user.request.limit]:this.limit},t=await this.$http.get(this.config.url||"user/index/lists",e);this.showUserloading=!1,this.user=t.data.data||[],this.total=t.data.count||0,this.$refs.userScrollbar.setScrollTop(0)},async getRole(){this.showGrouploading=!0;var e=await this.$http.get(this.config.roleUrl||"user/group/roleList",{type:"system"});this.showGrouploading=!1,this.role=e.data,this.selected=this.role.filter((e=>this.modelValue.includes(e.id))).map((e=>({id:e[this.roleProps.key],name:e[this.roleProps.label]})))},groupClick(e){this.keyword="",this.currentPage=1,this.groupid=e[_.group.props.key],this.getUser()},userClick(e,t){if(t){var s=Object.assign({},e,{__key__:e[this.userProps.key]});this.selected.push(s)}else this.selected=this.selected.filter((t=>t.__key__!=e[this.userProps.key]))},paginationChange(){this.getUser()},search(){this.groupid="",this.$refs.groupTree.setCurrentKey(this.groupid),this.currentPage=1,this.getUser()},setCheckedKeys(){this.$nextTick((()=>{1==this.type?this.$refs.userTree.setCheckedKeys(this.selectedIds):this.$refs.groupTree.setCheckedKeys(this.selectedIds)}))},deleteSelected(e){this.selected.splice(e,1),this.setCheckedKeys()},roleClick(e,t){t?this.selected.push({__key__:e[this.roleProps.key],name:e[this.roleProps.label]}):this.selected=this.selected.filter((t=>t.__key__!=e[this.roleProps.key]))}}},w=s(8700);const b=(0,w.Z)(f,[["render",y],["__scopeId","data-v-10c8b07a"]]);var P=b}}]); |