From f819b4fa0cb54d3356916028522edaf40b843299 Mon Sep 17 00:00:00 2001
From: orgin <feixingyuanup@gmail.com>
Date: Wed, 3 Jan 2024 16:19:58 +0800
Subject: [PATCH] =?UTF-8?q?fix=EF=BC=9A=E4=BF=AE=E6=94=B9=E6=9C=8D?=
 =?UTF-8?q?=E5=8A=A1=E5=99=A8=E7=9B=91=E6=8E=A7=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../serverMonitor/instances/details.vue       | 19 ++++++++++---------
 .../serverMonitor/instances/monitor.vue       |  2 +-
 2 files changed, 11 insertions(+), 10 deletions(-)

diff --git a/src/views/abnormalAlarm/serverMonitor/instances/details.vue b/src/views/abnormalAlarm/serverMonitor/instances/details.vue
index 394f948..11c6801 100644
--- a/src/views/abnormalAlarm/serverMonitor/instances/details.vue
+++ b/src/views/abnormalAlarm/serverMonitor/instances/details.vue
@@ -329,8 +329,8 @@
               <div class="gauge-content" id="memory"></div>
             </a-col>
             <a-col class="gutter-row" :span="8">
-              <BoxTitle title="LOADS"></BoxTitle>
-              <div class="gauge-content" id="loads"></div>
+              <BoxTitle title="RESPONSE"></BoxTitle>
+              <div class="gauge-content" id="responseSuccessRate"></div>
             </a-col>
           </a-row>
         </div>
@@ -488,11 +488,11 @@ export default {
         this.$message.warning('This operation fails. Contact your system administrator')
       }
     })
-    this.$nextTick(() => {
-      setTimeout(() => {
-        this.drawGuageLoads()
-      }, 0)
-    })
+    // this.$nextTick(() => {
+    //   setTimeout(() => {
+    //     this.drawGuageLoads()
+    //   }, 0)
+    // })
   },
   methods: {
     // Echarts (时间线)
@@ -614,6 +614,7 @@ export default {
           this.drawGuageCpu()
           this.drawGuageMemory()
           this.drawDisk()
+          this.drawGuageLoads()
         } else {
           this.$message.warning('This operation fails. Contact your system administrator')
         }
@@ -1077,7 +1078,7 @@ export default {
       })
     },
     drawGuageLoads() {
-      this.guageLoads = echarts.init(document.getElementById('loads'))
+      this.guageLoads = echarts.init(document.getElementById('responseSuccessRate'))
       let option = {
         series: [
           {
@@ -1130,7 +1131,7 @@ export default {
             },
             data: [
               {
-                value: 20,
+                value: this.detailInfo.responseSuccessRate || 0,
               },
             ],
           },
diff --git a/src/views/abnormalAlarm/serverMonitor/instances/monitor.vue b/src/views/abnormalAlarm/serverMonitor/instances/monitor.vue
index 16b9b04..22085d2 100644
--- a/src/views/abnormalAlarm/serverMonitor/instances/monitor.vue
+++ b/src/views/abnormalAlarm/serverMonitor/instances/monitor.vue
@@ -154,7 +154,7 @@ export default {
       this.chartDatas.forEach(async (item) => {
         const params = {
           itemId: item.value,
-          itemType: 0,
+          itemType: item.valueType,
           start: this.queryParams.startDate,
           end: this.queryParams.endDate,
         }