From aec35ab1e21a7f3bb35d9dc96254df5b29b42aa1 Mon Sep 17 00:00:00 2001
From: renpy <peiyu_ren@163.com>
Date: Fri, 1 Sep 2023 14:36:00 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A2=9C=E8=89=B2=E6=A0=87=E8=AF=86=E5=9B=BA?=
 =?UTF-8?q?=E5=AE=9A=E5=9C=A8=E4=B8=8A=E9=9D=A2=EF=BC=8C=E4=B8=8D=E8=A6=81?=
 =?UTF-8?q?=E8=B7=9F=E9=9A=8F=E6=BB=9A=E5=8A=A8=E6=9D=A1=E6=BB=9A=E5=8A=A8?=
 =?UTF-8?q?=0B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/CustomChart/index.vue                  |  2 +-
 src/views/stationOperation/components/MapPane.vue     |  3 +--
 .../stationOperation/components/RealTimeDataChart.vue | 11 +++++++++--
 3 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/src/components/CustomChart/index.vue b/src/components/CustomChart/index.vue
index a785e99..efd420d 100644
--- a/src/components/CustomChart/index.vue
+++ b/src/components/CustomChart/index.vue
@@ -74,6 +74,6 @@ export default {
 </script>
 <style lang="less" scoped>
 .custom-chart {
-  height: 100% !important;
+  // height: 100% !important;
 }
 </style>
diff --git a/src/views/stationOperation/components/MapPane.vue b/src/views/stationOperation/components/MapPane.vue
index 5706da2..0774cc8 100644
--- a/src/views/stationOperation/components/MapPane.vue
+++ b/src/views/stationOperation/components/MapPane.vue
@@ -1173,8 +1173,7 @@ export default {
     right: 15px;
     width: calc(100% - 270px);
     height: 100%;
-    overflow: auto;
-    padding: 0 15px 10px;
+    padding: 0 0 10px 15px;
     border: 1px solid @borderColor;
     transition: width 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);
 
diff --git a/src/views/stationOperation/components/RealTimeDataChart.vue b/src/views/stationOperation/components/RealTimeDataChart.vue
index 1f72568..73b7961 100644
--- a/src/views/stationOperation/components/RealTimeDataChart.vue
+++ b/src/views/stationOperation/components/RealTimeDataChart.vue
@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div style="width: 100%;height: 100%;overflow: auto;padding-top: 76px;">
     <!-- 图例 -->
     <div class="legend">
       <div
@@ -299,9 +299,16 @@ export default {
 
 <style lang="less" scoped>
 .legend {
-  margin: 32px 0;
+  width: 100%;
+  padding: 25px 0;
   display: flex;
   justify-content: center;
+  position: absolute;
+  top: 0;
+  left: 50%;
+  transform: translateX(-50%);
+  background: #022024;
+  z-index: 11;
 
   &-item {
     color: #ade6ee;