"use strict";(self["webpackChunkscui"]=self["webpackChunkscui"]||[]).push([[1343],{51362:function(e,l,a){a.r(l),a.d(l,{default:function(){return h}});var t=a(66252);const i={class:"left-panel"},r={class:"right-panel"},d={class:"right-panel-search"},u=(0,t.Uk)("查看"),n=(0,t.Uk)("编辑"),o=(0,t.Uk)("删除");function p(e,l,a,p,s,c){const m=(0,t.up)("el-input"),h=(0,t.up)("el-header"),b=(0,t.up)("el-tree"),f=(0,t.up)("el-main"),w=(0,t.up)("el-container"),g=(0,t.up)("el-aside"),W=(0,t.up)("el-button"),k=(0,t.up)("el-table-column"),y=(0,t.up)("el-button-group"),_=(0,t.up)("scTable");return(0,t.wg)(),(0,t.j4)(w,null,{default:(0,t.w5)((()=>[(0,t.Wm)(g,{width:"200px"},{default:(0,t.w5)((()=>[(0,t.Wm)(w,null,{default:(0,t.w5)((()=>[(0,t.Wm)(h,null,{default:(0,t.w5)((()=>[(0,t.Wm)(m,{placeholder:"输入关键字进行过滤",modelValue:s.groupFilterText,"onUpdate:modelValue":l[0]||(l[0]=e=>s.groupFilterText=e),clearable:""},null,8,["modelValue"])])),_:1}),(0,t.Wm)(f,{class:"nopadding"},{default:(0,t.w5)((()=>[(0,t.Wm)(b,{ref:"group",class:"menu","node-key":"id",data:s.groupData,"current-node-key":"","highlight-current":!0,"expand-on-click-node":!1,"filter-node-method":c.groupFilterNode,onNodeClick:c.groupClick},null,8,["data","filter-node-method","onNodeClick"])])),_:1})])),_:1})])),_:1}),(0,t.Wm)(w,null,{default:(0,t.w5)((()=>[(0,t.Wm)(h,null,{default:(0,t.w5)((()=>[(0,t._)("div",i,[(0,t.Wm)(W,{type:"primary",icon:"el-icon-plus"}),(0,t.Wm)(W,{type:"danger",plain:"",icon:"el-icon-delete"})]),(0,t._)("div",r,[(0,t._)("div",d,[(0,t.Wm)(m,{modelValue:s.search.keyword,"onUpdate:modelValue":l[1]||(l[1]=e=>s.search.keyword=e),placeholder:"关键词",clearable:""},null,8,["modelValue"]),(0,t.Wm)(W,{type:"primary",icon:"el-icon-search",onClick:c.upsearch},null,8,["onClick"])])])])),_:1}),(0,t.Wm)(f,{class:"nopadding"},{default:(0,t.w5)((()=>[(0,t.Wm)(_,{ref:"table",apiObj:s.list.apiObj,"row-key":"id",stripe:""},{default:(0,t.w5)((()=>[(0,t.Wm)(k,{type:"selection",width:"50"}),(0,t.Wm)(k,{label:"姓名",prop:"name",width:"150"}),(0,t.Wm)(k,{label:"性别",prop:"sex",width:"150"}),(0,t.Wm)(k,{label:"邮箱",prop:"email",width:"250"}),(0,t.Wm)(k,{label:"评分",prop:"num",width:"150"}),(0,t.Wm)(k,{label:"注册时间",prop:"datetime",width:"150",sortable:""}),(0,t.Wm)(k,{label:"操作",fixed:"right",align:"right",width:"160"},{default:(0,t.w5)((()=>[(0,t.Wm)(y,null,{default:(0,t.w5)((()=>[(0,t.Wm)(W,{text:"",type:"primary",size:"small"},{default:(0,t.w5)((()=>[u])),_:1}),(0,t.Wm)(W,{text:"",type:"primary",size:"small"},{default:(0,t.w5)((()=>[n])),_:1}),(0,t.Wm)(W,{text:"",type:"primary",size:"small"},{default:(0,t.w5)((()=>[o])),_:1})])),_:1})])),_:1})])),_:1},8,["apiObj"])])),_:1})])),_:1})])),_:1})}var s={name:"listTree",data(){return{groupFilterText:"",groupData:[{id:"",label:"所有"},{id:"1",label:"华东总部",children:[{id:"11",label:"售前客服部"},{id:"12",label:"技术研发部"},{id:"13",label:"行政人事部"}]},{id:"2",label:"华难总部",children:[{id:"21",label:"售前客服部"},{id:"22",label:"技术研发部"}]}],list:{apiObj:this.$API.demo.list},search:{keyword:""}}},watch:{groupFilterText(e){this.$refs.group.filter(e)}},methods:{groupFilterNode(e,l){return!e||-1!==l.label.indexOf(e)},groupClick(e){var l={groupId:e.id};this.$refs.table.reload(l)},upsearch(){this.$refs.table.upData(this.search)}}},c=a(83744);const m=(0,c.Z)(s,[["render",p]]);var h=m}}]);