From ca4d49f745479e87af7183177cf01ef435743bf9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BB=BB=E7=8F=AE=E5=AE=87?= <peiyu_ren@163.com>
Date: Thu, 1 Feb 2024 17:34:30 +0800
Subject: [PATCH 1/2] =?UTF-8?q?=E5=A4=84=E7=90=86=E7=B3=BB=E7=BB=9F?=
 =?UTF-8?q?=E4=B8=ADtable=20=E8=A1=A8=E6=A0=BC=E4=B8=AD=EF=BC=8C=E8=A1=A8?=
 =?UTF-8?q?=E5=A4=B4=E5=B0=BE=E9=83=A8=E7=95=99=E7=99=BD=E9=97=AE=E9=A2=98?=
 =?UTF-8?q?=20=E5=A4=84=E7=90=86=E8=A1=A8=E6=A0=BC=E8=A1=A8=E5=A4=B4?=
 =?UTF-8?q?=E4=B8=8D=E5=AF=B9=E5=85=B6=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/style.less | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/style.less b/src/style.less
index 93472bc..d958c2e 100644
--- a/src/style.less
+++ b/src/style.less
@@ -74,7 +74,13 @@ body {
   color: #ade6ee;
   font-size: 16px;
   border: 1px solid rgba(65, 111, 127, 0.5);
-
+  &-header {
+    background: #126b82 !important;
+    box-sizing: border-box !important;
+    table {
+      width: calc(100% + 11px) !important;
+    }
+  }
   &-thead {
     > tr {
       th {

From 165a05baf9267661b31e22f6ac2544ecbb8c7df2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BB=BB=E7=8F=AE=E5=AE=87?= <peiyu_ren@163.com>
Date: Sat, 3 Feb 2024 11:22:34 +0800
Subject: [PATCH 2/2] =?UTF-8?q?dataBase=20=E6=9C=8D=E5=8A=A1=E5=99=A8?=
 =?UTF-8?q?=E6=A8=A1=E5=9D=97=EF=BC=8C=E5=A4=84=E7=90=86=E4=BA=94hostID=20?=
 =?UTF-8?q?=E6=83=85=E5=86=B5=E4=B8=8B=E7=9A=84=E9=97=AE=E9=A2=98=20?=
 =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E9=94=99=E8=AF=AF=E6=8F=90=E7=A4=BA=E5=8A=9F?=
 =?UTF-8?q?=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../instances/conditionBox.vue                | 147 +++++++++---------
 .../databaseMonitor/instances/monitor.vue     |  58 +++----
 2 files changed, 104 insertions(+), 101 deletions(-)

diff --git a/src/views/abnormalAlarm/databaseMonitor/instances/conditionBox.vue b/src/views/abnormalAlarm/databaseMonitor/instances/conditionBox.vue
index baf392b..2c258c2 100644
--- a/src/views/abnormalAlarm/databaseMonitor/instances/conditionBox.vue
+++ b/src/views/abnormalAlarm/databaseMonitor/instances/conditionBox.vue
@@ -1,118 +1,117 @@
 <template>
   <div class="monitor-search">
-      <a-row type="flex" :gutter="10">
-        <a-col flex="335px">
-          <span class="item-label">Database name</span>
-          <a-select style="width:180px"
-            v-model="value.hostId" 
-            placeholder="select..."
-            :filter-option="filterOption"
-            show-arrow 
-            allowClear
-            :options="DbOptions" 
-            @change="onDbChange"
-          >
-            <img slot="suffixIcon" src="@/assets/images/global/select-down.png" alt="" />
-          </a-select>
-        </a-col>
-        <a-col flex="265px">
-          <span class="item-label">Time</span>
-          <a-select style="width:180px"
-            v-model="timer" 
-            placeholder="select..."
-            show-arrow 
-            allowClear
-            :options="timerOptions" 
-            @change="onTimeChange"
-          >
-            <img slot="suffixIcon" src="@/assets/images/global/select-down.png" alt="" />
-          </a-select>
-        </a-col>
-        <a-col flex="265px">
-          <a-range-picker
-            :show-time="true"
-            :value="[moment(value.start), moment(value.end)]"
-            @change="onRangeDateChange" 
-          />
-        </a-col>
-      </a-row>
-      <div class="monitor-search-btns">
-        <a-button class="monitor-search-btns-ant" @click="handleRefresh">
-          <img class="icon-add" src="@/assets/images/global/reset-pwd.png" alt="" />
-          <span style="margin-left: 10px;">
-            Refresh
-          </span>
-        </a-button>
-      </div>
+    <a-row type="flex" :gutter="10">
+      <a-col flex="335px">
+        <span class="item-label">Database name</span>
+        <a-select
+          style="width: 180px"
+          v-model="value.hostId"
+          placeholder="select..."
+          :filter-option="filterOption"
+          show-arrow
+          allowClear
+          :options="DbOptions"
+          @change="onDbChange"
+        >
+          <img slot="suffixIcon" src="@/assets/images/global/select-down.png" alt="" />
+        </a-select>
+      </a-col>
+      <a-col flex="265px">
+        <span class="item-label">Time</span>
+        <a-select
+          style="width: 180px"
+          v-model="timer"
+          placeholder="select..."
+          show-arrow
+          allowClear
+          :options="timerOptions"
+          @change="onTimeChange"
+        >
+          <img slot="suffixIcon" src="@/assets/images/global/select-down.png" alt="" />
+        </a-select>
+      </a-col>
+      <a-col flex="265px">
+        <a-range-picker
+          :show-time="true"
+          :value="[moment(value.start), moment(value.end)]"
+          @change="onRangeDateChange"
+        />
+      </a-col>
+    </a-row>
+    <div class="monitor-search-btns">
+      <a-button class="monitor-search-btns-ant" @click="handleRefresh">
+        <img class="icon-add" src="@/assets/images/global/reset-pwd.png" alt="" />
+        <span style="margin-left: 10px"> Refresh </span>
+      </a-button>
     </div>
+  </div>
 </template>
 
 <script>
-import moment from 'moment';
+import moment from 'moment'
 import dateFormat from '@/components/jeecg/JEasyCron/format-date'
 import { getAction, postAction, httpAction, deleteAction } from '@/api/manage'
 export default {
   props: {
     value: {
       type: Object,
-      required: true
-    }
+      required: true,
+    },
   },
   data() {
     return {
       timer: 1,
       DbOptions: [],
       timerOptions: [
-        {label: "1Hours",value: 1},
-        {label: "2Hours",value: 2},
-        {label: "3Hours",value: 3},
-        {label: "user-defined",value: 0},
-      ]
+        { label: '1Hours', value: 1 },
+        { label: '2Hours', value: 2 },
+        { label: '3Hours', value: 3 },
+        { label: 'user-defined', value: 0 },
+      ],
     }
   },
   created() {
     this.getBeforeHours(1)
   },
-  mounted () {
-    this.getDbList();
+  mounted() {
+    this.getDbList()
   },
   methods: {
     getBeforeHours(num) {
       let currentTime = moment()
-      let oneHourAgo = moment().subtract(num, 'hours');  
+      let oneHourAgo = moment().subtract(num, 'hours')
       this.value.start = oneHourAgo.format('YYYY-MM-DD HH:mm:ss')
       this.value.end = currentTime.format('YYYY-MM-DD HH:mm:ss')
     },
     moment,
     filterOption(input, option) {
-      return (
-        option.componentOptions.children[0].text.toLowerCase().indexOf(input.toLowerCase()) >= 0
-      );
+      return option.componentOptions.children[0].text.toLowerCase().indexOf(input.toLowerCase()) >= 0
     },
     getDbList() {
-      getAction("/sysDatabase/sourceList").then(res => {
+      getAction('/sysDatabase/sourceList').then((res) => {
         if (res.success) {
           const sourceId = this.$route.query.id
           // 如果url中有sourceId
-          if(sourceId) {
-            const find = res.result.find(item => item.sourceId == sourceId)
-            if(find) {
+          if (sourceId) {
+            const find = res.result.find((item) => item.sourceId == sourceId)
+            if (find) {
               this.value.hostId = find.hostId
             }
           }
-          if(!this.value.hostId) {
+          if (!this.value.hostId) {
             this.value.hostId = res.result[0].hostId
           }
-          
-          this.DbOptions = res.result.map(item => {
+
+          this.DbOptions = res.result.map((item, index) => {
+            let str = `my${index}`
             return {
               label: item.sourceName,
-              value: item.hostId
+              value: item.hostId || str,
             }
           })
           this.$emit('change')
         } else {
-          this.$message.warning("This operation fails. Contact your system administrator")
+          this.$message.warning('This operation fails. Contact your system administrator')
         }
       })
     },
@@ -133,13 +132,13 @@ export default {
 
     handleRefresh() {
       this.$emit('refresh')
-    }
+    },
   },
 }
 </script>
 
 <style lang="less" scoped>
-.monitor-search{
+.monitor-search {
   height: 50px;
   border-top: 1px solid rgba(13, 235, 201, 0.3);
   border-bottom: 1px solid rgba(13, 235, 201, 0.3);
@@ -148,13 +147,13 @@ export default {
   justify-content: space-between;
   padding: 0 10px;
   background: rgba(12, 235, 201, 0.05);
-  .ant-row-flex{
+  .ant-row-flex {
     flex-flow: nowrap;
   }
-  /deep/ .ant-calendar-range-picker-separator{
+  /deep/ .ant-calendar-range-picker-separator {
     color: white;
   }
-  .item-label{
+  .item-label {
     display: inline-block;
     font-size: 16px;
     font-family: ArialMT;
@@ -163,8 +162,8 @@ export default {
     height: 32px;
     margin-right: 10px;
   }
-  &-btns{
-    &-ant{
+  &-btns {
+    &-ant {
       background: #1397a3;
       border: none;
     }
diff --git a/src/views/abnormalAlarm/databaseMonitor/instances/monitor.vue b/src/views/abnormalAlarm/databaseMonitor/instances/monitor.vue
index a6c7c9d..62cd992 100644
--- a/src/views/abnormalAlarm/databaseMonitor/instances/monitor.vue
+++ b/src/views/abnormalAlarm/databaseMonitor/instances/monitor.vue
@@ -363,35 +363,39 @@ export default {
   methods: {
     // 获取数据
     async getData() {
-      // const hide = this.$message.loading('loading...', 0)
-      this.spinning = true
-      try {
-        const { success, result, message } = await getAction('/systemMonitor/dbDetail', this.queryParams)
-        if (success) {
-          this.chartData.forEach((chartItem, index) => {
-            const item = result[index]
-            if (item.units === 'B' || item.units === 'Kb') {
-              item.newUnits = this.unitConversion(item.min, item.units)
-              item.list.forEach((val) => {
-                let number = val.value
-                if (item.units === 'Kb') {
-                  number = val.value * 1024
-                }
-                val.value = Number(this.dataConversion(number, item.newUnits))
-              })
-            }
-            Object.assign(chartItem, item)
-          })
-        } else {
-          this.$message.error(message)
+      if (!this.queryParams.hostId.includes('my')) {
+        this.spinning = true
+        try {
+          const { success, result, message } = await getAction('/systemMonitor/dbDetail', this.queryParams)
+          if (success) {
+            this.chartData.forEach((chartItem, index) => {
+              const item = result[index]
+              if (item.units === 'B' || item.units === 'Kb') {
+                item.newUnits = this.unitConversion(item.min, item.units)
+                item.list.forEach((val) => {
+                  let number = val.value
+                  if (item.units === 'Kb') {
+                    number = val.value * 1024
+                  }
+                  val.value = Number(this.dataConversion(number, item.newUnits))
+                })
+              }
+              Object.assign(chartItem, item)
+            })
+          } else {
+            this.$message.error(message)
+          }
+        } catch (error) {
+          console.error(error)
+          this.spinning = false
+        } finally {
+          // hide()
+          this.spinning = false
         }
-      } catch (error) {
-        console.error(error)
-        this.spinning = false
-      } finally {
-        // hide()
-        this.spinning = false
+      } else {
+        this.$message.error('No monitoring information')
       }
+      // const hide = this.$message.loading('loading...', 0)
     },
     //生成图表（运管系统代码）
     generateChart() {