From ed3a9ffe9707feffa463317ab6a4805d010ea95b Mon Sep 17 00:00:00 2001
From: TangShanDD <t18112126001@163.com>
Date: Sat, 16 Aug 2025 13:32:42 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BA=91=E8=B5=84=E6=BA=90=E5=A4=A7?=
 =?UTF-8?q?=E5=B1=8F=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/echarts/BarReverseCharts.vue |  6 +--
 src/views/resource_screen/data.js           |  7 ++-
 src/views/resource_screen/index.vue         | 49 ++++-----------------
 3 files changed, 17 insertions(+), 45 deletions(-)

diff --git a/src/components/echarts/BarReverseCharts.vue b/src/components/echarts/BarReverseCharts.vue
index ab9f6b2..2e078d7 100644
--- a/src/components/echarts/BarReverseCharts.vue
+++ b/src/components/echarts/BarReverseCharts.vue
@@ -1,7 +1,5 @@
 <template>
-  <bar-reverse-chart v-bind="$attrs"
-   :setting="configs"
-  ></bar-reverse-chart>
+  <bar-reverse-chart v-bind="$attrs" :setting="configs"></bar-reverse-chart>
 </template>
 <script>
 import charts from 'cmp-echarts'
@@ -12,7 +10,7 @@ const configs = {
       show: true,
       formatter: '{b}',
       color: '#fff',
-      position: [10, -20]
+      position: [10, -15]
     }
   },
   legend: {
diff --git a/src/views/resource_screen/data.js b/src/views/resource_screen/data.js
index f22ede5..15a2c9c 100644
--- a/src/views/resource_screen/data.js
+++ b/src/views/resource_screen/data.js
@@ -23,7 +23,12 @@ export const overviewConfigs = [{
   icon: 'el-icon-monitor',
   type: 'COUNT',
   data: [{
-    title: '私有云',
+    title: '数据中心',
+    className: 'purple',
+    unit: '个',
+    value: 0
+  }, {
+    title: '区域',
     className: 'lgreen',
     unit: '个',
     value: 0
diff --git a/src/views/resource_screen/index.vue b/src/views/resource_screen/index.vue
index d4e65fd..5c9cc3b 100644
--- a/src/views/resource_screen/index.vue
+++ b/src/views/resource_screen/index.vue
@@ -31,7 +31,7 @@
         <div class="card h-300">
           <div class="card-title">告警统计</div>
           <div class="card-body">
-            <pie-charts :data="alarmCount" width="100%" height="240px" unit="" :configs="{color: ['#EC1C24', '#FF7F27', '#FFF200', '#4EAFF5']}"></pie-charts>
+            <pie-charts :data="alarmCount" width="100%" height="240px" unit="" :configs="{ color: ['#EC1C24', '#FF7F27', '#FFF200', '#4EAFF5'] }"></pie-charts>
           </div>
         </div>
       </el-col>
@@ -75,18 +75,7 @@ import OverviewState from 'components/OverviewState'
 import PlatformCard from './PlatformCard'
 import ResourceCount from '../count_screen/ResourceCount'
 import { overviewConfigs } from './data'
-import {
-  getOverview,
-  getPlatformOverview,
-  getUsed,
-  getPlatforms,
-  getAlarmPieChart,
-  getResourceApply,
-  getResourceTrend,
-  getResTops,
-  getHostStatus,
-  getResourceCount
-} from 'services/screen/resource'
+import { getOverview, getPlatformOverview, getUsed, getPlatforms, getAlarmPieChart, getResourceApply, getResourceTrend, getResTops, getHostStatus, getResourceCount } from 'services/screen/resource'
 export default {
   components: {
     ScreenWrapper,
@@ -124,9 +113,9 @@ export default {
       const res = await getPlatformOverview()
       if (res.success) {
         // 处理数据对configs赋值
-        const { pubNum, priNum } = res.data
+        const { dcsNum, pubNum, priNum } = res.data
         const unit = state.overviewConfigs[1]
-        ;[priNum, pubNum].forEach((item, index) => {
+        ;[dcsNum, priNum, pubNum].forEach((item, index) => {
           unit.data[index].value = item
         })
       }
@@ -136,14 +125,7 @@ export default {
       const res = await getUsed()
       if (res.success) {
         // 处理数据对configs赋值
-        const {
-          menUnused,
-          memTotal,
-          cpuUnused,
-          cpuTotal,
-          diskTotal,
-          diskUnused
-        } = res.data
+        const { menUnused, memTotal, cpuUnused, cpuTotal, diskTotal, diskUnused } = res.data
         const unit = state.overviewConfigs[2]
         ;[
           { used: cpuUnused, total: cpuTotal },
@@ -237,27 +219,14 @@ export default {
       }
     }
     // 切换平台
-    const change = async (type) => {
+    const change = async type => {
       state.vendorType = type
-      const proArr = [
-        getApplyCount(),
-        getUsedCount(),
-        getCpuTop5(),
-        getMemTop5(),
-        getHostCount(),
-        getResource()
-      ]
+      const proArr = [getApplyCount(), getUsedCount(), getCpuTop5(), getMemTop5(), getHostCount(), getResource()]
       await Promise.all(proArr)
     }
     const init = async () => {
       try {
-        await Promise.all([
-          getOverviewState(),
-          getUsedState(),
-          getPlatformState(),
-          getAlarmCount(),
-          change()
-        ])
+        await Promise.all([getOverviewState(), getUsedState(), getPlatformState(), getAlarmCount(), change()])
       } catch (error) {}
       state.loading = false
     }
@@ -296,7 +265,7 @@ export default {
     height: calc(100% - 30px);
   }
 }
-.resource-count ::v-deep .cell{
+.resource-count ::v-deep .cell {
   height: 85px;
 }
 </style>