1 line
7.3 KiB
JavaScript
1 line
7.3 KiB
JavaScript
"use strict";(self["webpackChunkx_php_admin"]=self["webpackChunkx_php_admin"]||[]).push([[934],{8934:function(e,s,t){t.r(s),t.d(s,{default:function(){return D}});var l=t(6808),r=t(9511);const i={class:"x-user-select__left"},o={class:"x-user-select__search"},a={class:"x-user-select__select"},u={class:"x-user-select__tree"},d={class:"x-user-select__user"},c={class:"x-user-select__user__list"},n={class:"x-user-select__toicon"},p={class:"x-user-select__selected"},h={class:"name"},g={class:"delete"},k={class:"x-user-select__left"},m={class:"x-user-select__select"},_={class:"x-user-select__tree"},w={class:"x-user-select__toicon"},y={class:"x-user-select__selected"},f={class:"name"},C={class:"delete"};function x(e,s,t,x,b,v){const P=(0,l.up)("el-button"),W=(0,l.up)("el-input"),D=(0,l.up)("el-tree"),U=(0,l.up)("el-scrollbar"),z=(0,l.up)("el-pagination"),S=(0,l.up)("el-icon-arrow-right"),G=(0,l.up)("el-icon"),N=(0,l.up)("el-avatar"),$=(0,l.Q2)("loading");return(0,l.wg)(),(0,l.iD)(l.HY,null,[1==t.type?((0,l.wg)(),(0,l.iD)("div",{key:0,class:"x-user-select",style:(0,r.j5)({height:v._height,width:v._width})},[(0,l._)("div",i,[(0,l._)("div",o,[(0,l.Wm)(W,{modelValue:b.keyword,"onUpdate:modelValue":s[0]||(s[0]=e=>b.keyword=e),"prefix-icon":"el-icon-search",placeholder:"搜索成员"},{append:(0,l.w5)((()=>[(0,l.Wm)(P,{icon:"el-icon-search",onClick:v.search},null,8,["onClick"])])),_:1},8,["modelValue"])]),(0,l._)("div",a,[(0,l.wy)(((0,l.wg)(),(0,l.iD)("div",u,[(0,l.Wm)(U,null,{default:(0,l.w5)((()=>[(0,l.Wm)(D,{class:"menu",ref:"groupTree",data:b.group,"node-key":b.groupProps.key,props:b.groupProps,"highlight-current":"","expand-on-click-node":!1,"current-node-key":b.groupid,onNodeClick:v.groupClick},null,8,["data","node-key","props","current-node-key","onNodeClick"])])),_:1})])),[[$,b.showGrouploading]]),(0,l.wy)(((0,l.wg)(),(0,l.iD)("div",d,[(0,l._)("div",c,[(0,l.Wm)(U,{ref:"userScrollbar"},{default:(0,l.w5)((()=>[(0,l.Wm)(D,{class:"menu",ref:"userTree",data:b.user,"node-key":b.userProps.key,props:b.userProps,"default-checked-keys":v.selectedIds,"show-checkbox":"","check-on-click-node":"",onCheckChange:v.userClick},null,8,["data","node-key","props","default-checked-keys","onCheckChange"])])),_:1},512)]),(0,l._)("footer",null,[(0,l.Wm)(z,{background:"",layout:"prev,next",small:"",total:b.total,"page-size":b.limit,currentPage:b.currentPage,"onUpdate:currentPage":s[1]||(s[1]=e=>b.currentPage=e),onCurrentChange:v.paginationChange},null,8,["total","page-size","currentPage","onCurrentChange"])])])),[[$,b.showUserloading]])])]),(0,l._)("div",n,[(0,l.Wm)(G,null,{default:(0,l.w5)((()=>[(0,l.Wm)(S)])),_:1})]),(0,l._)("div",p,[(0,l._)("header",null,"已选 ("+(0,r.zw)(b.selected.length)+")",1),(0,l._)("ul",null,[(0,l.Wm)(U,null,{default:(0,l.w5)((()=>[((0,l.wg)(!0),(0,l.iD)(l.HY,null,(0,l.Ko)(b.selected,((e,s)=>((0,l.wg)(),(0,l.iD)("li",{key:e.id},[(0,l._)("span",h,[(0,l.Wm)(N,{size:"small"},{default:(0,l.w5)((()=>[(0,l.Uk)((0,r.zw)(e.name.substring(0,1)),1)])),_:2},1024),(0,l._)("label",null,(0,r.zw)(e.name),1)]),(0,l._)("span",g,[(0,l.Wm)(P,{type:"danger",icon:"el-icon-delete",circle:"",size:"small",onClick:e=>v.deleteSelected(s)},null,8,["onClick"])])])))),128))])),_:1})])])],4)):(0,l.kq)("",!0),2==t.type?((0,l.wg)(),(0,l.iD)("div",{key:1,class:"x-user-select x-user-select-role",style:(0,r.j5)({height:v._height,width:v._width})},[(0,l._)("div",k,[(0,l._)("div",m,[(0,l.wy)(((0,l.wg)(),(0,l.iD)("div",_,[(0,l.Wm)(U,null,{default:(0,l.w5)((()=>[(0,l.Wm)(D,{class:"menu",ref:"groupTree",data:b.role,"node-key":b.roleProps.key,props:b.roleProps,"show-checkbox":"","check-strictly":"","check-on-click-node":"","expand-on-click-node":!1,"default-checked-keys":v.selectedIds,onCheckChange:v.roleClick},null,8,["data","node-key","props","default-checked-keys","onCheckChange"])])),_:1})])),[[$,b.showGrouploading]])])]),(0,l._)("div",w,[(0,l.Wm)(G,null,{default:(0,l.w5)((()=>[(0,l.Wm)(S)])),_:1})]),(0,l._)("div",y,[(0,l._)("header",null,"已选 ("+(0,r.zw)(b.selected.length)+")",1),(0,l._)("ul",null,[(0,l.Wm)(U,null,{default:(0,l.w5)((()=>[((0,l.wg)(!0),(0,l.iD)(l.HY,null,(0,l.Ko)(b.selected,((e,s)=>((0,l.wg)(),(0,l.iD)("li",{key:e.id},[(0,l._)("span",f,[(0,l._)("label",null,(0,r.zw)(e.name),1)]),(0,l._)("span",C,[(0,l.Wm)(P,{type:"danger",icon:"el-icon-delete",circle:"",size:"small",onClick:e=>v.deleteSelected(s)},null,8,["onClick"])])])))),128))])),_:1})])])],4)):(0,l.kq)("",!0)],64)}t(8311);var b={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"}}},v={name:"xUserSelect",data(){return{groupProps:b.group.props,userProps:b.user.props,roleProps:b.role.props,showGrouploading:!1,showUserloading:!1,keyword:"",groupid:"",limit:b.user.limit,total:0,currentPage:1,group:[],user:[],role:[],selected:[]}},props:{modelValue:{type:Array,default:()=>[]},type:{type:[String,Number],default:1},height:{type:[String,Number],default:280},width:{type:[String,Number],default:600}},watch:{selectedIds(e){this.$emit("update:modelValue",e)}},computed:{selectedIds(){return this.selected.map((e=>e.id))},_height(){return Number(this.height)?Number(this.height)+"px":this.height},_width(){return Number(this.width)?Number(this.width)+"px":this.width}},mounted(){this.value=this.modelValue,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("user/group/roleList");this.showGrouploading=!1;var s={[b.group.props.key]:"",[b.group.props.label]:"所有"};e.data.unshift(s),this.group=b.group.parseData(e).rows},async getUser(){this.showUserloading=!0;var e={[b.user.request.keyword]:this.keyword||null,[b.user.request.groupid]:this.groupid||null,[b.user.request.page]:this.currentPage,[b.user.request.limit]:this.limit},s=await this.$http.get("user/index/lists",e);this.showUserloading=!1,this.user=b.user.parseData(s).rows,this.total=b.user.parseData(s).total||0,this.$refs.userScrollbar.setScrollTop(0)},async getRole(){this.showGrouploading=!0;var e=await this.$http.get("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[b.role.props.key],name:e[b.role.props.label]})))},groupClick(e){this.keyword="",this.currentPage=1,this.groupid=e[b.group.props.key],this.getUser()},userClick(e,s){s?this.selected.push({id:e[b.user.props.key],name:e[b.user.props.label]}):this.selected=this.selected.filter((s=>s.id!=e[b.user.props.key]))},paginationChange(){this.getUser()},search(){this.groupid="",this.$refs.groupTree.setCurrentKey(this.groupid),this.currentPage=1,this.getUser()},deleteSelected(e){this.selected.splice(e,1),1==this.type?this.$refs.userTree.setCheckedKeys(this.selectedIds):2==this.type&&this.$refs.groupTree.setCheckedKeys(this.selectedIds)},roleClick(e,s){s?this.selected.push({id:e[b.role.props.key],name:e[b.role.props.label]}):this.selected=this.selected.filter((s=>s.id!=e[b.role.props.key]))}}},P=t(8700);const W=(0,P.Z)(v,[["render",x],["__scopeId","data-v-45af8829"]]);var D=W}}]); |