This commit is contained in:
yanran200730
2021-12-21 17:53:44 +08:00

View File

@@ -8,6 +8,8 @@
<el-button type="primary" icon="el-icon-circle-plus" @click="addRootMenu">添加一级目录</el-button>
</template>
<template #right>
<el-input size="small" v-model="search" clearable @change="$refs.MenuTree.filter(search)"
placeholder="菜单名称"/>
<el-button icon="iconfont iconResetting" @click="getData">刷新</el-button>
</template>
</ai-search-bar>
@@ -23,7 +25,8 @@
<div class="operation" v-text="`操作`"/>
</el-row>
<el-scrollbar>
<el-tree ref="MenuTree" :data="treeData" :props="{children:'subSet'}" highlight-current node-key="id">
<el-tree ref="MenuTree" :data="treeData" :props="{children:'subSet'}" highlight-current node-key="id"
:filter-node-method="handleSearch">
<el-row type="flex" align="middle" slot-scope="{node,data}" class="menuItem">
<div class="menuName" v-text="data.name"/>
<el-row type="flex" align="middle" class="info">
@@ -101,7 +104,8 @@ export default {
status: [{required: true, message: "请选择 显示菜单"}],
showIndex: [{required: true, message: "请输入 排序"}],
permission: [{required: true, message: "请输入 权限码"}],
}
},
search: ""
}
},
methods: {
@@ -134,6 +138,7 @@ export default {
}).then(res => {
if (res?.code == 0) {
this.$message.success("删除成功!")
this.dialog = false
this.$refs.MenuTree.remove(data)
}
})
@@ -152,6 +157,10 @@ export default {
this.dialog = true
this.form = JSON.parse(JSON.stringify(row))
this.selected = row
},
handleSearch(value, data) {
if (!value) return true;
return data.name.indexOf(value) !== -1;
}
},
created() {