1 line
7.8 KiB
JavaScript
1 line
7.8 KiB
JavaScript
"use strict";(self["webpackChunkx_php_admin"]=self["webpackChunkx_php_admin"]||[]).push([[933],{8933:function(e,s,t){t.r(s),t.d(s,{default:function(){return W}});var r=t(6808),l=t(9511),i=t(1441);const o={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={class:"x-user-select__toicon"},p={class:"x-user-select__selected"},g={class:"x-user-select__left"},k={class:"x-user-select__select"},m={class:"x-user-select__tree"},y={class:"x-user-select__toicon"},_={class:"x-user-select__selected"},w={class:"name"},f={class:"delete"};function C(e,s,t,C,P,b){const x=(0,r.up)("el-button"),v=(0,r.up)("el-input"),W=(0,r.up)("el-form"),U=(0,r.up)("el-tree"),D=(0,r.up)("el-scrollbar"),V=(0,r.up)("el-pagination"),$=(0,r.up)("el-icon-arrow-right"),G=(0,r.up)("el-icon"),K=(0,r.up)("x-form-table"),N=(0,r.Q2)("loading");return(0,r.wg)(),(0,r.iD)(r.HY,null,[1==t.type?((0,r.wg)(),(0,r.iD)("div",{key:0,class:"x-user-select",style:(0,l.j5)({height:b._height,width:b._width})},[(0,r._)("div",o,[(0,r._)("div",a,[(0,r.Wm)(W,{onKeyup:(0,i.D2)(b.search,["enter"]),submit:b.search},{default:(0,r.w5)((()=>[(0,r.Wm)(v,{modelValue:P.keyword,"onUpdate:modelValue":s[0]||(s[0]=e=>P.keyword=e),"prefix-icon":"el-icon-search",placeholder:t.config.placeholder||"搜索用户"},{append:(0,r.w5)((()=>[(0,r.Wm)(x,{icon:"el-icon-search",onClick:b.search},null,8,["onClick"])])),_:1},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)(D,null,{default:(0,r.w5)((()=>[(0,r.Wm)(U,{class:"menu",ref:"groupTree",data:P.group,"node-key":P.groupProps.key,props:P.groupProps,"highlight-current":"","expand-on-click-node":!1,"current-node-key":P.groupid,onNodeClick:b.groupClick},null,8,["data","node-key","props","current-node-key","onNodeClick"])])),_:1})])),[[N,P.showGrouploading]]),(0,r.wy)(((0,r.wg)(),(0,r.iD)("div",c,[(0,r._)("div",n,[(0,r.Wm)(D,{ref:"userScrollbar"},{default:(0,r.w5)((()=>[(0,r.Wm)(U,{class:"menu",ref:"userTree",data:P.user,"node-key":P.userProps.key,props:P.userProps,"default-checked-keys":b.selectedIds,"show-checkbox":"","check-on-click-node":"",onCheckChange:b.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:P.total,"page-size":P.limit,currentPage:P.currentPage,"onUpdate:currentPage":s[1]||(s[1]=e=>P.currentPage=e),onCurrentChange:b.paginationChange},null,8,["total","page-size","currentPage","onCurrentChange"])])])),[[N,P.showUserloading]])])]),(0,r._)("div",h,[(0,r.Wm)(G,null,{default:(0,r.w5)((()=>[(0,r.Wm)($)])),_:1})]),(0,r._)("div",p,[(0,r._)("header",null,"已选 ("+(0,l.zw)(P.selected.length)+")",1),(0,r._)("ul",null,[(0,r.Wm)(D,null,{default:(0,r.w5)((()=>[(0,r.Wm)(K,{modelValue:P.selected,"onUpdate:modelValue":s[2]||(s[2]=e=>P.selected=e),border:!1,hideAdd:!0,placeholder:"暂无数据",column:t.config.column,onDelete:b.setCheckedKeys},null,8,["modelValue","column","onDelete"])])),_:1})])])],4)):(0,r.kq)("",!0),2==t.type?((0,r.wg)(),(0,r.iD)("div",{key:1,class:"x-user-select x-user-select-role",style:(0,l.j5)({height:b._height,width:b._width})},[(0,r._)("div",g,[(0,r._)("div",k,[(0,r.wy)(((0,r.wg)(),(0,r.iD)("div",m,[(0,r.Wm)(D,null,{default:(0,r.w5)((()=>[(0,r.Wm)(U,{class:"menu",ref:"groupTree",data:P.role,"node-key":P.roleProps.key,props:P.roleProps,"show-checkbox":"","check-strictly":"","check-on-click-node":"","expand-on-click-node":!1,"default-checked-keys":b.selectedIds,onCheckChange:b.roleClick},null,8,["data","node-key","props","default-checked-keys","onCheckChange"])])),_:1})])),[[N,P.showGrouploading]])])]),(0,r._)("div",y,[(0,r.Wm)(G,null,{default:(0,r.w5)((()=>[(0,r.Wm)($)])),_:1})]),(0,r._)("div",_,[(0,r._)("header",null,"已选 ("+(0,l.zw)(P.selected.length)+")",1),(0,r._)("ul",null,[(0,r.Wm)(D,null,{default:(0,r.w5)((()=>[((0,r.wg)(!0),(0,r.iD)(r.HY,null,(0,r.Ko)(P.selected,((e,s)=>((0,r.wg)(),(0,r.iD)("li",{key:e.id},[(0,r._)("span",w,[(0,r._)("label",null,(0,l.zw)(e.name),1)]),(0,r._)("span",f,[(0,r.Wm)(x,{type:"danger",icon:"el-icon-delete",circle:"",size:"small",onClick:e=>b.deleteSelected(s)},null,8,["onClick"])])])))),128))])),_:1})])])],4)):(0,r.kq)("",!0)],64)}t(8311);var P={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"}}},b={name:"xUserSelect",data(){return{groupProps:P.group.props,userProps:P.user.props,roleProps:P.role.props,showGrouploading:!1,showUserloading:!1,keyword:"",groupid:"",limit:P.user.limit,total:0,currentPage:1,group:[],user:[],role:[],selected:this.modelValue||[]}},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: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.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.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.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 s={[P.group.props.key]:"",[P.group.props.label]:"所有"};e.data.unshift(s),this.group=e.data},async getUser(){this.showUserloading=!0;var e={[this.config.keyword||P.user.request.keyword]:this.keyword||null,[this.config.groupid||P.user.request.groupid]:this.groupid||null,[this.config.page||P.user.request.page]:this.currentPage,[this.config.limit||P.user.request.limit]:this.limit},s=await this.$http.get(this.config.url||"user/index/lists",e);this.showUserloading=!1,this.user=s.data.data||[],this.total=s.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[P.group.props.key],this.getUser()},userClick(e,s){if(s){var t=Object.assign({},e,{id:e[this.userProps.key]});this.selected.push(t)}else this.selected=this.selected.filter((s=>s.id!=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,s){s?this.selected.push({id:e[this.roleProps.key],name:e[this.roleProps.label]}):this.selected=this.selected.filter((s=>s.id!=e[this.roleProps.key]))}}},x=t(8700);const v=(0,x.Z)(b,[["render",C],["__scopeId","data-v-6d756c78"]]);var W=v}}]); |