Browse Source

问题修改

SunZehao 2 months ago
parent
commit
aeee9ba1bc
2 changed files with 112 additions and 14 deletions
  1. 9 9
      src/components/chart/pie/radar-pie-chart.vue
  2. 103 5
      src/views/SandTable/SandTable.vue

+ 9 - 9
src/components/chart/pie/radar-pie-chart.vue

@@ -65,15 +65,15 @@
             initChart() {
                 let that = this
                 let option = {
-                    color: [
-                        "#70d0f4",
-                        "#ffc149",
-                        "#3e73e9",
-                        "#4fa6e8",
-                        "#ff7a87",
-                        "#70d0f4",
-                        "#cff4d8",
-                    ],
+                    // color: [
+                    //     "#70d0f4",
+                    //     "#ffc149",
+                    //     "#3e73e9",
+                    //     "#4fa6e8",
+                    //     "#ff7a87",
+                    //     "#70d0f4",
+                    //     "#cff4d8",
+                    // ],
                     tooltip: {
                         trigger: "item",
                         backgroundColor: this.$store.state.themeName === "dark" ?

+ 103 - 5
src/views/SandTable/SandTable.vue

@@ -753,11 +753,105 @@ export default {
       ],
       timmer: null, // 定时器开关
       isFullScreen: false,
+      colorMapping: {},
     };
   },
 
   // 函数
   methods: {
+    partColor() {
+      const faultCategories = [
+        "电网类故障",
+        "浪涌保护类故障",
+        "液压站类故障",
+        "齿轮箱类故障",
+        "安全链类故障",
+        "变流器类故障",
+        "变桨类故障",
+        "偏航类故障",
+        "主轴类故障",
+        "高速刹车类故障",
+        "扭缆类故障",
+        "叶轮转速类故障",
+        "维护模式类故障",
+        "控制器状态类故障",
+        "机舱震动类故障",
+        "风资源测量类故障",
+        "机舱类故障",
+        "外界温度类故障",
+        "发电机类故障",
+        "叶片",
+        "轮毂",
+        "塔架",
+        "机舱",
+        "控制系统",
+        "变桨系统",
+        "偏航系统",
+        "齿轮箱",
+        "发电机",
+        "变频器",
+        "液压系统",
+        "辅助系统",
+        "测风系统",
+        "电网系统",
+        "塔底柜",
+        "传动链",
+        "其他",
+      ];
+
+      const chartColors = [
+        "#c23531", // 红色系
+        "#2f4554", // 深蓝灰
+        "#61a0a8", // 蓝绿
+        "#d48265", // 棕橙
+        "#91c7ae", // 浅绿
+        "#749f83", // 墨绿
+        "#ca8622", // 深橙
+        "#bda29a", // 咖啡棕
+        "#6e7074", // 灰蓝
+        "#546570", // 深灰
+
+        "#c4ccd3", // 浅灰
+        "#f05b72", // 亮红
+        "#ef5b9c", // 玫瑰粉
+        "#f47983", // 桃红
+        "#d87c7c", // 灰红
+        "#93b7e3", // 天蓝
+        "#a4d8c2", // 薄荷绿
+        "#e5d854", // 柠檬黄
+        "#ef91aa", // 粉紫
+        "#87f7cf", // 青蓝
+
+        "#b7eb8f", // 浅绿黄
+        "#87e8de", // 水蓝
+        "#b37feb", // 紫罗兰
+        "#597ef7", // 宝蓝
+        "#13c2c2", // 青色
+        "#2f54eb", // 深宝蓝
+        "#722ed1", // 深紫
+        "#eb2f96", // 洋红
+        "#fa8c16", // 橙色
+        "#a0d911", // 酸橙绿,
+
+        "#1890ff", // 阿里蓝
+        "#40a0e0", // 天空蓝
+        "#fadb7d", // 浅黄
+        "#ffc53d", // 亮黄橙
+        "#ff85c0", // 粉红
+        "#eb647b", // 珊瑚红
+        "#52c41a", // 绿色
+        "#13a8a8", // 青绿
+        "#fa541c", // 深橙红
+        "#85a5ff", // 浅紫蓝
+      ];
+
+      // 创建一个对象,将每个故障类别或部件与一种颜色对应起来
+      this.colorMapping = {};
+      for (let i = 0; i < faultCategories.length; i++) {
+        this.colorMapping[faultCategories[i]] = chartColors[i];
+      }
+      console.log(this.colorMapping);
+    },
     init(res) {
       let that = this;
       // 72小时功率曲线
@@ -986,12 +1080,14 @@ export default {
               obj = {
                 name: it.typeName,
                 value: value,
+                itemStyle: { color: this.colorMapping[it.typeName] },
               };
-              if (it.typeName === "发电机" || it.typeName === "其他") {
-                result.unshift(obj);
-              } else {
-                result.push(obj);
-              }
+              //   if (it.typeName === "发电机" || it.typeName === "其他") {
+              //     result.unshift(obj);
+              //   } else {
+              //     result.push(obj);
+              //   }
+              result.push(obj);
             }
           });
           if (modelIds === "WT2000D121H85") {
@@ -1045,6 +1141,7 @@ export default {
               obj = {
                 name: it.name,
                 value: value,
+                itemStyle: { color: this.colorMapping[it.name] },
               };
               result.push(obj);
             }
@@ -1888,6 +1985,7 @@ export default {
     // this.getTop4Info();
     // this.getWarnMGT();
     // this.getRepertoryMGT();
+    this.partColor();
     this.timeStr = new Date().formatDate("MM-dd hh:mm");
     this.timmer1 = setInterval(() => {
       this.timeStr = new Date().formatDate("MM-dd hh:mm");