blog-web/js/template-list-tree.b796919c.js

1 line
3.3 KiB
JavaScript
Raw Normal View History

2024-05-09 14:47:05 +08:00
"use strict";(self["webpackChunkscui"]=self["webpackChunkscui"]||[]).push([[6147],{7116:function(e,l,a){a.r(l),a.d(l,{default:function(){return b}});var t=a(641);const i={class:"left-panel"},r={class:"right-panel"},d={class:"right-panel-search"};function n(e,l,a,n,o,u){const p=(0,t.g2)("el-input"),b=(0,t.g2)("el-header"),s=(0,t.g2)("el-tree"),c=(0,t.g2)("el-main"),h=(0,t.g2)("el-container"),g=(0,t.g2)("el-aside"),k=(0,t.g2)("el-button"),f=(0,t.g2)("el-table-column"),F=(0,t.g2)("el-button-group"),m=(0,t.g2)("scTable");return(0,t.uX)(),(0,t.Wv)(h,null,{default:(0,t.k6)((()=>[(0,t.bF)(g,{width:"200px"},{default:(0,t.k6)((()=>[(0,t.bF)(h,null,{default:(0,t.k6)((()=>[(0,t.bF)(b,null,{default:(0,t.k6)((()=>[(0,t.bF)(p,{placeholder:"输入关键字进行过滤",modelValue:o.groupFilterText,"onUpdate:modelValue":l[0]||(l[0]=e=>o.groupFilterText=e),clearable:""},null,8,["modelValue"])])),_:1}),(0,t.bF)(c,{class:"nopadding"},{default:(0,t.k6)((()=>[(0,t.bF)(s,{ref:"group",class:"menu","node-key":"id",data:o.groupData,"current-node-key":"","highlight-current":!0,"expand-on-click-node":!1,"filter-node-method":u.groupFilterNode,onNodeClick:u.groupClick},null,8,["data","filter-node-method","onNodeClick"])])),_:1})])),_:1})])),_:1}),(0,t.bF)(h,null,{default:(0,t.k6)((()=>[(0,t.bF)(b,null,{default:(0,t.k6)((()=>[(0,t.Lk)("div",i,[(0,t.bF)(k,{type:"primary",icon:"el-icon-plus"}),(0,t.bF)(k,{type:"danger",plain:"",icon:"el-icon-delete"})]),(0,t.Lk)("div",r,[(0,t.Lk)("div",d,[(0,t.bF)(p,{modelValue:o.search.keyword,"onUpdate:modelValue":l[1]||(l[1]=e=>o.search.keyword=e),placeholder:"关键词",clearable:""},null,8,["modelValue"]),(0,t.bF)(k,{type:"primary",icon:"el-icon-search",onClick:u.upsearch},null,8,["onClick"])])])])),_:1}),(0,t.bF)(c,{class:"nopadding"},{default:(0,t.k6)((()=>[(0,t.bF)(m,{ref:"table",apiObj:o.list.apiObj,"row-key":"id",stripe:""},{default:(0,t.k6)((()=>[(0,t.bF)(f,{type:"selection",width:"50"}),(0,t.bF)(f,{label:"姓名",prop:"name",width:"150"}),(0,t.bF)(f,{label:"性别",prop:"sex",width:"150"}),(0,t.bF)(f,{label:"邮箱",prop:"email",width:"250"}),(0,t.bF)(f,{label:"评分",prop:"num",width:"150"}),(0,t.bF)(f,{label:"注册时间",prop:"datetime",width:"150",sortable:""}),(0,t.bF)(f,{label:"操作",fixed:"right",align:"right",width:"160"},{default:(0,t.k6)((()=>[(0,t.bF)(F,null,{default:(0,t.k6)((()=>[(0,t.bF)(k,{text:"",type:"primary",size:"small"},{default:(0,t.k6)((()=>[(0,t.eW)("查看")])),_:1}),(0,t.bF)(k,{text:"",type:"primary",size:"small"},{default:(0,t.k6)((()=>[(0,t.eW)("编辑")])),_:1}),(0,t.bF)(k,{text:"",type:"primary",size:"small"},{default:(0,t.k6)((()=>[(0,t.eW)("删除")])),_:1})])),_:1})])),_:1})])),_:1},8,["apiObj"])])),_:1})])),_:1})])),_:1})}var o={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)}}},u=a(6262);const p=(0,u.A)(o,[["render",n]]);var b=p}}]);