gfwleak/nezha-nezha-fronted
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

NEZ-1868 feat：panel starred功能开发

Browse Source
This commit is contained in:
18317449825
2022-05-26 10:39:06 +08:00
parent 6ec9fe61a3
commit 2b034e839e
2 changed files with 13 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
nezha-fronted/src/components/common/popBox/selectPanel.vue
View File

@@ -5,7 +5,7 @@
<slot name="header"></slot> <slot name="header"></slot>
<div :class="{'movable': !panelLock}" class="select-panel-tree"> <div :class="{'movable': !panelLock}" class="select-panel-tree">
<el-tree <el-tree
v-if="starredData[0].children.length" v-show="starredData[0].children.length"
:data="starredData" :data="starredData"
:expand-on-click-node="false" :expand-on-click-node="false"
:filter-node-method="filterNode" :filter-node-method="filterNode"
@@ -14,7 +14,8 @@
default-expand-all default-expand-all
node-key="id" node-key="id"
ref="starredTree" ref="starredTree"
style="margin-bottom:8px" style="margin-bottom:5px"
class="starred-tree"
> >
<div class="tree--node" slot-scope="{ node, data }"> <div class="tree--node" slot-scope="{ node, data }">
<span :title="data.chartNum?node.label + ' (' + data.chartNum +' charts）':''">{{ node.label }}</span> <span :title="data.chartNum?node.label + ' (' + data.chartNum +' charts）':''">{{ node.label }}</span>
@@ -107,7 +108,7 @@ export default {
immediate: true, immediate: true,
handler (n) { handler (n) {
this.$refs.panelTree && this.$refs.panelTree.filter(n) this.$refs.panelTree && this.$refs.panelTree.filter(n)
// this.$refs.starredTree && this.$refs.starredTree.filter(n) this.$refs.starredTree && this.$refs.starredTree.filter(n)
} }
}, },
showPanel: { showPanel: {
@@ -269,6 +270,9 @@ export default {
} }
</script> </script>
<style scoped> <style scoped>
.starred-tree>>>.el-tree__empty-block{
display: none;
}
.el-rate__icon{ .el-rate__icon{
cursor: pointer; cursor: pointer;
margin-right: 0px; margin-right: 0px;

7
nezha-fronted/src/components/page/dashboard/panel.vue
View File

@@ -302,8 +302,13 @@ export default {
refreshStarred (value) { refreshStarred (value) {
// 重新赋值，否则树形菜单不更新 // 重新赋值，否则树形菜单不更新
this.panelData = JSON.parse(JSON.stringify(value)) this.panelData = JSON.parse(JSON.stringify(value))
this.$nextTick(() => {
this.$refs.selectPanel.$refs.starredTree.filter(this.filterPanel)
this.$refs.selectPanel.$refs.panelTree.filter(this.filterPanel)
this.$refs.selectPanel.$refs.panelTree.setCurrentKey(this.showPanel)
})
// // 判断当前页面收藏状态
const starredArr = this.$refs.selectPanel.tempArr const starredArr = this.$refs.selectPanel.tempArr
// 判断当前页面收藏状态
this.showPanel.starred = starredArr.some(item => item.id === this.showPanel.id) this.showPanel.starred = starredArr.some(item => item.id === this.showPanel.id)
}, },
// 新增收藏 // 新增收藏