From 7a84831ff8be986f5571d061ec0bf79aaed1132b 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: Mon, 20 Nov 2023 14:07:24 +0800
Subject: [PATCH 1/6] =?UTF-8?q?beta=20qc=20Result=20=E5=BC=B9=E7=AA=97?=
 =?UTF-8?q?=E8=A1=A8=E6=A0=BC=E5=AD=97=E6=AE=B5=E8=B0=83=E6=95=B4=20qc=20R?=
 =?UTF-8?q?esult=20=E5=BC=B9=E7=AA=97=E4=B8=8B=E8=BD=BDtxt=20=E5=8A=9F?=
 =?UTF-8?q?=E8=83=BD=E6=94=B9=E6=88=90=E6=8E=A5=E5=8F=A3=E8=B0=83=E7=94=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../BetaGammaQCResultsModal.vue               | 77 ++++---------------
 1 file changed, 17 insertions(+), 60 deletions(-)

diff --git a/src/views/spectrumAnalysis/components/Modals/BetaGammaModals/BetaGammaQCResultsModal.vue b/src/views/spectrumAnalysis/components/Modals/BetaGammaModals/BetaGammaQCResultsModal.vue
index 2504ef0..01e4ddf 100644
--- a/src/views/spectrumAnalysis/components/Modals/BetaGammaModals/BetaGammaQCResultsModal.vue
+++ b/src/views/spectrumAnalysis/components/Modals/BetaGammaModals/BetaGammaQCResultsModal.vue
@@ -12,6 +12,7 @@
 <script>
 import { getAction, getFileAction } from '@/api/manage'
 import ModalMixin from '@/mixins/ModalMixin'
+import { fetchAndDownload } from '@/utils/file'
 import { saveAs } from 'file-saver'
 import SampleDataMixin from '@/views/spectrumAnalysis/SampleDataMixin'
 
