From 579f4c1390f1362a48d5a3a77bd7d17f02cf5216 Mon Sep 17 00:00:00 2001
From: zzp <34701892@qq.com>
Date: Fri, 12 Sep 2025 16:57:40 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E7=BB=9F=E4=B8=80=E4=BD=BF=E7=94=A8?=
 =?UTF-8?q?=20#3C74F1=20=E4=BD=9C=E4=B8=BA=E4=B8=BB=E8=89=B2=E8=B0=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 将实时信息页面的激活状态边框和背景色改为 #3C74F1
- 更新折线图组件的颜色配置，使用 #3C74F1 替代原有颜色
- 添加备用颜色列表并注释掉未使用的颜色函数
---
 src/components/charts/LineHol.vue       | 8 ++++++--
 src/components/charts/LineHolYellow.vue | 4 ++++
 src/pages/realtimeInfo/index.vue        | 4 ++--
 3 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/src/components/charts/LineHol.vue b/src/components/charts/LineHol.vue
index cbd3d74..17d075d 100644
--- a/src/components/charts/LineHol.vue
+++ b/src/components/charts/LineHol.vue
@@ -31,7 +31,7 @@ watch(
     }
   }
 );
-
+const colorList = ["#F05040", "#696BBE", "#93CFED", "#FE9F19", "#3C74F1", "#F05040", "#696BBE", "#93CFED", "#FE9F19", "#3C74F1"];
 // 初始化图表
 const initChart = () => {
   myChart = echarts.init(chartDom.value);
@@ -127,9 +127,13 @@ const initChart = () => {
           show: true,
         },
         itemStyle: {
-          color: "#52A8FF",
+          color: "#3C74F1",
           normal: {
             borderRadius: [0, 4, 4, 0],
+            color: "#3C74F1",
+            // color: function (params) {
+            //   return colorList[params.dataIndex];
+            // },
           },
         },
         data: Object.keys(builderJson.charts).map(function (key) {
diff --git a/src/components/charts/LineHolYellow.vue b/src/components/charts/LineHolYellow.vue
index 4bd5b9b..d9177fc 100644
--- a/src/components/charts/LineHolYellow.vue
+++ b/src/components/charts/LineHolYellow.vue
@@ -95,6 +95,10 @@ const initChart = () => {
           color: "#FFCE34",
           normal: {
             borderRadius: [0, 4, 4, 0],
+            color: "#3C74F1",
+            // color: function (params) {
+            //   return colorList[params.dataIndex];
+            // },
           },
         },
         encode: {
diff --git a/src/pages/realtimeInfo/index.vue b/src/pages/realtimeInfo/index.vue
index 2e6924f..1b5fddf 100644
--- a/src/pages/realtimeInfo/index.vue
+++ b/src/pages/realtimeInfo/index.vue
@@ -496,8 +496,8 @@ onMounted(async () => {
   }
 
   .active {
-    border: 1px solid #007bff;
-    background-color: #007bff;
+    border: 1px solid #3c74f1;
+    background-color: #3c74f1;
     color: #fff;
   }
 }