|
|
@@ -936,9 +936,18 @@ const dashboardGuideRef = ref(null)
|
|
|
<template v-for="item in Management" :key="item">
|
|
|
<div v-if="item.title === 'KPI' && item.switchValue" class="filters_left">
|
|
|
<!-- KPI -->
|
|
|
- <VBox_Dashboard @changeCancel="changeCancel(item.id)" :isShowDragIconGudie="true">
|
|
|
+ <VBox_Dashboard
|
|
|
+ style="overflow: visible"
|
|
|
+ @changeCancel="changeCancel(item.id)"
|
|
|
+ :isShowDragIconGudie="true"
|
|
|
+ >
|
|
|
<template #header>
|
|
|
- <div class="Title_flex">
|
|
|
+ <div style="position: relative" class="Title_flex">
|
|
|
+ <img
|
|
|
+ class="kpi-chart-guide-class"
|
|
|
+ src="./guideImage/kpi-chart-guide.png"
|
|
|
+ alt=""
|
|
|
+ />
|
|
|
<div>
|
|
|
{{ item.title }}
|
|
|
<VTipTooltip
|
|
|
@@ -1356,6 +1365,14 @@ const dashboardGuideRef = ref(null)
|
|
|
height: 115px;
|
|
|
z-index: 1500;
|
|
|
}
|
|
|
+.kpi-chart-guide-class {
|
|
|
+ position: absolute;
|
|
|
+ top: -1px;
|
|
|
+ right: -17px;
|
|
|
+ width: 343px;
|
|
|
+ height: 478px;
|
|
|
+ z-index: 1500;
|
|
|
+}
|
|
|
|
|
|
.Management {
|
|
|
max-height: 640px;
|