@@ -31,7 +32,7 @@ const columns = [
     dataIndex: 'value',
     align: 'center',
     customRender: (text) => {
-      if (text !== 'Match' && text !== 'UnMatch') {
+      if (text !== 'Match' && text !== 'UnMatch' && text !== 'None') {
         return parseFloat(Number(text).toPrecision(6))
       } else {
         return text
@@ -142,37 +143,21 @@ export default {
       this.list = []
       this.getData()
     },
-    SaveText() {
-      this.fileName = ''
-      this.text = `#QC RESULT\n${this.columns[0].title}                  ${this.columns[1].title}                  ${this.columns[2].title}                  ${this.columns[3].title}\n`
-      this.list.forEach((item) => {
-        let str = ''
-        str += `${item.qcFlags}                  `
-        str += `${item.evaluationMetrics}                  `
-        str += `${item.value}                  `
-        str += `${item.status}                  \n`
-        this.text += str
-      })
-      let name = this.newSampleData.inputFileName.split('.')[0]
-      let strData = new Blob([this.text], { type: 'text/plain;charset=utf-8' })
-      saveAs(strData, `${name}_QC Result.txt`)
-      // let _this = this
-      // this.$confirm({
-      //   title: 'Please enter file name',
-      //   content: (h) => <a-input v-model={_this.fileName} />,
-      //   okText: 'Cancle',
-      //   cancelText: 'Save',
-      //   okButtonProps: { style: { backgroundColor: '#b98326', color: '#fff', borderColor: 'transparent' } },
-      //   cancelButtonProps: { style: { color: '#fff', backgroundColor: '#31aab0', borderColor: 'transparent' } },
-      //   onOk() {
-      //     console.log('Cancel')
-      //   },
-      //   onCancel() {
-      //     if (_this.fileName) {
-      //       saveAs(strData, `${_this.fileName}.txt`)
-      //     }
-      //   },
-      // })
+    async SaveText() {
+      let url = '/spectrumAnalysis/exportQCResultTXT'
+      const { sampleId, inputFileName: fileName, dbName, detFileName, gasFileName } = this.newSampleData
+      let params = {
+        sampleId: sampleId || '',
+        dbName,
+        sampleFileName: fileName,
+        gasFileName,
+        detFileName,
+      }
+      try {
+        await fetchAndDownload(url, params, 'get')
+      } catch (error) {
+        console.error(error)
+      }
     },
     // 导出到Excel
     handleExportToExcel() {
@@ -195,34 +180,6 @@ export default {
             saveAs(blob, `${name}_QC Result`)
           }
         })
-        // let _this = this
-        // this.$confirm({
-        //   title: 'Please enter file name',
-        //   content: (h) => <a-input v-model={_this.fileName_excel} />,
-        //   okText: 'Cancle',
-        //   cancelText: 'Save',
-        //   okButtonProps: { style: { backgroundColor: '#b98326', color: '#fff', borderColor: 'transparent' } },
-        //   cancelButtonProps: { style: { color: '#fff', backgroundColor: '#31aab0', borderColor: 'transparent' } },
-        //   onOk() {
-        //     console.log('Cancel')
-        //   },
-        //   onCancel() {
-        //     if (_this.fileName_excel) {
-        //       let params = {
-        //         sampleId: sampleId || '',
-        //         fileName,
-        //       }
-        //       getFileAction('/spectrumAnalysis/exportQCResult', params).then((res) => {
-        //         if (res.code && res.code == 500) {
-        //           this.$message.warning('This operation fails. Contact your system administrator')
-        //         } else {
-        //           const blob = new Blob([res], { type: 'application/vnd.ms-excel' })
-        //           saveAs(blob, `${_this.fileName_excel}`)
-        //         }
-        //       })
-        //     }
-        //   },
-        // })
       } else {
         this.$message.warning('No downloadable data')
       }

From cca6fc22a8fdcf9915613acb2db9e7805648dcc9 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: Mon, 20 Nov 2023 15:06:50 +0800
Subject: [PATCH 2/6] =?UTF-8?q?beta=20Statistics=20Paramer=20History=20?=
 =?UTF-8?q?=E5=BC=B9=E7=AA=97=E4=B8=AD=E5=9B=BE=E8=A1=A8=E6=A0=B7=E5=BC=8F?=
 =?UTF-8?q?=E8=B0=83=E6=95=B4=EF=BC=8C=E5=8F=8A=E5=A2=9E=E5=8A=A0tooltip?=
 =?UTF-8?q?=20=E6=8F=90=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/spectrumAnalysis/components/Modals/ArrRrrModal.vue    | 2 +-
 .../Modals/BetaGammaModals/StatisticsParamerHistoryModal.vue    | 2 ++
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/views/spectrumAnalysis/components/Modals/ArrRrrModal.vue b/src/views/spectrumAnalysis/components/Modals/ArrRrrModal.vue
index bf9cf12..dd1685a 100644
--- a/src/views/spectrumAnalysis/components/Modals/ArrRrrModal.vue
+++ b/src/views/spectrumAnalysis/components/Modals/ArrRrrModal.vue
@@ -1,7 +1,7 @@
 <template>
   <custom-modal v-model="visible" :width="1200" :title="type == 1 || type == 3 ? 'ARR' : 'RRR'">
     <a-spin :spinning="isLoading">
-      <a-textarea v-model="content" :readonly="type == 1 || type == 2"></a-textarea>
+      <a-textarea style="font-family: 宋体" v-model="content" :readonly="type == 1 || type == 2"></a-textarea>
     </a-spin>
     <div slot="custom-footer" style="text-align: center">
       <a-space :size="20">
diff --git a/src/views/spectrumAnalysis/components/Modals/BetaGammaModals/StatisticsParamerHistoryModal.vue b/src/views/spectrumAnalysis/components/Modals/BetaGammaModals/StatisticsParamerHistoryModal.vue
index 3abcb08..dd88d73 100644
--- a/src/views/spectrumAnalysis/components/Modals/BetaGammaModals/StatisticsParamerHistoryModal.vue
+++ b/src/views/spectrumAnalysis/components/Modals/BetaGammaModals/StatisticsParamerHistoryModal.vue
@@ -159,6 +159,7 @@ const initialOption = {
     top: 20,
     bottom: 60,
   },
+  tooltip: {},
   legend: {
     show: false,
     orient: 'vertical',
@@ -352,6 +353,7 @@ export default {
                   color: item.m_GraphPen,
                 },
                 symbol: 'circle',
+                symbolSize: 8,
               }
             })
           } else {

From e47b78d23cfccd3f11dfaa41622fc987590d784f 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: Mon, 20 Nov 2023 15:51:36 +0800
Subject: [PATCH 3/6] =?UTF-8?q?Datasource=20=E5=88=87=E6=8D=A2=E4=B9=8B?=
 =?UTF-8?q?=E5=90=8E=20table=20=E4=B9=9F=E8=A6=81=E6=B8=85=E7=A9=BA=20db?=
 =?UTF-8?q?=20monitor=20=E6=A8=A1=E5=9D=97=20overview=20add=20=E5=BC=B9?=
 =?UTF-8?q?=E7=AA=97=20Name=20=E6=98=AF=E5=BF=85=E5=A1=AB=E9=A1=B9?=
 =?UTF-8?q?=EF=BC=8C=E5=8F=AA=E6=98=AF=20Test=20=E6=8C=89=E9=92=AE?=
 =?UTF-8?q?=E4=B8=8D=E9=9C=80=E8=A6=81=E6=A0=A1=E9=AA=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../databaseMonitor/instances/tableSpace.vue           |  1 +
 .../abnormalAlarm/databaseMonitor/overview/index.vue   | 10 ++--------
 2 files changed, 3 insertions(+), 8 deletions(-)

diff --git a/src/views/abnormalAlarm/databaseMonitor/instances/tableSpace.vue b/src/views/abnormalAlarm/databaseMonitor/instances/tableSpace.vue
index d1ca8ee..243332b 100644
--- a/src/views/abnormalAlarm/databaseMonitor/instances/tableSpace.vue
+++ b/src/views/abnormalAlarm/databaseMonitor/instances/tableSpace.vue
@@ -174,6 +174,7 @@ export default {
     onDbChange(val) {
       this.name = val
       this.dbName = undefined
+      this.dataSource = []
       this.getDbNameList()
     },
     ondbNameChange(val) {
diff --git a/src/views/abnormalAlarm/databaseMonitor/overview/index.vue b/src/views/abnormalAlarm/databaseMonitor/overview/index.vue
index 2e3ba90..7687c6a 100644
--- a/src/views/abnormalAlarm/databaseMonitor/overview/index.vue
+++ b/src/views/abnormalAlarm/databaseMonitor/overview/index.vue
@@ -83,7 +83,7 @@
             v-decorator="[
               'name',
               {
-                rules: [{ required: nameRequired, message: 'Please input name!' }],
+                rules: [{ required: true, message: 'Please input name!' }],
                 initialVale: this.formVal.name,
               },
             ]"
@@ -237,7 +237,6 @@ export default {
   },
   data() {
     return {
-      nameRequired: false,
       loading: false,
       isAdd: true,
       visible: false,
@@ -444,8 +443,7 @@ export default {
       this.currentId = ''
     },
     onTest() {
-      this.nameRequired = false
-      this.form.validateFields((err, values) => {
+      this.form.validateFields(['dbType', 'dbDriver', 'dbUrl', 'dbUsername', 'dbPassword'], (err, values) => {
         if (!err) {
           let loading = this.$message.loading('连接中……', 0)
           postAction('/online/cgreport/api/testConnection', values)
@@ -462,10 +460,6 @@ export default {
       })
     },
     onSave() {
-      this.nameRequired = true
-      this.$nextTick(() => {
-        this.form.validateFields(['name'], { force: true })
-      })
       this.form.validateFields((err, values) => {
         if (!err) {
           if (this.isAdd) {

From 38d7bbc91760c4bb49b0ad21a8a67d03cbd65630 Mon Sep 17 00:00:00 2001
From: orgin <feixingyuanup@gmail.com>
Date: Mon, 20 Nov 2023 16:38:02 +0800
Subject: [PATCH 4/6] =?UTF-8?q?fix:=20statistics=20xe=20result=20=E6=B8=B2?=
 =?UTF-8?q?=E6=9F=93=E6=95=B0=E6=8D=AE=E4=B8=8D=E5=AF=B9=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../BetaGammaModals/StatisticsParamerHistoryModal.vue    | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/views/spectrumAnalysis/components/Modals/BetaGammaModals/StatisticsParamerHistoryModal.vue b/src/views/spectrumAnalysis/components/Modals/BetaGammaModals/StatisticsParamerHistoryModal.vue
index 3abcb08..1c2de99 100644
--- a/src/views/spectrumAnalysis/components/Modals/BetaGammaModals/StatisticsParamerHistoryModal.vue
+++ b/src/views/spectrumAnalysis/components/Modals/BetaGammaModals/StatisticsParamerHistoryModal.vue
@@ -339,12 +339,17 @@ export default {
             const { allDate, allList } = result
             this.option.xAxis.data = allDate
             this.option.legend.show = true
-
             this.option.series = allList.map((item) => {
+              let newSeries = []
+              if(item.m_Keys) {
+                item.m_Keys.forEach((k,i) => {
+                  newSeries.push([k,item.m_Values[i]])
+                });
+              }
               return {
                 type: 'line',
                 name: item.m_strGraphName,
-                data: item.m_Values,
+                data: newSeries,
                 itemStyle: {
                   color: item.m_GraphPen,
                 },

From 7f13f3d51e86c70c3973d7a101d255b3fdf7517c 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: Mon, 20 Nov 2023 17:55:01 +0800
Subject: [PATCH 5/6] =?UTF-8?q?alarm=20=E6=A8=A1=E5=9D=97db=20monitor=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Etablespace=20=E9=A1=B5=E9=9D=A2=EF=BC=8Ctable?=
 =?UTF-8?q?=20=E9=A1=B5=E9=9D=A2=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../databaseMonitor/instances/index.vue       |  18 +-
 .../databaseMonitor/instances/table.vue       | 282 ++++++++++++++++++
 .../databaseMonitor/instances/tableSpace.vue  |  80 ++---
 3 files changed, 314 insertions(+), 66 deletions(-)
 create mode 100644 src/views/abnormalAlarm/databaseMonitor/instances/table.vue

diff --git a/src/views/abnormalAlarm/databaseMonitor/instances/index.vue b/src/views/abnormalAlarm/databaseMonitor/instances/index.vue
index 60dafb8..c7c0463 100644
--- a/src/views/abnormalAlarm/databaseMonitor/instances/index.vue
+++ b/src/views/abnormalAlarm/databaseMonitor/instances/index.vue
@@ -1,10 +1,13 @@
 <template>
-  <div style="height: 100%;">
-    <a-card :bordered="false" style="height:100%;margin-left: 20px;">
+  <div style="height: 100%">
+    <a-card :bordered="false" style="height: 100%; margin-left: 20px">
       <a-tabs default-active-key="monitor" @change="handleTabChange">
         <a-tab-pane key="monitor" tab="MONITOR">
           <Monitor></Monitor>
         </a-tab-pane>
+        <a-tab-pane key="table" tab="TABLE">
+          <Table></Table>
+        </a-tab-pane>
         <a-tab-pane key="tableSpace" tab="TABLESPACE">
           <TableSpace></TableSpace>
         </a-tab-pane>
@@ -14,22 +17,23 @@
 </template>
 
 <script>
-import TableSpace from './tableSpace.vue';
-import Monitor from './monitor.vue';
+import Table from './table.vue'
+import TableSpace from './tableSpace.vue'
+import Monitor from './monitor.vue'
 export default {
   components: {
     Monitor,
+    Table,
     TableSpace,
   },
   methods: {
     handleTabChange(key) {
-      console.log(key);
+      console.log(key)
     },
   },
 }
 </script>
 
 <style lang="less" scoped>
-  @import "~@/assets/less/TabMenu.less";
-
+@import '~@/assets/less/TabMenu.less';
 </style>
\ No newline at end of file
diff --git a/src/views/abnormalAlarm/databaseMonitor/instances/table.vue b/src/views/abnormalAlarm/databaseMonitor/instances/table.vue
new file mode 100644
index 0000000..fc33e31
--- /dev/null
+++ b/src/views/abnormalAlarm/databaseMonitor/instances/table.vue
@@ -0,0 +1,282 @@
+<template>
+  <div style="height: 100%">
+    <div class="monitor-search">
+      <a-row type="flex" :gutter="10">
+        <a-col flex="305px">
+          <span class="item-label">DataSource</span>
+          <a-select
+            style="width: 180px"
+            v-model="name"
+            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="335px">
+          <span class="item-label">DB Name</span>
+          <a-select
+            style="width: 180px"
+            v-model="dbName"
+            placeholder="select..."
+            show-arrow
+            allowClear
+            :options="dbNameOptions"
+            @change="ondbNameChange"
+          >
+            <img slot="suffixIcon" src="@/assets/images/global/select-down.png" alt="" />
+          </a-select>
+        </a-col>
+      </a-row>
+      <div class="monitor-search-btns">
+        <a-button class="monitor-search-btns-ant">
+          <img class="icon-add" src="@/assets/images/global/reset-pwd.png" alt="" />
+          <span style="margin-left: 10px"> Refresh </span>
+        </a-button>
+      </div>
+    </div>
+
+    <div class="tableSpace-main">
+      <TableList
+        size="middle"
+        rowKey="id"
+        :columns="columns"
+        :list="dataSource"
+        :loading="loading"
+        :pagination="false"
+        :canSelect="false"
+        :scroll="{ y: 900 }"
+      >
+        <!-- <template slot="space" slot-scope="{ text }">
+          <div class="space">
+            <div :class="['space-bar', `space-bar-${text > 80 ? 'r' : text > 50 ? 'y' : 'g'}`]">
+              <div
+                :class="['space-bar-progress', `space-bar-progress-${text > 80 ? 'r' : text > 50 ? 'y' : 'g'}`]"
+                :style="{ width: `${2.6 * text}px` }"
+              ></div>
+            </div>
+            <div
+              class="space-text"
+              :style="{ color: text > 80 ? 'red' : text > 50 ? 'yellow' : '', 'margin-left': '30px' }"
+            >
+              {{ text.toFixed(3) }}%
+            </div>
+          </div>
+        </template> -->
+      </TableList>
+    </div>
+  </div>
+</template>
+
+<script>
+import TableList from '../../components/tableList.vue'
+import { getAction, postAction, httpAction, deleteAction } from '@/api/manage'
+const columns = [
+  {
+    title: 'TABLE NAME',
+    align: 'center',
+    dataIndex: 'tableName',
+    width: 300,
+  },
+  {
+    title: 'TABLE ROWS',
+    align: 'center',
+    dataIndex: 'numRow',
+    width: 200,
+  },
+  // {
+  //   title: 'TABLE SPACE',
+  //   align: 'center',
+  //   dataIndex: 'used',
+  //   // scopedSlots: {
+  //   //   customRender: 'space',
+  //   // },
+  // },
+  {
+    title: 'DATA SIZE(MB)',
+    align: 'center',
+    dataIndex: 'dataSize',
+    width: 200,
+  },
+  {
+    title: 'INDEX SIZE(MB)',
+    align: 'center',
+    dataIndex: 'indexSize',
+    width: 200,
+  },
+]
+export default {
+  components: {
+    TableList,
+  },
+  data() {
+    return {
+      columns,
+      dataSource: [],
+      loading: false,
+      name: undefined,
+      dbName: undefined,
+      DbOptions: [],
+      dbNameOptions: [],
+      currId: '',
+    }
+  },
+  watch: {
+    name(newValue, oldValue) {
+      this.currId = newValue
+    },
+  },
+  mounted() {
+    this.getDbList()
+  },
+  methods: {
+    filterOption(input, option) {
+      return option.componentOptions.children[0].text.toLowerCase().indexOf(input.toLowerCase()) >= 0
+    },
+    getDbList() {
+      getAction('/sysDatabase/sourceList').then((res) => {
+        if (res.success) {
+          this.name = this.$route.query.id || res.result[0].sourceId
+          this.getDbNameList()
+          this.DbOptions = res.result.map((item) => {
+            return {
+              label: item.sourceName,
+              value: item.sourceId,
+            }
+          })
+        } else {
+          this.$message.warning('This operation fails. Contact your system administrator')
+        }
+      })
+    },
+    getDbNameList() {
+      let params = {
+        sourceId: this.name,
+      }
+      getAction('/sysDatabase/dbNames', params).then((res) => {
+        if (res.success) {
+          console.log(res)
+          this.dbNameOptions = res.result.map((item) => {
+            return {
+              label: item,
+              value: item,
+            }
+          })
+        } else {
+          this.$message.warning('This operation fails. Contact your system administrator')
+        }
+      })
+    },
+    onDbChange(val) {
+      this.name = val
+      this.dbName = undefined
+      this.dataSource = []
+      this.getDbNameList()
+    },
+    ondbNameChange(val) {
+      this.loading = true
+      let params = {
+        sourceId: this.name,
+        dbName: val,
+      }
+      getAction('/sysDatabase/dbInfo', params).then((res) => {
+        this.loading = false
+        if (res.success) {
+          this.dataSource = res.result
+        } else {
+          this.$message.warning('This operation fails. Contact your system administrator')
+        }
+      })
+    },
+  },
+}
+</script>
+
+<style lang="less" scoped>
+.tableSpace-main {
+  width: 100%;
+  height: calc(100% - 50px);
+  overflow: hidden;
+  padding-top: 15px;
+  position: relative;
+}
+.ant-pagination {
+  position: absolute;
+  left: 50%;
+  bottom: 0;
+  transform: translateX(-50%);
+}
+.monitor-search {
+  height: 50px;
+  border-top: 1px solid rgba(13, 235, 201, 0.3);
+  border-bottom: 1px solid rgba(13, 235, 201, 0.3);
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0 10px;
+  background: rgba(12, 235, 201, 0.05);
+  .ant-row-flex {
+    flex-flow: nowrap;
+  }
+  /deep/ .ant-calendar-range-picker-separator {
+    color: white;
+  }
+  .item-label {
+    display: inline-block;
+    font-size: 16px;
+    font-family: ArialMT;
+    color: #ade6ee;
+    line-height: 32px;
+    height: 32px;
+    margin-right: 10px;
+  }
+  &-btns {
+    &-ant {
+      background: #1397a3;
+      border: none;
+    }
+  }
+}
+.space {
+  width: 350px;
+  height: 16px;
+  display: inline-block;
+  position: relative;
+  &-bar {
+    width: 260px;
+    height: 100%;
+    position: absolute;
+    left: 0;
+    &-progress {
+      height: 100%;
+    }
+    &-progress-g {
+      background: url(~@/assets/images/abnormalAlarm/green.png) repeat;
+    }
+    &-progress-y {
+      background: url(~@/assets/images/abnormalAlarm/yellow.png) repeat;
+    }
+    &-progress-r {
+      background: url(~@/assets/images/abnormalAlarm/red.png) repeat;
+    }
+  }
+  &-bar-g {
+    background: url(~@/assets/images/abnormalAlarm/green-bg.png) repeat;
+  }
+  &-bar-y {
+    background: url(~@/assets/images/abnormalAlarm/yellow-bg.png) repeat;
+  }
+  &-bar-r {
+    background: url(~@/assets/images/abnormalAlarm/red-bg.png) repeat;
+  }
+  &-text {
+    position: absolute;
+    right: 0;
+    top: -3px;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/abnormalAlarm/databaseMonitor/instances/tableSpace.vue b/src/views/abnormalAlarm/databaseMonitor/instances/tableSpace.vue
index 243332b..950907b 100644
--- a/src/views/abnormalAlarm/databaseMonitor/instances/tableSpace.vue
+++ b/src/views/abnormalAlarm/databaseMonitor/instances/tableSpace.vue
@@ -17,20 +17,6 @@
             <img slot="suffixIcon" src="@/assets/images/global/select-down.png" alt="" />
           </a-select>
         </a-col>
-        <a-col flex="335px">
-          <span class="item-label">DB Name</span>
-          <a-select
-            style="width: 180px"
-            v-model="dbName"
-            placeholder="select..."
-            show-arrow
-            allowClear
-            :options="dbNameOptions"
-            @change="ondbNameChange"
-          >
-            <img slot="suffixIcon" src="@/assets/images/global/select-down.png" alt="" />
-          </a-select>
-        </a-col>
       </a-row>
       <div class="monitor-search-btns">
         <a-button class="monitor-search-btns-ant">
@@ -63,7 +49,7 @@
               class="space-text"
               :style="{ color: text > 80 ? 'red' : text > 50 ? 'yellow' : '', 'margin-left': '30px' }"
             >
-              {{ text.toFixed(3) }}%
+              {{ text }}%
             </div>
           </div>
         </template>
@@ -74,40 +60,40 @@
 
 <script>
 import TableList from '../../components/tableList.vue'
-import { getAction, postAction, httpAction, deleteAction } from '@/api/manage'
+import { getAction } from '@/api/manage'
 const columns = [
   {
-    title: 'TABLE NAME',
+    title: 'SPACE NAME',
     align: 'center',
-    dataIndex: 'tableName',
+    dataIndex: 'spaceName',
     width: 300,
   },
   {
-    title: 'TABLE ROWS',
+    title: 'TOTAL(MB)',
     align: 'center',
-    dataIndex: 'numRow',
+    dataIndex: 'total',
     width: 200,
   },
   {
-    title: 'TABLE SPACE',
+    title: 'FREE(MB)',
+    align: 'center',
+    dataIndex: 'free',
+    width: 200,
+  },
+  {
+    title: 'USAGE(MB)',
+    align: 'center',
+    dataIndex: 'usage',
+    width: 200,
+  },
+  {
+    title: 'USED',
     align: 'center',
     dataIndex: 'used',
     scopedSlots: {
       customRender: 'space',
     },
   },
-  {
-    title: 'DATA SIZE(MB)',
-    align: 'center',
-    dataIndex: 'dataSize',
-    width: 200,
-  },
-  {
-    title: 'INDEX SIZE(MB)',
-    align: 'center',
-    dataIndex: 'indexSize',
-    width: 200,
-  },
 ]
 export default {
   components: {
@@ -119,9 +105,7 @@ export default {
       dataSource: [],
       loading: false,
       name: undefined,
-      dbName: undefined,
       DbOptions: [],
-      dbNameOptions: [],
       currId: '',
     }
   },
@@ -157,15 +141,10 @@ export default {
       let params = {
         sourceId: this.name,
       }
-      getAction('/sysDatabase/dbNames', params).then((res) => {
+      getAction('/sysDatabase/spaceInfo', params).then((res) => {
         if (res.success) {
           console.log(res)
-          this.dbNameOptions = res.result.map((item) => {
-            return {
-              label: item,
-              value: item,
-            }
-          })
+          this.dataSource = res.result
         } else {
           this.$message.warning('This operation fails. Contact your system administrator')
         }
@@ -173,25 +152,8 @@ export default {
     },
     onDbChange(val) {
       this.name = val
-      this.dbName = undefined
-      this.dataSource = []
       this.getDbNameList()
     },
-    ondbNameChange(val) {
-      this.loading = true
-      let params = {
-        sourceId: this.name,
-        dbName: val,
-      }
-      getAction('/sysDatabase/dbInfo', params).then((res) => {
-        this.loading = false
-        if (res.success) {
-          this.dataSource = res.result
-        } else {
-          this.$message.warning('This operation fails. Contact your system administrator')
-        }
-      })
-    },
   },
 }
 </script>

From 1a56edc94d4bf7202e456b78e441e992ba8ce6c0 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: Mon, 20 Nov 2023 18:19:14 +0800
Subject: [PATCH 6/6] =?UTF-8?q?=E6=95=B0=E6=8D=AE=E5=88=86=E6=9E=90?=
 =?UTF-8?q?=E6=8A=A5=E8=AD=A6=E8=A7=84=E5=88=99=E7=AE=A1=E7=90=86=20?=
 =?UTF-8?q?=E8=8E=B7=E5=8F=96=E7=9B=91=E6=8E=A7=E9=A1=B9=E7=9A=84=E6=8E=A5?=
 =?UTF-8?q?=E5=8F=A3=E5=8F=82=E6=95=B0=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/abnormalAlarm/alarmCenter/alarmRules/index.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/views/abnormalAlarm/alarmCenter/alarmRules/index.vue b/src/views/abnormalAlarm/alarmCenter/alarmRules/index.vue
index 155cd10..2c2e664 100644
--- a/src/views/abnormalAlarm/alarmCenter/alarmRules/index.vue
+++ b/src/views/abnormalAlarm/alarmCenter/alarmRules/index.vue
@@ -517,7 +517,7 @@ export default {
       }
     },
     getItems(val) {
-      getAction('/alarmRule/getItems', { sourceId: val }).then((res) => {
+      getAction('/alarmRule/getItems', { sourceId: val, sourceType: this.form.sourceType }).then((res) => {
         if (res.success) {
           this.itemOptions = res.result.map((item) => {
             return {
@@ -636,7 +636,7 @@ export default {
             .catch((err) => {
               this.$message.warning('This operation fails. Contact your system administrator')
             })
-          getAction('/alarmRule/getItems', { sourceId: res.result.sourceId })
+          getAction('/alarmRule/getItems', { sourceId: res.result.sourceId, sourceType: this.form.sourceType })
             .then((res) => {
               if (res.success) {
                 this.itemOptions = res.result.map((item) => {