From 3d5f55185539a39b1906afa4b1dec0a862b2313b Mon Sep 17 00:00:00 2001
From: weiyin <yin.wei@le9health.com>
Date: Mon, 26 Aug 2024 22:32:33 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E6=9F=B1=E7=8A=B6=E4=BD=933D=E6=95=88?=
 =?UTF-8?q?=E6=9E=9C=E4=BC=98=E5=8C=96=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../pageMonitor/bottomLeft/OpHistogram.vue    |  5 +++
 src/views/pageMonitor/bottomLeft/index.vue    |  3 --
 .../pageMonitor/bottomRight/DepHistogram.vue  |  4 +++
 src/views/pageMonitor/bottomRight/index.vue   | 33 +++++++++++--------
 4 files changed, 28 insertions(+), 17 deletions(-)

diff --git a/src/views/pageMonitor/bottomLeft/OpHistogram.vue b/src/views/pageMonitor/bottomLeft/OpHistogram.vue
index 0a730c7..84a60be 100644
--- a/src/views/pageMonitor/bottomLeft/OpHistogram.vue
+++ b/src/views/pageMonitor/bottomLeft/OpHistogram.vue
@@ -166,6 +166,7 @@ export default {
           height: "80%",
           top: "8%",
           right: 0,
+
           // bottom: "5%",
         },
         xAxis: {
@@ -270,6 +271,10 @@ export default {
                 that.colors[index]
               );
             },
+            shadowBlur: 8,
+            shadowColor: "rgba(255,255,255,.4)",
+            borderColor: "rgba(255,255,255,.6)",
+            borderWidth: 0.4,
           },
         });
       });
diff --git a/src/views/pageMonitor/bottomLeft/index.vue b/src/views/pageMonitor/bottomLeft/index.vue
index 6880ab4..1290b3b 100644
--- a/src/views/pageMonitor/bottomLeft/index.vue
+++ b/src/views/pageMonitor/bottomLeft/index.vue
@@ -47,11 +47,8 @@
 </template>
 
 <script>
-// import { GetMonitorOperationNumber } from "@/api/monitor";
 import { GetMonitorOperationDept } from "@/api/monitor";
 import dayjs from "dayjs";
-// import Histogram from "./OpHistogram.vue";
-// import Histogram from "@/views/pageMonitor/bottomLeft/OpHistogram.vue";
 import Histogram from "@/views/pageMonitor/bottomRight/DepHistogram.vue";
 export default {
   data() {
diff --git a/src/views/pageMonitor/bottomRight/DepHistogram.vue b/src/views/pageMonitor/bottomRight/DepHistogram.vue
index e6110ce..322ee6d 100644
--- a/src/views/pageMonitor/bottomRight/DepHistogram.vue
+++ b/src/views/pageMonitor/bottomRight/DepHistogram.vue
@@ -273,6 +273,10 @@ export default {
                 that.colors[index]
               );
             },
+            shadowBlur: 8,
+            shadowColor: 'rgba(255,255,255,.4)',
+            borderColor: "rgba(255,255,255,.6)",
+            borderWidth: 0.4,
           },
         });
       });
diff --git a/src/views/pageMonitor/bottomRight/index.vue b/src/views/pageMonitor/bottomRight/index.vue
index d9110a9..410807d 100644
--- a/src/views/pageMonitor/bottomRight/index.vue
+++ b/src/views/pageMonitor/bottomRight/index.vue
@@ -9,18 +9,19 @@
       <img src="@/assets/svg/Monitor/Triangle.svg" />
       <span class="text-[2.03vh] youshe leading-none">手术量统计</span>
     </div>
-    <div class="w-[35.46vh] h-[28.05vh] ml-[2.4vh] my-[3.7vh]">
-      <!-- <div ref="echartsContainer"></div> -->
-      <Histogram
-        v-if="getDataList.length"
-        :getDataList="getDataList"
-      ></Histogram>
-      <div
-        v-else
-        class="flex flex-col w-[100%] h-[100%] items-center justify-center"
-      >
-        <img src="@/assets/img/noData.png" class="w-[120px]" />
-        <span>暂无数据</span>
+    <div class="w-[35.46vh] h-[28.05vh] ml-[2.4vh] opBody">
+      <div class="h-[30vh] w-full">
+        <Histogram
+          v-if="getDataList.length"
+          :getDataList="getDataList"
+        ></Histogram>
+        <div
+          v-else
+          class="flex flex-col w-[100%] h-[100%] items-center justify-center"
+        >
+          <img src="@/assets/img/noData.png" class="w-[120px]" />
+          <span>暂无数据</span>
+        </div>
       </div>
     </div>
     <div
@@ -46,8 +47,6 @@
 <script>
 import { GetMonitorOperationNumber } from "@/api/monitor";
 import dayjs from "dayjs";
-// import Histogram from "./DepHistogram.vue";
-// import Histogram from "@/views/pageMonitor/bottomRight/DepHistogram.vue"
 import Histogram from "@/views/pageMonitor/bottomLeft/OpHistogram.vue";
 
 export default {
@@ -126,4 +125,10 @@ export default {
 .bgMonthBox {
   background-image: url("@/assets/svg/Monitor/BottomLeft/MonthActive.svg");
 }
+.opBody{
+  height: calc(100% - 5.07vh);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
 </style>