fix:修复endpoint-query save chart 被遮挡的bug

This commit is contained in:
wangwenrui
2020-09-14 13:49:31 +08:00
parent 9528237d11
commit 0c39a2b9e7
2 changed files with 6 additions and 2 deletions

View File

@@ -109,7 +109,7 @@
<chart ref="endpointChart" :unit="chartUnit"></chart> <chart ref="endpointChart" :unit="chartUnit"></chart>
</el-dialog> </el-dialog>
<transition name="right-box"> <transition name="right-box">
<chart-box v-if="rightBox.show" @close="rightBox.show = false" :chart="chart" ref="addChartModal" :panel-data="panelData" @on-create-success="createSuccess" @reloadOnlyPanel="getPanelData" @reload="getPanelData" :show-panel="{}"></chart-box> <chart-box v-if="rightBox.show" @close="rightBox.show = false" :chart="chart" ref="addChartModal" :panel-data="panelData" @on-create-success="createSuccess" @reloadOnlyPanel="getPanelData" @reload="getPanelData" :show-panel="{}" box-class="save-chart-box"></chart-box>
</transition> </transition>
</span> </span>
</template> </template>

View File

@@ -51,9 +51,12 @@
.z-top { .z-top {
/*z-index: 2900;*/ /*z-index: 2900;*/
} }
.save-chart-box{
z-index: 2900;
}
</style> </style>
<template key="chartBox"> <template key="chartBox">
<div v-clickoutside="clickOutside" class="right-box right-box-add-chart z-top right-box-chart"> <div v-clickoutside="clickOutside" class="right-box right-box-add-chart z-top right-box-chart" :class="boxClass">
<transition name="right-box"> <transition name="right-box">
<panel-box :panel="panel" @reload="panelReload" ref="panelBox2" v-if="!showPanel.type"></panel-box> <panel-box :panel="panel" @reload="panelReload" ref="panelBox2" v-if="!showPanel.type"></panel-box>
</transition> </transition>
@@ -239,6 +242,7 @@
export default { export default {
name: "chartBox", name: "chartBox",
props: { props: {
boxClass:String,
panelData: Array, panelData: Array,
showPanel: Object, showPanel: Object,
chart: Object chart: Object