feat:添加group的懒加载功能

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

View File

@@ -47,7 +47,7 @@
</div>
<el-collapse-transition>
<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>
</el-collapse-transition>
<div style="position: absolute;width: 100%; top:calc(50% - 50px);text-align: center;" v-if="showStatic">

View File

@@ -46,7 +46,7 @@
}
</style>
<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>

View File

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