From 3e4ac71df376dfb93720c80a5794626fd30f53be Mon Sep 17 00:00:00 2001
From: Gzx1999 <guozhengxin@kylinos.cn>
Date: Fri, 24 Nov 2023 14:57:40 +0800
Subject: [PATCH] fix department chart resize bug

---
 .../src/views/Overview/components/DepartChart.vue     | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/frontend/src/views/Overview/components/DepartChart.vue b/frontend/src/views/Overview/components/DepartChart.vue
index d66ecf7..cac3ab8 100644
--- a/frontend/src/views/Overview/components/DepartChart.vue
+++ b/frontend/src/views/Overview/components/DepartChart.vue
@@ -11,7 +11,7 @@ import { ElMessage } from 'element-plus';
 import { departMachinesOverview } from "@/request/overview";
 import { RespCodeOK } from "@/request/request";
 
-const chart = ref<any>();
+let chart:any = null;
 const option = ref({
     title: {
         text: '各部门机器数量',
@@ -80,7 +80,7 @@ const option = ref({
 })
 
 onMounted(() => {
-    chart.value = echarts.init(document.getElementById("department-chart"))
+    chart = echarts.init(document.getElementById("department-chart"))
 
     departMachinesOverview().then((resp: any) => {
         if (resp.code === RespCodeOK) {
@@ -92,15 +92,20 @@ onMounted(() => {
                 option.value.series[2].data.push(item.AgentStatus.free);
             });
 
-            chart.value.setOption(option.value)
+            chart.setOption(option.value)
         } else {
             ElMessage.error("failed to get department machines overview info: " + resp.msg)
         }
     }).catch((err: any) => {
         ElMessage.error("failed to get department machines overview info:" + err.msg)
     })
+
+    window.addEventListener("resize", resize);
 })
 
+function resize() {
+    chart.resize()
+}
 </script>
 
 <style lang="scss"></style>
\ No newline at end of file
-- 
Gitee