From d2b07bb4b5f98a0f2e1a928fa5eebd71a5d5d783 Mon Sep 17 00:00:00 2001
From: lai <371757574@qq.com>
Date: Sun, 4 Feb 2024 15:38:40 +0800
Subject: [PATCH] =?UTF-8?q?=E5=88=A0=E9=99=A4=E5=A4=9A=E4=BD=99=E4=BB=A3?=
 =?UTF-8?q?=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/AlarnTypeBar/index.vue         | 34 ++-----------------
 1 file changed, 3 insertions(+), 31 deletions(-)

diff --git a/src/views/dashboard/overview/components/AlarnTypeBar/index.vue b/src/views/dashboard/overview/components/AlarnTypeBar/index.vue
index 96116c8b..fa4e7757 100644
--- a/src/views/dashboard/overview/components/AlarnTypeBar/index.vue
+++ b/src/views/dashboard/overview/components/AlarnTypeBar/index.vue
@@ -17,8 +17,7 @@ import { BarChart, PieChart } from 'echarts/charts';
 import { CanvasRenderer } from 'echarts/renderers';
 import { LabelLayout } from 'echarts/features';
 import useI18n from '@/hooks/useI18n';
-import useDictStore from '@/store/modules/dict';
-const { getDict } = useDictStore();
+
 const { t } = useI18n();
 
 echarts.use([
@@ -48,14 +47,6 @@ const alarmTypeBar = ref<HTMLElement | undefined>(undefined);
 /**图实例对象 */
 const alarmTypeBarChart = ref<any>(null);
 
-/**告警类型颜色 */
-let dict: {
-  /**原始严重程度 */
-  activeAlarmSeverity: DictType[];
-} = reactive({
-  activeAlarmSeverity: [],
-});
-
 // 将现有数据补全为期望的格式
 function completeData(existingData: any, expectedData: any) {
   const result = expectedData.map((item: any) => {
@@ -166,7 +157,7 @@ function initPicture() {
       },
       // 饼图设置
       // color: ['#FFAE57', '#FF7853', '#EA5151', '#CC3F57', '#9A2555'],
-      //  color: ['#FFAE57', '#FFA500', '#FFAE57', '#1E90FF', '#1E90FF'], //红橙黄蓝绿 为告警级别配色 以严重性依次往下！
+      color: ['#f5222d', '#ffc069', '#fadb14', '#722ed1', '#1677ff'], //红橙黄紫蓝 为告警级别配色 以严重性依次往下！
 
       series: [
         //饼图:
@@ -187,17 +178,6 @@ function initPicture() {
             shadowBlur: 10,
             shadowOffsetX: 0,
             shadowColor: 'rgba(0, 0, 0, 0.5)',
-            color: function (colors: any) {
-              const realName = colors.name.split(':')[0];
-              var colorList: any = {
-                [t('views.index.Event')]: '#1677ff',
-                [t('views.index.Warning')]: '#722ed1',
-                [t('views.index.Minor')]: '#fadb14',
-                [t('views.index.Major')]: '#ffc069',
-                [t('views.index.Critical')]: '#f5222d',
-              };
-              return colorList[realName];
-            },
           },
         },
         //柱状
@@ -277,15 +257,7 @@ function fnDesign(container: HTMLElement | undefined, option: any) {
 }
 
 onMounted(() => {
-  getDict('active_alarm_severity')
-    .then(res => {
-      if (res.length > 0) {
-        dict.activeAlarmSeverity = res;
-      }
-    })
-    .finally(() => {
-      initPicture();
-    });
+  initPicture();
 });
 </script>