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

feat：添加group的懒加载功能

Browse Source
This commit is contained in:
zhangyu
2021-04-09 15:07:15 +08:00
parent 617c2e232e
commit d4fd5be65e
3 changed files with 8 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
nezha-fronted/src/components/charts/chart-group.vue
View File

@@ -47,7 +47,7 @@
</div> </div>
<el-collapse-transition> <el-collapse-transition>
<div :id="'chartUrl'+chartIndex" class="mt-10 url-container" v-show="showList"> <div :id="'chartUrl'+chartIndex" class="mt-10 url-container" v-show="showList">
<chart-list-group :groupList.sync="chartData.children" :panel-lock="panelLock" :filterParent="filter" :class="{'show-top':false}" :hasGroup="false" :from="from" ref="listGroup" :panelId="panelId" @on-edit-group-chart="editGroupItem" @on-duplicate-group-chart="duplicateGroupItem" @on-remove-chart="removeChartGroup" @moveGroupItem="moveGroupItem"></chart-list-group> <chart-list-group :groupList.sync="chartData.children" :panel-lock="panelLock" :filterParent="filter" :hasGroup="false" :from="from" ref="listGroup" :panelId="panelId" @on-edit-group-chart="editGroupItem" @on-duplicate-group-chart="duplicateGroupItem" @on-remove-chart="removeChartGroup" @moveGroupItem="moveGroupItem"></chart-list-group>
</div> </div>
</el-collapse-transition> </el-collapse-transition>
<div style="position: absolute;width: 100%; top:calc(50% - 50px);text-align: center;" v-if="showStatic"> <div style="position: absolute;width: 100%; top:calc(50% - 50px);text-align: center;" v-if="showStatic">

2
nezha-fronted/src/components/charts/chart-list-group.vue
View File

@@ -46,7 +46,7 @@
} }
</style> </style>
<template> <template>
<div class="list-width" id="listContainer" ref="listContainer"><!--v-drag--> <div class="list-width chart-group" id="listContainer" ref="listContainer"><!--v-drag-->
<span class="temp-dom"></span> <span class="temp-dom"></span>

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

@@ -122,6 +122,7 @@ import bus from '../../../libs/bus'
import pickTime from '../../common/pickTime' import pickTime from '../../common/pickTime'
import exportXLSX from '../../common/exportXLSX' import exportXLSX from '../../common/exportXLSX'
import selectPanel from '../../common/popBox/selectPanel' import selectPanel from '../../common/popBox/selectPanel'
import panelBox from '@/components/common/rightBox/panelBox'
export default { export default {
name: 'panel', name: 'panel',
@@ -204,7 +205,8 @@ export default {
'chart-list': ChartList, 'chart-list': ChartList,
'pick-time': pickTime, 'pick-time': pickTime,
'export-excel': exportXLSX, 'export-excel': exportXLSX,
selectPanel selectPanel,
'panel-box': panelBox
}, },
methods: { methods: {
// 刷新 // 刷新
@@ -1062,4 +1064,7 @@ export default {
.box-content .show-top .chartBox:last-child{ .box-content .show-top .chartBox:last-child{
margin-bottom: 50px !important; margin-bottom: 50px !important;
} }
.box-content .show-top .chart-group .chartBox:last-child{
margin-bottom: 0px !important;
}
</style> </style>