From cda0d5e510551b9d5ad969eda535b8ae2ffe335e Mon Sep 17 00:00:00 2001
From: selia-zx <1771203023@qq.com>
Date: Thu, 5 Mar 2026 17:23:49 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=90=84=E4=B8=AA=E7=B3=BB?=
 =?UTF-8?q?=E7=BB=9F=E9=A1=B5=E9=9D=A2=E7=9A=84=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/images/temp1.png                   | Bin 0 -> 4183 bytes
 src/assets/images/temp2.png                   | Bin 0 -> 3367 bytes
 src/assets/images/temp3.png                   | Bin 0 -> 5170 bytes
 src/assets/images/temp4.png                   | Bin 0 -> 5310 bytes
 src/assets/images/temp5.png                   | Bin 0 -> 6749 bytes
 src/assets/images/temp6.png                   | Bin 0 -> 2752 bytes
 src/layout/components/Navbar.vue              |  22 +
 src/store/modules/permission.js               |  28 +
 src/views/newCenterairC/alarmManage/index.vue | 864 +++++++++++++-----
 .../newCenterairC/deviceManage/index.vue      | 539 +++++++++--
 .../carbonEmissionsAnalysis/index.vue         |   2 +-
 .../index.vue                                 |   9 +-
 .../retrofitEffectivenessCompariso/index.vue  | 476 +++++++---
 src/views/newCenterairC/home/index.vue        | 479 ++++++----
 .../newCenterairC/reportManage/base/index.vue |  12 +-
 .../reportManage/machine/index.vue            |  12 +-
 src/views/newLifeWater/alarmManage/index.vue  |  17 +-
 .../newLifeWater/deviceManage/info/index.vue  |   6 +-
 .../index.vue                                 | 747 +++++++++------
 .../energyManage/energyWater/index.vue        |   4 +-
 .../retrofitEffectivenessCompariso/index.vue  |   4 +-
 .../energyManage/warning/index.vue            |   9 +-
 src/views/newLifeWater/home/index.vue         | 654 ++++++++-----
 .../newLifeWater/reportManage/base/index.vue  |   8 +-
 src/views/newLighting/alarmManage/index.vue   |  17 +-
 .../newLighting/deviceManage/info/index.vue   |   6 +-
 .../deviceManage/strategy/index.vue           | 503 ++++++----
 .../retrofitEffectivenessCompariso/index.vue  |   4 +-
 .../energyManage/warning/index.vue            |   9 +-
 .../newLighting/reportManage/base/index.vue   |   8 +-
 src/views/newSystem/systemDevice.vue          | 341 ++++---
 src/views/newSystem/systemEnergy.vue          | 241 ++---
 src/views/newSystem/systemHome.vue            | 180 ++--
 33 files changed, 3543 insertions(+), 1658 deletions(-)
 create mode 100644 src/assets/images/temp1.png
 create mode 100644 src/assets/images/temp2.png
 create mode 100644 src/assets/images/temp3.png
 create mode 100644 src/assets/images/temp4.png
 create mode 100644 src/assets/images/temp5.png
 create mode 100644 src/assets/images/temp6.png

diff --git a/src/assets/images/temp1.png b/src/assets/images/temp1.png
new file mode 100644
index 0000000000000000000000000000000000000000..3f7472195874498b6db57586df6649dd0da32e4c
GIT binary patch
literal 4183
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

literal 0
HcmV?d00001

diff --git a/src/assets/images/temp2.png b/src/assets/images/temp2.png
new file mode 100644
index 0000000000000000000000000000000000000000..0778c734890d1b4979673db7ea8d37663edb140a
GIT binary patch
literal 3367
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

literal 0
HcmV?d00001

diff --git a/src/assets/images/temp3.png b/src/assets/images/temp3.png
new file mode 100644
index 0000000000000000000000000000000000000000..51f849e92bd0805d968b0bef5af714dfc6d04de5
GIT binary patch
literal 5170
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
E4?``E@Bjb+

literal 0
HcmV?d00001

diff --git a/src/assets/images/temp4.png b/src/assets/images/temp4.png
new file mode 100644
index 0000000000000000000000000000000000000000..0a77633e4146753084fcc12385ab4a811959d456
GIT binary patch
literal 5310
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
VLha#@lpS6Y08MR79-Z=`{vQJCpydDn

literal 0
HcmV?d00001

diff --git a/src/assets/images/temp5.png b/src/assets/images/temp5.png
new file mode 100644
index 0000000000000000000000000000000000000000..49ae2343b2d04d499f5c4675e5c25064daee0f2d
GIT binary patch
literal 6749
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
Zm%V$xRvSkwsA(eral^u>((wMX{{dTfqoe=;

literal 0
HcmV?d00001

diff --git a/src/assets/images/temp6.png b/src/assets/images/temp6.png
new file mode 100644
index 0000000000000000000000000000000000000000..dd85128ebf67ef7b6bc841dbd9735173c7e6afbc
GIT binary patch
literal 2752
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

literal 0
HcmV?d00001

diff --git a/src/layout/components/Navbar.vue b/src/layout/components/Navbar.vue
index 7ebc310..7b579cb 100644
--- a/src/layout/components/Navbar.vue
+++ b/src/layout/components/Navbar.vue
@@ -15,6 +15,19 @@
     <top-nav id="topmenu-container" class="topmenu-container" v-if="topNav" />
 
     <div class="right-menu">
+      <el-form ref="queryForm" size="small" :inline="true">
+        <el-form-item label="切换项目" prop="project">
+          <el-select
+            v-model="project"
+            placeholder="选择项目"
+            filterable
+          >
+            <el-option label="演示项目" value="演示项目" />
+            <el-option label="梅州酒店" value="梅州酒店" />
+            <el-option label="珠海酒店" value="珠海酒店" />
+          </el-select>
+        </el-form-item>
+      </el-form>
       <template v-if="device !== 'mobile'">
         <img
           v-if="isShowWarning"
@@ -91,6 +104,7 @@ export default {
   data() {
     return {
       isShowWarning: false,
+      project: "演示项目",
     };
   },
   mounted() {
@@ -299,3 +313,11 @@ export default {
   }
 }
 </style>
+<style scoped>
+.el-form-item--small.el-form-item{
+  margin-bottom: 0 !important;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+}
+</style>
diff --git a/src/store/modules/permission.js b/src/store/modules/permission.js
index 71dc32b..9cebd67 100644
--- a/src/store/modules/permission.js
+++ b/src/store/modules/permission.js
@@ -254,6 +254,34 @@ const permission = {
             // console.log("不满足条件");
           }
 
+          // 
+          // 空压热回收
+          const result6 = sidebarRoutes.find(
+            (item) => item.name === "NewCenterairC"
+          );
+          if (result6) {
+            // 定义要添加的多个路由对象数组
+            const additionalRoutes2 = [
+              {
+                path: "/monitorCenter",
+                name: "monitorCenter",
+                hidden: true,
+                component: () =>
+                  import("@/views/centerairC/sysMonitor/monitorCenter"),
+                meta: { title: "系统监测", icon: "screen" },
+              },
+              // 可以继续添加更多路由对象
+            ];
+            // 循环添加额外的路由对象到各路由数组
+            additionalRoutes2.forEach((route) => {
+              sidebarRoutes.push(route);
+              rewriteRoutes.push(route);
+              asyncRoutes.push(route);
+            });
+          } else {
+            // console.log("不满足条件");
+          }
+
           commit("SET_ROUTES", rewriteRoutes);
           commit("SET_SIDEBAR_ROUTERS", constantRoutes.concat(sidebarRoutes));
           commit("SET_DEFAULT_ROUTES", sidebarRoutes);
diff --git a/src/views/newCenterairC/alarmManage/index.vue b/src/views/newCenterairC/alarmManage/index.vue
index d8d503b..3a1d7d8 100644
--- a/src/views/newCenterairC/alarmManage/index.vue
+++ b/src/views/newCenterairC/alarmManage/index.vue
@@ -5,8 +5,14 @@
       <div class="stat-card total">
         <div class="stat-icon">
           <svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
-            <path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z" fill="currentColor"/>
-            <path d="M688 464H336c-8.8 0-16 7.2-16 16v64c0 8.8 7.2 16 16 16h352c8.8 0 16-7.2 16-16v-64c0-8.8-7.2-16-16-16z" fill="currentColor"/>
+            <path
+              d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
+              fill="currentColor"
+            />
+            <path
+              d="M688 464H336c-8.8 0-16 7.2-16 16v64c0 8.8 7.2 16 16 16h352c8.8 0 16-7.2 16-16v-64c0-8.8-7.2-16-16-16z"
+              fill="currentColor"
+            />
           </svg>
         </div>
         <div class="stat-info">
@@ -17,9 +23,18 @@
       <div class="stat-card pending">
         <div class="stat-icon">
           <svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
-            <path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z" fill="currentColor"/>
-            <path d="M672 464H352c-8.8 0-16 7.2-16 16v64c0 8.8 7.2 16 16 16h320c8.8 0 16-7.2 16-16v-64c0-8.8-7.2-16-16-16z" fill="currentColor"/>
-            <path d="M512 592c-4.4 0-8 3.6-8 8v256c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V600c0-4.4-3.6-8-8-8h-48z" fill="currentColor"/>
+            <path
+              d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
+              fill="currentColor"
+            />
+            <path
+              d="M672 464H352c-8.8 0-16 7.2-16 16v64c0 8.8 7.2 16 16 16h320c8.8 0 16-7.2 16-16v-64c0-8.8-7.2-16-16-16z"
+              fill="currentColor"
+            />
+            <path
+              d="M512 592c-4.4 0-8 3.6-8 8v256c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V600c0-4.4-3.6-8-8-8h-48z"
+              fill="currentColor"
+            />
           </svg>
         </div>
         <div class="stat-info">
@@ -30,8 +45,14 @@
       <div class="stat-card processing">
         <div class="stat-icon">
           <svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
-            <path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z" fill="currentColor"/>
-            <path d="M512 352c-8.8 0-16 7.2-16 16v224c0 8.8 7.2 16 16 16h48c8.8 0 16-7.2 16-16V368c0-8.8-7.2-16-16-16h-48z" fill="currentColor"/>
+            <path
+              d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
+              fill="currentColor"
+            />
+            <path
+              d="M512 352c-8.8 0-16 7.2-16 16v224c0 8.8 7.2 16 16 16h48c8.8 0 16-7.2 16-16V368c0-8.8-7.2-16-16-16h-48z"
+              fill="currentColor"
+            />
           </svg>
         </div>
         <div class="stat-info">
@@ -42,9 +63,18 @@
       <div class="stat-card resolved">
         <div class="stat-icon">
           <svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
-            <path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z" fill="currentColor"/>
-            <path d="M688 464H336c-8.8 0-16 7.2-16 16v64c0 8.8 7.2 16 16 16h352c8.8 0 16-7.2 16-16v-64c0-8.8-7.2-16-16-16z" fill="currentColor"/>
-            <path d="M512 592c-4.4 0-8 3.6-8 8v256c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V600c0-4.4-3.6-8-8-8h-48z" fill="currentColor"/>
+            <path
+              d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
+              fill="currentColor"
+            />
+            <path
+              d="M688 464H336c-8.8 0-16 7.2-16 16v64c0 8.8 7.2 16 16 16h352c8.8 0 16-7.2 16-16v-64c0-8.8-7.2-16-16-16z"
+              fill="currentColor"
+            />
+            <path
+              d="M512 592c-4.4 0-8 3.6-8 8v256c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V600c0-4.4-3.6-8-8-8h-48z"
+              fill="currentColor"
+            />
           </svg>
         </div>
         <div class="stat-info">
@@ -59,7 +89,10 @@
       <div class="config-header">
         <div class="config-title">
           <svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
-            <path d="M832 64H192c-17.7 0-32 14.3-32 32v832c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V96c0-17.7-14.3-32-32-32zm-600 72h560v208H232V136zm560 480H232V408h560v208zm0 272H232V680h560v208z" fill="currentColor"/>
+            <path
+              d="M832 64H192c-17.7 0-32 14.3-32 32v832c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V96c0-17.7-14.3-32-32-32zm-600 72h560v208H232V136zm560 480H232V408h560v208zm0 272H232V680h560v208z"
+              fill="currentColor"
+            />
           </svg>
           工单系统对接配置
         </div>
@@ -71,61 +104,97 @@
         ></el-switch>
       </div>
 
-    <div class="config-content" v-if="workOrderConfig.enabled">
-      <div class="config-row">
-        <div class="config-item">
-          <label>工单系统类型</label>
-          <el-select v-model="workOrderConfig.systemType" class="custom-select">
-            <el-option label="业主工单系统A" value="systemA"></el-option>
-            <el-option label="业主工单系统B" value="systemB"></el-option>
-            <el-option label="第三方工单平台" value="thirdParty"></el-option>
-          </el-select>
-        </div>
-        <div class="config-item">
-          <label>API地址</label>
-          <el-input v-model="workOrderConfig.apiUrl" placeholder="https://api.workorder.com" class="custom-input"></el-input>
-        </div>
-        <div class="config-item">
-          <label>API密钥</label>
-          <el-input v-model="workOrderConfig.apiKey" placeholder="请输入API密钥" show-password class="custom-input"></el-input>
-        </div>
-      </div>
-      <div class="config-row">
-        <div class="config-item">
-          <label>自动推送</label>
-          <el-switch v-model="workOrderConfig.autoPush" class="custom-switch"></el-switch>
+      <div class="config-content" v-if="workOrderConfig.enabled">
+        <div class="config-row">
+          <div class="config-item">
+            <label>工单系统类型</label>
+            <el-select
+              v-model="workOrderConfig.systemType"
+              class="custom-select"
+            >
+              <el-option label="业主工单系统A" value="systemA"></el-option>
+              <el-option label="业主工单系统B" value="systemB"></el-option>
+              <el-option label="第三方工单平台" value="thirdParty"></el-option>
+            </el-select>
+          </div>
+          <div class="config-item">
+            <label>API地址</label>
+            <el-input
+              v-model="workOrderConfig.apiUrl"
+              placeholder="https://api.workorder.com"
+              class="custom-input"
+            ></el-input>
+          </div>
+          <div class="config-item">
+            <label>API密钥</label>
+            <el-input
+              v-model="workOrderConfig.apiKey"
+              placeholder="请输入API密钥"
+              show-password
+              class="custom-input"
+            ></el-input>
+          </div>
         </div>
-        <div class="config-item">
-          <label>推送告警等级</label>
-          <el-select v-model="workOrderConfig.pushLevel" class="custom-select" multiple>
-            <el-option label="严重" value="critical"></el-option>
-            <el-option label="警告" value="warning"></el-option>
-            <el-option label="信息" value="info"></el-option>
-          </el-select>
+        <div class="config-row">
+          <div class="config-item">
+            <label>自动推送</label>
+            <el-switch
+              v-model="workOrderConfig.autoPush"
+              class="custom-switch"
+            ></el-switch>
+          </div>
+          <div class="config-item">
+            <label>推送告警等级</label>
+            <el-select
+              v-model="workOrderConfig.pushLevel"
+              class="custom-select"
+              multiple
+            >
+              <el-option label="严重" value="critical"></el-option>
+              <el-option label="警告" value="warning"></el-option>
+              <el-option label="信息" value="info"></el-option>
+            </el-select>
+          </div>
+          <div class="config-item">
+            <label>工单优先级映射</label>
+            <el-select
+              v-model="workOrderConfig.priorityMapping"
+              class="custom-select"
+            >
+              <el-option label="告警等级=工单优先级" value="direct"></el-option>
+              <el-option label="根据规则映射" value="rule"></el-option>
+            </el-select>
+          </div>
         </div>
-        <div class="config-item">
-          <label>工单优先级映射</label>
-          <el-select v-model="workOrderConfig.priorityMapping" class="custom-select">
-            <el-option label="告警等级=工单优先级" value="direct"></el-option>
-            <el-option label="根据规则映射" value="rule"></el-option>
-          </el-select>
+        <div class="config-actions">
+          <div class="primary-btn">
+            <el-button
+              type="primary"
+              @click="testConnection"
+              class="custom-btn"
+            >
+              <svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M864 256H160c-17.7 0-32 14.3-32 32v448c0 17.7 14.3 32 32 32h704c17.7 0 32-14.3 32-32V288c0-17.7-14.3-32-32-32zm0 64H192V384h672v-64z"
+                  fill="currentColor"
+                />
+              </svg>
+              测试连接
+            </el-button>
+          </div>
+          <div class="success-btn">
+            <el-button type="success" @click="saveConfig" class="custom-btn">
+              <svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M864 256H160c-17.7 0-32 14.3-32 32v448c0 17.7 14.3 32 32 32h704c17.7 0 32-14.3 32-32V288c0-17.7-14.3-32-32-32zm0 64H192V384h672v-64z"
+                  fill="currentColor"
+                />
+              </svg>
+              保存配置
+            </el-button>
+          </div>
         </div>
       </div>
-      <div class="config-actions">
-        <el-button type="primary" @click="testConnection" class="custom-btn">
-          <svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
-            <path d="M864 256H160c-17.7 0-32 14.3-32 32v448c0 17.7 14.3 32 32 32h704c17.7 0 32-14.3 32-32V288c0-17.7-14.3-32-32-32zm0 64H192V384h672v-64z" fill="currentColor"/>
-          </svg>
-          测试连接
-        </el-button>
-        <el-button type="success" @click="saveConfig" class="custom-btn">
-          <svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
-            <path d="M864 256H160c-17.7 0-32 14.3-32 32v448c0 17.7 14.3 32 32 32h704c17.7 0 32-14.3 32-32V288c0-17.7-14.3-32-32-32zm0 64H192V384h672v-64z" fill="currentColor"/>
-          </svg>
-          保存配置
-        </el-button>
-      </div>
-    </div>
     </div>
 
     <!-- 告警筛选 -->
@@ -133,7 +202,12 @@
       <div class="filter-group">
         <div class="filter-item">
           <label>告警级别</label>
-          <el-select v-model="filterForm.level" placeholder="全部" clearable class="custom-select">
+          <el-select
+            v-model="filterForm.level"
+            placeholder="全部"
+            clearable
+            class="custom-select"
+          >
             <el-option label="全部" value=""></el-option>
             <el-option label="严重" value="critical"></el-option>
             <el-option label="警告" value="warning"></el-option>
@@ -142,7 +216,12 @@
         </div>
         <div class="filter-item">
           <label>告警状态</label>
-          <el-select v-model="filterForm.status" placeholder="全部" clearable class="custom-select">
+          <el-select
+            v-model="filterForm.status"
+            placeholder="全部"
+            clearable
+            class="custom-select"
+          >
             <el-option label="全部" value=""></el-option>
             <el-option label="待处理" value="pending"></el-option>
             <el-option label="处理中" value="processing"></el-option>
@@ -151,7 +230,12 @@
         </div>
         <div class="filter-item">
           <label>工单状态</label>
-          <el-select v-model="filterForm.workOrderStatus" placeholder="全部" clearable class="custom-select">
+          <el-select
+            v-model="filterForm.workOrderStatus"
+            placeholder="全部"
+            clearable
+            class="custom-select"
+          >
             <el-option label="全部" value=""></el-option>
             <el-option label="未创建" value="notCreated"></el-option>
             <el-option label="待派发" value="pending"></el-option>
@@ -179,9 +263,17 @@
           clearable
           class="search-input custom-input"
         ></el-input>
-        <el-button type="primary" @click="handleSearch" class="custom-btn">查询</el-button>
+        <div class="primary-btn">
+          <el-button type="primary" @click="handleSearch" class="custom-btn"
+            >查询</el-button
+          >
+        </div>
         <el-button @click="handleReset" class="custom-btn">重置</el-button>
-        <el-button type="success" @click="handleExport" class="custom-btn">导出</el-button>
+        <div class="success-btn">
+          <el-button type="success" @click="handleExport" class="custom-btn"
+            >导出</el-button
+          >
+        </div>
       </div>
     </div>
 
@@ -189,9 +281,7 @@
     <div class="alarm-list">
       <div class="list-header">
         <div class="list-title">告警列表</div>
-        <div class="list-info">
-          共 {{ filteredAlarms.length }} 条告警
-        </div>
+        <div class="list-info">共 {{ filteredAlarms.length }} 条告警</div>
       </div>
       <div class="table-container">
         <table class="alarm-table">
@@ -225,28 +315,37 @@
                 </span>
               </td>
               <td>
-                <span v-if="alarm.workOrderId" class="workorder-link" @click="viewWorkOrder(alarm)">
+                <span
+                  v-if="alarm.workOrderId"
+                  class="workorder-link"
+                  @click="viewWorkOrder(alarm)"
+                >
                   {{ alarm.workOrderId }}
                 </span>
                 <span v-else class="no-workorder">未创建</span>
               </td>
               <td>
-                <span v-if="alarm.workOrderStatus" class="workorder-status" :class="alarm.workOrderStatus">
+                <span
+                  v-if="alarm.workOrderStatus"
+                  class="workorder-status"
+                  :class="alarm.workOrderStatus"
+                >
                   {{ getWorkOrderStatusText(alarm.workOrderStatus) }}
                 </span>
                 <span v-else>-</span>
               </td>
               <td class="action-cell">
                 <div class="action-buttons">
-                  <el-button
-                    v-if="!alarm.workOrderId"
-                    type="primary"
-                    size="small"
-                    @click="createWorkOrder(alarm)"
-                    class="action-btn"
-                  >
-                    创建工单
-                  </el-button>
+                  <div class="primary-btn" v-if="!alarm.workOrderId">
+                    <el-button
+                      type="primary"
+                      size="small"
+                      @click="createWorkOrder(alarm)"
+                      class="action-btn"
+                    >
+                      创建工单
+                    </el-button>
+                  </div>
                   <el-button
                     size="small"
                     @click="viewAlarmDetail(alarm)"
@@ -254,22 +353,62 @@
                   >
                     详情
                   </el-button>
-                  <el-dropdown @command="(cmd) => handleAlarmCommand(cmd, alarm)" class="action-dropdown">
+                  <el-dropdown
+                    @command="(cmd) => handleAlarmCommand(cmd, alarm)"
+                    class="action-dropdown"
+                  >
                     <el-button size="small" class="action-btn">
                       更多
-                      <svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" style="margin-left: 0.04rem; width: 0.1rem; height: 0.1rem;">
-                        <path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z" fill="currentColor"/>
-                        <path d="M688 464H336c-8.8 0-16 7.2-16 16v64c0 8.8 7.2 16 16 16h352c8.8 0 16-7.2 16-16v-64c0-8.8-7.2-16-16-16z" fill="currentColor"/>
+                      <svg
+                        viewBox="0 0 1024 1024"
+                        xmlns="http://www.w3.org/2000/svg"
+                        style="
+                          margin-left: 0.04rem;
+                          width: 0.1rem;
+                          height: 0.1rem;
+                        "
+                      >
+                        <path
+                          d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
+                          fill="currentColor"
+                        />
+                        <path
+                          d="M688 464H336c-8.8 0-16 7.2-16 16v64c0 8.8 7.2 16 16 16h352c8.8 0 16-7.2 16-16v-64c0-8.8-7.2-16-16-16z"
+                          fill="currentColor"
+                        />
                       </svg>
                     </el-button>
                     <template #dropdown>
                       <el-dropdown-menu class="custom-dropdown-menu">
-                        <el-dropdown-item command="viewWorkOrder" v-if="alarm.workOrderId">查看工单</el-dropdown-item>
-                        <el-dropdown-item command="createWorkOrder" v-if="!alarm.workOrderId">创建工单</el-dropdown-item>
-                        <el-dropdown-item command="resolve" v-if="alarm.status !== 'resolved'" divided>标记已解决</el-dropdown-item>
-                        <el-dropdown-item command="close" v-if="alarm.status !== 'resolved'">关闭告警</el-dropdown-item>
-                        <el-dropdown-item command="reopen" v-if="alarm.status === 'resolved'">重新打开</el-dropdown-item>
-                        <el-dropdown-item command="export" divided>导出报告</el-dropdown-item>
+                        <el-dropdown-item
+                          command="viewWorkOrder"
+                          v-if="alarm.workOrderId"
+                          >查看工单</el-dropdown-item
+                        >
+                        <el-dropdown-item
+                          command="createWorkOrder"
+                          v-if="!alarm.workOrderId"
+                          >创建工单</el-dropdown-item
+                        >
+                        <el-dropdown-item
+                          command="resolve"
+                          v-if="alarm.status !== 'resolved'"
+                          divided
+                          >标记已解决</el-dropdown-item
+                        >
+                        <el-dropdown-item
+                          command="close"
+                          v-if="alarm.status !== 'resolved'"
+                          >关闭告警</el-dropdown-item
+                        >
+                        <el-dropdown-item
+                          command="reopen"
+                          v-if="alarm.status === 'resolved'"
+                          >重新打开</el-dropdown-item
+                        >
+                        <el-dropdown-item command="export" divided
+                          >导出报告</el-dropdown-item
+                        >
                       </el-dropdown-menu>
                     </template>
                   </el-dropdown>
@@ -322,7 +461,10 @@
             </div>
             <div class="info-item">
               <span class="item-label">告警状态:</span>
-              <span class="item-value status-badge" :class="selectedAlarm.status">
+              <span
+                class="item-value status-badge"
+                :class="selectedAlarm.status"
+              >
                 {{ getStatusText(selectedAlarm.status) }}
               </span>
             </div>
@@ -346,13 +488,19 @@
           <div class="workorder-info">
             <div class="info-row">
               <span class="info-label">工单编号:</span>
-              <span class="info-value workorder-link" @click="viewWorkOrder(selectedAlarm)">
+              <span
+                class="info-value workorder-link"
+                @click="viewWorkOrder(selectedAlarm)"
+              >
                 {{ selectedAlarm.workOrderId }}
               </span>
             </div>
             <div class="info-row">
               <span class="info-label">工单状态:</span>
-              <span class="info-value workorder-status" :class="selectedAlarm.workOrderStatus">
+              <span
+                class="info-value workorder-status"
+                :class="selectedAlarm.workOrderStatus"
+              >
                 {{ getWorkOrderStatusText(selectedAlarm.workOrderStatus) }}
               </span>
             </div>
@@ -362,11 +510,15 @@
             </div>
             <div class="info-row">
               <span class="info-label">创建时间:</span>
-              <span class="item-value">{{ selectedAlarm.workOrderCreateTime }}</span>
+              <span class="item-value">{{
+                selectedAlarm.workOrderCreateTime
+              }}</span>
             </div>
             <div class="info-row">
               <span class="info-label">处理人:</span>
-              <span class="item-value">{{ selectedAlarm.workOrderHandler }}</span>
+              <span class="item-value">{{
+                selectedAlarm.workOrderHandler
+              }}</span>
             </div>
           </div>
         </div>
@@ -383,14 +535,18 @@
               <div class="timeline-content">
                 <div class="timeline-title">{{ record.title }}</div>
                 <div class="timeline-time">{{ record.time }}</div>
-                <div class="timeline-desc" v-if="record.description">{{ record.description }}</div>
+                <div class="timeline-desc" v-if="record.description">
+                  {{ record.description }}
+                </div>
               </div>
             </div>
           </div>
         </div>
       </div>
       <template #footer>
-        <el-button @click="detailDialogVisible = false" class="custom-btn">关闭</el-button>
+        <el-button @click="detailDialogVisible = false" class="custom-btn"
+          >关闭</el-button
+        >
       </template>
     </el-dialog>
 
@@ -401,9 +557,18 @@
       width="600px"
       class="custom-dialog"
     >
-      <el-form :model="workOrderForm" :rules="workOrderRules" ref="workOrderFormRef" label-width="100px">
+      <el-form
+        :model="workOrderForm"
+        :rules="workOrderRules"
+        ref="workOrderFormRef"
+        label-width="100px"
+      >
         <el-form-item label="工单标题" prop="title">
-          <el-input v-model="workOrderForm.title" placeholder="请输入工单标题" class="custom-input"></el-input>
+          <el-input
+            v-model="workOrderForm.title"
+            placeholder="请输入工单标题"
+            class="custom-input"
+          ></el-input>
         </el-form-item>
         <el-form-item label="工单类型" prop="type">
           <el-select v-model="workOrderForm.type" class="custom-select">
@@ -439,8 +604,12 @@
         </el-form-item>
       </el-form>
       <template #footer>
-        <el-button @click="workOrderDialogVisible = false" class="custom-btn">取消</el-button>
-        <el-button type="primary" @click="submitWorkOrder" class="custom-btn">提交工单</el-button>
+        <el-button @click="workOrderDialogVisible = false" class="custom-btn"
+          >取消</el-button
+        >
+        <el-button type="primary" @click="submitWorkOrder" class="custom-btn"
+          >提交工单</el-button
+        >
       </template>
     </el-dialog>
   </div>
@@ -455,7 +624,7 @@ export default {
         total: 156,
         pending: 12,
         processing: 28,
-        resolved: 116
+        resolved: 116,
       },
       workOrderConfig: {
         enabled: true,
@@ -464,14 +633,14 @@ export default {
         apiKey: "",
         autoPush: true,
         pushLevel: ["critical", "warning"],
-        priorityMapping: "direct"
+        priorityMapping: "direct",
       },
       filterForm: {
         level: "",
         status: "",
         workOrderStatus: "",
         keyword: "",
-        dateRange: []
+        dateRange: [],
       },
       currentPage: 1,
       pageSize: 10,
@@ -484,54 +653,67 @@ export default {
         type: "",
         priority: "",
         assignee: "",
-        description: ""
+        description: "",
       },
       workOrderRules: {
         title: [{ required: true, message: "请输入工单标题", trigger: "blur" }],
-        type: [{ required: true, message: "请选择工单类型", trigger: "change" }],
-        priority: [{ required: true, message: "请选择优先级", trigger: "change" }],
-        assignee: [{ required: true, message: "请选择指派人", trigger: "change" }],
-        description: [{ required: true, message: "请输入工单描述", trigger: "blur" }]
-      }
+        type: [
+          { required: true, message: "请选择工单类型", trigger: "change" },
+        ],
+        priority: [
+          { required: true, message: "请选择优先级", trigger: "change" },
+        ],
+        assignee: [
+          { required: true, message: "请选择指派人", trigger: "change" },
+        ],
+        description: [
+          { required: true, message: "请输入工单描述", trigger: "blur" },
+        ],
+      },
     };
   },
   computed: {
     filteredAlarms() {
       let alarms = [...this.alarmList];
-      
+
       if (this.filterForm.level) {
-        alarms = alarms.filter(a => a.level === this.filterForm.level);
+        alarms = alarms.filter((a) => a.level === this.filterForm.level);
       }
-      
+
       if (this.filterForm.status) {
-        alarms = alarms.filter(a => a.status === this.filterForm.status);
+        alarms = alarms.filter((a) => a.status === this.filterForm.status);
       }
-      
+
       if (this.filterForm.workOrderStatus) {
-        alarms = alarms.filter(a => a.workOrderStatus === this.filterForm.workOrderStatus);
+        alarms = alarms.filter(
+          (a) => a.workOrderStatus === this.filterForm.workOrderStatus
+        );
       }
-      
+
       if (this.filterForm.keyword) {
         const keyword = this.filterForm.keyword.toLowerCase();
-        alarms = alarms.filter(a => 
-          a.title.toLowerCase().includes(keyword) ||
-          a.deviceName.toLowerCase().includes(keyword) ||
-          a.description.toLowerCase().includes(keyword)
+        alarms = alarms.filter(
+          (a) =>
+            a.title.toLowerCase().includes(keyword) ||
+            a.deviceName.toLowerCase().includes(keyword) ||
+            a.description.toLowerCase().includes(keyword)
         );
       }
-      
+
       if (this.filterForm.dateRange && this.filterForm.dateRange.length === 2) {
         const [start, end] = this.filterForm.dateRange;
-        alarms = alarms.filter(a => a.alarmTime >= start && a.alarmTime <= end);
+        alarms = alarms.filter(
+          (a) => a.alarmTime >= start && a.alarmTime <= end
+        );
       }
-      
+
       return alarms;
     },
     paginatedAlarms() {
       const start = (this.currentPage - 1) * this.pageSize;
       const end = start + this.pageSize;
       return this.filteredAlarms.slice(start, end);
-    }
+    },
   },
   mounted() {
     this.initAlarmList();
@@ -555,11 +737,31 @@ export default {
           workOrderCreateTime: "2024-03-04 10:35:00",
           workOrderHandler: "张三",
           processRecords: [
-            { type: "create", title: "告警产生", time: "2024-03-04 10:30:25", description: "系统检测到1号主机过载" },
-            { type: "push", title: "自动推送到工单系统", time: "2024-03-04 10:30:30", description: "成功创建工单WO202403040001" },
-            { type: "process", title: "工单已派发", time: "2024-03-04 10:45:00", description: "指派给运维人员张三" },
-            { type: "processing", title: "运维人员已接单", time: "2024-03-04 11:00:00", description: "开始处理主机过载问题" }
-          ]
+            {
+              type: "create",
+              title: "告警产生",
+              time: "2024-03-04 10:30:25",
+              description: "系统检测到1号主机过载",
+            },
+            {
+              type: "push",
+              title: "自动推送到工单系统",
+              time: "2024-03-04 10:30:30",
+              description: "成功创建工单WO202403040001",
+            },
+            {
+              type: "process",
+              title: "工单已派发",
+              time: "2024-03-04 10:45:00",
+              description: "指派给运维人员张三",
+            },
+            {
+              type: "processing",
+              title: "运维人员已接单",
+              time: "2024-03-04 11:00:00",
+              description: "开始处理主机过载问题",
+            },
+          ],
         },
         {
           id: "ALM202403040002",
@@ -576,10 +778,25 @@ export default {
           workOrderCreateTime: "2024-03-04 09:20:00",
           workOrderHandler: "李四",
           processRecords: [
-            { type: "create", title: "告警产生", time: "2024-03-04 09:15:42", description: "检测到冷冻泵电机过载" },
-            { type: "push", title: "自动推送到工单系统", time: "2024-03-04 09:15:45", description: "成功创建工单WO202403040002" },
-            { type: "pending", title: "等待派发", time: "2024-03-04 09:20:00", description: "工单待派发" }
-          ]
+            {
+              type: "create",
+              title: "告警产生",
+              time: "2024-03-04 09:15:42",
+              description: "检测到冷冻泵电机过载",
+            },
+            {
+              type: "push",
+              title: "自动推送到工单系统",
+              time: "2024-03-04 09:15:45",
+              description: "成功创建工单WO202403040002",
+            },
+            {
+              type: "pending",
+              title: "等待派发",
+              time: "2024-03-04 09:20:00",
+              description: "工单待派发",
+            },
+          ],
         },
         {
           id: "ALM202403040003",
@@ -593,8 +810,13 @@ export default {
           workOrderId: null,
           workOrderStatus: null,
           processRecords: [
-            { type: "create", title: "告警产生", time: "2024-03-04 08:45:18", description: "检测到风机效率下降" }
-          ]
+            {
+              type: "create",
+              title: "告警产生",
+              time: "2024-03-04 08:45:18",
+              description: "检测到风机效率下降",
+            },
+          ],
         },
         {
           id: "ALM202403040004",
@@ -608,9 +830,19 @@ export default {
           workOrderId: null,
           workOrderStatus: null,
           processRecords: [
-            { type: "create", title: "告警产生", time: "2024-03-04 07:30:55", description: "传感器读数异常" },
-            { type: "resolve", title: "告警已解决", time: "2024-03-04 08:15:00", description: "传感器已恢复正常" }
-          ]
+            {
+              type: "create",
+              title: "告警产生",
+              time: "2024-03-04 07:30:55",
+              description: "传感器读数异常",
+            },
+            {
+              type: "resolve",
+              title: "告警已解决",
+              time: "2024-03-04 08:15:00",
+              description: "传感器已恢复正常",
+            },
+          ],
         },
         {
           id: "ALM202403030005",
@@ -627,13 +859,43 @@ export default {
           workOrderCreateTime: "2024-03-03 16:30:00",
           workOrderHandler: "王五",
           processRecords: [
-            { type: "create", title: "告警产生", time: "2024-03-03 16:22:33", description: "检测到冷却水流量异常" },
-            { type: "push", title: "自动推送到工单系统", time: "2024-03-03 16:22:40", description: "成功创建工单WO202403030001" },
-            { type: "process", title: "工单已派发", time: "2024-03-03 16:45:00", description: "指派给运维人员王五" },
-            { type: "processing", title: "运维人员已接单", time: "2024-03-03 17:00:00", description: "开始处理冷却水流量问题" },
-            { type: "resolve", title: "问题已解决", time: "2024-03-03 18:30:00", description: "冷却水流量恢复正常" },
-            { type: "complete", title: "工单已完成", time: "2024-03-03 18:35:00", description: "工单已归档" }
-          ]
+            {
+              type: "create",
+              title: "告警产生",
+              time: "2024-03-03 16:22:33",
+              description: "检测到冷却水流量异常",
+            },
+            {
+              type: "push",
+              title: "自动推送到工单系统",
+              time: "2024-03-03 16:22:40",
+              description: "成功创建工单WO202403030001",
+            },
+            {
+              type: "process",
+              title: "工单已派发",
+              time: "2024-03-03 16:45:00",
+              description: "指派给运维人员王五",
+            },
+            {
+              type: "processing",
+              title: "运维人员已接单",
+              time: "2024-03-03 17:00:00",
+              description: "开始处理冷却水流量问题",
+            },
+            {
+              type: "resolve",
+              title: "问题已解决",
+              time: "2024-03-03 18:30:00",
+              description: "冷却水流量恢复正常",
+            },
+            {
+              type: "complete",
+              title: "工单已完成",
+              time: "2024-03-03 18:35:00",
+              description: "工单已归档",
+            },
+          ],
         },
         {
           id: "ALM202403030006",
@@ -650,39 +912,99 @@ export default {
           workOrderCreateTime: "2024-03-03 14:20:00",
           workOrderHandler: "张三",
           processRecords: [
-            { type: "create", title: "告警产生", time: "2024-03-03 14:10:22", description: "系统能效低于阈值" },
-            { type: "push", title: "自动推送到工单系统", time: "2024-03-03 14:10:30", description: "成功创建工单WO202403030002" },
-            { type: "process", title: "工单已派发", time: "2024-03-03 14:30:00", description: "指派给运维人员张三" },
-            { type: "resolve", title: "问题已解决", time: "2024-03-03 15:45:00", description: "EER值已恢复到6.5" },
-            { type: "complete", title: "工单已完成", time: "2024-03-03 15:50:00", description: "工单已归档" }
-          ]
-        }
+            {
+              type: "create",
+              title: "告警产生",
+              time: "2024-03-03 14:10:22",
+              description: "系统能效低于阈值",
+            },
+            {
+              type: "push",
+              title: "自动推送到工单系统",
+              time: "2024-03-03 14:10:30",
+              description: "成功创建工单WO202403030002",
+            },
+            {
+              type: "process",
+              title: "工单已派发",
+              time: "2024-03-03 14:30:00",
+              description: "指派给运维人员张三",
+            },
+            {
+              type: "resolve",
+              title: "问题已解决",
+              time: "2024-03-03 15:45:00",
+              description: "EER值已恢复到6.5",
+            },
+            {
+              type: "complete",
+              title: "工单已完成",
+              time: "2024-03-03 15:50:00",
+              description: "工单已归档",
+            },
+          ],
+        },
       ];
-      
+
       // 添加更多模拟数据
       for (let i = 7; i <= 20; i++) {
         const levels = ["critical", "warning", "info"];
         const statuses = ["pending", "processing", "resolved"];
-        const workOrderStatuses = ["notCreated", "pending", "inProgress", "completed"];
-        const date = new Date(now.getTime() - Math.random() * 7 * 24 * 60 * 60 * 1000);
-        
+        const workOrderStatuses = [
+          "notCreated",
+          "pending",
+          "inProgress",
+          "completed",
+        ];
+        const date = new Date(
+          now.getTime() - Math.random() * 7 * 24 * 60 * 60 * 1000
+        );
+
         this.alarmList.push({
-          id: `ALM2024030${String(i).padStart(5, '0')}`,
+          id: `ALM2024030${String(i).padStart(5, "0")}`,
           level: levels[Math.floor(Math.random() * levels.length)],
-          title: ["设备温度异常", "传感器离线", "电流波动异常", "冷却塔效率下降", "泵运行异常"][Math.floor(Math.random() * 5)],
+          title: [
+            "设备温度异常",
+            "传感器离线",
+            "电流波动异常",
+            "冷却塔效率下降",
+            "泵运行异常",
+          ][Math.floor(Math.random() * 5)],
           description: `告警描述详情 ${i}`,
-          deviceName: `${["主机", "冷冻泵", "冷却泵", "冷却塔", "温度传感器"][Math.floor(Math.random() * 5)]}`,
-          deviceCode: `DEV-${String(i).padStart(3, '0')}`,
-          alarmTime: date.toISOString().slice(0, 19).replace('T', ' '),
+          deviceName: `${
+            ["主机", "冷冻泵", "冷却泵", "冷却塔", "温度传感器"][
+              Math.floor(Math.random() * 5)
+            ]
+          }`,
+          deviceCode: `DEV-${String(i).padStart(3, "0")}`,
+          alarmTime: date.toISOString().slice(0, 19).replace("T", " "),
           status: statuses[Math.floor(Math.random() * statuses.length)],
-          workOrderId: Math.random() > 0.5 ? `WO2024030${String(i).padStart(5, '0')}` : null,
-          workOrderStatus: Math.random() > 0.3 ? workOrderStatuses[Math.floor(Math.random() * workOrderStatuses.length)] : null,
+          workOrderId:
+            Math.random() > 0.5
+              ? `WO2024030${String(i).padStart(5, "0")}`
+              : null,
+          workOrderStatus:
+            Math.random() > 0.3
+              ? workOrderStatuses[
+                  Math.floor(Math.random() * workOrderStatuses.length)
+                ]
+              : null,
           workOrderType: "deviceFault",
-          workOrderCreateTime: date.toISOString().slice(0, 19).replace('T', ' '),
-          workOrderHandler: ["张三", "李四", "王五"][Math.floor(Math.random() * 3)],
+          workOrderCreateTime: date
+            .toISOString()
+            .slice(0, 19)
+            .replace("T", " "),
+          workOrderHandler: ["张三", "李四", "王五"][
+            Math.floor(Math.random() * 3)
+          ],
           processRecords: [
-            { type: "create", title: "告警产生", time: date.toISOString().slice(0, 19).replace('T', ' '), description: "告警已产生" }
-          ]
+            {
+              type: "create",
+              title: "告警产生",
+              time: date.toISOString().slice(0, 19).replace("T", " "),
+              description: "告警已产生",
+            },
+          ],
         });
       }
     },
@@ -690,7 +1012,7 @@ export default {
       const map = {
         critical: "严重",
         warning: "警告",
-        info: "信息"
+        info: "信息",
       };
       return map[level] || level;
     },
@@ -698,7 +1020,7 @@ export default {
       const map = {
         pending: "待处理",
         processing: "处理中",
-        resolved: "已解决"
+        resolved: "已解决",
       };
       return map[status] || status;
     },
@@ -707,7 +1029,7 @@ export default {
         notCreated: "未创建",
         pending: "待派发",
         inProgress: "进行中",
-        completed: "已完成"
+        completed: "已完成",
       };
       return map[status] || status;
     },
@@ -720,7 +1042,7 @@ export default {
         status: "",
         workOrderStatus: "",
         keyword: "",
-        dateRange: []
+        dateRange: [],
       };
       this.currentPage = 1;
     },
@@ -741,7 +1063,12 @@ export default {
     createWorkOrder(alarm) {
       this.workOrderForm.title = `[告警] ${alarm.title} - ${alarm.deviceName}`;
       this.workOrderForm.type = "deviceFault";
-      this.workOrderForm.priority = alarm.level === "critical" ? "urgent" : alarm.level === "warning" ? "high" : "medium";
+      this.workOrderForm.priority =
+        alarm.level === "critical"
+          ? "urgent"
+          : alarm.level === "warning"
+          ? "high"
+          : "medium";
       this.workOrderForm.assignee = "";
       this.workOrderForm.description = alarm.description;
       this.workOrderDialogVisible = true;
@@ -749,19 +1076,22 @@ export default {
     submitWorkOrder() {
       this.$refs.workOrderFormRef.validate((valid) => {
         if (valid) {
-          const alarm = this.alarmList.find(a => a === this.selectedAlarm);
+          const alarm = this.alarmList.find((a) => a === this.selectedAlarm);
           if (alarm) {
             alarm.workOrderId = `WO${new Date().getTime()}`;
             alarm.workOrderStatus = "pending";
             alarm.workOrderType = this.workOrderForm.type;
-            alarm.workOrderCreateTime = new Date().toISOString().slice(0, 19).replace('T', ' ');
+            alarm.workOrderCreateTime = new Date()
+              .toISOString()
+              .slice(0, 19)
+              .replace("T", " ");
             alarm.workOrderHandler = this.workOrderForm.assignee;
             alarm.status = "processing";
             alarm.processRecords.push({
               type: "push",
               title: "手动创建工单",
-              time: new Date().toISOString().slice(0, 19).replace('T', ' '),
-              description: `成功创建工单${alarm.workOrderId}`
+              time: new Date().toISOString().slice(0, 19).replace("T", " "),
+              description: `成功创建工单${alarm.workOrderId}`,
             });
           }
           this.$message.success("工单创建成功");
@@ -778,8 +1108,8 @@ export default {
         alarm.processRecords.push({
           type: "resolve",
           title: "标记为已解决",
-          time: new Date().toISOString().slice(0, 19).replace('T', ' '),
-          description: "用户手动标记为已解决"
+          time: new Date().toISOString().slice(0, 19).replace("T", " "),
+          description: "用户手动标记为已解决",
         });
         this.$message.success("已标记为已解决");
       } else if (command === "close") {
@@ -790,8 +1120,8 @@ export default {
         alarm.processRecords.push({
           type: "reopen",
           title: "重新打开告警",
-          time: new Date().toISOString().slice(0, 19).replace('T', ' '),
-          description: "用户重新打开告警"
+          time: new Date().toISOString().slice(0, 19).replace("T", " "),
+          description: "用户重新打开告警",
         });
         this.$message.success("告警已重新打开");
       } else if (command === "createWorkOrder") {
@@ -807,8 +1137,8 @@ export default {
     },
     saveConfig() {
       this.$message.success("配置已保存");
-    }
-  }
+    },
+  },
 };
 </script>
 
@@ -831,22 +1161,38 @@ export default {
     border-radius: 0.08rem;
 
     &.total {
-      background: linear-gradient(135deg, rgba(84, 112, 198, 0.2) 0%, rgba(115, 192, 222, 0.2) 100%);
+      background: linear-gradient(
+        135deg,
+        rgba(84, 112, 198, 0.2) 0%,
+        rgba(115, 192, 222, 0.2) 100%
+      );
       border: 1px solid rgba(84, 112, 198, 0.3);
     }
 
     &.pending {
-      background: linear-gradient(135deg, rgba(238, 102, 102, 0.2) 0%, rgba(229, 57, 53, 0.2) 100%);
+      background: linear-gradient(
+        135deg,
+        rgba(238, 102, 102, 0.2) 0%,
+        rgba(229, 57, 53, 0.2) 100%
+      );
       border: 1px solid rgba(238, 102, 102, 0.3);
     }
 
     &.processing {
-      background: linear-gradient(135deg, rgba(250, 200, 88, 0.2) 0%, rgba(255, 179, 0, 0.2) 100%);
+      background: linear-gradient(
+        135deg,
+        rgba(250, 200, 88, 0.2) 0%,
+        rgba(255, 179, 0, 0.2) 100%
+      );
       border: 1px solid rgba(250, 200, 88, 0.3);
     }
 
     &.resolved {
-      background: linear-gradient(135deg, rgba(145, 204, 117, 0.2) 0%, rgba(102, 187, 106, 0.2) 100%);
+      background: linear-gradient(
+        135deg,
+        rgba(145, 204, 117, 0.2) 0%,
+        rgba(102, 187, 106, 0.2) 100%
+      );
       border: 1px solid rgba(145, 204, 117, 0.3);
     }
 
@@ -983,11 +1329,11 @@ export default {
       }
 
       &.el-button--success {
-        background: linear-gradient(135deg, #91CC75 0%, #66BB6A 100%);
+        background: linear-gradient(135deg, #91cc75 0%, #66bb6a 100%);
         border: none;
 
         &:hover {
-          background: linear-gradient(135deg, #7CB342 0%, #558B2F 100%);
+          background: linear-gradient(135deg, #7cb342 0%, #558b2f 100%);
         }
       }
 
@@ -1073,11 +1419,11 @@ export default {
       }
 
       &.el-button--success {
-        background: linear-gradient(135deg, #91CC75 0%, #66BB6A 100%);
+        background: linear-gradient(135deg, #91cc75 0%, #66bb6a 100%);
         border: none;
 
         &:hover {
-          background: linear-gradient(135deg, #7CB342 0%, #558B2F 100%);
+          background: linear-gradient(135deg, #7cb342 0%, #558b2f 100%);
         }
       }
     }
@@ -1126,7 +1472,11 @@ export default {
         z-index: 10;
 
         tr {
-          background: linear-gradient(135deg, rgba(21, 225, 253, 0.1) 0%, rgba(145, 204, 117, 0.1) 100%);
+          background: linear-gradient(
+            135deg,
+            rgba(21, 225, 253, 0.1) 0%,
+            rgba(145, 204, 117, 0.1) 100%
+          );
 
           th {
             padding: 0.14rem 0.12rem;
@@ -1189,20 +1539,32 @@ export default {
               box-shadow: 0 0.02rem 0.04rem rgba(0, 0, 0, 0.2);
 
               &.critical {
-                background: linear-gradient(135deg, rgba(238, 102, 102, 0.25) 0%, rgba(229, 57, 53, 0.25) 100%);
-                color: #FF8A80;
+                background: linear-gradient(
+                  135deg,
+                  rgba(238, 102, 102, 0.25) 0%,
+                  rgba(229, 57, 53, 0.25) 100%
+                );
+                color: #ff8a80;
                 border: 1px solid rgba(238, 102, 102, 0.4);
               }
 
               &.warning {
-                background: linear-gradient(135deg, rgba(250, 200, 88, 0.25) 0%, rgba(255, 179, 0, 0.25) 100%);
-                color: #FFE082;
+                background: linear-gradient(
+                  135deg,
+                  rgba(250, 200, 88, 0.25) 0%,
+                  rgba(255, 179, 0, 0.25) 100%
+                );
+                color: #ffe082;
                 border: 1px solid rgba(250, 200, 88, 0.4);
               }
 
               &.info {
-                background: linear-gradient(135deg, rgba(84, 112, 198, 0.25) 0%, rgba(103, 126, 234, 0.25) 100%);
-                color: #90CAF9;
+                background: linear-gradient(
+                  135deg,
+                  rgba(84, 112, 198, 0.25) 0%,
+                  rgba(103, 126, 234, 0.25) 100%
+                );
+                color: #90caf9;
                 border: 1px solid rgba(84, 112, 198, 0.4);
               }
             }
@@ -1217,20 +1579,32 @@ export default {
               box-shadow: 0 0.02rem 0.04rem rgba(0, 0, 0, 0.2);
 
               &.pending {
-                background: linear-gradient(135deg, rgba(238, 102, 102, 0.25) 0%, rgba(229, 57, 53, 0.25) 100%);
-                color: #FF8A80;
+                background: linear-gradient(
+                  135deg,
+                  rgba(238, 102, 102, 0.25) 0%,
+                  rgba(229, 57, 53, 0.25) 100%
+                );
+                color: #ff8a80;
                 border: 1px solid rgba(238, 102, 102, 0.4);
               }
 
               &.processing {
-                background: linear-gradient(135deg, rgba(250, 200, 88, 0.25) 0%, rgba(255, 179, 0, 0.25) 100%);
-                color: #FFE082;
+                background: linear-gradient(
+                  135deg,
+                  rgba(250, 200, 88, 0.25) 0%,
+                  rgba(255, 179, 0, 0.25) 100%
+                );
+                color: #ffe082;
                 border: 1px solid rgba(250, 200, 88, 0.4);
               }
 
               &.resolved {
-                background: linear-gradient(135deg, rgba(145, 204, 117, 0.25) 0%, rgba(102, 187, 106, 0.25) 100%);
-                color: #A5D6A7;
+                background: linear-gradient(
+                  135deg,
+                  rgba(145, 204, 117, 0.25) 0%,
+                  rgba(102, 187, 106, 0.25) 100%
+                );
+                color: #a5d6a7;
                 border: 1px solid rgba(145, 204, 117, 0.4);
               }
             }
@@ -1243,7 +1617,7 @@ export default {
               transition: all 0.3s ease;
 
               &:hover {
-                color: #91CC75;
+                color: #91cc75;
                 text-shadow: 0 0 0.04rem rgba(145, 204, 117, 0.5);
               }
             }
@@ -1270,20 +1644,32 @@ export default {
               }
 
               &.pending {
-                background: linear-gradient(135deg, rgba(238, 102, 102, 0.25) 0%, rgba(229, 57, 53, 0.25) 100%);
-                color: #FF8A80;
+                background: linear-gradient(
+                  135deg,
+                  rgba(238, 102, 102, 0.25) 0%,
+                  rgba(229, 57, 53, 0.25) 100%
+                );
+                color: #ff8a80;
                 border: 1px solid rgba(238, 102, 102, 0.4);
               }
 
               &.inProgress {
-                background: linear-gradient(135deg, rgba(250, 200, 88, 0.25) 0%, rgba(255, 179, 0, 0.25) 100%);
-                color: #FFE082;
+                background: linear-gradient(
+                  135deg,
+                  rgba(250, 200, 88, 0.25) 0%,
+                  rgba(255, 179, 0, 0.25) 100%
+                );
+                color: #ffe082;
                 border: 1px solid rgba(250, 200, 88, 0.4);
               }
 
               &.completed {
-                background: linear-gradient(135deg, rgba(145, 204, 117, 0.25) 0%, rgba(102, 187, 106, 0.25) 100%);
-                color: #A5D6A7;
+                background: linear-gradient(
+                  135deg,
+                  rgba(145, 204, 117, 0.25) 0%,
+                  rgba(102, 187, 106, 0.25) 100%
+                );
+                color: #a5d6a7;
                 border: 1px solid rgba(145, 204, 117, 0.4);
               }
             }
@@ -1322,20 +1708,28 @@ export default {
                   box-shadow: 0 0.04rem 0.08rem rgba(102, 126, 234, 0.3);
 
                   &:hover {
-                    background: linear-gradient(135deg, #5a67d8 0%, #6b46c1 100%);
+                    background: linear-gradient(
+                      135deg,
+                      #5a67d8 0%,
+                      #6b46c1 100%
+                    );
                     transform: translateY(-0.02rem);
                     box-shadow: 0 0.06rem 0.12rem rgba(102, 126, 234, 0.4);
                   }
                 }
 
                 &.el-button--success {
-                  background: linear-gradient(135deg, #91CC75 0%, #66BB6A 100%);
+                  background: linear-gradient(135deg, #91cc75 0%, #66bb6a 100%);
                   border: none;
                   color: #ffffff;
                   box-shadow: 0 0.04rem 0.08rem rgba(145, 204, 117, 0.3);
 
                   &:hover {
-                    background: linear-gradient(135deg, #7CB342 0%, #558B2F 100%);
+                    background: linear-gradient(
+                      135deg,
+                      #7cb342 0%,
+                      #558b2f 100%
+                    );
                     transform: translateY(-0.02rem);
                     box-shadow: 0 0.06rem 0.12rem rgba(145, 204, 117, 0.4);
                   }
@@ -1495,17 +1889,17 @@ export default {
 
               &.critical {
                 background: rgba(238, 102, 102, 0.2);
-                color: #EE6666;
+                color: #ee6666;
               }
 
               &.warning {
                 background: rgba(250, 200, 88, 0.2);
-                color: #FAC858;
+                color: #fac858;
               }
 
               &.info {
                 background: rgba(84, 112, 198, 0.2);
-                color: #5470C6;
+                color: #5470c6;
               }
             }
 
@@ -1516,17 +1910,17 @@ export default {
 
               &.pending {
                 background: rgba(238, 102, 102, 0.2);
-                color: #EE6666;
+                color: #ee6666;
               }
 
               &.processing {
                 background: rgba(250, 200, 88, 0.2);
-                color: #FAC858;
+                color: #fac858;
               }
 
               &.resolved {
                 background: rgba(145, 204, 117, 0.2);
-                color: #91CC75;
+                color: #91cc75;
               }
             }
           }
@@ -1563,7 +1957,7 @@ export default {
               text-decoration: underline;
 
               &:hover {
-                color: #91CC75;
+                color: #91cc75;
               }
             }
 
@@ -1574,17 +1968,17 @@ export default {
 
               &.pending {
                 background: rgba(238, 102, 102, 0.2);
-                color: #EE6666;
+                color: #ee6666;
               }
 
               &.inProgress {
                 background: rgba(250, 200, 88, 0.2);
-                color: #FAC858;
+                color: #fac858;
               }
 
               &.completed {
                 background: rgba(145, 204, 117, 0.2);
-                color: #91CC75;
+                color: #91cc75;
               }
             }
           }
@@ -1604,32 +1998,32 @@ export default {
             margin-top: 0.03rem;
 
             &.create {
-              background: #5470C6;
+              background: #5470c6;
             }
 
             &.push {
-              background: #91CC75;
+              background: #91cc75;
             }
 
             &.process,
             &.processing {
-              background: #FAC858;
+              background: #fac858;
             }
 
             &.resolve {
-              background: #73C0DE;
+              background: #73c0de;
             }
 
             &.complete {
-              background: #3BA272;
+              background: #3ba272;
             }
 
             &.pending {
-              background: #EE6666;
+              background: #ee6666;
             }
 
             &.reopen {
-              background: #F37336;
+              background: #f37336;
             }
           }
 
@@ -1696,7 +2090,11 @@ export default {
     transition: all 0.3s ease;
 
     &:hover {
-      background: linear-gradient(135deg, rgba(21, 225, 253, 0.15) 0%, rgba(145, 204, 117, 0.15) 100%);
+      background: linear-gradient(
+        135deg,
+        rgba(21, 225, 253, 0.15) 0%,
+        rgba(145, 204, 117, 0.15) 100%
+      );
       color: #15e1fd;
     }
 
diff --git a/src/views/newCenterairC/deviceManage/index.vue b/src/views/newCenterairC/deviceManage/index.vue
index 1a40ef6..ea873d0 100644
--- a/src/views/newCenterairC/deviceManage/index.vue
+++ b/src/views/newCenterairC/deviceManage/index.vue
@@ -13,8 +13,15 @@
             @clear="handleSearch"
           >
             <template #prefix>
-              <svg class="search-icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
-                <path d="M909.6 854.5L649.9 594.8c41.3-54.3 65.9-121.4 65.9-194.1C715.8 262.2 560.6 107 370.4 107S25 262.2 25 452.4s155.2 345.4 345.4 345.4c72.7 0 139.8-24.6 194.1-65.9l259.7 259.7c11.1 11.1 29.1 11.1 40.2 0l45.2-45.2c11.1-11.1 11.1-29.1 0-40.2zM370.4 705c-139.1 0-252.6-113.5-252.6-252.6s113.5-252.6 252.6-252.6 252.6 113.5 252.6 252.6-113.5 252.6-252.6 252.6z" fill="currentColor"/>
+              <svg
+                class="search-icon"
+                viewBox="0 0 1024 1024"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M909.6 854.5L649.9 594.8c41.3-54.3 65.9-121.4 65.9-194.1C715.8 262.2 560.6 107 370.4 107S25 262.2 25 452.4s155.2 345.4 345.4 345.4c72.7 0 139.8-24.6 194.1-65.9l259.7 259.7c11.1 11.1 29.1 11.1 40.2 0l45.2-45.2c11.1-11.1 11.1-29.1 0-40.2zM370.4 705c-139.1 0-252.6-113.5-252.6-252.6s113.5-252.6 252.6-252.6 252.6 113.5 252.6 252.6-113.5 252.6-252.6 252.6z"
+                  fill="currentColor"
+                />
               </svg>
             </template>
           </el-input>
@@ -55,14 +62,27 @@
         </div>
       </div>
       <div class="action-group">
-        <el-button type="primary" @click="handleSearch" class="custom-btn">查询</el-button>
+        <div class="primary-btn">
+          <el-button type="primary" @click="handleSearch" class="custom-btn"
+            >查询</el-button
+          >
+        </div>
         <el-button @click="handleReset" class="custom-btn">重置</el-button>
-        <el-button type="success" @click="handleExport" class="custom-btn">
-          <svg class="btn-icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
-            <path d="M384 704h256v-192h192l-320-320-320 320h192v192zM128 768h768v64H128v-64z" fill="currentColor"/>
-          </svg>
-          导出列表
-        </el-button>
+        <div class="success-btn">
+          <el-button type="success" @click="handleExport" class="custom-btn">
+            <svg
+              class="btn-icon"
+              viewBox="0 0 1024 1024"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M384 704h256v-192h192l-320-320-320 320h192v192zM128 768h768v64H128v-64z"
+                fill="currentColor"
+              />
+            </svg>
+            导出列表
+          </el-button>
+        </div>
       </div>
     </div>
 
@@ -71,8 +91,14 @@
       <div class="stat-card total">
         <div class="stat-icon">
           <svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
-            <path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z" fill="currentColor"/>
-            <path d="M688 464H336c-8.8 0-16 7.2-16 16v64c0 8.8 7.2 16 16 16h352c8.8 0 16-7.2 16-16v-64c0-8.8-7.2-16-16-16z" fill="currentColor"/>
+            <path
+              d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
+              fill="currentColor"
+            />
+            <path
+              d="M688 464H336c-8.8 0-16 7.2-16 16v64c0 8.8 7.2 16 16 16h352c8.8 0 16-7.2 16-16v-64c0-8.8-7.2-16-16-16z"
+              fill="currentColor"
+            />
           </svg>
         </div>
         <div class="stat-info">
@@ -83,9 +109,18 @@
       <div class="stat-card running">
         <div class="stat-icon">
           <svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
-            <path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z" fill="currentColor"/>
-            <path d="M672 464H352c-8.8 0-16 7.2-16 16v64c0 8.8 7.2 16 16 16h320c8.8 0 16-7.2 16-16v-64c0-8.8-7.2-16-16-16z" fill="currentColor"/>
-            <path d="M512 592c-4.4 0-8 3.6-8 8v256c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V600c0-4.4-3.6-8-8-8h-48z" fill="currentColor"/>
+            <path
+              d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
+              fill="currentColor"
+            />
+            <path
+              d="M672 464H352c-8.8 0-16 7.2-16 16v64c0 8.8 7.2 16 16 16h320c8.8 0 16-7.2 16-16v-64c0-8.8-7.2-16-16-16z"
+              fill="currentColor"
+            />
+            <path
+              d="M512 592c-4.4 0-8 3.6-8 8v256c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V600c0-4.4-3.6-8-8-8h-48z"
+              fill="currentColor"
+            />
           </svg>
         </div>
         <div class="stat-info">
@@ -96,8 +131,14 @@
       <div class="stat-card offline">
         <div class="stat-icon">
           <svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
-            <path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z" fill="currentColor"/>
-            <path d="M512 352c-8.8 0-16 7.2-16 16v224c0 8.8 7.2 16 16 16h48c8.8 0 16-7.2 16-16V368c0-8.8-7.2-16-16-16h-48z" fill="currentColor"/>
+            <path
+              d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
+              fill="currentColor"
+            />
+            <path
+              d="M512 352c-8.8 0-16 7.2-16 16v224c0 8.8 7.2 16 16 16h48c8.8 0 16-7.2 16-16V368c0-8.8-7.2-16-16-16h-48z"
+              fill="currentColor"
+            />
           </svg>
         </div>
         <div class="stat-info">
@@ -108,8 +149,14 @@
       <div class="stat-card fault">
         <div class="stat-icon">
           <svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
-            <path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z" fill="currentColor"/>
-            <path d="M464 336a48 48 0 1096 0 48 48 0 10-96 0zm72 112h-48c-4.4 0-8 3.6-8 8v272c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V456c0-4.4-3.6-8-8-8z" fill="currentColor"/>
+            <path
+              d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
+              fill="currentColor"
+            />
+            <path
+              d="M464 336a48 48 0 1096 0 48 48 0 10-96 0zm72 112h-48c-4.4 0-8 3.6-8 8v272c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V456c0-4.4-3.6-8-8-8z"
+              fill="currentColor"
+            />
           </svg>
         </div>
         <div class="stat-info">
@@ -120,8 +167,14 @@
       <div class="stat-card standby">
         <div class="stat-icon">
           <svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
-            <path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z" fill="currentColor"/>
-            <path d="M688 464H336c-8.8 0-16 7.2-16 16v64c0 8.8 7.2 16 16 16h352c8.8 0 16-7.2 16-16v-64c0-8.8-7.2-16-16-16z" fill="currentColor"/>
+            <path
+              d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
+              fill="currentColor"
+            />
+            <path
+              d="M688 464H336c-8.8 0-16 7.2-16 16v64c0 8.8 7.2 16 16 16h352c8.8 0 16-7.2 16-16v-64c0-8.8-7.2-16-16-16z"
+              fill="currentColor"
+            />
           </svg>
         </div>
         <div class="stat-info">
@@ -140,7 +193,7 @@
         @click="handleCategoryChange(index)"
       >
         <span class="tab-icon">{{ getCategoryIcon(category.value) }}</span>
-        <span class="tab-label">{{ category.label }}</span>
+        <!-- <span class="tab-label">{{ category.label }}</span> -->
         <span class="tab-count">({{ category.count }})</span>
       </div>
     </div>
@@ -149,9 +202,7 @@
     <div class="device-list-container">
       <div class="list-header">
         <div class="list-title">设备列表</div>
-        <div class="list-info">
-          共 {{ filteredDevices.length }} 台设备
-        </div>
+        <div class="list-info">共 {{ filteredDevices.length }} 台设备</div>
       </div>
       <div class="device-grid">
         <div
@@ -161,7 +212,7 @@
           @click="viewDeviceDetail(device)"
         >
           <div class="card-header">
-            <div class="device-icon" :style="{ background: device.iconBg }">
+            <div class="device-icon">
               <span>{{ getDeviceIcon(device.type) }}</span>
             </div>
             <div class="device-header-info">
@@ -251,7 +302,10 @@
             </div>
             <div class="info-item">
               <span class="item-label">设备状态:</span>
-              <span class="item-value status-badge" :class="selectedDevice.status">
+              <span
+                class="item-value status-badge"
+                :class="selectedDevice.status"
+              >
                 {{ getStatusText(selectedDevice.status) }}
               </span>
             </div>
@@ -262,7 +316,12 @@
           </div>
         </div>
 
-        <div class="detail-section" v-if="selectedDevice.parameters && selectedDevice.parameters.length > 0">
+        <div
+          class="detail-section"
+          v-if="
+            selectedDevice.parameters && selectedDevice.parameters.length > 0
+          "
+        >
           <div class="section-title">运行参数</div>
           <div class="params-grid">
             <div
@@ -292,13 +351,17 @@
             </div>
             <div class="status-item" v-if="selectedDevice.status === 'fault'">
               <span class="status-label">故障信息:</span>
-              <span class="status-text fault">{{ selectedDevice.faultInfo || '未知故障' }}</span>
+              <span class="status-text fault">{{
+                selectedDevice.faultInfo || "未知故障"
+              }}</span>
             </div>
           </div>
         </div>
       </div>
       <template #footer>
-        <el-button @click="closeDetailDialog" class="custom-btn">关闭</el-button>
+        <el-button @click="closeDetailDialog" class="custom-btn"
+          >关闭</el-button
+        >
       </template>
     </el-dialog>
   </div>
@@ -312,7 +375,7 @@ export default {
       searchForm: {
         deviceName: "",
         deviceStatus: "",
-        deviceType: ""
+        deviceType: "",
       },
       deviceTypes: [
         { label: "主机", value: "host" },
@@ -321,7 +384,7 @@ export default {
         { label: "冷却塔", value: "coolingTower" },
         { label: "温度传感器", value: "tempSensor" },
         { label: "压力传感器", value: "pressureSensor" },
-        { label: "电表", value: "meter" }
+        { label: "电表", value: "meter" },
       ],
       deviceCategories: [
         { label: "全部设备", value: "all", count: 48 },
@@ -330,7 +393,7 @@ export default {
         { label: "冷却泵", value: "coolingPump", count: 4 },
         { label: "冷却塔", value: "coolingTower", count: 3 },
         { label: "传感器", value: "sensor", count: 28 },
-        { label: "电表", value: "meter", count: 5 }
+        { label: "电表", value: "meter", count: 5 },
       ],
       activeCategory: 0,
       currentPage: 1,
@@ -341,10 +404,10 @@ export default {
         running: 38,
         offline: 5,
         fault: 2,
-        standby: 3
+        standby: 3,
       },
       detailDialogVisible: false,
-      selectedDevice: null
+      selectedDevice: null,
     };
   },
   computed: {
@@ -353,20 +416,28 @@ export default {
       const category = this.deviceCategories[this.activeCategory];
       if (category.value !== "all") {
         if (category.value === "sensor") {
-          devices = devices.filter(d => d.type === "tempSensor" || d.type === "pressureSensor");
+          devices = devices.filter(
+            (d) => d.type === "tempSensor" || d.type === "pressureSensor"
+          );
         } else {
-          devices = devices.filter(d => d.type === category.value);
+          devices = devices.filter((d) => d.type === category.value);
         }
       }
       if (this.searchForm.deviceName) {
         const keyword = this.searchForm.deviceName.toLowerCase();
-        devices = devices.filter(d => d.name.toLowerCase().includes(keyword) || d.code.toLowerCase().includes(keyword));
+        devices = devices.filter(
+          (d) =>
+            d.name.toLowerCase().includes(keyword) ||
+            d.code.toLowerCase().includes(keyword)
+        );
       }
       if (this.searchForm.deviceStatus) {
-        devices = devices.filter(d => d.status === this.searchForm.deviceStatus);
+        devices = devices.filter(
+          (d) => d.status === this.searchForm.deviceStatus
+        );
       }
       if (this.searchForm.deviceType) {
-        devices = devices.filter(d => d.type === this.searchForm.deviceType);
+        devices = devices.filter((d) => d.type === this.searchForm.deviceType);
       }
       return devices;
     },
@@ -374,7 +445,7 @@ export default {
       const start = (this.currentPage - 1) * this.pageSize;
       const end = start + this.pageSize;
       return this.filteredDevices.slice(start, end);
-    }
+    },
   },
   mounted() {
     this.initDeviceList();
@@ -386,30 +457,258 @@ export default {
       const towerIcons = ["#fa709a", "#fee140"];
       const sensorIcons = ["#f093fb", "#f5576c"];
       const meterIcons = ["#a8edea", "#fed6e3"];
-      
+
       this.deviceList = [
-        { code: "CH-001", name: "1号主机", type: "host", model: "YKK3CF2HE5", spec: "制冷量: 1200RT, 额定功率: 750kW, 额定电流: 1350A", installDate: "2020-06-15", status: "running", runtime: "1256小时", iconBg: `linear-gradient(135deg, #${hostIcons[0]} 0%, #${hostIcons[1]} 100%)`, parameters: [{ label: "进水温度", value: "12.5", unit: "℃" }, { label: "出水温度", value: "7.2", unit: "℃" }, { label: "电流", value: "850", unit: "A" }, { label: "功率", value: "520", unit: "kW" }, { label: "COP", value: "5.2", unit: "" }] },
-        { code: "CH-002", name: "2号主机", type: "host", model: "YKK3CF2HE5", spec: "制冷量: 1200RT, 额定功率: 750kW, 额定电流: 1350A", installDate: "2020-06-15", status: "running", runtime: "1180小时", iconBg: `linear-gradient(135deg, #${hostIcons[0]} 0%, #${hostIcons[1]} 100%)`, parameters: [{ label: "进水温度", value: "12.3", unit: "℃" }, { label: "出水温度", value: "7.1", unit: "℃" }, { label: "电流", value: "830", unit: "A" }, { label: "功率", value: "508", unit: "kW" }, { label: "COP", value: "5.1", unit: "" }] },
-        { code: "CH-003", name: "3号主机", type: "host", model: "YKK3CF2HE5", spec: "制冷量: 1200RT, 额定功率: 750kW, 额定电流: 1350A", installDate: "2020-06-15", status: "standby", iconBg: `linear-gradient(135deg, #${hostIcons[0]} 0%, #${hostIcons[1]} 100%)` },
-        { code: "CH-004", name: "4号主机", type: "host", model: "YKK3CF2HE5", spec: "制冷量: 1200RT, 额定功率: 750kW, 额定电流: 1350A", installDate: "2020-06-15", status: "standby", iconBg: `linear-gradient(135deg, #${hostIcons[0]} 0%, #${hostIcons[1]} 100%)` },
-        { code: "CP-001", name: "1号冷冻泵", type: "chillerPump", model: "XLE100-400", spec: "流量: 1200m3/h, 扬程: 32m, 功率: 132kW", installDate: "2020-06-15", status: "running", runtime: "1256小时", iconBg: `linear-gradient(135deg, #${pumpIcons[0]} 0%, #${pumpIcons[1]} 100%)`, parameters: [{ label: "流量", value: "1150", unit: "m3/h" }, { label: "扬程", value: "30.5", unit: "m" }, { label: "电流", value: "185", unit: "A" }, { label: "功率", value: "98", unit: "kW" }] },
-        { code: "CP-002", name: "2号冷冻泵", type: "chillerPump", model: "XLE100-400", spec: "流量: 1200m3/h, 扬程: 32m, 功率: 132kW", installDate: "2020-06-15", status: "running", runtime: "1180小时", iconBg: `linear-gradient(135deg, #${pumpIcons[0]} 0%, #${pumpIcons[1]} 100%)`, parameters: [{ label: "流量", value: "1120", unit: "m3/h" }, { label: "扬程", value: "29.8", unit: "m" }, { label: "电流", value: "178", unit: "A" }, { label: "功率", value: "95", unit: "kW" }] },
-        { code: "CP-003", name: "3号冷冻泵", type: "chillerPump", model: "XLE100-400", spec: "流量: 1200m3/h, 扬程: 32m, 功率: 132kW", installDate: "2020-06-15", status: "standby", iconBg: `linear-gradient(135deg, #${pumpIcons[0]} 0%, #${pumpIcons[1]} 100%)` },
-        { code: "CP-004", name: "4号冷冻泵", type: "chillerPump", model: "XLE100-400", spec: "流量: 1200m3/h, 扬程: 32m, 功率: 132kW", installDate: "2020-06-15", status: "fault", faultInfo: "电机过载保护", iconBg: `linear-gradient(135deg, #${pumpIcons[0]} 0%, #${pumpIcons[1]} 100%)` },
-        { code: "CWP-001", name: "1号冷却泵", type: "coolingPump", model: "XLE100-400", spec: "流量: 1200m3/h, 扬程: 28m, 功率: 110kW", installDate: "2020-06-15", status: "running", runtime: "1256小时", iconBg: `linear-gradient(135deg, #43e97b 0%, #38f9d7 100%)`, parameters: [{ label: "流量", value: "1180", unit: "m3/h" }, { label: "扬程", value: "27.2", unit: "m" }, { label: "电流", value: "158", unit: "A" }, { label: "功率", value: "85", unit: "kW" }] },
-        { code: "CWP-002", name: "2号冷却泵", type: "coolingPump", model: "XLE100-400", spec: "流量: 1200m3/h, 扬程: 28m, 功率: 110kW", installDate: "2020-06-15", status: "running", runtime: "1180小时", iconBg: `linear-gradient(135deg, #43e97b 0%, #38f9d7 100%)`, parameters: [{ label: "流量", value: "1160", unit: "m3/h" }, { label: "扬程", value: "26.8", unit: "m" }, { label: "电流", value: "152", unit: "A" }, { label: "功率", value: "82", unit: "kW" }] },
-        { code: "CWP-003", name: "3号冷却泵", type: "coolingPump", model: "XLE100-400", spec: "流量: 1200m3/h, 扬程: 28m, 功率: 110kW", installDate: "2020-06-15", status: "running", runtime: "1256小时", iconBg: `linear-gradient(135deg, #43e97b 0%, #38f9d7 100%)` },
-        { code: "CWP-004", name: "4号冷却泵", type: "coolingPump", model: "XLE100-400", spec: "流量: 1200m3/h, 扬程: 28m, 功率: 110kW", installDate: "2020-06-15", status: "running", runtime: "1180小时", iconBg: `linear-gradient(135deg, #43e97b 0%, #38f9d7 100%)` },
-        { code: "CT-001", name: "1号冷却塔", type: "coolingTower", model: "CT-800", spec: "冷却水量: 800m3/h, 风机功率: 22kW", installDate: "2020-06-15", status: "running", runtime: "1256小时", iconBg: `linear-gradient(135deg, #${towerIcons[0]} 0%, #${towerIcons[1]} 100%)`, parameters: [{ label: "进水温度", value: "37.2", unit: "℃" }, { label: "出水温度", value: "32.5", unit: "℃" }, { label: "风机频率", value: "45", unit: "Hz" }, { label: "风机功率", value: "12.5", unit: "kW" }] },
-        { code: "CT-002", name: "2号冷却塔", type: "coolingTower", model: "CT-800", spec: "冷却水量: 800m3/h, 风机功率: 22kW", installDate: "2020-06-15", status: "running", runtime: "1180小时", iconBg: `linear-gradient(135deg, #${towerIcons[0]} 0%, #${towerIcons[1]} 100%)`, parameters: [{ label: "进水温度", value: "37.0", unit: "℃" }, { label: "出水温度", value: "32.3", unit: "℃" }, { label: "风机频率", value: "43", unit: "Hz" }, { label: "风机功率", value: "11.8", unit: "kW" }] },
-        { code: "CT-003", name: "3号冷却塔", type: "coolingTower", model: "CT-800", spec: "冷却水量: 800m3/h, 风机功率: 22kW", installDate: "2020-06-15", status: "standby", iconBg: `linear-gradient(135deg, #${towerIcons[0]} 0%, #${towerIcons[1]} 100%)` },
-        { code: "EM-001", name: "总电表", type: "meter", model: "DTS666", spec: "三相四线, 3(6)A, 0.5S级", installDate: "2020-06-15", status: "running", iconBg: `linear-gradient(135deg, #${meterIcons[0]} 0%, #${meterIcons[1]} 100%)`, parameters: [{ label: "总有功电能", value: "1256800", unit: "kWh" }, { label: "总功率", value: "1256", unit: "kW" }, { label: "A相电流", value: "850", unit: "A" }, { label: "B相电流", value: "820", unit: "A" }, { label: "C相电流", value: "830", unit: "A" }] },
-        { code: "EM-002", name: "1号主机电表", type: "meter", model: "DTS666", spec: "三相四线, 3(6)A, 0.5S级", installDate: "2020-06-15", status: "running", iconBg: `linear-gradient(135deg, #${meterIcons[0]} 0%, #${meterIcons[1]} 100%)`, parameters: [{ label: "有功电能", value: "285600", unit: "kWh" }, { label: "功率", value: "520", unit: "kW" }, { label: "A相电流", value: "285", unit: "A" }, { label: "B相电流", value: "280", unit: "A" }, { label: "C相电流", value: "285", unit: "A" }] }
+        {
+          code: "CH-001",
+          name: "1号主机",
+          type: "host",
+          model: "YKK3CF2HE5",
+          spec: "制冷量: 1200RT, 额定功率: 750kW, 额定电流: 1350A",
+          installDate: "2020-06-15",
+          status: "running",
+          runtime: "1256小时",
+          iconBg: `linear-gradient(135deg, #${hostIcons[0]} 0%, #${hostIcons[1]} 100%)`,
+          parameters: [
+            { label: "进水温度", value: "12.5", unit: "℃" },
+            { label: "出水温度", value: "7.2", unit: "℃" },
+            { label: "电流", value: "850", unit: "A" },
+            { label: "功率", value: "520", unit: "kW" },
+            { label: "COP", value: "5.2", unit: "" },
+          ],
+        },
+        {
+          code: "CH-002",
+          name: "2号主机",
+          type: "host",
+          model: "YKK3CF2HE5",
+          spec: "制冷量: 1200RT, 额定功率: 750kW, 额定电流: 1350A",
+          installDate: "2020-06-15",
+          status: "running",
+          runtime: "1180小时",
+          iconBg: `linear-gradient(135deg, #${hostIcons[0]} 0%, #${hostIcons[1]} 100%)`,
+          parameters: [
+            { label: "进水温度", value: "12.3", unit: "℃" },
+            { label: "出水温度", value: "7.1", unit: "℃" },
+            { label: "电流", value: "830", unit: "A" },
+            { label: "功率", value: "508", unit: "kW" },
+            { label: "COP", value: "5.1", unit: "" },
+          ],
+        },
+        {
+          code: "CH-003",
+          name: "3号主机",
+          type: "host",
+          model: "YKK3CF2HE5",
+          spec: "制冷量: 1200RT, 额定功率: 750kW, 额定电流: 1350A",
+          installDate: "2020-06-15",
+          status: "standby",
+          iconBg: `linear-gradient(135deg, #${hostIcons[0]} 0%, #${hostIcons[1]} 100%)`,
+        },
+        {
+          code: "CH-004",
+          name: "4号主机",
+          type: "host",
+          model: "YKK3CF2HE5",
+          spec: "制冷量: 1200RT, 额定功率: 750kW, 额定电流: 1350A",
+          installDate: "2020-06-15",
+          status: "standby",
+          iconBg: `linear-gradient(135deg, #${hostIcons[0]} 0%, #${hostIcons[1]} 100%)`,
+        },
+        {
+          code: "CP-001",
+          name: "1号冷冻泵",
+          type: "chillerPump",
+          model: "XLE100-400",
+          spec: "流量: 1200m3/h, 扬程: 32m, 功率: 132kW",
+          installDate: "2020-06-15",
+          status: "running",
+          runtime: "1256小时",
+          iconBg: `linear-gradient(135deg, #${pumpIcons[0]} 0%, #${pumpIcons[1]} 100%)`,
+          parameters: [
+            { label: "流量", value: "1150", unit: "m3/h" },
+            { label: "扬程", value: "30.5", unit: "m" },
+            { label: "电流", value: "185", unit: "A" },
+            { label: "功率", value: "98", unit: "kW" },
+          ],
+        },
+        {
+          code: "CP-002",
+          name: "2号冷冻泵",
+          type: "chillerPump",
+          model: "XLE100-400",
+          spec: "流量: 1200m3/h, 扬程: 32m, 功率: 132kW",
+          installDate: "2020-06-15",
+          status: "running",
+          runtime: "1180小时",
+          iconBg: `linear-gradient(135deg, #${pumpIcons[0]} 0%, #${pumpIcons[1]} 100%)`,
+          parameters: [
+            { label: "流量", value: "1120", unit: "m3/h" },
+            { label: "扬程", value: "29.8", unit: "m" },
+            { label: "电流", value: "178", unit: "A" },
+            { label: "功率", value: "95", unit: "kW" },
+          ],
+        },
+        {
+          code: "CP-003",
+          name: "3号冷冻泵",
+          type: "chillerPump",
+          model: "XLE100-400",
+          spec: "流量: 1200m3/h, 扬程: 32m, 功率: 132kW",
+          installDate: "2020-06-15",
+          status: "standby",
+          iconBg: `linear-gradient(135deg, #${pumpIcons[0]} 0%, #${pumpIcons[1]} 100%)`,
+        },
+        {
+          code: "CP-004",
+          name: "4号冷冻泵",
+          type: "chillerPump",
+          model: "XLE100-400",
+          spec: "流量: 1200m3/h, 扬程: 32m, 功率: 132kW",
+          installDate: "2020-06-15",
+          status: "fault",
+          faultInfo: "电机过载保护",
+          iconBg: `linear-gradient(135deg, #${pumpIcons[0]} 0%, #${pumpIcons[1]} 100%)`,
+        },
+        {
+          code: "CWP-001",
+          name: "1号冷却泵",
+          type: "coolingPump",
+          model: "XLE100-400",
+          spec: "流量: 1200m3/h, 扬程: 28m, 功率: 110kW",
+          installDate: "2020-06-15",
+          status: "running",
+          runtime: "1256小时",
+          iconBg: `linear-gradient(135deg, #43e97b 0%, #38f9d7 100%)`,
+          parameters: [
+            { label: "流量", value: "1180", unit: "m3/h" },
+            { label: "扬程", value: "27.2", unit: "m" },
+            { label: "电流", value: "158", unit: "A" },
+            { label: "功率", value: "85", unit: "kW" },
+          ],
+        },
+        {
+          code: "CWP-002",
+          name: "2号冷却泵",
+          type: "coolingPump",
+          model: "XLE100-400",
+          spec: "流量: 1200m3/h, 扬程: 28m, 功率: 110kW",
+          installDate: "2020-06-15",
+          status: "running",
+          runtime: "1180小时",
+          iconBg: `linear-gradient(135deg, #43e97b 0%, #38f9d7 100%)`,
+          parameters: [
+            { label: "流量", value: "1160", unit: "m3/h" },
+            { label: "扬程", value: "26.8", unit: "m" },
+            { label: "电流", value: "152", unit: "A" },
+            { label: "功率", value: "82", unit: "kW" },
+          ],
+        },
+        {
+          code: "CWP-003",
+          name: "3号冷却泵",
+          type: "coolingPump",
+          model: "XLE100-400",
+          spec: "流量: 1200m3/h, 扬程: 28m, 功率: 110kW",
+          installDate: "2020-06-15",
+          status: "running",
+          runtime: "1256小时",
+          iconBg: `linear-gradient(135deg, #43e97b 0%, #38f9d7 100%)`,
+        },
+        {
+          code: "CWP-004",
+          name: "4号冷却泵",
+          type: "coolingPump",
+          model: "XLE100-400",
+          spec: "流量: 1200m3/h, 扬程: 28m, 功率: 110kW",
+          installDate: "2020-06-15",
+          status: "running",
+          runtime: "1180小时",
+          iconBg: `linear-gradient(135deg, #43e97b 0%, #38f9d7 100%)`,
+        },
+        {
+          code: "CT-001",
+          name: "1号冷却塔",
+          type: "coolingTower",
+          model: "CT-800",
+          spec: "冷却水量: 800m3/h, 风机功率: 22kW",
+          installDate: "2020-06-15",
+          status: "running",
+          runtime: "1256小时",
+          iconBg: `linear-gradient(135deg, #${towerIcons[0]} 0%, #${towerIcons[1]} 100%)`,
+          parameters: [
+            { label: "进水温度", value: "37.2", unit: "℃" },
+            { label: "出水温度", value: "32.5", unit: "℃" },
+            { label: "风机频率", value: "45", unit: "Hz" },
+            { label: "风机功率", value: "12.5", unit: "kW" },
+          ],
+        },
+        {
+          code: "CT-002",
+          name: "2号冷却塔",
+          type: "coolingTower",
+          model: "CT-800",
+          spec: "冷却水量: 800m3/h, 风机功率: 22kW",
+          installDate: "2020-06-15",
+          status: "running",
+          runtime: "1180小时",
+          iconBg: `linear-gradient(135deg, #${towerIcons[0]} 0%, #${towerIcons[1]} 100%)`,
+          parameters: [
+            { label: "进水温度", value: "37.0", unit: "℃" },
+            { label: "出水温度", value: "32.3", unit: "℃" },
+            { label: "风机频率", value: "43", unit: "Hz" },
+            { label: "风机功率", value: "11.8", unit: "kW" },
+          ],
+        },
+        {
+          code: "CT-003",
+          name: "3号冷却塔",
+          type: "coolingTower",
+          model: "CT-800",
+          spec: "冷却水量: 800m3/h, 风机功率: 22kW",
+          installDate: "2020-06-15",
+          status: "standby",
+          iconBg: `linear-gradient(135deg, #${towerIcons[0]} 0%, #${towerIcons[1]} 100%)`,
+        },
+        {
+          code: "EM-001",
+          name: "总电表",
+          type: "meter",
+          model: "DTS666",
+          spec: "三相四线, 3(6)A, 0.5S级",
+          installDate: "2020-06-15",
+          status: "running",
+          iconBg: `linear-gradient(135deg, #${meterIcons[0]} 0%, #${meterIcons[1]} 100%)`,
+          parameters: [
+            { label: "总有功电能", value: "1256800", unit: "kWh" },
+            { label: "总功率", value: "1256", unit: "kW" },
+            { label: "A相电流", value: "850", unit: "A" },
+            { label: "B相电流", value: "820", unit: "A" },
+            { label: "C相电流", value: "830", unit: "A" },
+          ],
+        },
+        {
+          code: "EM-002",
+          name: "1号主机电表",
+          type: "meter",
+          model: "DTS666",
+          spec: "三相四线, 3(6)A, 0.5S级",
+          installDate: "2020-06-15",
+          status: "running",
+          iconBg: `linear-gradient(135deg, #${meterIcons[0]} 0%, #${meterIcons[1]} 100%)`,
+          parameters: [
+            { label: "有功电能", value: "285600", unit: "kWh" },
+            { label: "功率", value: "520", unit: "kW" },
+            { label: "A相电流", value: "285", unit: "A" },
+            { label: "B相电流", value: "280", unit: "A" },
+            { label: "C相电流", value: "285", unit: "A" },
+          ],
+        },
       ];
-      
+
       for (let i = 1; i <= 18; i++) {
         this.deviceList.push({
-          code: `TS-${String(i).padStart(3, '0')}`,
+          code: `TS-${String(i).padStart(3, "0")}`,
           name: `${i}号温度传感器`,
           type: "tempSensor",
           model: "PT100",
@@ -417,13 +716,20 @@ export default {
           installDate: "2020-06-15",
           status: i <= 15 ? "running" : "offline",
           iconBg: `linear-gradient(135deg, #${sensorIcons[0]} 0%, #${sensorIcons[1]} 100%)`,
-          parameters: [{ label: "当前温度", value: (12 + Math.random() * 8).toFixed(1), unit: "℃" }, { label: "信号强度", value: "-45", unit: "dBm" }]
+          parameters: [
+            {
+              label: "当前温度",
+              value: (12 + Math.random() * 8).toFixed(1),
+              unit: "℃",
+            },
+            { label: "信号强度", value: "-45", unit: "dBm" },
+          ],
         });
       }
-      
+
       for (let i = 1; i <= 10; i++) {
         this.deviceList.push({
-          code: `PS-${String(i).padStart(3, '0')}`,
+          code: `PS-${String(i).padStart(3, "0")}`,
           name: `${i}号压力传感器`,
           type: "pressureSensor",
           model: "HB2000",
@@ -432,10 +738,17 @@ export default {
           status: i <= 8 ? "running" : i === 9 ? "fault" : "offline",
           faultInfo: i === 9 ? "传感器漂移" : undefined,
           iconBg: `linear-gradient(135deg, #30cfd0 0%, #330867 100%)`,
-          parameters: [{ label: "当前压力", value: (0.5 + Math.random() * 0.3).toFixed(2), unit: "MPa" }, { label: "信号强度", value: "-52", unit: "dBm" }]
+          parameters: [
+            {
+              label: "当前压力",
+              value: (0.5 + Math.random() * 0.3).toFixed(2),
+              unit: "MPa",
+            },
+            { label: "信号强度", value: "-52", unit: "dBm" },
+          ],
         });
       }
-      
+
       for (let i = 3; i <= 5; i++) {
         this.deviceList.push({
           code: `EM-00${i}`,
@@ -446,7 +759,18 @@ export default {
           installDate: "2020-06-15",
           status: "running",
           iconBg: `linear-gradient(135deg, #${meterIcons[0]} 0%, #${meterIcons[1]} 100%)`,
-          parameters: [{ label: "有功电能", value: Math.floor(250000 + Math.random() * 50000), unit: "kWh" }, { label: "功率", value: Math.floor(480 + Math.random() * 80), unit: "kW" }]
+          parameters: [
+            {
+              label: "有功电能",
+              value: Math.floor(250000 + Math.random() * 50000),
+              unit: "kWh",
+            },
+            {
+              label: "功率",
+              value: Math.floor(480 + Math.random() * 80),
+              unit: "kW",
+            },
+          ],
         });
       }
     },
@@ -455,7 +779,7 @@ export default {
         running: "运行中",
         offline: "离线",
         fault: "故障",
-        standby: "待机"
+        standby: "待机",
       };
       return statusMap[status] || status;
     },
@@ -467,7 +791,7 @@ export default {
         coolingTower: "冷却塔",
         tempSensor: "温度",
         pressureSensor: "压力",
-        meter: "电表"
+        meter: "电表",
       };
       return iconMap[type] || "设备";
     },
@@ -479,7 +803,7 @@ export default {
         coolingPump: "冷却泵",
         coolingTower: "冷却塔",
         sensor: "传感器",
-        meter: "电表"
+        meter: "电表",
       };
       return iconMap[value] || "设备";
     },
@@ -512,8 +836,8 @@ export default {
     closeDetailDialog() {
       this.detailDialogVisible = false;
       this.selectedDevice = null;
-    }
-  }
+    },
+  },
 };
 </script>
 
@@ -597,7 +921,7 @@ export default {
       }
 
       &.el-button--success {
-        background: linear-gradient(135deg, #91CC75 0%, #66BB6A 100%);
+        background: linear-gradient(135deg, #91cc75 0%, #66bb6a 100%);
         border: none;
 
         .btn-icon {
@@ -608,7 +932,7 @@ export default {
         }
 
         &:hover {
-          background: linear-gradient(135deg, #7CB342 0%, #558B2F 100%);
+          background: linear-gradient(135deg, #7cb342 0%, #558b2f 100%);
         }
       }
     }
@@ -629,27 +953,47 @@ export default {
     border-radius: 0.08rem;
 
     &.total {
-      background: linear-gradient(135deg, rgba(84, 112, 198, 0.2) 0%, rgba(115, 192, 222, 0.2) 100%);
+      background: linear-gradient(
+        135deg,
+        rgba(84, 112, 198, 0.2) 0%,
+        rgba(115, 192, 222, 0.2) 100%
+      );
       border: 1px solid rgba(84, 112, 198, 0.3);
     }
 
     &.running {
-      background: linear-gradient(135deg, rgba(145, 204, 117, 0.2) 0%, rgba(102, 187, 106, 0.2) 100%);
+      background: linear-gradient(
+        135deg,
+        rgba(145, 204, 117, 0.2) 0%,
+        rgba(102, 187, 106, 0.2) 100%
+      );
       border: 1px solid rgba(145, 204, 117, 0.3);
     }
 
     &.offline {
-      background: linear-gradient(135deg, rgba(238, 102, 102, 0.2) 0%, rgba(229, 57, 53, 0.2) 100%);
+      background: linear-gradient(
+        135deg,
+        rgba(238, 102, 102, 0.2) 0%,
+        rgba(229, 57, 53, 0.2) 100%
+      );
       border: 1px solid rgba(238, 102, 102, 0.3);
     }
 
     &.fault {
-      background: linear-gradient(135deg, rgba(250, 200, 88, 0.2) 0%, rgba(255, 179, 0, 0.2) 100%);
+      background: linear-gradient(
+        135deg,
+        rgba(250, 200, 88, 0.2) 0%,
+        rgba(255, 179, 0, 0.2) 100%
+      );
       border: 1px solid rgba(250, 200, 88, 0.3);
     }
 
     &.standby {
-      background: linear-gradient(135deg, rgba(250, 112, 154, 0.2) 0%, rgba(254, 225, 64, 0.2) 100%);
+      background: linear-gradient(
+        135deg,
+        rgba(250, 112, 154, 0.2) 0%,
+        rgba(254, 225, 64, 0.2) 100%
+      );
       border: 1px solid rgba(250, 112, 154, 0.3);
     }
 
@@ -782,19 +1126,19 @@ export default {
       }
 
       &.running {
-        border-left: 3px solid #91CC75;
+        border-left: 3px solid #91cc75;
       }
 
       &.offline {
-        border-left: 3px solid #EE6666;
+        border-left: 3px solid #ee6666;
       }
 
       &.fault {
-        border-left: 3px solid #FAC858;
+        border-left: 3px solid #fac858;
       }
 
       &.standby {
-        border-left: 3px solid #5470C6;
+        border-left: 3px solid #5470c6;
       }
 
       .card-header {
@@ -803,8 +1147,8 @@ export default {
         margin-bottom: 0.15rem;
 
         .device-icon {
-          width: 0.5rem;
-          height: 0.5rem;
+          width: 0.8rem;
+          height: 0.8rem;
           border-radius: 50%;
           display: flex;
           align-items: center;
@@ -812,6 +1156,11 @@ export default {
           margin-right: 0.12rem;
           font-size: 0.24rem;
           color: #ffffff;
+          background: linear-gradient(
+            135deg,
+            rgb(67, 233, 123) 0%,
+            rgb(56, 249, 215) 100%
+          );
         }
 
         .device-header-info {
@@ -838,25 +1187,25 @@ export default {
 
           &.running {
             background: rgba(145, 204, 117, 0.2);
-            color: #91CC75;
+            color: #91cc75;
             border: 1px solid rgba(145, 204, 117, 0.3);
           }
 
           &.offline {
             background: rgba(238, 102, 102, 0.2);
-            color: #EE6666;
+            color: #ee6666;
             border: 1px solid rgba(238, 102, 102, 0.3);
           }
 
           &.fault {
             background: rgba(250, 200, 88, 0.2);
-            color: #FAC858;
+            color: #fac858;
             border: 1px solid rgba(250, 200, 88, 0.3);
           }
 
           &.standby {
             background: rgba(84, 112, 198, 0.2);
-            color: #5470C6;
+            color: #5470c6;
             border: 1px solid rgba(84, 112, 198, 0.3);
           }
         }
@@ -1017,22 +1366,22 @@ export default {
 
               &.running {
                 background: rgba(145, 204, 117, 0.2);
-                color: #91CC75;
+                color: #91cc75;
               }
 
               &.offline {
                 background: rgba(238, 102, 102, 0.2);
-                color: #EE6666;
+                color: #ee6666;
               }
 
               &.fault {
                 background: rgba(250, 200, 88, 0.2);
-                color: #FAC858;
+                color: #fac858;
               }
 
               &.standby {
                 background: rgba(84, 112, 198, 0.2);
-                color: #5470C6;
+                color: #5470c6;
               }
             }
           }
@@ -1092,15 +1441,15 @@ export default {
             color: #ffffff;
 
             &.running {
-              color: #91CC75;
+              color: #91cc75;
             }
 
             &.offline {
-              color: #EE6666;
+              color: #ee6666;
             }
 
             &.fault {
-              color: #FAC858;
+              color: #fac858;
             }
           }
         }
diff --git a/src/views/newCenterairC/energyManage/carbonEmissionsAnalysis/index.vue b/src/views/newCenterairC/energyManage/carbonEmissionsAnalysis/index.vue
index f263a8e..d33733d 100644
--- a/src/views/newCenterairC/energyManage/carbonEmissionsAnalysis/index.vue
+++ b/src/views/newCenterairC/energyManage/carbonEmissionsAnalysis/index.vue
@@ -140,7 +140,7 @@
     <div class="table-section">
       <div class="section-header">
         <div class="section-title">碳减排量详情</div>
-        <el-button type="primary" size="small" @click="exportData">导出数据</el-button>
+        <div class="primary-btn"><el-button type="primary" size="small" @click="exportData">导出数据</el-button></div>
       </div>
       <div class="table-container">
         <table class="data-table">
diff --git a/src/views/newCenterairC/energyManage/energyConsumptionEfficiencyTrend/index.vue b/src/views/newCenterairC/energyManage/energyConsumptionEfficiencyTrend/index.vue
index 6c5cc4b..f8479ee 100644
--- a/src/views/newCenterairC/energyManage/energyConsumptionEfficiencyTrend/index.vue
+++ b/src/views/newCenterairC/energyManage/energyConsumptionEfficiencyTrend/index.vue
@@ -309,7 +309,8 @@
                 <td>{{ alarm.impactDuration }}h</td>
                 <td>
                   <div class="action-buttons">
-                    <el-button
+                    <div class="primary-btn">
+                      <el-button
                       size="small"
                       type="primary"
                       @click="viewAlarmDetail(alarm)"
@@ -317,8 +318,9 @@
                     >
                       详情
                     </el-button>
-                    <el-button
-                      v-if="alarm.status === 'pending' || alarm.status === 'processing'"
+                    </div>
+                    <div class="success-btn" v-if="alarm.status === 'pending' || alarm.status === 'processing'">
+                      <el-button
                       size="small"
                       type="success"
                       @click="handleAlarmResolve(alarm)"
@@ -326,6 +328,7 @@
                     >
                       处理
                     </el-button>
+                    </div>
                     <el-dropdown @command="(cmd) => handleAlarmCommand(cmd, alarm)" class="action-dropdown">
                       <el-button size="small" class="action-btn">
                         更多
diff --git a/src/views/newCenterairC/energyManage/retrofitEffectivenessCompariso/index.vue b/src/views/newCenterairC/energyManage/retrofitEffectivenessCompariso/index.vue
index 4dec6ff..b509c02 100644
--- a/src/views/newCenterairC/energyManage/retrofitEffectivenessCompariso/index.vue
+++ b/src/views/newCenterairC/energyManage/retrofitEffectivenessCompariso/index.vue
@@ -19,8 +19,14 @@
         </div>
         <div class="range-divider">
           <svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
-            <path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z" fill="currentColor"/>
-            <path d="M688 464H336c-8.8 0-16 7.2-16 16v64c0 8.8 7.2 16 16 16h352c8.8 0 16-7.2 16-16v-64c0-8.8-7.2-16-16-16z" fill="currentColor"/>
+            <path
+              d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
+              fill="currentColor"
+            />
+            <path
+              d="M688 464H336c-8.8 0-16 7.2-16 16v64c0 8.8 7.2 16 16 16h352c8.8 0 16-7.2 16-16v-64c0-8.8-7.2-16-16-16z"
+              fill="currentColor"
+            />
           </svg>
         </div>
         <div class="range-item">
@@ -46,17 +52,29 @@
         <div class="indicator-row">
           <div class="indicator-card before">
             <div class="card-title">改造前总能耗</div>
-            <div class="card-value">{{ comparisonIndicators.beforeEnergy }} <span class="unit">kWh</span></div>
+            <div class="card-value">
+              {{ comparisonIndicators.beforeEnergy }}
+              <span class="unit">kWh</span>
+            </div>
           </div>
           <div class="indicator-arrow">
             <svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
-              <path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z" fill="currentColor"/>
-              <path d="M688 464H336c-8.8 0-16 7.2-16 16v64c0 8.8 7.2 16 16 16h352c8.8 0 16-7.2 16-16v-64c0-8.8-7.2-16-16-16z" fill="currentColor"/>
+              <path
+                d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
+                fill="currentColor"
+              />
+              <path
+                d="M688 464H336c-8.8 0-16 7.2-16 16v64c0 8.8 7.2 16 16 16h352c8.8 0 16-7.2 16-16v-64c0-8.8-7.2-16-16-16z"
+                fill="currentColor"
+              />
             </svg>
           </div>
           <div class="indicator-card after">
             <div class="card-title">改造后总能耗</div>
-            <div class="card-value">{{ comparisonIndicators.afterEnergy }} <span class="unit">kWh</span></div>
+            <div class="card-value">
+              {{ comparisonIndicators.afterEnergy }}
+              <span class="unit">kWh</span>
+            </div>
           </div>
         </div>
       </div>
@@ -67,26 +85,45 @@
           <div class="indicator-card success">
             <div class="card-icon">
               <svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
-                <path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z" fill="currentColor"/>
-                <path d="M688 464H336c-8.8 0-16 7.2-16 16v64c0 8.8 7.2 16 16 16h352c8.8 0 16-7.2 16-16v-64c0-8.8-7.2-16-16-16z" fill="currentColor"/>
+                <path
+                  d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
+                  fill="currentColor"
+                />
+                <path
+                  d="M688 464H336c-8.8 0-16 7.2-16 16v64c0 8.8 7.2 16 16 16h352c8.8 0 16-7.2 16-16v-64c0-8.8-7.2-16-16-16z"
+                  fill="currentColor"
+                />
               </svg>
             </div>
             <div class="card-content">
               <div class="card-label">节能量</div>
-              <div class="card-value">{{ comparisonIndicators.energySaving }} <span class="unit">kWh</span></div>
-              <div class="card-percent">{{ comparisonIndicators.energySavingRate }}%</div>
+              <div class="card-value">
+                {{ comparisonIndicators.energySaving }}
+                <span class="unit">kWh</span>
+              </div>
+              <div class="card-percent">
+                {{ comparisonIndicators.energySavingRate }}%
+              </div>
             </div>
           </div>
           <div class="indicator-card warning">
             <div class="card-icon">
               <svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
-                <path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z" fill="currentColor"/>
-                <path d="M672 464H352c-8.8 0-16 7.2-16 16v64c0 8.8 7.2 16 16 16h320c8.8 0 16-7.2 16-16v-64c0-8.8-7.2-16-16-16z" fill="currentColor"/>
+                <path
+                  d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
+                  fill="currentColor"
+                />
+                <path
+                  d="M672 464H352c-8.8 0-16 7.2-16 16v64c0 8.8 7.2 16 16 16h320c8.8 0 16-7.2 16-16v-64c0-8.8-7.2-16-16-16z"
+                  fill="currentColor"
+                />
               </svg>
             </div>
             <div class="card-content">
               <div class="card-label">节能金额</div>
-              <div class="card-value">¥{{ comparisonIndicators.costSaving }}</div>
+              <div class="card-value">
+                ¥{{ comparisonIndicators.costSaving }}
+              </div>
               <div class="card-percent">年均节省</div>
             </div>
           </div>
@@ -99,27 +136,50 @@
           <div class="indicator-card info">
             <div class="card-icon">
               <svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
-                <path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z" fill="currentColor"/>
-                <path d="M464 336a48 48 0 1096 0 48 48 0 10-96 0zm72 112h-48c-4.4 0-8 3.6-8 8v272c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V456c0-4.4-3.6-8-8-8z" fill="currentColor"/>
+                <path
+                  d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
+                  fill="currentColor"
+                />
+                <path
+                  d="M464 336a48 48 0 1096 0 48 48 0 10-96 0zm72 112h-48c-4.4 0-8 3.6-8 8v272c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V456c0-4.4-3.6-8-8-8z"
+                  fill="currentColor"
+                />
               </svg>
             </div>
             <div class="card-content">
               <div class="card-label">EER提升</div>
-              <div class="card-value">{{ comparisonIndicators.eerImprovement }}</div>
-              <div class="card-percent">{{ comparisonIndicators.beforeEer }} → {{ comparisonIndicators.afterEer }}</div>
+              <div class="card-value">
+                {{ comparisonIndicators.eerImprovement }}
+              </div>
+              <div class="card-percent">
+                {{ comparisonIndicators.beforeEer }} →
+                {{ comparisonIndicators.afterEer }}
+              </div>
             </div>
           </div>
           <div class="indicator-card primary">
             <div class="card-icon">
               <svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
-                <path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z" fill="currentColor"/>
-                <path d="M688 464H336c-8.8 0-16 7.2-16 16v64c0 8.8 7.2 16 16 16h352c8.8 0 16-7.2 16-16v-64c0-8.8-7.2-16-16-16z" fill="currentColor"/>
-                <path d="M688 592H336c-8.8 0-16 7.2-16 16v64c0 8.8 7.2 16 16 16h352c8.8 0 16-7.2 16-16v-64c0-8.8-7.2-16-16-16z" fill="currentColor"/>
+                <path
+                  d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
+                  fill="currentColor"
+                />
+                <path
+                  d="M688 464H336c-8.8 0-16 7.2-16 16v64c0 8.8 7.2 16 16 16h352c8.8 0 16-7.2 16-16v-64c0-8.8-7.2-16-16-16z"
+                  fill="currentColor"
+                />
+                <path
+                  d="M688 592H336c-8.8 0-16 7.2-16 16v64c0 8.8 7.2 16 16 16h352c8.8 0 16-7.2 16-16v-64c0-8.8-7.2-16-16-16z"
+                  fill="currentColor"
+                />
               </svg>
             </div>
             <div class="card-content">
               <div class="card-label">碳减排量</div>
-              <div class="card-value">{{ comparisonIndicators.carbonReduction }} <span class="unit">tCO₂e</span></div>
+              <div class="card-value">
+                {{ comparisonIndicators.carbonReduction }}
+                <span class="unit">tCO₂e</span>
+              </div>
               <div class="card-percent">累计减排</div>
             </div>
           </div>
@@ -133,11 +193,11 @@
         <div class="chart-title">能耗趋势对比</div>
         <div class="chart-legend">
           <div class="legend-item">
-            <span class="legend-dot" style="background: #EE6666;"></span>
+            <span class="legend-dot" style="background: #ee6666"></span>
             <span>改造前</span>
           </div>
           <div class="legend-item">
-            <span class="legend-dot" style="background: #91CC75;"></span>
+            <span class="legend-dot" style="background: #91cc75"></span>
             <span>改造后</span>
           </div>
         </div>
@@ -145,27 +205,31 @@
       <div class="chart" ref="energyComparisonChartRef"></div>
     </div>
 
-    <!-- 能效对比图 -->
-    <div class="chart-section half-width">
-      <div class="chart-header">
-        <div class="chart-title">能效对比</div>
+    <div class="chart-context">
+      <!-- 能效对比图 -->
+      <div class="chart-section half-width">
+        <div class="chart-header">
+          <div class="chart-title">能效对比</div>
+        </div>
+        <div class="chart" ref="eerComparisonChartRef"></div>
       </div>
-      <div class="chart" ref="eerComparisonChartRef"></div>
-    </div>
 
-    <!-- 节能贡献分析 -->
-    <div class="chart-section half-width">
-      <div class="chart-header">
-        <div class="chart-title">节能贡献分析</div>
+      <!-- 节能贡献分析 -->
+      <div class="chart-section half-width">
+        <div class="chart-header">
+          <div class="chart-title">节能贡献分析</div>
+        </div>
+        <div class="chart" ref="savingContributionChartRef"></div>
       </div>
-      <div class="chart" ref="savingContributionChartRef"></div>
     </div>
 
     <!-- 改造成效详情表格 -->
     <div class="table-section">
       <div class="section-header">
         <div class="section-title">改造成效详情</div>
-        <el-button type="primary" size="small" @click="exportReport">导出报告</el-button>
+        <div class="primary-btn"><el-button type="primary" size="small" @click="exportReport"
+          >导出报告</el-button
+        ></div>
       </div>
       <div class="table-container">
         <table class="data-table">
@@ -185,13 +249,15 @@
               <td>{{ item.before }}</td>
               <td>{{ item.after }}</td>
               <td :class="item.change >= 0 ? 'positive' : 'negative'">
-                {{ item.change >= 0 ? '+' : '' }}{{ item.change }}
+                {{ item.change >= 0 ? "+" : "" }}{{ item.change }}
               </td>
               <td :class="item.changeRate >= 0 ? 'positive' : 'negative'">
-                {{ item.changeRate >= 0 ? '+' : '' }}{{ item.changeRate }}%
+                {{ item.changeRate >= 0 ? "+" : "" }}{{ item.changeRate }}%
               </td>
               <td>
-                <span class="effect-tag" :class="item.effectClass">{{ item.effect }}</span>
+                <span class="effect-tag" :class="item.effectClass">{{
+                  item.effect
+                }}</span>
               </td>
             </tr>
           </tbody>
@@ -205,7 +271,11 @@
         <div class="section-title">设备运行效率对比</div>
       </div>
       <div class="device-grid">
-        <div class="device-item" v-for="device in deviceEfficiency" :key="device.name">
+        <div
+          class="device-item"
+          v-for="device in deviceEfficiency"
+          :key="device.name"
+        >
           <div class="device-header">
             <div class="device-name">{{ device.name }}</div>
           </div>
@@ -255,29 +325,102 @@ export default {
         beforeEer: 4.5,
         afterEer: 6.8,
         eerImprovement: 2.3,
-        carbonReduction: 1529.4
+        carbonReduction: 1529.4,
       },
       // 改造成效详情
       effectivenessDetail: [
-        { name: "总能耗", before: "856万kWh", after: "562万kWh", change: "-294万kWh", changeRate: -34.3, effect: "显著改善", effectClass: "excellent" },
-        { name: "平均EER", before: "4.5", after: "6.8", change: "+2.3", changeRate: 51.1, effect: "显著改善", effectClass: "excellent" },
-        { name: "平均COP", before: "3.8", after: "5.2", change: "+1.4", changeRate: 36.8, effect: "显著改善", effectClass: "excellent" },
-        { name: "碳排放", before: "4451.2tCO₂e", after: "2921.8tCO₂e", change: "-1529.4tCO₂e", changeRate: -34.4, effect: "显著改善", effectClass: "excellent" },
-        { name: "运行费用", before: "102.72万元", after: "67.44万元", change: "-35.28万元", changeRate: -34.3, effect: "显著改善", effectClass: "excellent" },
-        { name: "制冷量", before: "18.5万RT", after: "19.85万RT", change: "+1.35万RT", changeRate: 7.3, effect: "改善", effectClass: "good" }
+        {
+          name: "总能耗",
+          before: "856万kWh",
+          after: "562万kWh",
+          change: "-294万kWh",
+          changeRate: -34.3,
+          effect: "显著改善",
+          effectClass: "excellent",
+        },
+        {
+          name: "平均EER",
+          before: "4.5",
+          after: "6.8",
+          change: "+2.3",
+          changeRate: 51.1,
+          effect: "显著改善",
+          effectClass: "excellent",
+        },
+        {
+          name: "平均COP",
+          before: "3.8",
+          after: "5.2",
+          change: "+1.4",
+          changeRate: 36.8,
+          effect: "显著改善",
+          effectClass: "excellent",
+        },
+        {
+          name: "碳排放",
+          before: "4451.2tCO₂e",
+          after: "2921.8tCO₂e",
+          change: "-1529.4tCO₂e",
+          changeRate: -34.4,
+          effect: "显著改善",
+          effectClass: "excellent",
+        },
+        {
+          name: "运行费用",
+          before: "102.72万元",
+          after: "67.44万元",
+          change: "-35.28万元",
+          changeRate: -34.3,
+          effect: "显著改善",
+          effectClass: "excellent",
+        },
+        {
+          name: "制冷量",
+          before: "18.5万RT",
+          after: "19.85万RT",
+          change: "+1.35万RT",
+          changeRate: 7.3,
+          effect: "改善",
+          effectClass: "good",
+        },
       ],
       // 设备运行效率
       deviceEfficiency: [
-        { name: "主机", before: "COP 3.8", after: "COP 5.2", improvement: 36.8 },
-        { name: "冷冻泵", before: "效率 65%", after: "效率 82%", improvement: 26.2 },
-        { name: "冷却泵", before: "效率 68%", after: "效率 85%", improvement: 25.0 },
-        { name: "冷却塔", before: "效率 72%", after: "效率 88%", improvement: 22.2 },
-        { name: "系统整体", before: "EER 4.5", after: "EER 6.8", improvement: 51.1 }
+        {
+          name: "主机",
+          before: "COP 3.8",
+          after: "COP 5.2",
+          improvement: 36.8,
+        },
+        {
+          name: "冷冻泵",
+          before: "效率 65%",
+          after: "效率 82%",
+          improvement: 26.2,
+        },
+        {
+          name: "冷却泵",
+          before: "效率 68%",
+          after: "效率 85%",
+          improvement: 25.0,
+        },
+        {
+          name: "冷却塔",
+          before: "效率 72%",
+          after: "效率 88%",
+          improvement: 22.2,
+        },
+        {
+          name: "系统整体",
+          before: "EER 4.5",
+          after: "EER 6.8",
+          improvement: 51.1,
+        },
       ],
       // 图表实例
       energyComparisonChart: null,
       eerComparisonChart: null,
-      savingContributionChart: null
+      savingContributionChart: null,
     };
   },
   mounted() {
@@ -304,61 +447,76 @@ export default {
     },
     // 初始化能耗对比图
     initEnergyComparisonChart() {
-      this.energyComparisonChart = echarts.init(this.$refs.energyComparisonChartRef);
+      this.energyComparisonChart = echarts.init(
+        this.$refs.energyComparisonChartRef
+      );
       const option = {
         tooltip: {
           trigger: "axis",
           axisPointer: {
-            type: "cross"
-          }
+            type: "cross",
+          },
         },
         legend: {
           data: ["改造前", "改造后"],
           textStyle: {
-            color: "#ffffff"
-          }
+            color: "#ffffff",
+          },
         },
         grid: {
           left: "3%",
           right: "4%",
           bottom: "3%",
-          containLabel: true
+          containLabel: true,
         },
         xAxis: {
           type: "category",
-          data: ["1月", "2月", "3月", "4月", "5月", "6月", "7月", "8月", "9月", "10月", "11月", "12月"],
+          data: [
+            "1月",
+            "2月",
+            "3月",
+            "4月",
+            "5月",
+            "6月",
+            "7月",
+            "8月",
+            "9月",
+            "10月",
+            "11月",
+            "12月",
+          ],
           axisLabel: {
-            color: "rgba(255, 255, 255, 0.8)"
+            color: "rgba(255, 255, 255, 0.8)",
           },
           axisLine: {
             lineStyle: {
-              color: "#365576"
-            }
+              color: "#365576",
+            },
           },
           axisTick: {
-            show: false
-          }
+            show: false,
+          },
         },
         yAxis: {
           type: "value",
           name: "万kWh",
           nameTextStyle: {
-            color: "rgba(255, 255, 255, 0.8)"
+            color: "rgba(255, 255, 255, 0.8)",
           },
           axisLabel: {
-            color: "rgba(255, 255, 255, 0.8)"
+            color: "rgba(255, 255, 255, 0.8)",
           },
           axisLine: {
             lineStyle: {
-              color: "#365576"
-            }
+              color: "#365576",
+            },
           },
           splitLine: {
             lineStyle: {
               color: "#1a3d62",
-              type: "dashed"
-            }
-          }
+              type: "dashed",
+            },
+          },
         },
         series: [
           {
@@ -375,15 +533,15 @@ export default {
                 colorStops: [
                   {
                     offset: 0,
-                    color: "#EE6666"
+                    color: "#EE6666",
                   },
                   {
                     offset: 1,
-                    color: "#E53935"
-                  }
-                ]
-              }
-            }
+                    color: "#E53935",
+                  },
+                ],
+              },
+            },
           },
           {
             name: "改造后",
@@ -399,17 +557,17 @@ export default {
                 colorStops: [
                   {
                     offset: 0,
-                    color: "#91CC75"
+                    color: "#91CC75",
                   },
                   {
                     offset: 1,
-                    color: "#66BB6A"
-                  }
-                ]
-              }
-            }
-          }
-        ]
+                    color: "#66BB6A",
+                  },
+                ],
+              },
+            },
+          },
+        ],
       };
       this.energyComparisonChart.setOption(option);
     },
@@ -418,55 +576,68 @@ export default {
       this.eerComparisonChart = echarts.init(this.$refs.eerComparisonChartRef);
       const option = {
         tooltip: {
-          trigger: "axis"
+          trigger: "axis",
         },
         legend: {
           data: ["改造前EER", "改造后EER"],
           textStyle: {
-            color: "#ffffff"
-          }
+            color: "#ffffff",
+          },
         },
         grid: {
           left: "3%",
           right: "4%",
           bottom: "3%",
-          containLabel: true
+          containLabel: true,
         },
         xAxis: {
           type: "category",
-          data: ["1月", "2月", "3月", "4月", "5月", "6月", "7月", "8月", "9月", "10月", "11月", "12月"],
+          data: [
+            "1月",
+            "2月",
+            "3月",
+            "4月",
+            "5月",
+            "6月",
+            "7月",
+            "8月",
+            "9月",
+            "10月",
+            "11月",
+            "12月",
+          ],
           axisLabel: {
-            color: "rgba(255, 255, 255, 0.8)"
+            color: "rgba(255, 255, 255, 0.8)",
           },
           axisLine: {
             lineStyle: {
-              color: "#365576"
-            }
+              color: "#365576",
+            },
           },
           axisTick: {
-            show: false
-          }
+            show: false,
+          },
         },
         yAxis: {
           type: "value",
           name: "EER",
           nameTextStyle: {
-            color: "rgba(255, 255, 255, 0.8)"
+            color: "rgba(255, 255, 255, 0.8)",
           },
           axisLabel: {
-            color: "rgba(255, 255, 255, 0.8)"
+            color: "rgba(255, 255, 255, 0.8)",
           },
           axisLine: {
             lineStyle: {
-              color: "#365576"
-            }
+              color: "#365576",
+            },
           },
           splitLine: {
             lineStyle: {
               color: "#1a3d62",
-              type: "dashed"
-            }
-          }
+              type: "dashed",
+            },
+          },
         },
         series: [
           {
@@ -475,13 +646,13 @@ export default {
             smooth: true,
             data: [4.2, 4.3, 4.5, 4.4, 4.1, 4.0, 4.0, 4.1, 4.2, 4.4, 4.5, 4.5],
             itemStyle: {
-              color: "#EE6666"
+              color: "#EE6666",
             },
             lineStyle: {
               color: "#EE6666",
               width: 2,
-              type: "dashed"
-            }
+              type: "dashed",
+            },
           },
           {
             name: "改造后EER",
@@ -489,11 +660,11 @@ export default {
             smooth: true,
             data: [6.3, 6.5, 6.8, 6.6, 6.2, 6.1, 6.0, 6.1, 6.3, 6.5, 6.7, 6.8],
             itemStyle: {
-              color: "#91CC75"
+              color: "#91CC75",
             },
             lineStyle: {
               color: "#91CC75",
-              width: 3
+              width: 3,
             },
             areaStyle: {
               color: {
@@ -505,34 +676,37 @@ export default {
                 colorStops: [
                   {
                     offset: 0,
-                    color: "rgba(145, 204, 117, 0.5)"
+                    color: "rgba(145, 204, 117, 0.5)",
                   },
                   {
                     offset: 1,
-                    color: "rgba(145, 204, 117, 0)"
-                  }
-                ]
-              }
-            }
-          }
-        ]
+                    color: "rgba(145, 204, 117, 0)",
+                  },
+                ],
+              },
+            },
+          },
+        ],
       };
       this.eerComparisonChart.setOption(option);
     },
     // 初始化节能贡献分析图
     initSavingContributionChart() {
-      this.savingContributionChart = echarts.init(this.$refs.savingContributionChartRef);
+      this.savingContributionChart = echarts.init(
+        this.$refs.savingContributionChartRef
+      );
       const option = {
         tooltip: {
           trigger: "item",
-          formatter: "{b}: {c}% ({d}%)"
+          formatter: "{b}: {c}% ({d}%)",
         },
         legend: {
           orient: "vertical",
-          left: "left",
+          left: "15%",
+          top: "10%",
           textStyle: {
-            color: "#ffffff"
-          }
+            color: "#ffffff",
+          },
         },
         series: [
           {
@@ -545,13 +719,13 @@ export default {
               { value: 25, name: "控制优化", itemStyle: { color: "#91CC75" } },
               { value: 18, name: "管路改造", itemStyle: { color: "#FAC858" } },
               { value: 8, name: "智能调度", itemStyle: { color: "#EE6666" } },
-              { value: 4, name: "其他", itemStyle: { color: "#73C0DE" } }
+              { value: 4, name: "其他", itemStyle: { color: "#73C0DE" } },
             ],
             label: {
-              formatter: "{b}\n{d}%"
-            }
-          }
-        ]
+              formatter: "{b}\n{d}%",
+            },
+          },
+        ],
       };
       this.savingContributionChart.setOption(option);
     },
@@ -564,8 +738,8 @@ export default {
       if (this.energyComparisonChart) this.energyComparisonChart.resize();
       if (this.eerComparisonChart) this.eerComparisonChart.resize();
       if (this.savingContributionChart) this.savingContributionChart.resize();
-    }
-  }
+    },
+  },
 };
 </script>
 
@@ -719,22 +893,38 @@ export default {
         background: rgba(255, 255, 255, 0.05);
 
         &.success {
-          background: linear-gradient(135deg, rgba(145, 204, 117, 0.2) 0%, rgba(102, 187, 106, 0.2) 100%);
+          background: linear-gradient(
+            135deg,
+            rgba(145, 204, 117, 0.2) 0%,
+            rgba(102, 187, 106, 0.2) 100%
+          );
           border: 1px solid rgba(145, 204, 117, 0.3);
         }
 
         &.warning {
-          background: linear-gradient(135deg, rgba(250, 200, 88, 0.2) 0%, rgba(255, 179, 0, 0.2) 100%);
+          background: linear-gradient(
+            135deg,
+            rgba(250, 200, 88, 0.2) 0%,
+            rgba(255, 179, 0, 0.2) 100%
+          );
           border: 1px solid rgba(250, 200, 88, 0.3);
         }
 
         &.info {
-          background: linear-gradient(135deg, rgba(84, 112, 198, 0.2) 0%, rgba(115, 192, 222, 0.2) 100%);
+          background: linear-gradient(
+            135deg,
+            rgba(84, 112, 198, 0.2) 0%,
+            rgba(115, 192, 222, 0.2) 100%
+          );
           border: 1px solid rgba(84, 112, 198, 0.3);
         }
 
         &.primary {
-          background: linear-gradient(135deg, rgba(238, 102, 102, 0.2) 0%, rgba(229, 57, 53, 0.2) 100%);
+          background: linear-gradient(
+            135deg,
+            rgba(238, 102, 102, 0.2) 0%,
+            rgba(229, 57, 53, 0.2) 100%
+          );
           border: 1px solid rgba(238, 102, 102, 0.3);
         }
 
@@ -779,14 +969,20 @@ export default {
 
           .card-percent {
             font-size: 0.11rem;
-            color: #91CC75;
+            color: #91cc75;
           }
         }
       }
     }
   }
 }
-
+.chart-context {
+  width: 100%;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+}
 .chart-section {
   background: rgba(255, 255, 255, 0.03);
   border-radius: 0.08rem;
@@ -900,11 +1096,11 @@ export default {
             border-bottom: 1px solid rgba(255, 255, 255, 0.05);
 
             &.positive {
-              color: #EE6666;
+              color: #ee6666;
             }
 
             &.negative {
-              color: #91CC75;
+              color: #91cc75;
             }
 
             .effect-tag {
@@ -914,13 +1110,13 @@ export default {
 
               &.excellent {
                 background: rgba(145, 204, 117, 0.3);
-                color: #91CC75;
+                color: #91cc75;
                 border: 1px solid rgba(145, 204, 117, 0.5);
               }
 
               &.good {
                 background: rgba(84, 112, 198, 0.3);
-                color: #5470C6;
+                color: #5470c6;
                 border: 1px solid rgba(84, 112, 198, 0.5);
               }
             }
@@ -988,11 +1184,11 @@ export default {
             font-weight: bold;
 
             &.before {
-              color: #EE6666;
+              color: #ee6666;
             }
 
             &.after {
-              color: #91CC75;
+              color: #91cc75;
             }
           }
 
@@ -1013,7 +1209,7 @@ export default {
 
         .progress-fill {
           height: 100%;
-          background: linear-gradient(90deg, #91CC75, #15e1fd);
+          background: linear-gradient(90deg, #91cc75, #15e1fd);
           border-radius: 0.04rem;
           transition: width 1s ease-in-out;
         }
diff --git a/src/views/newCenterairC/home/index.vue b/src/views/newCenterairC/home/index.vue
index ed2ed6d..d6e59f1 100644
--- a/src/views/newCenterairC/home/index.vue
+++ b/src/views/newCenterairC/home/index.vue
@@ -44,30 +44,44 @@
     <!-- 关键指标统计 -->
     <div class="special-div">
       <div class="special-top">
-        <div class="special-title">关键指标统计</div>
-        <div class="time-tabs">
-          <div
-            v-for="(tab, index) in timeTabs"
-            :key="index"
-            :class="['time-tab', { active: activeTimeTab === index }]"
-            @click="handleTimeTabChange(index)"
-          >
-            {{ tab }}
+        <div class="special-title">
+          关键指标统计
+          <div class="time-tabs">
+            <div
+              v-for="(tab, index) in timeTabs"
+              :key="index"
+              :class="['time-tab', { active: activeTimeTab === index }]"
+              @click="handleTimeTabChange(index)"
+            >
+              {{ tab }}
+            </div>
           </div>
         </div>
       </div>
       <div class="key-indicators">
         <div class="indicator-item">
-          <div class="indicator-icon" style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);">
+          <div
+            class="indicator-icon"
+            style="
+              background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+            "
+          >
             <span class="icon-text">节能</span>
           </div>
           <div class="indicator-content">
-            <div class="indicator-value">{{ keyIndicators.energySavingRate }}%</div>
+            <div class="indicator-value">
+              {{ keyIndicators.energySavingRate }}%
+            </div>
             <div class="indicator-label">节能率</div>
           </div>
         </div>
         <div class="indicator-item">
-          <div class="indicator-icon" style="background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);">
+          <div
+            class="indicator-icon"
+            style="
+              background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
+            "
+          >
             <span class="icon-text">金额</span>
           </div>
           <div class="indicator-content">
@@ -76,16 +90,28 @@
           </div>
         </div>
         <div class="indicator-item">
-          <div class="indicator-icon" style="background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);">
+          <div
+            class="indicator-icon"
+            style="
+              background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
+            "
+          >
             <span class="icon-text">减碳</span>
           </div>
           <div class="indicator-content">
-            <div class="indicator-value">{{ keyIndicators.carbonReduction }}t</div>
+            <div class="indicator-value">
+              {{ keyIndicators.carbonReduction }}t
+            </div>
             <div class="indicator-label">综合减碳量</div>
           </div>
         </div>
         <div class="indicator-item">
-          <div class="indicator-icon" style="background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);">
+          <div
+            class="indicator-icon"
+            style="
+              background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);
+            "
+          >
             <span class="icon-text">EER</span>
           </div>
           <div class="indicator-content">
@@ -94,25 +120,44 @@
           </div>
         </div>
         <div class="indicator-item">
-          <div class="indicator-icon" style="background: linear-gradient(135deg, #fa709a 0%, #fee140 100%);">
+          <div
+            class="indicator-icon"
+            style="
+              background: linear-gradient(135deg, #fa709a 0%, #fee140 100%);
+            "
+          >
             <span class="icon-text">用电</span>
           </div>
           <div class="indicator-content">
-            <div class="indicator-value">{{ keyIndicators.totalElectricity }}kWh</div>
+            <div class="indicator-value">
+              {{ keyIndicators.totalElectricity }}kWh
+            </div>
             <div class="indicator-label">总用电量</div>
           </div>
         </div>
         <div class="indicator-item">
-          <div class="indicator-icon" style="background: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);">
+          <div
+            class="indicator-icon"
+            style="
+              background: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);
+            "
+          >
             <span class="icon-text">制冷</span>
           </div>
           <div class="indicator-content">
-            <div class="indicator-value">{{ keyIndicators.totalCooling }}RT</div>
+            <div class="indicator-value">
+              {{ keyIndicators.totalCooling }}RT
+            </div>
             <div class="indicator-label">总制冷量</div>
           </div>
         </div>
         <div class="indicator-item">
-          <div class="indicator-icon" style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);">
+          <div
+            class="indicator-icon"
+            style="
+              background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+            "
+          >
             <span class="icon-text">设备</span>
           </div>
           <div class="indicator-content">
@@ -129,7 +174,10 @@
         <div class="special-title">能效状态</div>
       </div>
       <div class="efficiency-status">
-        <div class="efficiency-badge" :class="'efficiency-' + efficiencyStatus.level">
+        <div
+          class="efficiency-badge"
+          :class="'efficiency-' + efficiencyStatus.level"
+        >
           <div class="badge-icon">{{ efficiencyStatus.icon }}</div>
           <div class="badge-text">{{ efficiencyStatus.text }}</div>
         </div>
@@ -138,19 +186,31 @@
           <div class="value-number">{{ efficiencyStatus.eerValue }}</div>
         </div>
         <div class="efficiency-scale">
-          <div class="scale-item excellent" :class="{ active: efficiencyStatus.level === 'excellent' }">
+          <div
+            class="scale-item excellent"
+            :class="{ active: efficiencyStatus.level === 'excellent' }"
+          >
             <div class="scale-label">优秀</div>
             <div class="scale-value">≥6.5</div>
           </div>
-          <div class="scale-item good" :class="{ active: efficiencyStatus.level === 'good' }">
+          <div
+            class="scale-item good"
+            :class="{ active: efficiencyStatus.level === 'good' }"
+          >
             <div class="scale-label">良好</div>
             <div class="scale-value">6.5-5.5</div>
           </div>
-          <div class="scale-item normal" :class="{ active: efficiencyStatus.level === 'normal' }">
+          <div
+            class="scale-item normal"
+            :class="{ active: efficiencyStatus.level === 'normal' }"
+          >
             <div class="scale-label">一般</div>
             <div class="scale-value">5.5-4.5</div>
           </div>
-          <div class="scale-item poor" :class="{ active: efficiencyStatus.level === 'poor' }">
+          <div
+            class="scale-item poor"
+            :class="{ active: efficiencyStatus.level === 'poor' }"
+          >
             <div class="scale-label">急需改善</div>
             <div class="scale-value">&lt;4.5</div>
           </div>
@@ -164,15 +224,17 @@
         <!-- 用能趋势图 -->
         <div class="special-div chart-card">
           <div class="special-top">
-            <div class="special-title">用能趋势</div>
-            <div class="time-switch">
-              <div
-                v-for="(type, index) in timeTypes"
-                :key="index"
-                :class="['switch-item', { active: activeTimeType === index }]"
-                @click="handleTimeTypeChange(index)"
-              >
-                {{ type }}
+            <div class="special-title">
+              用能趋势
+              <div class="time-switch">
+                <div
+                  v-for="(type, index) in timeTypes"
+                  :key="index"
+                  :class="['switch-item', { active: activeTimeType === index }]"
+                  @click="handleTimeTypeChange(index)"
+                >
+                  {{ type }}
+                </div>
               </div>
             </div>
           </div>
@@ -206,7 +268,9 @@
             <div class="status-dot online"></div>
             <div class="status-title">系统实时用电量</div>
           </div>
-          <div class="status-value">{{ operationStatus.realtimeElectricity }}kW</div>
+          <div class="status-value">
+            {{ operationStatus.realtimeElectricity }}kW
+          </div>
           <div class="status-chart-mini" ref="miniChart1"></div>
         </div>
         <div class="status-card">
@@ -214,7 +278,9 @@
             <div class="status-dot cooling"></div>
             <div class="status-title">系统实时制冷量</div>
           </div>
-          <div class="status-value">{{ operationStatus.realtimeCooling }}RT</div>
+          <div class="status-value">
+            {{ operationStatus.realtimeCooling }}RT
+          </div>
           <div class="status-chart-mini" ref="miniChart2"></div>
         </div>
         <div class="status-card">
@@ -222,15 +288,23 @@
             <div class="status-dot heating"></div>
             <div class="status-title">系统实时散热量</div>
           </div>
-          <div class="status-value">{{ operationStatus.realtimeHeating }}kW</div>
+          <div class="status-value">
+            {{ operationStatus.realtimeHeating }}kW
+          </div>
           <div class="status-chart-mini" ref="miniChart3"></div>
         </div>
         <div class="status-card">
           <div class="status-header">
-            <div class="status-dot warning" :class="getHeatBalanceClass(operationStatus.heatImbalanceRate)"></div>
+            <div
+              class="status-dot warning"
+              :class="getHeatBalanceClass(operationStatus.heatImbalanceRate)"
+            ></div>
             <div class="status-title">热不平衡率</div>
           </div>
-          <div class="status-value" :class="getHeatBalanceClass(operationStatus.heatImbalanceRate)">
+          <div
+            class="status-value"
+            :class="getHeatBalanceClass(operationStatus.heatImbalanceRate)"
+          >
             {{ operationStatus.heatImbalanceRate }}%
           </div>
           <div class="status-indicator">
@@ -246,7 +320,11 @@
       </div>
       <!-- 设备运行状态 -->
       <div class="device-status-grid">
-        <div class="device-status-item" v-for="device in deviceStatus" :key="device.name">
+        <div
+          class="device-status-item"
+          v-for="device in deviceStatus"
+          :key="device.name"
+        >
           <div class="device-status-icon" :class="device.status"></div>
           <div class="device-info">
             <div class="device-name">{{ device.name }}</div>
@@ -275,7 +353,7 @@ export default {
         manager: "张三",
         installDate: "2020-06-15",
         electricPrice: 1.2,
-        chillerCount: 2
+        chillerCount: 2,
       },
       // 时间选项
       timeTabs: ["近七日", "当月", "当年", "自定义"],
@@ -288,14 +366,14 @@ export default {
         eer: 6.8,
         totalElectricity: 1256800,
         totalCooling: 45680,
-        deviceCount: 48
+        deviceCount: 48,
       },
       // 能效状态
       efficiencyStatus: {
         level: "excellent",
         text: "优秀",
         icon: "★",
-        eerValue: 6.8
+        eerValue: 6.8,
       },
       // 用能趋势时间类型
       timeTypes: ["日", "周", "月"],
@@ -305,22 +383,42 @@ export default {
         realtimeElectricity: 1256,
         realtimeCooling: 850,
         realtimeHeating: 1580,
-        heatImbalanceRate: 12.5
+        heatImbalanceRate: 12.5,
       },
       // 设备运行状态
       deviceStatus: [
         { name: "主机", status: "running", statusText: "运行中", value: "3/4" },
-        { name: "冷冻泵", status: "running", statusText: "运行中", value: "4/4" },
-        { name: "冷却泵", status: "running", statusText: "运行中", value: "4/4" },
-        { name: "冷却塔", status: "running", statusText: "运行中", value: "3/3" },
+        {
+          name: "冷冻泵",
+          status: "running",
+          statusText: "运行中",
+          value: "4/4",
+        },
+        {
+          name: "冷却泵",
+          status: "running",
+          statusText: "运行中",
+          value: "4/4",
+        },
+        {
+          name: "冷却塔",
+          status: "running",
+          statusText: "运行中",
+          value: "3/3",
+        },
         { name: "风机", status: "running", statusText: "运行中", value: "6/6" },
-        { name: "控制柜", status: "running", statusText: "运行中", value: "2/2" }
+        {
+          name: "控制柜",
+          status: "running",
+          statusText: "运行中",
+          value: "2/2",
+        },
       ],
       // 图表实例
       energyTrendChart: null,
       deviceEnergyChart: null,
       loadDistributionChart: null,
-      miniCharts: []
+      miniCharts: [],
     };
   },
   mounted() {
@@ -335,7 +433,7 @@ export default {
     if (this.energyTrendChart) this.energyTrendChart.dispose();
     if (this.deviceEnergyChart) this.deviceEnergyChart.dispose();
     if (this.loadDistributionChart) this.loadDistributionChart.dispose();
-    this.miniCharts.forEach(chart => chart && chart.dispose());
+    this.miniCharts.forEach((chart) => chart && chart.dispose());
   },
   watch: {
     activeTimeType() {
@@ -343,7 +441,7 @@ export default {
     },
     activeTimeTab() {
       this.updateKeyIndicators();
-    }
+    },
   },
   methods: {
     // 时间切换
@@ -368,21 +466,32 @@ export default {
     // 更新用能趋势图
     updateEnergyTrendChart() {
       const dataMap = {
-        0: { // 日
-          xData: ["00:00", "04:00", "08:00", "12:00", "16:00", "20:00", "24:00"],
+        0: {
+          // 日
+          xData: [
+            "00:00",
+            "04:00",
+            "08:00",
+            "12:00",
+            "16:00",
+            "20:00",
+            "24:00",
+          ],
           electricity: [320, 280, 650, 980, 1050, 890, 420],
-          cooling: [220, 180, 480, 720, 780, 650, 310]
+          cooling: [220, 180, 480, 720, 780, 650, 310],
         },
-        1: { // 周
+        1: {
+          // 周
           xData: ["周一", "周二", "周三", "周四", "周五", "周六", "周日"],
           electricity: [6500, 6800, 7200, 6900, 7100, 5800, 5200],
-          cooling: [4800, 5100, 5400, 5200, 5300, 4300, 3900]
+          cooling: [4800, 5100, 5400, 5200, 5300, 4300, 3900],
         },
-        2: { // 月
+        2: {
+          // 月
           xData: ["1日", "5日", "10日", "15日", "20日", "25日", "30日"],
           electricity: [28000, 32000, 35000, 33000, 31000, 29000, 27000],
-          cooling: [21000, 24000, 26000, 25000, 23000, 22000, 20000]
-        }
+          cooling: [21000, 24000, 26000, 25000, 23000, 22000, 20000],
+        },
       };
 
       const currentData = dataMap[this.activeTimeType];
@@ -392,57 +501,57 @@ export default {
         tooltip: {
           trigger: "axis",
           axisPointer: {
-            type: "cross"
-          }
+            type: "cross",
+          },
         },
         legend: {
           data: ["用电量", "制冷量"],
           textStyle: {
-            color: "#ffffff"
-          }
+            color: "#ffffff",
+          },
         },
         grid: {
           left: "3%",
           right: "4%",
           bottom: "3%",
-          containLabel: true
+          containLabel: true,
         },
         xAxis: {
           type: "category",
           boundaryGap: false,
           data: currentData.xData,
           axisLabel: {
-            color: "rgba(255, 255, 255, 0.8)"
+            color: "rgba(255, 255, 255, 0.8)",
           },
           axisLine: {
             lineStyle: {
-              color: "#365576"
-            }
+              color: "#365576",
+            },
           },
           axisTick: {
-            show: false
-          }
+            show: false,
+          },
         },
         yAxis: {
           type: "value",
           name: unit,
           nameTextStyle: {
-            color: "rgba(255, 255, 255, 0.8)"
+            color: "rgba(255, 255, 255, 0.8)",
           },
           axisLabel: {
-            color: "rgba(255, 255, 255, 0.8)"
+            color: "rgba(255, 255, 255, 0.8)",
           },
           axisLine: {
             lineStyle: {
-              color: "#365576"
-            }
+              color: "#365576",
+            },
           },
           splitLine: {
             lineStyle: {
               color: "#1a3d62",
-              type: "dashed"
-            }
-          }
+              type: "dashed",
+            },
+          },
         },
         series: [
           {
@@ -451,10 +560,10 @@ export default {
             smooth: true,
             data: currentData.electricity,
             itemStyle: {
-              color: "#15e1fd"
+              color: "#15e1fd",
             },
             lineStyle: {
-              color: "#15e1fd"
+              color: "#15e1fd",
             },
             areaStyle: {
               color: {
@@ -466,15 +575,15 @@ export default {
                 colorStops: [
                   {
                     offset: 0,
-                    color: "rgba(21, 225, 253, 0.5)"
+                    color: "rgba(21, 225, 253, 0.5)",
                   },
                   {
                     offset: 1,
-                    color: "rgba(21, 225, 253, 0)"
-                  }
-                ]
-              }
-            }
+                    color: "rgba(21, 225, 253, 0)",
+                  },
+                ],
+              },
+            },
           },
           {
             name: "制冷量",
@@ -482,10 +591,10 @@ export default {
             smooth: true,
             data: currentData.cooling,
             itemStyle: {
-              color: "#91CC75"
+              color: "#91CC75",
             },
             lineStyle: {
-              color: "#91CC75"
+              color: "#91CC75",
             },
             areaStyle: {
               color: {
@@ -497,17 +606,17 @@ export default {
                 colorStops: [
                   {
                     offset: 0,
-                    color: "rgba(145, 204, 117, 0.5)"
+                    color: "rgba(145, 204, 117, 0.5)",
                   },
                   {
                     offset: 1,
-                    color: "rgba(145, 204, 117, 0)"
-                  }
-                ]
-              }
-            }
-          }
-        ]
+                    color: "rgba(145, 204, 117, 0)",
+                  },
+                ],
+              },
+            },
+          },
+        ],
       };
       this.energyTrendChart.setOption(option);
     },
@@ -517,14 +626,16 @@ export default {
       const option = {
         tooltip: {
           trigger: "item",
-          formatter: "{b}: {c}% ({d}%)"
+          formatter: "{b}: {c}% ({d}%)",
         },
         legend: {
           orient: "vertical",
           left: "left",
           textStyle: {
-            color: "#ffffff"
-          }
+            color: "#ffffff",
+          },
+          top: "15%",
+          left:"10%"
         },
         series: [
           {
@@ -536,81 +647,88 @@ export default {
               { value: 45, name: "主机", itemStyle: { color: "#5470C6" } },
               { value: 20, name: "冷冻泵", itemStyle: { color: "#91CC75" } },
               { value: 18, name: "冷却泵", itemStyle: { color: "#FAC858" } },
-              { value: 12, name: "冷却塔风机", itemStyle: { color: "#EE6666" } },
-              { value: 5, name: "其他", itemStyle: { color: "#73C0DE" } }
+              {
+                value: 12,
+                name: "冷却塔风机",
+                itemStyle: { color: "#EE6666" },
+              },
+              { value: 5, name: "其他", itemStyle: { color: "#73C0DE" } },
             ],
             label: {
-              formatter: "{b}\n{d}%"
+              formatter: "{b}\n{d}%",
             },
             emphasis: {
               itemStyle: {
                 shadowBlur: 10,
                 shadowOffsetX: 0,
-                shadowColor: "rgba(0, 0, 0, 0.5)"
-              }
-            }
-          }
-        ]
+                shadowColor: "rgba(0, 0, 0, 0.5)",
+              },
+            },
+          },
+        ],
       };
       this.deviceEnergyChart.setOption(option);
     },
     // 初始化冷热负荷分布图
     initLoadDistributionChart() {
-      this.loadDistributionChart = echarts.init(this.$refs.loadDistributionChartRef);
+      this.loadDistributionChart = echarts.init(
+        this.$refs.loadDistributionChartRef
+      );
       const option = {
         tooltip: {
           trigger: "axis",
           axisPointer: {
-            type: "shadow"
-          }
+            type: "shadow",
+          },
         },
         legend: {
           data: ["冷负荷", "热负荷"],
           textStyle: {
-            color: "#ffffff"
-          }
+            color: "#ffffff",
+          },
+          top:"5%"
         },
         grid: {
           left: "3%",
           right: "4%",
           bottom: "3%",
-          containLabel: true
+          containLabel: true,
         },
         xAxis: {
           type: "category",
           data: ["00:00", "04:00", "08:00", "12:00", "16:00", "20:00", "24:00"],
           axisLabel: {
-            color: "rgba(255, 255, 255, 0.8)"
+            color: "rgba(255, 255, 255, 0.8)",
           },
           axisLine: {
             lineStyle: {
-              color: "#365576"
-            }
+              color: "#365576",
+            },
           },
           axisTick: {
-            show: false
-          }
+            show: false,
+          },
         },
         yAxis: {
           type: "value",
           name: "kW",
           nameTextStyle: {
-            color: "rgba(255, 255, 255, 0.8)"
+            color: "rgba(255, 255, 255, 0.8)",
           },
           axisLabel: {
-            color: "rgba(255, 255, 255, 0.8)"
+            color: "rgba(255, 255, 255, 0.8)",
           },
           axisLine: {
             lineStyle: {
-              color: "#365576"
-            }
+              color: "#365576",
+            },
           },
           splitLine: {
             lineStyle: {
               color: "#1a3d62",
-              type: "dashed"
-            }
-          }
+              type: "dashed",
+            },
+          },
         },
         series: [
           {
@@ -627,15 +745,15 @@ export default {
                 colorStops: [
                   {
                     offset: 0,
-                    color: "#15e1fd"
+                    color: "#15e1fd",
                   },
                   {
                     offset: 1,
-                    color: "#208fff"
-                  }
-                ]
-              }
-            }
+                    color: "#208fff",
+                  },
+                ],
+              },
+            },
           },
           {
             name: "热负荷",
@@ -651,17 +769,17 @@ export default {
                 colorStops: [
                   {
                     offset: 0,
-                    color: "#FAC858"
+                    color: "#FAC858",
                   },
                   {
                     offset: 1,
-                    color: "#EE6666"
-                  }
-                ]
-              }
-            }
-          }
-        ]
+                    color: "#EE6666",
+                  },
+                ],
+              },
+            },
+          },
+        ],
       };
       this.loadDistributionChart.setOption(option);
     },
@@ -670,13 +788,13 @@ export default {
       const chartRefs = [
         this.$refs.miniChart1,
         this.$refs.miniChart2,
-        this.$refs.miniChart3
+        this.$refs.miniChart3,
       ];
 
       const dataSeries = [
         [1200, 1220, 1240, 1230, 1250, 1256, 1248],
         [820, 830, 840, 845, 850, 850, 848],
-        [1550, 1560, 1570, 1575, 1580, 1580, 1578]
+        [1550, 1560, 1570, 1575, 1580, 1580, 1578],
       ];
 
       chartRefs.forEach((ref, index) => {
@@ -687,16 +805,16 @@ export default {
               left: 0,
               right: 0,
               top: 0,
-              bottom: 0
+              bottom: 0,
             },
             xAxis: {
               type: "category",
               show: false,
-              data: ["1", "2", "3", "4", "5", "6", "7"]
+              data: ["1", "2", "3", "4", "5", "6", "7"],
             },
             yAxis: {
               type: "value",
-              show: false
+              show: false,
             },
             series: [
               {
@@ -706,7 +824,12 @@ export default {
                 showSymbol: false,
                 lineStyle: {
                   width: 2,
-                  color: index === 0 ? "#15e1fd" : index === 1 ? "#91CC75" : "#FAC858"
+                  color:
+                    index === 0
+                      ? "#15e1fd"
+                      : index === 1
+                      ? "#91CC75"
+                      : "#FAC858",
                 },
                 areaStyle: {
                   color: {
@@ -718,17 +841,27 @@ export default {
                     colorStops: [
                       {
                         offset: 0,
-                        color: index === 0 ? "rgba(21, 225, 253, 0.3)" : index === 1 ? "rgba(145, 204, 117, 0.3)" : "rgba(250, 200, 88, 0.3)"
+                        color:
+                          index === 0
+                            ? "rgba(21, 225, 253, 0.3)"
+                            : index === 1
+                            ? "rgba(145, 204, 117, 0.3)"
+                            : "rgba(250, 200, 88, 0.3)",
                       },
                       {
                         offset: 1,
-                        color: index === 0 ? "rgba(21, 225, 253, 0)" : index === 1 ? "rgba(145, 204, 117, 0)" : "rgba(250, 200, 88, 0)"
-                      }
-                    ]
-                  }
-                }
-              }
-            ]
+                        color:
+                          index === 0
+                            ? "rgba(21, 225, 253, 0)"
+                            : index === 1
+                            ? "rgba(145, 204, 117, 0)"
+                            : "rgba(250, 200, 88, 0)",
+                      },
+                    ],
+                  },
+                },
+              },
+            ],
           };
           chart.setOption(option);
           this.miniCharts.push(chart);
@@ -747,7 +880,7 @@ export default {
           eer: 6.8,
           totalElectricity: 1256800,
           totalCooling: 45680,
-          deviceCount: 48
+          deviceCount: 48,
         },
         1: {
           energySavingRate: 30.2,
@@ -756,7 +889,7 @@ export default {
           eer: 7.0,
           totalElectricity: 5600000,
           totalCooling: 198500,
-          deviceCount: 48
+          deviceCount: 48,
         },
         2: {
           energySavingRate: 27.8,
@@ -765,7 +898,7 @@ export default {
           eer: 6.5,
           totalElectricity: 68000000,
           totalCooling: 2456000,
-          deviceCount: 48
+          deviceCount: 48,
         },
         3: {
           energySavingRate: 29.1,
@@ -774,8 +907,8 @@ export default {
           eer: 6.7,
           totalElectricity: 1050000,
           totalCooling: 38200,
-          deviceCount: 48
-        }
+          deviceCount: 48,
+        },
       };
 
       this.keyIndicators = { ...dataMap[this.activeTimeTab] };
@@ -785,9 +918,9 @@ export default {
       if (this.energyTrendChart) this.energyTrendChart.resize();
       if (this.deviceEnergyChart) this.deviceEnergyChart.resize();
       if (this.loadDistributionChart) this.loadDistributionChart.resize();
-      this.miniCharts.forEach(chart => chart && chart.resize());
-    }
-  }
+      this.miniCharts.forEach((chart) => chart && chart.resize());
+    },
+  },
 };
 </script>
 
@@ -1095,7 +1228,7 @@ export default {
         margin-right: 0.1rem;
 
         &.online {
-          background: #91CC75;
+          background: #91cc75;
         }
 
         &.cooling {
@@ -1103,19 +1236,19 @@ export default {
         }
 
         &.heating {
-          background: #FAC858;
+          background: #fac858;
         }
 
         &.good {
-          background: #91CC75;
+          background: #91cc75;
         }
 
         &.warning {
-          background: #FAC858;
+          background: #fac858;
         }
 
         &.danger {
-          background: #EE6666;
+          background: #ee6666;
         }
       }
 
@@ -1133,15 +1266,15 @@ export default {
       margin-bottom: 0.1rem;
 
       &.good {
-        color: #91CC75;
+        color: #91cc75;
       }
 
       &.warning {
-        color: #FAC858;
+        color: #fac858;
       }
 
       &.danger {
-        color: #EE6666;
+        color: #ee6666;
       }
     }
 
@@ -1164,15 +1297,15 @@ export default {
           transition: all 0.3s;
 
           &.good {
-            background: linear-gradient(90deg, #91CC75, #66BB6A);
+            background: linear-gradient(90deg, #91cc75, #66bb6a);
           }
 
           &.warning {
-            background: linear-gradient(90deg, #FAC858, #FFB300);
+            background: linear-gradient(90deg, #fac858, #ffb300);
           }
 
           &.danger {
-            background: linear-gradient(90deg, #EE6666, #E53935);
+            background: linear-gradient(90deg, #ee6666, #e53935);
           }
         }
       }
@@ -1200,16 +1333,16 @@ export default {
       margin-right: 0.12rem;
 
       &.running {
-        background: #91CC75;
+        background: #91cc75;
         box-shadow: 0 0 0.1rem rgba(145, 204, 117, 0.5);
       }
 
       &.stopped {
-        background: #EE6666;
+        background: #ee6666;
       }
 
       &.standby {
-        background: #FAC858;
+        background: #fac858;
       }
     }
 
diff --git a/src/views/newCenterairC/reportManage/base/index.vue b/src/views/newCenterairC/reportManage/base/index.vue
index 434e90d..36693a5 100644
--- a/src/views/newCenterairC/reportManage/base/index.vue
+++ b/src/views/newCenterairC/reportManage/base/index.vue
@@ -42,7 +42,7 @@
           </el-select>
         </div>
         <div class="filter-actions">
-          <el-button type="primary" @click="generateReport" class="custom-btn">
+          <div class="primary-btn"><el-button type="primary" @click="generateReport" class="custom-btn">
             <svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
               <path d="M960 512H64c-17.7 0-32 14.3-32 32s14.3 32 32 32h896c17.7 0 32-14.3 32-32s-14.3-32-32-32z" fill="currentColor"/>
               <path d="M416 768H160c-17.7 0-32-14.3-32-32V288c0-17.7 14.3-32 32-32h256c17.7 0 32 14.3 32 32v64c0 17.7 14.3 32 32 32s32-14.3 32-32V288c0-52.9-43.1-96-96-96H160c-52.9 0-96 43.1-96 96v448c0 52.9 43.1 96 96 96h256c52.9 0 96-43.1 96-96v-64c0-17.7-14.3-32-32-32s-32 14.3-32 32v64z" fill="currentColor"/>
@@ -50,16 +50,16 @@
               <path d="M736 672v64c0 17.7-14.3 32-32 32H560c-17.7 0-32 14.3-32 32s14.3 32 32 32h144c52.9 0 96-43.1 96-96v-64c0-17.7-14.3-32-32-32s-32 14.3-32 32z" fill="currentColor"/>
             </svg>
             生成报表
-          </el-button>
-          <el-button type="success" @click="exportToExcel" class="custom-btn">
+          </el-button></div>
+          <div class="success-btn"><el-button type="success" @click="exportToExcel" class="custom-btn">
             <svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
               <path d="M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-32 736H176V176h672v672z" fill="currentColor"/>
               <path d="M688 336H336c-8.8 0-16 7.2-16 16v256c0 8.8 7.2 16 16 16h352c8.8 0 16-7.2 16-16V352c0-8.8-7.2-16-16-16zm-16 256H352V368h320v224z" fill="currentColor"/>
               <path d="M576 464H448c-8.8 0-16 7.2-16 16s7.2 16 16 16h128c8.8 0 16-7.2 16-16s-7.2-16-16-16z" fill="currentColor"/>
             </svg>
             导出Excel
-          </el-button>
-          <el-button type="warning" @click="exportToPDF" class="custom-btn">
+          </el-button></div>
+          <div class="warning-btn"><el-button type="warning" @click="exportToPDF" class="custom-btn">
             <svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
               <path d="M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-32 736H176V176h672v672z" fill="currentColor"/>
               <path d="M448 352h128c17.7 0 32-14.3 32-32s-14.3-32-32-32H448c-17.7 0-32 14.3-32 32s14.3 32 32 32z" fill="currentColor"/>
@@ -67,7 +67,7 @@
               <path d="M448 576h192c17.7 0 32-14.3 32-32s-14.3-32-32-32H448c-17.7 0-32 14.3-32 32s14.3 32 32 32z" fill="currentColor"/>
             </svg>
             导出PDF
-          </el-button>
+          </el-button></div>
         </div>
       </div>
     </div>
diff --git a/src/views/newCenterairC/reportManage/machine/index.vue b/src/views/newCenterairC/reportManage/machine/index.vue
index 51a33ee..317744e 100644
--- a/src/views/newCenterairC/reportManage/machine/index.vue
+++ b/src/views/newCenterairC/reportManage/machine/index.vue
@@ -42,7 +42,7 @@
           </el-select>
         </div>
         <div class="filter-actions">
-          <el-button type="primary" @click="generateReport" class="custom-btn">
+         <div class="primary-btn"> <el-button type="primary" @click="generateReport" class="custom-btn">
             <svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
               <path d="M960 512H64c-17.7 0-32 14.3-32 32s14.3 32 32 32h896c17.7 0 32-14.3 32-32s-14.3-32-32-32z" fill="currentColor"/>
               <path d="M416 768H160c-17.7 0-32-14.3-32-32V288c0-17.7 14.3-32 32-32h256c17.7 0 32 14.3 32 32v64c0 17.7 14.3 32 32 32s32-14.3 32-32V288c0-52.9-43.1-96-96-96H160c-52.9 0-96 43.1-96 96v448c0 52.9 43.1 96 96 96h256c52.9 0 96-43.1 96-96v-64c0-17.7-14.3-32-32-32s-32 14.3-32 32v64z" fill="currentColor"/>
@@ -50,16 +50,16 @@
               <path d="M736 672v64c0 17.7-14.3 32-32 32H560c-17.7 0-32 14.3-32 32s14.3 32 32 32h144c52.9 0 96-43.1 96-96v-64c0-17.7-14.3-32-32-32s-32 14.3-32 32z" fill="currentColor"/>
             </svg>
             生成报表
-          </el-button>
-          <el-button type="success" @click="exportToExcel" class="custom-btn">
+          </el-button></div>
+          <div class="success-btn"><el-button type="success" @click="exportToExcel" class="custom-btn">
             <svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
               <path d="M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-32 736H176V176h672v672z" fill="currentColor"/>
               <path d="M688 336H336c-8.8 0-16 7.2-16 16v256c0 8.8 7.2 16 16 16h352c8.8 0 16-7.2 16-16V352c0-8.8-7.2-16-16-16zm-16 256H352V368h320v224z" fill="currentColor"/>
               <path d="M576 464H448c-8.8 0-16 7.2-16 16s7.2 16 16 16h128c8.8 0 16-7.2 16-16s-7.2-16-16-16z" fill="currentColor"/>
             </svg>
             导出Excel
-          </el-button>
-          <el-button type="warning" @click="exportToPDF" class="custom-btn">
+          </el-button></div>
+          <div class="warning-btn"><el-button type="warning" @click="exportToPDF" class="custom-btn">
             <svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
               <path d="M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-32 736H176V176h672v672z" fill="currentColor"/>
               <path d="M448 352h128c17.7 0 32-14.3 32-32s-14.3-32-32-32H448c-17.7 0-32 14.3-32 32s14.3 32 32 32z" fill="currentColor"/>
@@ -67,7 +67,7 @@
               <path d="M448 576h192c17.7 0 32-14.3 32-32s-14.3-32-32-32H448c-17.7 0-32 14.3-32 32s14.3 32 32 32z" fill="currentColor"/>
             </svg>
             导出PDF
-          </el-button>
+          </el-button></div>
         </div>
       </div>
     </div>
diff --git a/src/views/newLifeWater/alarmManage/index.vue b/src/views/newLifeWater/alarmManage/index.vue
index e04788a..c12bd93 100644
--- a/src/views/newLifeWater/alarmManage/index.vue
+++ b/src/views/newLifeWater/alarmManage/index.vue
@@ -112,18 +112,18 @@
         </div>
       </div>
       <div class="config-actions">
-        <el-button type="primary" @click="testConnection" class="custom-btn">
+        <div class="primary-btn"><el-button type="primary" @click="testConnection" class="custom-btn">
           <svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
             <path d="M864 256H160c-17.7 0-32 14.3-32 32v448c0 17.7 14.3 32 32 32h704c17.7 0 32-14.3 32-32V288c0-17.7-14.3-32-32-32zm0 64H192V384h672v-64z" fill="currentColor"/>
           </svg>
           测试连接
-        </el-button>
-        <el-button type="success" @click="saveConfig" class="custom-btn">
+        </el-button></div>
+        <div class="success-btn"><el-button type="success" @click="saveConfig" class="custom-btn">
           <svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
             <path d="M864 256H160c-17.7 0-32 14.3-32 32v448c0 17.7 14.3 32 32 32h704c17.7 0 32-14.3 32-32V288c0-17.7-14.3-32-32-32zm0 64H192V384h672v-64z" fill="currentColor"/>
           </svg>
           保存配置
-        </el-button>
+        </el-button></div>
       </div>
     </div>
     </div>
@@ -179,9 +179,9 @@
           clearable
           class="search-input custom-input"
         ></el-input>
-        <el-button type="primary" @click="handleSearch" class="custom-btn">查询</el-button>
+        <div class="primary-btn"><el-button type="primary" @click="handleSearch" class="custom-btn">查询</el-button></div>
         <el-button @click="handleReset" class="custom-btn">重置</el-button>
-        <el-button type="success" @click="handleExport" class="custom-btn">导出</el-button>
+        <div class="success-btn"> <el-button type="success" @click="handleExport" class="custom-btn">导出</el-button></div>
       </div>
     </div>
 
@@ -238,15 +238,14 @@
               </td>
               <td class="action-cell">
                 <div class="action-buttons">
-                  <el-button
-                    v-if="!alarm.workOrderId"
+                  <div class="primary-btn" v-if="!alarm.workOrderId"><el-button
                     type="primary"
                     size="small"
                     @click="createWorkOrder(alarm)"
                     class="action-btn"
                   >
                     创建工单
-                  </el-button>
+                  </el-button></div>
                   <el-button
                     size="small"
                     @click="viewAlarmDetail(alarm)"
diff --git a/src/views/newLifeWater/deviceManage/info/index.vue b/src/views/newLifeWater/deviceManage/info/index.vue
index 40316eb..52d55a9 100644
--- a/src/views/newLifeWater/deviceManage/info/index.vue
+++ b/src/views/newLifeWater/deviceManage/info/index.vue
@@ -54,14 +54,14 @@
         </div>
       </div>
       <div class="action-group">
-        <el-button type="primary" @click="handleSearch" class="custom-btn">查询</el-button>
+        <div class="primary-btn"><el-button type="primary" @click="handleSearch" class="custom-btn">查询</el-button></div>
         <el-button @click="handleReset" class="custom-btn">重置</el-button>
-        <el-button type="success" @click="handleExport" class="custom-btn">
+        <div class="success-btn"><el-button type="success" @click="handleExport" class="custom-btn">
           <svg class="btn-icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
             <path d="M384 704h256v-192h192l-320-320-320 320h192v192zM128 768h768v64H128v-64z" fill="currentColor"/>
           </svg>
           导出列表
-        </el-button>
+        </el-button></div>
       </div>
     </div>
 
diff --git a/src/views/newLifeWater/energyManage/energyConsumptionEfficiencyTrend/index.vue b/src/views/newLifeWater/energyManage/energyConsumptionEfficiencyTrend/index.vue
index 4ca4226..b82d6bf 100644
--- a/src/views/newLifeWater/energyManage/energyConsumptionEfficiencyTrend/index.vue
+++ b/src/views/newLifeWater/energyManage/energyConsumptionEfficiencyTrend/index.vue
@@ -42,19 +42,27 @@
           size="small"
         />
       </div>
-      <el-checkbox v-model="showWarningMarkers" style="margin-left: 0.2rem;">显示预警标记</el-checkbox>
+      <el-checkbox v-model="showWarningMarkers" style="margin-left: 0.2rem"
+        >显示预警标记</el-checkbox
+      >
     </div>
 
     <!-- 核心指标卡片 -->
     <div class="indicator-cards">
       <div class="indicator-card">
-        <div class="card-icon" style="background: linear-gradient(135deg, #5470C6 0%, #91CAFC 100%);">
+        <div
+          class="card-icon"
+          style="background: linear-gradient(135deg, #5470c6 0%, #91cafc 100%)"
+        >
           <span>总用电</span>
         </div>
         <div class="card-content">
           <div class="card-value">{{ indicators.totalElectricity }}</div>
           <div class="card-label">总用电量(kWh)</div>
-          <div class="card-change" :class="indicators.electricityChange <= 0 ? 'positive' : 'negative'">
+          <div
+            class="card-change"
+            :class="indicators.electricityChange <= 0 ? 'positive' : 'negative'"
+          >
             <span v-if="indicators.electricityChange > 0">↑</span>
             <span v-else>↓</span>
             {{ Math.abs(indicators.electricityChange) }}%
@@ -62,13 +70,19 @@
         </div>
       </div>
       <div class="indicator-card">
-        <div class="card-icon" style="background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);">
+        <div
+          class="card-icon"
+          style="background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%)"
+        >
           <span>总供水</span>
         </div>
         <div class="card-content">
           <div class="card-value">{{ indicators.totalWaterSupply }}</div>
           <div class="card-label">总供水量(m³)</div>
-          <div class="card-change" :class="indicators.waterSupplyChange >= 0 ? 'positive' : 'negative'">
+          <div
+            class="card-change"
+            :class="indicators.waterSupplyChange >= 0 ? 'positive' : 'negative'"
+          >
             <span v-if="indicators.waterSupplyChange >= 0">↑</span>
             <span v-else>↓</span>
             {{ Math.abs(indicators.waterSupplyChange) }}%
@@ -76,13 +90,19 @@
         </div>
       </div>
       <div class="indicator-card">
-        <div class="card-icon" style="background: linear-gradient(135deg, #91CC75 0%, #F5A623 100%);">
+        <div
+          class="card-icon"
+          style="background: linear-gradient(135deg, #91cc75 0%, #f5a623 100%)"
+        >
           <span>节能率</span>
         </div>
         <div class="card-content">
           <div class="card-value">{{ indicators.savingRate }}%</div>
           <div class="card-label">综合节能率</div>
-          <div class="card-change" :class="indicators.savingRateChange >= 0 ? 'positive' : 'negative'">
+          <div
+            class="card-change"
+            :class="indicators.savingRateChange >= 0 ? 'positive' : 'negative'"
+          >
             <span v-if="indicators.savingRateChange >= 0">↑</span>
             <span v-else>↓</span>
             {{ Math.abs(indicators.savingRateChange) }}%
@@ -90,13 +110,21 @@
         </div>
       </div>
       <div class="indicator-card">
-        <div class="card-icon" style="background: linear-gradient(135deg, #FAC858 0%, #F59E0B 100%);">
+        <div
+          class="card-icon"
+          style="background: linear-gradient(135deg, #fac858 0%, #f59e0b 100%)"
+        >
           <span>吨水能耗</span>
         </div>
         <div class="card-content">
           <div class="card-value">{{ indicators.unitWaterEnergy }}</div>
           <div class="card-label">吨水能耗(kWh/m³)</div>
-          <div class="card-change" :class="indicators.unitWaterEnergyChange <= 0 ? 'positive' : 'negative'">
+          <div
+            class="card-change"
+            :class="
+              indicators.unitWaterEnergyChange <= 0 ? 'positive' : 'negative'
+            "
+          >
             <span v-if="indicators.unitWaterEnergyChange > 0">↑</span>
             <span v-else>↓</span>
             {{ Math.abs(indicators.unitWaterEnergyChange) }}%
@@ -104,13 +132,19 @@
         </div>
       </div>
       <div class="indicator-card">
-        <div class="card-icon" style="background: linear-gradient(135deg, #73C0DE 0%, #3BA272 100%);">
+        <div
+          class="card-icon"
+          style="background: linear-gradient(135deg, #73c0de 0%, #3ba272 100%)"
+        >
           <span>节电金额</span>
         </div>
         <div class="card-content">
           <div class="card-value">{{ indicators.savingMoney }}万元</div>
           <div class="card-label">累计节电金额</div>
-          <div class="card-change" :class="indicators.savingMoneyChange >= 0 ? 'positive' : 'negative'">
+          <div
+            class="card-change"
+            :class="indicators.savingMoneyChange >= 0 ? 'positive' : 'negative'"
+          >
             <span v-if="indicators.savingMoneyChange >= 0">↑</span>
             <span v-else>↓</span>
             {{ Math.abs(indicators.savingMoneyChange) }}%
@@ -123,20 +157,20 @@
     <div class="chart-container">
       <div class="chart-header">
         <div class="chart-title">
-          <span class="title-icon" style="background: #15e1fd;"></span>
+          <span class="title-icon" style="background: #15e1fd"></span>
           <span>水泵系统总用电量趋势</span>
         </div>
         <div class="chart-legend">
           <div class="legend-item">
-            <span class="legend-dot" style="background: #15e1fd;"></span>
+            <span class="legend-dot" style="background: #15e1fd"></span>
             <span>当前时段</span>
           </div>
           <div class="legend-item" v-if="enableCompare">
-            <span class="legend-dot" style="background: #91CC75;"></span>
+            <span class="legend-dot" style="background: #91cc75"></span>
             <span>对比时段</span>
           </div>
           <div class="legend-item">
-            <span class="legend-dot" style="background: #EE6666;"></span>
+            <span class="legend-dot" style="background: #ee6666"></span>
             <span>预警时段</span>
           </div>
         </div>
@@ -148,16 +182,16 @@
     <div class="chart-container">
       <div class="chart-header">
         <div class="chart-title">
-          <span class="title-icon" style="background: #4facfe;"></span>
+          <span class="title-icon" style="background: #4facfe"></span>
           <span>水泵系统总供水量趋势</span>
         </div>
         <div class="chart-legend">
           <div class="legend-item">
-            <span class="legend-dot" style="background: #4facfe;"></span>
+            <span class="legend-dot" style="background: #4facfe"></span>
             <span>当前时段</span>
           </div>
           <div class="legend-item" v-if="enableCompare">
-            <span class="legend-dot" style="background: #5470C6;"></span>
+            <span class="legend-dot" style="background: #5470c6"></span>
             <span>对比时段</span>
           </div>
         </div>
@@ -169,24 +203,24 @@
     <div class="chart-container">
       <div class="chart-header">
         <div class="chart-title">
-          <span class="title-icon" style="background: #FAC858;"></span>
+          <span class="title-icon" style="background: #fac858"></span>
           <span>分区用电量趋势</span>
         </div>
         <div class="chart-legend">
           <div class="legend-item">
-            <span class="legend-dot" style="background: #667eea;"></span>
+            <span class="legend-dot" style="background: #667eea"></span>
             <span>高区</span>
           </div>
           <div class="legend-item">
-            <span class="legend-dot" style="background: #f093fb;"></span>
+            <span class="legend-dot" style="background: #f093fb"></span>
             <span>中区</span>
           </div>
           <div class="legend-item">
-            <span class="legend-dot" style="background: #4facfe;"></span>
+            <span class="legend-dot" style="background: #4facfe"></span>
             <span>低区</span>
           </div>
           <div class="legend-item">
-            <span class="legend-dot" style="background: #fa709a;"></span>
+            <span class="legend-dot" style="background: #fa709a"></span>
             <span>消防区</span>
           </div>
         </div>
@@ -198,24 +232,24 @@
     <div class="chart-container">
       <div class="chart-header">
         <div class="chart-title">
-          <span class="title-icon" style="background: #91CC75;"></span>
+          <span class="title-icon" style="background: #91cc75"></span>
           <span>分区供水量趋势</span>
         </div>
         <div class="chart-legend">
           <div class="legend-item">
-            <span class="legend-dot" style="background: #667eea;"></span>
+            <span class="legend-dot" style="background: #667eea"></span>
             <span>高区</span>
           </div>
           <div class="legend-item">
-            <span class="legend-dot" style="background: #f093fb;"></span>
+            <span class="legend-dot" style="background: #f093fb"></span>
             <span>中区</span>
           </div>
           <div class="legend-item">
-            <span class="legend-dot" style="background: #4facfe;"></span>
+            <span class="legend-dot" style="background: #4facfe"></span>
             <span>低区</span>
           </div>
           <div class="legend-item">
-            <span class="legend-dot" style="background: #fa709a;"></span>
+            <span class="legend-dot" style="background: #fa709a"></span>
             <span>消防区</span>
           </div>
         </div>
@@ -227,11 +261,17 @@
     <div class="chart-container">
       <div class="chart-header">
         <div class="chart-title">
-          <span class="title-icon" style="background: #5470C6;"></span>
+          <span class="title-icon" style="background: #5470c6"></span>
           <span>吨水能耗对比</span>
         </div>
         <div class="chart-controls">
-          <el-select v-model="waterEnergyChartType" @change="updateWaterEnergyChart" size="small" class="custom-select" style="width: 1rem;">
+          <el-select
+            v-model="waterEnergyChartType"
+            @change="updateWaterEnergyChart"
+            size="small"
+            class="custom-select"
+            style="width: 1rem"
+          >
             <el-option label="柱状图" value="bar"></el-option>
             <el-option label="折线图" value="line"></el-option>
           </el-select>
@@ -248,47 +288,91 @@
       <div class="analysis-content" v-if="enableCompare">
         <div class="analysis-item">
           <div class="analysis-label">用电量变化</div>
-          <div class="analysis-value" :class="compareAnalysis.electricityDiff <= 0 ? 'up' : 'down'">
-            {{ compareAnalysis.electricityDiff > 0 ? '+' : '' }}{{ compareAnalysis.electricityDiff }}kWh
+          <div
+            class="analysis-value"
+            :class="compareAnalysis.electricityDiff <= 0 ? 'up' : 'down'"
+          >
+            {{ compareAnalysis.electricityDiff > 0 ? "+" : ""
+            }}{{ compareAnalysis.electricityDiff }}kWh
           </div>
-          <div class="analysis-percentage" :class="compareAnalysis.electricityRate <= 0 ? 'up' : 'down'">
-            ({{ compareAnalysis.electricityRate > 0 ? '+' : '' }}{{ compareAnalysis.electricityRate }}%)
+          <div
+            class="analysis-percentage"
+            :class="compareAnalysis.electricityRate <= 0 ? 'up' : 'down'"
+          >
+            ({{ compareAnalysis.electricityRate > 0 ? "+" : ""
+            }}{{ compareAnalysis.electricityRate }}%)
           </div>
         </div>
         <div class="analysis-item">
           <div class="analysis-label">供水量变化</div>
-          <div class="analysis-value" :class="compareAnalysis.waterSupplyDiff >= 0 ? 'up' : 'down'">
-            {{ compareAnalysis.waterSupplyDiff > 0 ? '+' : '' }}{{ compareAnalysis.waterSupplyDiff }}m³
+          <div
+            class="analysis-value"
+            :class="compareAnalysis.waterSupplyDiff >= 0 ? 'up' : 'down'"
+          >
+            {{ compareAnalysis.waterSupplyDiff > 0 ? "+" : ""
+            }}{{ compareAnalysis.waterSupplyDiff }}m³
           </div>
-          <div class="analysis-percentage" :class="compareAnalysis.waterSupplyRate >= 0 ? 'up' : 'down'">
-            ({{ compareAnalysis.waterSupplyRate > 0 ? '+' : '' }}{{ compareAnalysis.waterSupplyRate }}%)
+          <div
+            class="analysis-percentage"
+            :class="compareAnalysis.waterSupplyRate >= 0 ? 'up' : 'down'"
+          >
+            ({{ compareAnalysis.waterSupplyRate > 0 ? "+" : ""
+            }}{{ compareAnalysis.waterSupplyRate }}%)
           </div>
         </div>
         <div class="analysis-item">
           <div class="analysis-label">节能率变化</div>
-          <div class="analysis-value" :class="compareAnalysis.savingRateDiff >= 0 ? 'up' : 'down'">
-            {{ compareAnalysis.savingRateDiff > 0 ? '+' : '' }}{{ compareAnalysis.savingRateDiff }}%
+          <div
+            class="analysis-value"
+            :class="compareAnalysis.savingRateDiff >= 0 ? 'up' : 'down'"
+          >
+            {{ compareAnalysis.savingRateDiff > 0 ? "+" : ""
+            }}{{ compareAnalysis.savingRateDiff }}%
           </div>
-          <div class="analysis-percentage" :class="compareAnalysis.savingRateRate >= 0 ? 'up' : 'down'">
-            ({{ compareAnalysis.savingRateRate > 0 ? '+' : '' }}{{ compareAnalysis.savingRateRate }}%)
+          <div
+            class="analysis-percentage"
+            :class="compareAnalysis.savingRateRate >= 0 ? 'up' : 'down'"
+          >
+            ({{ compareAnalysis.savingRateRate > 0 ? "+" : ""
+            }}{{ compareAnalysis.savingRateRate }}%)
           </div>
         </div>
         <div class="analysis-item">
           <div class="analysis-label">节电金额变化</div>
-          <div class="analysis-value" :class="compareAnalysis.moneyDiff >= 0 ? 'up' : 'down'">
-            {{ compareAnalysis.moneyDiff > 0 ? '+' : '' }}{{ compareAnalysis.moneyDiff }}万元
+          <div
+            class="analysis-value"
+            :class="compareAnalysis.moneyDiff >= 0 ? 'up' : 'down'"
+          >
+            {{ compareAnalysis.moneyDiff > 0 ? "+" : ""
+            }}{{ compareAnalysis.moneyDiff }}万元
           </div>
-          <div class="analysis-percentage" :class="compareAnalysis.moneyRate >= 0 ? 'up' : 'down'">
-            ({{ compareAnalysis.moneyRate > 0 ? '+' : '' }}{{ compareAnalysis.moneyRate }}%)
+          <div
+            class="analysis-percentage"
+            :class="compareAnalysis.moneyRate >= 0 ? 'up' : 'down'"
+          >
+            ({{ compareAnalysis.moneyRate > 0 ? "+" : ""
+            }}{{ compareAnalysis.moneyRate }}%)
           </div>
         </div>
       </div>
       <div class="analysis-hint" v-else>
-        <svg class="hint-icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
-          <path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z" fill="currentColor"/>
-          <path d="M464 336a48 48 0 1096 0 48 48 0 10-96 0zm72 112h-48c-4.4 0-8 3.6-8 8v272c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V456c0-4.4-3.6-8-8-8z" fill="currentColor"/>
+        <svg
+          class="hint-icon"
+          viewBox="0 0 1024 1024"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
+            fill="currentColor"
+          />
+          <path
+            d="M464 336a48 48 0 1096 0 48 48 0 10-96 0zm72 112h-48c-4.4 0-8 3.6-8 8v272c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V456c0-4.4-3.6-8-8-8z"
+            fill="currentColor"
+          />
         </svg>
-        <span>开启对比模式后可查看两个时间段的用电量、供水量及节能效果对比分析</span>
+        <span
+          >开启对比模式后可查看两个时间段的用电量、供水量及节能效果对比分析</span
+        >
       </div>
     </div>
 
@@ -297,7 +381,14 @@
       <div class="section-header">
         <div class="section-title">能耗预警与关联分析</div>
         <div class="section-actions">
-          <el-select v-model="warningFilter.level" placeholder="预警级别" clearable size="small" class="custom-select" style="width: 1.2rem;">
+          <el-select
+            v-model="warningFilter.level"
+            placeholder="预警级别"
+            clearable
+            size="small"
+            class="custom-select"
+            style="width: 1.2rem"
+          >
             <el-option label="全部" value=""></el-option>
             <el-option label="严重" value="critical"></el-option>
             <el-option label="重要" value="major"></el-option>
@@ -315,11 +406,15 @@
           </div>
           <div class="header-item">
             <span class="label">用电损失</span>
-            <span class="value warning-impact">{{ warningStats.electricityLoss }}kWh</span>
+            <span class="value warning-impact"
+              >{{ warningStats.electricityLoss }}kWh</span
+            >
           </div>
           <div class="header-item">
             <span class="label">节能率下降</span>
-            <span class="value warning-impact">{{ warningStats.savingRateDrop }}%</span>
+            <span class="value warning-impact"
+              >{{ warningStats.savingRateDrop }}%</span
+            >
           </div>
           <div class="header-item">
             <span class="label">影响时长</span>
@@ -354,56 +449,117 @@
               <tr v-for="warning in filteredWarnings" :key="warning.id">
                 <td>{{ warning.warningTime }}</td>
                 <td>
-                  <span class="level-badge" :class="warning.level">{{ getWarningLevelText(warning.level) }}</span>
+                  <span class="level-badge" :class="warning.level">{{
+                    getWarningLevelText(warning.level)
+                  }}</span>
                 </td>
                 <td class="title-cell">{{ warning.title }}</td>
                 <td>{{ warning.zoneName }}</td>
                 <td>
-                  <span class="status-badge" :class="warning.status">{{ getWarningStatusText(warning.status) }}</span>
+                  <span class="status-badge" :class="warning.status">{{
+                    getWarningStatusText(warning.status)
+                  }}</span>
                 </td>
-                <td :class="warning.electricityImpact > 0 ? 'energy-loss' : 'energy-save'">
-                  {{ warning.electricityImpact > 0 ? '+' : '' }}{{ warning.electricityImpact }}kWh
+                <td
+                  :class="
+                    warning.electricityImpact > 0
+                      ? 'energy-loss'
+                      : 'energy-save'
+                  "
+                >
+                  {{ warning.electricityImpact > 0 ? "+" : ""
+                  }}{{ warning.electricityImpact }}kWh
                 </td>
-                <td :class="warning.waterSupplyImpact >= 0 ? 'water-up' : 'water-down'">
-                  {{ warning.waterSupplyImpact > 0 ? '+' : '' }}{{ warning.waterSupplyImpact }}m³
+                <td
+                  :class="
+                    warning.waterSupplyImpact >= 0 ? 'water-up' : 'water-down'
+                  "
+                >
+                  {{ warning.waterSupplyImpact > 0 ? "+" : ""
+                  }}{{ warning.waterSupplyImpact }}m³
                 </td>
-                <td :class="warning.savingRateImpact < 0 ? 'saving-drop' : 'saving-rise'">
-                  {{ warning.savingRateImpact > 0 ? '+' : '' }}{{ warning.savingRateImpact }}%
+                <td
+                  :class="
+                    warning.savingRateImpact < 0 ? 'saving-drop' : 'saving-rise'
+                  "
+                >
+                  {{ warning.savingRateImpact > 0 ? "+" : ""
+                  }}{{ warning.savingRateImpact }}%
                 </td>
                 <td>{{ warning.impactDuration }}h</td>
                 <td>
                   <div class="action-buttons">
-                    <el-button
-                      size="small"
-                      type="primary"
-                      @click="viewWarningDetail(warning)"
-                      class="action-btn"
+                    <div class="primary-btn">
+                      <el-button
+                        size="small"
+                        type="primary"
+                        @click="viewWarningDetail(warning)"
+                        class="action-btn"
+                      >
+                        详情
+                      </el-button>
+                    </div>
+                    <div
+                      class="success-btn"
+                      v-if="
+                        warning.status === 'pending' ||
+                        warning.status === 'processing'
+                      "
                     >
-                      详情
-                    </el-button>
-                    <el-button
-                      v-if="warning.status === 'pending' || warning.status === 'processing'"
-                      size="small"
-                      type="success"
-                      @click="handleWarningResolve(warning)"
-                      class="action-btn"
+                      <el-button
+                        size="small"
+                        type="success"
+                        @click="handleWarningResolve(warning)"
+                        class="action-btn"
+                      >
+                        处理
+                      </el-button>
+                    </div>
+                    <el-dropdown
+                      @command="(cmd) => handleWarningCommand(cmd, warning)"
+                      class="action-dropdown"
                     >
-                      处理
-                    </el-button>
-                    <el-dropdown @command="(cmd) => handleWarningCommand(cmd, warning)" class="action-dropdown">
                       <el-button size="small" class="action-btn">
                         更多
-                        <svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" style="margin-left: 0.04rem; width: 0.1rem; height: 0.1rem;">
-                          <path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z" fill="currentColor"/>
-                          <path d="M688 464H336c-8.8 0-16 7.2-16 16v64c0 8.8 7.2 16 16 16h352c8.8 0 16-7.2 16-16v-64c0-8.8-7.2-16-16-16z" fill="currentColor"/>
+                        <svg
+                          viewBox="0 0 1024 1024"
+                          xmlns="http://www.w3.org/2000/svg"
+                          style="
+                            margin-left: 0.04rem;
+                            width: 0.1rem;
+                            height: 0.1rem;
+                          "
+                        >
+                          <path
+                            d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
+                            fill="currentColor"
+                          />
+                          <path
+                            d="M688 464H336c-8.8 0-16 7.2-16 16v64c0 8.8 7.2 16 16 16h352c8.8 0 16-7.2 16-16v-64c0-8.8-7.2-16-16-16z"
+                            fill="currentColor"
+                          />
                         </svg>
                       </el-button>
                       <template #dropdown>
                         <el-dropdown-menu class="custom-dropdown-menu">
-                          <el-dropdown-item command="markResolved" v-if="warning.status !== 'resolved'">标记已处理</el-dropdown-item>
-                          <el-dropdown-item command="close" v-if="warning.status !== 'resolved'">关闭预警</el-dropdown-item>
-                          <el-dropdown-item command="reopen" v-if="warning.status === 'resolved'">重新打开</el-dropdown-item>
-                          <el-dropdown-item command="export" divided>导出报告</el-dropdown-item>
+                          <el-dropdown-item
+                            command="markResolved"
+                            v-if="warning.status !== 'resolved'"
+                            >标记已处理</el-dropdown-item
+                          >
+                          <el-dropdown-item
+                            command="close"
+                            v-if="warning.status !== 'resolved'"
+                            >关闭预警</el-dropdown-item
+                          >
+                          <el-dropdown-item
+                            command="reopen"
+                            v-if="warning.status === 'resolved'"
+                            >重新打开</el-dropdown-item
+                          >
+                          <el-dropdown-item command="export" divided
+                            >导出报告</el-dropdown-item
+                          >
                         </el-dropdown-menu>
                       </template>
                     </el-dropdown>
@@ -433,7 +589,11 @@
             </div>
             <div class="info-item">
               <span class="item-label">预警级别:</span>
-              <span class="item-value level-badge" :class="selectedWarning.level">{{ getWarningLevelText(selectedWarning.level) }}</span>
+              <span
+                class="item-value level-badge"
+                :class="selectedWarning.level"
+                >{{ getWarningLevelText(selectedWarning.level) }}</span
+              >
             </div>
             <div class="info-item">
               <span class="item-label">区域名称:</span>
@@ -455,22 +615,30 @@
           <div class="impact-cards">
             <div class="impact-card">
               <div class="card-label">用电增加</div>
-              <div class="card-value energy-impact">{{ selectedWarning.electricityImpact }}kWh</div>
+              <div class="card-value energy-impact">
+                {{ selectedWarning.electricityImpact }}kWh
+              </div>
               <div class="card-desc">相比正常运行时段</div>
             </div>
             <div class="impact-card">
               <div class="card-label">供水减少</div>
-              <div class="card-value water-impact">{{ selectedWarning.waterSupplyImpact }}m³</div>
+              <div class="card-value water-impact">
+                {{ selectedWarning.waterSupplyImpact }}m³
+              </div>
               <div class="card-desc">系统供水量减少</div>
             </div>
             <div class="impact-card">
               <div class="card-label">节能率下降</div>
-              <div class="card-value saving-impact">{{ selectedWarning.savingRateImpact }}%</div>
+              <div class="card-value saving-impact">
+                {{ selectedWarning.savingRateImpact }}%
+              </div>
               <div class="card-desc">系统节能率降低</div>
             </div>
             <div class="impact-card">
               <div class="card-label">经济损失</div>
-              <div class="card-value cost-impact">{{ selectedWarning.costImpact }}元</div>
+              <div class="card-value cost-impact">
+                {{ selectedWarning.costImpact }}元
+              </div>
               <div class="card-desc">电费损失估算</div>
             </div>
           </div>
@@ -478,11 +646,18 @@
 
         <div class="detail-section">
           <div class="section-title">能耗与供水趋势对比</div>
-          <div class="energy-comparison-chart" ref="energyComparisonChartRef"></div>
+          <div
+            class="energy-comparison-chart"
+            ref="energyComparisonChartRef"
+          ></div>
         </div>
       </div>
       <template #footer>
-        <el-button @click="warningDetailDialogVisible = false" class="custom-btn">关闭</el-button>
+        <el-button
+          @click="warningDetailDialogVisible = false"
+          class="custom-btn"
+          >关闭</el-button
+        >
       </template>
     </el-dialog>
   </div>
@@ -511,7 +686,7 @@ export default {
         unitWaterEnergy: 0.73,
         unitWaterEnergyChange: -12.5,
         savingMoney: 28.6,
-        savingMoneyChange: 9.3
+        savingMoneyChange: 9.3,
       },
       compareAnalysis: {
         electricityDiff: -26500,
@@ -521,16 +696,16 @@ export default {
         savingRateDiff: 1.8,
         savingRateRate: 7.5,
         moneyDiff: 2.5,
-        moneyRate: 9.6
+        moneyRate: 9.6,
       },
       warningStats: {
         total: 15,
         electricityLoss: 3850,
         savingRateDrop: -4.8,
-        impactDuration: 72
+        impactDuration: 72,
       },
       warningFilter: {
-        level: ""
+        level: "",
       },
       warningList: [],
       waterEnergyChartType: "bar",
@@ -542,17 +717,17 @@ export default {
       warningTimelineChart: null,
       energyComparisonChart: null,
       warningDetailDialogVisible: false,
-      selectedWarning: null
+      selectedWarning: null,
     };
   },
   computed: {
     filteredWarnings() {
       let warnings = [...this.warningList];
       if (this.warningFilter.level) {
-        warnings = warnings.filter(w => w.level === this.warningFilter.level);
+        warnings = warnings.filter((w) => w.level === this.warningFilter.level);
       }
       return warnings;
-    }
+    },
   },
   mounted() {
     this.initTotalElectricityChart();
@@ -591,7 +766,7 @@ export default {
     },
     "warningFilter.level"() {
       this.updateWarningTimelineChart();
-    }
+    },
   },
   methods: {
     handlePeriodChange(index) {
@@ -601,7 +776,9 @@ export default {
       this.updateAllCharts();
     },
     initTotalElectricityChart() {
-      this.totalElectricityChart = echarts.init(this.$refs.totalElectricityChartRef);
+      this.totalElectricityChart = echarts.init(
+        this.$refs.totalElectricityChartRef
+      );
       this.updateTotalElectricityChart();
     },
     updateTotalElectricityChart() {
@@ -610,26 +787,26 @@ export default {
           xData: ["周一", "周二", "周三", "周四", "周五", "周六", "周日"],
           current: [42000, 45000, 43000, 48000, 51000, 46000, 44000],
           compare: [46000, 49000, 47000, 52000, 55000, 50000, 48000],
-          warningData: [0, 1, 0, 2, 1, 0, 0]
+          warningData: [0, 1, 0, 2, 1, 0, 0],
         },
         1: {
           xData: ["1日", "5日", "10日", "15日", "20日", "25日", "30日"],
           current: [410000, 450000, 430000, 480000, 510000, 460000, 440000],
           compare: [450000, 490000, 470000, 520000, 550000, 500000, 480000],
-          warningData: [3, 5, 2, 8, 6, 4, 3]
+          warningData: [3, 5, 2, 8, 6, 4, 3],
         },
         2: {
           xData: ["1月", "2月", "3月"],
           current: [12500000, 13800000, 13200000],
           compare: [13600000, 15000000, 14400000],
-          warningData: [45, 62, 38]
+          warningData: [45, 62, 38],
         },
         3: {
           xData: ["周一", "周二", "周三", "周四", "周五", "周六", "周日"],
           current: [42000, 45000, 43000, 48000, 51000, 46000, 44000],
           compare: [46000, 49000, 47000, 52000, 55000, 50000, 48000],
-          warningData: [0, 1, 0, 2, 1, 0, 0]
-        }
+          warningData: [0, 1, 0, 2, 1, 0, 0],
+        },
       };
 
       const currentData = dataMap[this.activePeriod];
@@ -644,32 +821,39 @@ export default {
           areaStyle: {
             color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
               { offset: 0, color: "rgba(21, 225, 253, 0.5)" },
-              { offset: 1, color: "rgba(21, 225, 253, 0)" }
-            ])
-          }
-        }
+              { offset: 1, color: "rgba(21, 225, 253, 0)" },
+            ]),
+          },
+        },
       ];
 
       if (this.showWarningMarkers) {
-        const warningPoints = currentData.warningData.map((value, index) => {
-          if (value > 0) {
-            return {
-              name: currentData.xData[index],
-              value: value,
-              xAxis: index,
-              yAxis: this.activePeriod === 2 ? 14000000 : 50000,
-              itemStyle: { color: "#EE6666" }
-            };
-          }
-          return null;
-        }).filter(item => item !== null);
-        
+        const warningPoints = currentData.warningData
+          .map((value, index) => {
+            if (value > 0) {
+              return {
+                name: currentData.xData[index],
+                value: value,
+                xAxis: index,
+                yAxis: this.activePeriod === 2 ? 14000000 : 50000,
+                itemStyle: { color: "#EE6666" },
+              };
+            }
+            return null;
+          })
+          .filter((item) => item !== null);
+
         if (warningPoints.length > 0) {
           series[0].markPoint = {
             data: warningPoints,
             symbol: "pin",
             symbolSize: 30,
-            label: { show: true, color: "#ffffff", fontSize: 10, formatter: "预警" }
+            label: {
+              show: true,
+              color: "#ffffff",
+              fontSize: 10,
+              formatter: "预警",
+            },
           };
         }
       }
@@ -681,7 +865,7 @@ export default {
           smooth: true,
           data: currentData.compare,
           itemStyle: { color: "#91CC75" },
-          lineStyle: { color: "#91CC75", width: 2, type: "dashed" }
+          lineStyle: { color: "#91CC75", width: 2, type: "dashed" },
         });
       }
 
@@ -694,7 +878,7 @@ export default {
           data: currentData.xData,
           axisLabel: { color: "rgba(255, 255, 255, 0.8)" },
           axisLine: { lineStyle: { color: "#365576" } },
-          axisTick: { show: false }
+          axisTick: { show: false },
         },
         yAxis: {
           type: "value",
@@ -702,14 +886,16 @@ export default {
           nameTextStyle: { color: "rgba(255, 255, 255, 0.8)" },
           axisLabel: { color: "rgba(255, 255, 255, 0.8)" },
           axisLine: { lineStyle: { color: "#365576" } },
-          splitLine: { lineStyle: { color: "#1a3d62", type: "dashed" } }
+          splitLine: { lineStyle: { color: "#1a3d62", type: "dashed" } },
         },
-        series: series
+        series: series,
       };
       this.totalElectricityChart.setOption(option);
     },
     initTotalWaterSupplyChart() {
-      this.totalWaterSupplyChart = echarts.init(this.$refs.totalWaterSupplyChartRef);
+      this.totalWaterSupplyChart = echarts.init(
+        this.$refs.totalWaterSupplyChartRef
+      );
       this.updateTotalWaterSupplyChart();
     },
     updateTotalWaterSupplyChart() {
@@ -717,23 +903,23 @@ export default {
         0: {
           xData: ["周一", "周二", "周三", "周四", "周五", "周六", "周日"],
           current: [18500, 19500, 18800, 21000, 22500, 20000, 19000],
-          compare: [17500, 18500, 17800, 20000, 21500, 19000, 18000]
+          compare: [17500, 18500, 17800, 20000, 21500, 19000, 18000],
         },
         1: {
           xData: ["1日", "5日", "10日", "15日", "20日", "25日", "30日"],
           current: [180000, 190000, 183000, 205000, 220000, 195000, 185000],
-          compare: [170000, 180000, 173000, 195000, 210000, 185000, 175000]
+          compare: [170000, 180000, 173000, 195000, 210000, 185000, 175000],
         },
         2: {
           xData: ["1月", "2月", "3月"],
           current: [5500000, 5800000, 5650000],
-          compare: [5200000, 5500000, 5350000]
+          compare: [5200000, 5500000, 5350000],
         },
         3: {
           xData: ["周一", "周二", "周三", "周四", "周五", "周六", "周日"],
           current: [18500, 19500, 18800, 21000, 22500, 20000, 19000],
-          compare: [17500, 18500, 17800, 20000, 21500, 19000, 18000]
-        }
+          compare: [17500, 18500, 17800, 20000, 21500, 19000, 18000],
+        },
       };
 
       const currentData = dataMap[this.activePeriod];
@@ -748,10 +934,10 @@ export default {
           areaStyle: {
             color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
               { offset: 0, color: "rgba(79, 172, 254, 0.5)" },
-              { offset: 1, color: "rgba(79, 172, 254, 0)" }
-            ])
-          }
-        }
+              { offset: 1, color: "rgba(79, 172, 254, 0)" },
+            ]),
+          },
+        },
       ];
 
       if (this.enableCompare) {
@@ -761,7 +947,7 @@ export default {
           smooth: true,
           data: currentData.compare,
           itemStyle: { color: "#5470C6" },
-          lineStyle: { color: "#5470C6", width: 2, type: "dashed" }
+          lineStyle: { color: "#5470C6", width: 2, type: "dashed" },
         });
       }
 
@@ -774,7 +960,7 @@ export default {
           data: currentData.xData,
           axisLabel: { color: "rgba(255, 255, 255, 0.8)" },
           axisLine: { lineStyle: { color: "#365576" } },
-          axisTick: { show: false }
+          axisTick: { show: false },
         },
         yAxis: {
           type: "value",
@@ -782,14 +968,16 @@ export default {
           nameTextStyle: { color: "rgba(255, 255, 255, 0.8)" },
           axisLabel: { color: "rgba(255, 255, 255, 0.8)" },
           axisLine: { lineStyle: { color: "#365576" } },
-          splitLine: { lineStyle: { color: "#1a3d62", type: "dashed" } }
+          splitLine: { lineStyle: { color: "#1a3d62", type: "dashed" } },
         },
-        series: series
+        series: series,
       };
       this.totalWaterSupplyChart.setOption(option);
     },
     initZoneElectricityChart() {
-      this.zoneElectricityChart = echarts.init(this.$refs.zoneElectricityChartRef);
+      this.zoneElectricityChart = echarts.init(
+        this.$refs.zoneElectricityChartRef
+      );
       this.updateZoneElectricityChart();
     },
     updateZoneElectricityChart() {
@@ -799,29 +987,29 @@ export default {
           highZone: [12500, 13500, 12800, 14500, 15500, 13800, 13000],
           middleZone: [9200, 9800, 9400, 10500, 11200, 10100, 9500],
           lowZone: [18000, 19000, 18500, 20500, 22000, 19500, 18500],
-          fireZone: [2300, 2200, 2300, 2500, 2300, 2400, 2500]
+          fireZone: [2300, 2200, 2300, 2500, 2300, 2400, 2500],
         },
         1: {
           xData: ["1日", "5日", "10日", "15日", "20日", "25日", "30日"],
           highZone: [120000, 135000, 128000, 145000, 155000, 138000, 130000],
           middleZone: [88000, 94000, 90000, 101000, 108000, 97000, 91000],
           middleZone: [172000, 182000, 177000, 197000, 212000, 187000, 177000],
-          fireZone: [22000, 21000, 22000, 24000, 22000, 23000, 24000]
+          fireZone: [22000, 21000, 22000, 24000, 22000, 23000, 24000],
         },
         2: {
           xData: ["1月", "2月", "3月"],
           highZone: [3750000, 4200000, 4000000],
           middleZone: [2750000, 2920000, 2820000],
           lowZone: [5380000, 5700000, 5550000],
-          fireZone: [680000, 650000, 680000]
+          fireZone: [680000, 650000, 680000],
         },
         3: {
           xData: ["周一", "周二", "周三", "周四", "周五", "周六", "周日"],
           highZone: [12500, 13500, 12800, 14500, 15500, 13800, 13000],
           middleZone: [9200, 9800, 9400, 10500, 11200, 10100, 9500],
           lowZone: [18000, 19000, 18500, 20500, 22000, 19500, 18500],
-          fireZone: [2300, 2200, 2300, 2500, 2300, 2400, 2500]
-        }
+          fireZone: [2300, 2200, 2300, 2500, 2300, 2400, 2500],
+        },
       };
 
       const currentData = dataMap[this.activePeriod];
@@ -834,7 +1022,7 @@ export default {
           data: currentData.xData,
           axisLabel: { color: "rgba(255, 255, 255, 0.8)" },
           axisLine: { lineStyle: { color: "#365576" } },
-          axisTick: { show: false }
+          axisTick: { show: false },
         },
         yAxis: {
           type: "value",
@@ -842,7 +1030,7 @@ export default {
           nameTextStyle: { color: "rgba(255, 255, 255, 0.8)" },
           axisLabel: { color: "rgba(255, 255, 255, 0.8)" },
           axisLine: { lineStyle: { color: "#365576" } },
-          splitLine: { lineStyle: { color: "#1a3d62", type: "dashed" } }
+          splitLine: { lineStyle: { color: "#1a3d62", type: "dashed" } },
         },
         series: [
           {
@@ -850,35 +1038,37 @@ export default {
             type: "bar",
             stack: "zone",
             data: currentData.highZone,
-            itemStyle: { color: "#667eea" }
+            itemStyle: { color: "#667eea" },
           },
           {
             name: "中区",
             type: "bar",
             stack: "zone",
             data: currentData.middleZone,
-            itemStyle: { color: "#f093fb" }
+            itemStyle: { color: "#f093fb" },
           },
           {
             name: "低区",
             type: "bar",
             stack: "zone",
             data: currentData.lowZone,
-            itemStyle: { color: "#4facfe" }
+            itemStyle: { color: "#4facfe" },
           },
           {
             name: "消防区",
             type: "bar",
             stack: "zone",
             data: currentData.fireZone,
-            itemStyle: { color: "#fa709a" }
-          }
-        ]
+            itemStyle: { color: "#fa709a" },
+          },
+        ],
       };
       this.zoneElectricityChart.setOption(option);
     },
     initZoneWaterSupplyChart() {
-      this.zoneWaterSupplyChart = echarts.init(this.$refs.zoneWaterSupplyChartRef);
+      this.zoneWaterSupplyChart = echarts.init(
+        this.$refs.zoneWaterSupplyChartRef
+      );
       this.updateZoneWaterSupplyChart();
     },
     updateZoneWaterSupplyChart() {
@@ -888,29 +1078,29 @@ export default {
           highZone: [5500, 5800, 5600, 6300, 6800, 6100, 5700],
           middleZone: [4100, 4300, 4200, 4700, 5100, 4600, 4300],
           lowZone: [8000, 8500, 8200, 9200, 9800, 8800, 8200],
-          fireZone: [900, 900, 900, 1000, 900, 950, 1000]
+          fireZone: [900, 900, 900, 1000, 900, 950, 1000],
         },
         1: {
           xData: ["1日", "5日", "10日", "15日", "20日", "25日", "30日"],
           highZone: [52000, 56000, 54000, 61000, 66000, 59000, 55000],
           middleZone: [39000, 41000, 40000, 45000, 49000, 44000, 41000],
           lowZone: [76000, 81000, 78000, 88000, 94000, 84000, 78000],
-          fireZone: [8500, 8500, 8500, 9500, 8500, 9000, 9500]
+          fireZone: [8500, 8500, 8500, 9500, 8500, 9000, 9500],
         },
         2: {
           xData: ["1月", "2月", "3月"],
           highZone: [1620000, 1820000, 1740000],
           middleZone: [1210000, 1280000, 1230000],
           lowZone: [2360000, 2520000, 2420000],
-          fireZone: [265000, 250000, 265000]
+          fireZone: [265000, 250000, 265000],
         },
         3: {
           xData: ["周一", "周二", "周三", "周四", "周五", "周六", "周日"],
           highZone: [5500, 5800, 5600, 6300, 6800, 6100, 5700],
           middleZone: [4100, 4300, 4200, 4700, 5100, 4600, 4300],
           lowZone: [8000, 8500, 8200, 9200, 9800, 8800, 8200],
-          fireZone: [900, 900, 900, 1000, 900, 950, 1000]
-        }
+          fireZone: [900, 900, 900, 1000, 900, 950, 1000],
+        },
       };
 
       const currentData = dataMap[this.activePeriod];
@@ -923,7 +1113,7 @@ export default {
           data: currentData.xData,
           axisLabel: { color: "rgba(255, 255, 255, 0.8)" },
           axisLine: { lineStyle: { color: "#365576" } },
-          axisTick: { show: false }
+          axisTick: { show: false },
         },
         yAxis: {
           type: "value",
@@ -931,7 +1121,7 @@ export default {
           nameTextStyle: { color: "rgba(255, 255, 255, 0.8)" },
           axisLabel: { color: "rgba(255, 255, 255, 0.8)" },
           axisLine: { lineStyle: { color: "#365576" } },
-          splitLine: { lineStyle: { color: "#1a3d62", type: "dashed" } }
+          splitLine: { lineStyle: { color: "#1a3d62", type: "dashed" } },
         },
         series: [
           {
@@ -940,7 +1130,7 @@ export default {
             smooth: true,
             data: currentData.highZone,
             itemStyle: { color: "#667eea" },
-            lineStyle: { color: "#667eea", width: 2 }
+            lineStyle: { color: "#667eea", width: 2 },
           },
           {
             name: "中区",
@@ -948,7 +1138,7 @@ export default {
             smooth: true,
             data: currentData.middleZone,
             itemStyle: { color: "#f093fb" },
-            lineStyle: { color: "#f093fb", width: 2 }
+            lineStyle: { color: "#f093fb", width: 2 },
           },
           {
             name: "低区",
@@ -956,7 +1146,7 @@ export default {
             smooth: true,
             data: currentData.lowZone,
             itemStyle: { color: "#4facfe" },
-            lineStyle: { color: "#4facfe", width: 2 }
+            lineStyle: { color: "#4facfe", width: 2 },
           },
           {
             name: "消防区",
@@ -964,9 +1154,9 @@ export default {
             smooth: true,
             data: currentData.fireZone,
             itemStyle: { color: "#fa709a" },
-            lineStyle: { color: "#fa709a", width: 2 }
-          }
-        ]
+            lineStyle: { color: "#fa709a", width: 2 },
+          },
+        ],
       };
       this.zoneWaterSupplyChart.setOption(option);
     },
@@ -979,23 +1169,23 @@ export default {
         0: {
           xData: ["周一", "周二", "周三", "周四", "周五", "周六", "周日"],
           current: [0.72, 0.73, 0.71, 0.74, 0.75, 0.72, 0.73],
-          compare: [0.78, 0.79, 0.77, 0.80, 0.81, 0.78, 0.79]
+          compare: [0.78, 0.79, 0.77, 0.8, 0.81, 0.78, 0.79],
         },
         1: {
           xData: ["1日", "5日", "10日", "15日", "20日", "25日", "30日"],
-          current: [0.71, 0.72, 0.70, 0.73, 0.74, 0.71, 0.72],
-          compare: [0.76, 0.77, 0.75, 0.78, 0.79, 0.76, 0.77]
+          current: [0.71, 0.72, 0.7, 0.73, 0.74, 0.71, 0.72],
+          compare: [0.76, 0.77, 0.75, 0.78, 0.79, 0.76, 0.77],
         },
         2: {
           xData: ["1月", "2月", "3月"],
           current: [0.73, 0.74, 0.73],
-          compare: [0.78, 0.79, 0.78]
+          compare: [0.78, 0.79, 0.78],
         },
         3: {
           xData: ["周一", "周二", "周三", "周四", "周五", "周六", "周日"],
           current: [0.72, 0.73, 0.71, 0.74, 0.75, 0.72, 0.73],
-          compare: [0.78, 0.79, 0.77, 0.80, 0.81, 0.78, 0.79]
-        }
+          compare: [0.78, 0.79, 0.77, 0.8, 0.81, 0.78, 0.79],
+        },
       };
 
       const currentData = dataMap[this.activePeriod];
@@ -1009,10 +1199,10 @@ export default {
             itemStyle: {
               color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
                 { offset: 0, color: "#5470C6" },
-                { offset: 1, color: "#3E5F8A" }
-              ])
-            }
-          }
+                { offset: 1, color: "#3E5F8A" },
+              ]),
+            },
+          },
         ];
 
         if (this.enableCompare) {
@@ -1023,9 +1213,9 @@ export default {
             itemStyle: {
               color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
                 { offset: 0, color: "#91CC75" },
-                { offset: 1, color: "#66BB6A" }
-              ])
-            }
+                { offset: 1, color: "#66BB6A" },
+              ]),
+            },
           });
         }
 
@@ -1037,7 +1227,7 @@ export default {
             data: currentData.xData,
             axisLabel: { color: "rgba(255, 255, 255, 0.8)" },
             axisLine: { lineStyle: { color: "#365576" } },
-            axisTick: { show: false }
+            axisTick: { show: false },
           },
           yAxis: {
             type: "value",
@@ -1045,9 +1235,9 @@ export default {
             nameTextStyle: { color: "rgba(255, 255, 255, 0.8)" },
             axisLabel: { color: "rgba(255, 255, 255, 0.8)" },
             axisLine: { lineStyle: { color: "#365576" } },
-            splitLine: { lineStyle: { color: "#1a3d62", type: "dashed" } }
+            splitLine: { lineStyle: { color: "#1a3d62", type: "dashed" } },
           },
-          series: series
+          series: series,
         };
         this.waterEnergyChart.setOption(option);
       } else {
@@ -1058,8 +1248,8 @@ export default {
             smooth: true,
             data: currentData.current,
             itemStyle: { color: "#5470C6" },
-            lineStyle: { color: "#5470C6", width: 3 }
-          }
+            lineStyle: { color: "#5470C6", width: 3 },
+          },
         ];
 
         if (this.enableCompare) {
@@ -1069,7 +1259,7 @@ export default {
             smooth: true,
             data: currentData.compare,
             itemStyle: { color: "#91CC75" },
-            lineStyle: { color: "#91CC75", width: 2, type: "dashed" }
+            lineStyle: { color: "#91CC75", width: 2, type: "dashed" },
           });
         }
 
@@ -1082,7 +1272,7 @@ export default {
             data: currentData.xData,
             axisLabel: { color: "rgba(255, 255, 255, 0.8)" },
             axisLine: { lineStyle: { color: "#365576" } },
-            axisTick: { show: false }
+            axisTick: { show: false },
           },
           yAxis: {
             type: "value",
@@ -1090,9 +1280,9 @@ export default {
             nameTextStyle: { color: "rgba(255, 255, 255, 0.8)" },
             axisLabel: { color: "rgba(255, 255, 255, 0.8)" },
             axisLine: { lineStyle: { color: "#365576" } },
-            splitLine: { lineStyle: { color: "#1a3d62", type: "dashed" } }
+            splitLine: { lineStyle: { color: "#1a3d62", type: "dashed" } },
           },
-          series: series
+          series: series,
         };
         this.waterEnergyChart.setOption(option);
       }
@@ -1129,7 +1319,10 @@ export default {
           savingRateImpact: -9.2,
           impactDuration: 8,
           costImpact: 624,
-          energyData: { before: [12500, 12200, 12400, 12300], after: [13200, 12900, 13100, 13000] }
+          energyData: {
+            before: [12500, 12200, 12400, 12300],
+            after: [13200, 12900, 13100, 13000],
+          },
         },
         {
           id: "WRN202403050002",
@@ -1144,7 +1337,10 @@ export default {
           savingRateImpact: -11.5,
           impactDuration: 6,
           costImpact: 816,
-          energyData: { before: [9200, 9100, 9300, 9200], after: [9950, 9850, 10050, 9950] }
+          energyData: {
+            before: [9200, 9100, 9300, 9200],
+            after: [9950, 9850, 10050, 9950],
+          },
         },
         {
           id: "WRN202403050003",
@@ -1159,7 +1355,10 @@ export default {
           savingRateImpact: -7.8,
           impactDuration: 5,
           costImpact: 456,
-          energyData: { before: [18000, 17800, 17900, 17800], after: [18550, 18350, 18450, 18350] }
+          energyData: {
+            before: [18000, 17800, 17900, 17800],
+            after: [18550, 18350, 18450, 18350],
+          },
         },
         {
           id: "WRN202403040004",
@@ -1174,7 +1373,10 @@ export default {
           savingRateImpact: -5.5,
           impactDuration: 4,
           costImpact: 264,
-          energyData: { before: [2300, 2250, 2280, 2270], after: [2480, 2430, 2460, 2450] }
+          energyData: {
+            before: [2300, 2250, 2280, 2270],
+            after: [2480, 2430, 2460, 2450],
+          },
         },
         {
           id: "WRN202403040005",
@@ -1189,8 +1391,11 @@ export default {
           savingRateImpact: -4.2,
           impactDuration: 3,
           costImpact: 216,
-          energyData: { before: [42000, 41500, 41800, 41700], after: [42300, 41800, 42100, 42000] }
-        }
+          energyData: {
+            before: [42000, 41500, 41800, 41700],
+            after: [42300, 41800, 42100, 42000],
+          },
+        },
       ];
     },
     getWarningLevelText(level) {
@@ -1198,11 +1403,17 @@ export default {
       return map[level] || level;
     },
     getWarningStatusText(status) {
-      const map = { pending: "待处理", processing: "处理中", resolved: "已处理" };
+      const map = {
+        pending: "待处理",
+        processing: "处理中",
+        resolved: "已处理",
+      };
       return map[status] || status;
     },
     initWarningTimelineChart() {
-      this.warningTimelineChart = echarts.init(this.$refs.warningTimelineChartRef);
+      this.warningTimelineChart = echarts.init(
+        this.$refs.warningTimelineChartRef
+      );
       this.updateWarningTimelineChart();
     },
     updateWarningTimelineChart() {
@@ -1212,29 +1423,33 @@ export default {
           electricityData: [42000, 45000, 43000, 48000, 51000, 46000, 44000],
           waterSupplyData: [18500, 19500, 18800, 21000, 22500, 20000, 19000],
           savingRateData: [25.5, 26.2, 25.8, 24.5, 23.8, 25.0, 25.3],
-          warningData: [0, 1, 0, 2, 1, 0, 0]
+          warningData: [0, 1, 0, 2, 1, 0, 0],
         },
         1: {
           xData: ["1日", "5日", "10日", "15日", "20日", "25日", "30日"],
-          electricityData: [410000, 450000, 430000, 480000, 510000, 460000, 440000],
-          waterSupplyData: [180000, 190000, 183000, 205000, 220000, 195000, 185000],
+          electricityData: [
+            410000, 450000, 430000, 480000, 510000, 460000, 440000,
+          ],
+          waterSupplyData: [
+            180000, 190000, 183000, 205000, 220000, 195000, 185000,
+          ],
           savingRateData: [25.0, 26.0, 25.5, 24.8, 24.0, 25.2, 25.5],
-          warningData: [3, 5, 2, 8, 6, 4, 3]
+          warningData: [3, 5, 2, 8, 6, 4, 3],
         },
         2: {
           xData: ["1月", "2月", "3月"],
           electricityData: [12500000, 13800000, 13200000],
           waterSupplyData: [5500000, 5800000, 5650000],
           savingRateData: [24.5, 26.0, 25.5],
-          warningData: [45, 62, 38]
+          warningData: [45, 62, 38],
         },
         3: {
           xData: ["周一", "周二", "周三", "周四", "周五", "周六", "周日"],
           electricityData: [42000, 45000, 43000, 48000, 51000, 46000, 44000],
           waterSupplyData: [18500, 19500, 18800, 21000, 22500, 20000, 19000],
           savingRateData: [25.5, 26.2, 25.8, 24.5, 23.8, 25.0, 25.3],
-          warningData: [0, 1, 0, 2, 1, 0, 0]
-        }
+          warningData: [0, 1, 0, 2, 1, 0, 0],
+        },
       };
 
       const currentData = dataMap[this.activePeriod];
@@ -1244,16 +1459,22 @@ export default {
         legend: {
           data: ["用电量", "供水量", "节能率", "预警次数"],
           textStyle: { color: "rgba(255, 255, 255, 0.8)" },
-          top: 0
+          top: 0,
+        },
+        grid: {
+          left: "3%",
+          right: "4%",
+          bottom: "3%",
+          containLabel: true,
+          top: "15%",
         },
-        grid: { left: "3%", right: "4%", bottom: "3%", containLabel: true, top: "15%" },
         xAxis: {
           type: "category",
           boundaryGap: false,
           data: currentData.xData,
           axisLabel: { color: "rgba(255, 255, 255, 0.8)" },
           axisLine: { lineStyle: { color: "#365576" } },
-          axisTick: { show: false }
+          axisTick: { show: false },
         },
         yAxis: [
           {
@@ -1262,7 +1483,7 @@ export default {
             nameTextStyle: { color: "rgba(255, 255, 255, 0.8)" },
             axisLabel: { color: "rgba(255, 255, 255, 0.8)" },
             axisLine: { lineStyle: { color: "#365576" } },
-            splitLine: { lineStyle: { color: "#1a3d62", type: "dashed" } }
+            splitLine: { lineStyle: { color: "#1a3d62", type: "dashed" } },
           },
           {
             type: "value",
@@ -1270,7 +1491,7 @@ export default {
             nameTextStyle: { color: "rgba(255, 255, 255, 0.8)" },
             axisLabel: { color: "rgba(255, 255, 255, 0.8)" },
             axisLine: { lineStyle: { color: "#365576" } },
-            splitLine: { show: false }
+            splitLine: { show: false },
           },
           {
             type: "value",
@@ -1278,8 +1499,8 @@ export default {
             nameTextStyle: { color: "rgba(255, 255, 255, 0.8)" },
             axisLabel: { color: "rgba(255, 255, 255, 0.8)" },
             axisLine: { lineStyle: { color: "#365576" } },
-            splitLine: { show: false }
-          }
+            splitLine: { show: false },
+          },
         ],
         series: [
           {
@@ -1288,7 +1509,7 @@ export default {
             smooth: true,
             data: currentData.electricityData,
             itemStyle: { color: "#15e1fd" },
-            lineStyle: { color: "#15e1fd", width: 3 }
+            lineStyle: { color: "#15e1fd", width: 3 },
           },
           {
             name: "供水量",
@@ -1297,7 +1518,7 @@ export default {
             yAxisIndex: 1,
             data: currentData.waterSupplyData,
             itemStyle: { color: "#4facfe" },
-            lineStyle: { color: "#4facfe", width: 2 }
+            lineStyle: { color: "#4facfe", width: 2 },
           },
           {
             name: "节能率",
@@ -1306,7 +1527,7 @@ export default {
             yAxisIndex: 2,
             data: currentData.savingRateData,
             itemStyle: { color: "#91CC75" },
-            lineStyle: { color: "#91CC75", width: 2 }
+            lineStyle: { color: "#91CC75", width: 2 },
           },
           {
             name: "预警次数",
@@ -1316,11 +1537,11 @@ export default {
             itemStyle: {
               color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
                 { offset: 0, color: "rgba(238, 102, 102, 0.8)" },
-                { offset: 1, color: "rgba(238, 102, 102, 0.3)" }
-              ])
-            }
-          }
-        ]
+                { offset: 1, color: "rgba(238, 102, 102, 0.3)" },
+              ]),
+            },
+          },
+        ],
       };
       this.warningTimelineChart.setOption(option);
     },
@@ -1351,7 +1572,9 @@ export default {
     },
     initEnergyComparisonChart() {
       if (!this.$refs.energyComparisonChartRef || !this.selectedWarning) return;
-      this.energyComparisonChart = echarts.init(this.$refs.energyComparisonChartRef);
+      this.energyComparisonChart = echarts.init(
+        this.$refs.energyComparisonChartRef
+      );
       const { energyData } = this.selectedWarning;
 
       const option = {
@@ -1359,15 +1582,21 @@ export default {
         legend: {
           data: ["预警前", "预警后"],
           textStyle: { color: "rgba(255, 255, 255, 0.8)" },
-          top: 0
+          top: 0,
+        },
+        grid: {
+          left: "3%",
+          right: "4%",
+          bottom: "3%",
+          containLabel: true,
+          top: "10%",
         },
-        grid: { left: "3%", right: "4%", bottom: "3%", containLabel: true, top: "10%" },
         xAxis: {
           type: "category",
           data: ["时段1", "时段2", "时段3", "时段4", "时段5"],
           axisLabel: { color: "rgba(255, 255, 255, 0.8)" },
           axisLine: { lineStyle: { color: "#365576" } },
-          axisTick: { show: false }
+          axisTick: { show: false },
         },
         yAxis: {
           type: "value",
@@ -1375,26 +1604,26 @@ export default {
           nameTextStyle: { color: "rgba(255, 255, 255, 0.8)" },
           axisLabel: { color: "rgba(255, 255, 255, 0.8)" },
           axisLine: { lineStyle: { color: "#365576" } },
-          splitLine: { lineStyle: { color: "#1a3d62", type: "dashed" } }
+          splitLine: { lineStyle: { color: "#1a3d62", type: "dashed" } },
         },
         series: [
           {
             name: "预警前",
             type: "bar",
             data: energyData.before,
-            itemStyle: { color: "#91CC75" }
+            itemStyle: { color: "#91CC75" },
           },
           {
             name: "预警后",
             type: "bar",
             data: energyData.after,
-            itemStyle: { color: "#EE6666" }
-          }
-        ]
+            itemStyle: { color: "#EE6666" },
+          },
+        ],
       };
       this.energyComparisonChart.setOption(option);
-    }
-  }
+    },
+  },
 };
 </script>
 
@@ -1552,11 +1781,11 @@ export default {
         font-weight: 500;
 
         &.positive {
-          color: #91CC75;
+          color: #91cc75;
         }
 
         &.negative {
-          color: #EE6666;
+          color: #ee6666;
         }
       }
     }
@@ -1674,11 +1903,11 @@ export default {
         margin-bottom: 0.05rem;
 
         &.up {
-          color: #91CC75;
+          color: #91cc75;
         }
 
         &.down {
-          color: #EE6666;
+          color: #ee6666;
         }
       }
 
@@ -1686,11 +1915,11 @@ export default {
         font-size: 0.12rem;
 
         &.up {
-          color: #91CC75;
+          color: #91cc75;
         }
 
         &.down {
-          color: #EE6666;
+          color: #ee6666;
         }
       }
     }
@@ -1775,7 +2004,7 @@ export default {
           color: #15e1fd;
 
           &.warning-impact {
-            color: #EE6666;
+            color: #ee6666;
           }
         }
       }
@@ -1815,7 +2044,11 @@ export default {
           z-index: 10;
 
           tr {
-            background: linear-gradient(135deg, rgba(21, 225, 253, 0.1) 0%, rgba(145, 204, 117, 0.1) 100%);
+            background: linear-gradient(
+              135deg,
+              rgba(21, 225, 253, 0.1) 0%,
+              rgba(145, 204, 117, 0.1) 100%
+            );
 
             th {
               padding: 0.12rem 0.1rem;
@@ -1869,11 +2102,11 @@ export default {
               }
 
               &.energy-loss {
-                color: #EE6666;
+                color: #ee6666;
               }
 
               &.energy-save {
-                color: #91CC75;
+                color: #91cc75;
               }
 
               &.water-up {
@@ -1881,15 +2114,15 @@ export default {
               }
 
               &.water-down {
-                color: #EE6666;
+                color: #ee6666;
               }
 
               &.saving-drop {
-                color: #EE6666;
+                color: #ee6666;
               }
 
               &.saving-rise {
-                color: #91CC75;
+                color: #91cc75;
               }
 
               .title-cell {
@@ -1913,21 +2146,21 @@ export default {
 
                 &.critical {
                   background: rgba(238, 102, 102, 0.2);
-                  color: #EE6666;
+                  color: #ee6666;
                   border: 1px solid rgba(238, 102, 102, 0.4);
                   box-shadow: 0 0.04rem 0.08rem rgba(238, 102, 102, 0.2);
                 }
 
                 &.major {
                   background: rgba(250, 200, 88, 0.2);
-                  color: #FAC858;
+                  color: #fac858;
                   border: 1px solid rgba(250, 200, 88, 0.4);
                   box-shadow: 0 0.04rem 0.08rem rgba(250, 200, 88, 0.2);
                 }
 
                 &.minor {
                   background: rgba(145, 204, 117, 0.2);
-                  color: #91CC75;
+                  color: #91cc75;
                   border: 1px solid rgba(145, 204, 117, 0.4);
                   box-shadow: 0 0.04rem 0.08rem rgba(145, 204, 117, 0.2);
                 }
@@ -1942,19 +2175,19 @@ export default {
 
                 &.pending {
                   background: rgba(238, 102, 102, 0.2);
-                  color: #EE6666;
+                  color: #ee6666;
                   border: 1px solid rgba(238, 102, 102, 0.4);
                 }
 
                 &.processing {
                   background: rgba(250, 200, 88, 0.2);
-                  color: #FAC858;
+                  color: #fac858;
                   border: 1px solid rgba(250, 200, 88, 0.4);
                 }
 
                 &.resolved {
                   background: rgba(145, 204, 117, 0.2);
-                  color: #91CC75;
+                  color: #91cc75;
                   border: 1px solid rgba(145, 204, 117, 0.4);
                 }
               }
@@ -2067,17 +2300,17 @@ export default {
 
             &.critical {
               background: rgba(238, 102, 102, 0.2);
-              color: #EE6666;
+              color: #ee6666;
             }
 
             &.major {
               background: rgba(250, 200, 88, 0.2);
-              color: #FAC858;
+              color: #fac858;
             }
 
             &.minor {
               background: rgba(145, 204, 117, 0.2);
-              color: #91CC75;
+              color: #91cc75;
             }
           }
         }
@@ -2110,7 +2343,7 @@ export default {
           margin-bottom: 0.05rem;
 
           &.energy-impact {
-            color: #EE6666;
+            color: #ee6666;
           }
 
           &.water-impact {
@@ -2118,11 +2351,11 @@ export default {
           }
 
           &.saving-impact {
-            color: #EE6666;
+            color: #ee6666;
           }
 
           &.cost-impact {
-            color: #FAC858;
+            color: #fac858;
           }
         }
 
diff --git a/src/views/newLifeWater/energyManage/energyWater/index.vue b/src/views/newLifeWater/energyManage/energyWater/index.vue
index 7f52c30..97a2139 100644
--- a/src/views/newLifeWater/energyManage/energyWater/index.vue
+++ b/src/views/newLifeWater/energyManage/energyWater/index.vue
@@ -222,8 +222,8 @@
                 </td>
                 <td>
                   <div class="action-buttons">
-                    <el-button size="small" type="primary" @click="viewAnomalyDetail(anomaly)" class="action-btn">详情</el-button>
-                    <el-button size="small" @click="handleAnomaly(anomaly)" v-if="anomaly.status === 'pending'" class="action-btn">处理</el-button>
+                    <div class="primary-btn"><el-button size="small" type="primary" @click="viewAnomalyDetail(anomaly)" class="action-btn">详情</el-button></div>
+                    <div class="success-btn" v-if="anomaly.status === 'pending'"><el-button size="small" type="success" @click="handleAnomaly(anomaly)" class="action-btn">处理</el-button></div>
                   </div>
                 </td>
               </tr>
diff --git a/src/views/newLifeWater/energyManage/retrofitEffectivenessCompariso/index.vue b/src/views/newLifeWater/energyManage/retrofitEffectivenessCompariso/index.vue
index 0c29533..60ad3e8 100644
--- a/src/views/newLifeWater/energyManage/retrofitEffectivenessCompariso/index.vue
+++ b/src/views/newLifeWater/energyManage/retrofitEffectivenessCompariso/index.vue
@@ -38,7 +38,7 @@
         </div>
       </div>
       <div class="selector-actions">
-        <el-button type="primary" size="small" @click="generateReport">生成分析报告</el-button>
+        <div class="primary-btn"><el-button type="primary" size="small" @click="generateReport">生成分析报告</el-button></div>
         <el-button size="small" @click="exportData">导出数据</el-button>
       </div>
     </div>
@@ -248,7 +248,7 @@
       <div class="section-header">
         <div class="section-title">改造成效详情</div>
         <div class="section-actions">
-          <el-button type="primary" size="small" @click="generateReport">生成分析报告</el-button>
+          <div class="primary-btn"><el-button type="primary" size="small" @click="generateReport">生成分析报告</el-button></div>
           <el-button size="small" @click="exportData">导出数据</el-button>
         </div>
       </div>
diff --git a/src/views/newLifeWater/energyManage/warning/index.vue b/src/views/newLifeWater/energyManage/warning/index.vue
index 064ac5d..92af55e 100644
--- a/src/views/newLifeWater/energyManage/warning/index.vue
+++ b/src/views/newLifeWater/energyManage/warning/index.vue
@@ -113,9 +113,9 @@
           clearable
           class="search-input custom-input"
         ></el-input>
-        <el-button type="primary" @click="handleSearch" class="custom-btn">查询</el-button>
+        <div class="primary-btn"><el-button type="primary" @click="handleSearch" class="custom-btn">查询</el-button></div>
         <el-button @click="handleReset" class="custom-btn">重置</el-button>
-        <el-button type="success" @click="handleExport" class="custom-btn">导出</el-button>
+        <div class="success-btn"><el-button type="success" @click="handleExport" class="custom-btn">导出</el-button></div>
       </div>
     </div>
 
@@ -170,15 +170,14 @@
               </td>
               <td class="action-cell">
                 <div class="action-buttons">
-                  <el-button
-                    v-if="warning.status === 'pending'"
+                  <span class="priamry-btn"  v-if="warning.status === 'pending'"><el-button
                     type="primary"
                     size="small"
                     @click="handleWarning(warning)"
                     class="action-btn"
                   >
                     处理
-                  </el-button>
+                  </el-button></span>
                   <el-button
                     size="small"
                     @click="viewDetail(warning)"
diff --git a/src/views/newLifeWater/home/index.vue b/src/views/newLifeWater/home/index.vue
index b2f04a8..1393591 100644
--- a/src/views/newLifeWater/home/index.vue
+++ b/src/views/newLifeWater/home/index.vue
@@ -52,30 +52,44 @@
     <!-- 关键指标统计 -->
     <div class="special-div">
       <div class="special-top">
-        <div class="special-title">关键指标统计</div>
-        <div class="time-tabs">
-          <div
-            v-for="(tab, index) in timeTabs"
-            :key="index"
-            :class="['time-tab', { active: activeTimeTab === index }]"
-            @click="handleTimeTabChange(index)"
-          >
-            {{ tab }}
+        <div class="special-title">
+          关键指标统计
+          <div class="time-tabs">
+            <div
+              v-for="(tab, index) in timeTabs"
+              :key="index"
+              :class="['time-tab', { active: activeTimeTab === index }]"
+              @click="handleTimeTabChange(index)"
+            >
+              {{ tab }}
+            </div>
           </div>
         </div>
       </div>
       <div class="key-indicators">
         <div class="indicator-item">
-          <div class="indicator-icon" style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);">
+          <div
+            class="indicator-icon"
+            style="
+              background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+            "
+          >
             <span class="icon-text">节能</span>
           </div>
           <div class="indicator-content">
-            <div class="indicator-value">{{ keyIndicators.energySavingRate }}%</div>
+            <div class="indicator-value">
+              {{ keyIndicators.energySavingRate }}%
+            </div>
             <div class="indicator-label">节能率</div>
           </div>
         </div>
         <div class="indicator-item">
-          <div class="indicator-icon" style="background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);">
+          <div
+            class="indicator-icon"
+            style="
+              background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
+            "
+          >
             <span class="icon-text">金额</span>
           </div>
           <div class="indicator-content">
@@ -84,43 +98,76 @@
           </div>
         </div>
         <div class="indicator-item">
-          <div class="indicator-icon" style="background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);">
+          <div
+            class="indicator-icon"
+            style="
+              background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
+            "
+          >
             <span class="icon-text">减碳</span>
           </div>
           <div class="indicator-content">
-            <div class="indicator-value">{{ keyIndicators.carbonReduction }}t</div>
+            <div class="indicator-value">
+              {{ keyIndicators.carbonReduction }}t
+            </div>
             <div class="indicator-label">综合减碳量</div>
           </div>
         </div>
         <div class="indicator-item">
-          <div class="indicator-icon" style="background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);">
+          <div
+            class="indicator-icon"
+            style="
+              background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);
+            "
+          >
             <span class="icon-text">碳排放</span>
           </div>
           <div class="indicator-content">
-            <div class="indicator-value">{{ keyIndicators.carbonEmission }}t</div>
+            <div class="indicator-value">
+              {{ keyIndicators.carbonEmission }}t
+            </div>
             <div class="indicator-label">碳排放量</div>
           </div>
         </div>
         <div class="indicator-item">
-          <div class="indicator-icon" style="background: linear-gradient(135deg, #fa709a 0%, #fee140 100%);">
+          <div
+            class="indicator-icon"
+            style="
+              background: linear-gradient(135deg, #fa709a 0%, #fee140 100%);
+            "
+          >
             <span class="icon-text">用电</span>
           </div>
           <div class="indicator-content">
-            <div class="indicator-value">{{ keyIndicators.totalElectricity }}kWh</div>
+            <div class="indicator-value">
+              {{ keyIndicators.totalElectricity }}kWh
+            </div>
             <div class="indicator-label">总用电量</div>
           </div>
         </div>
         <div class="indicator-item">
-          <div class="indicator-icon" style="background: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);">
+          <div
+            class="indicator-icon"
+            style="
+              background: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);
+            "
+          >
             <span class="icon-text">供水</span>
           </div>
           <div class="indicator-content">
-            <div class="indicator-value">{{ keyIndicators.totalWaterSupply }}m³</div>
+            <div class="indicator-value">
+              {{ keyIndicators.totalWaterSupply }}m³
+            </div>
             <div class="indicator-label">总供水量</div>
           </div>
         </div>
         <div class="indicator-item">
-          <div class="indicator-icon" style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);">
+          <div
+            class="indicator-icon"
+            style="
+              background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+            "
+          >
             <span class="icon-text">设备</span>
           </div>
           <div class="indicator-content">
@@ -137,7 +184,11 @@
         <div class="special-title">分区运行状态</div>
       </div>
       <div class="zone-status">
-        <div class="zone-section" v-for="(zone, zoneIndex) in zoneStatus" :key="zoneIndex">
+        <div
+          class="zone-section"
+          v-for="(zone, zoneIndex) in zoneStatus"
+          :key="zoneIndex"
+        >
           <div class="zone-header">
             <div class="zone-icon" :style="{ background: zone.iconBg }">
               <span class="zone-icon-text">{{ zone.icon }}</span>
@@ -151,7 +202,11 @@
             </div>
           </div>
           <div class="pump-grid">
-            <div class="pump-card" v-for="(pump, pumpIndex) in zone.pumps" :key="pumpIndex">
+            <div
+              class="pump-card"
+              v-for="(pump, pumpIndex) in zone.pumps"
+              :key="pumpIndex"
+            >
               <div class="pump-header">
                 <div class="pump-name">{{ pump.name }}</div>
                 <div class="pump-status" :class="pump.status">
@@ -165,7 +220,9 @@
                 </div>
                 <div class="param-row">
                   <span class="param-label">出口压力</span>
-                  <span class="param-value highlight">{{ pump.outletPressure }}MPa</span>
+                  <span class="param-value highlight"
+                    >{{ pump.outletPressure }}MPa</span
+                  >
                 </div>
                 <div class="param-row">
                   <span class="param-label">频率</span>
@@ -184,7 +241,10 @@
                   <span class="param-value">{{ pump.cumulativeFlow }}m³</span>
                 </div>
               </div>
-              <div class="pump-chart-mini" :ref="'pumpChart' + zoneIndex + pumpIndex"></div>
+              <div
+                class="pump-chart-mini"
+                :ref="'pumpChart' + zoneIndex + pumpIndex"
+              ></div>
             </div>
           </div>
         </div>
@@ -197,15 +257,17 @@
         <!-- 用电与节电趋势图 -->
         <div class="special-div chart-card">
           <div class="special-top">
-            <div class="special-title">用电与节电趋势</div>
-            <div class="time-switch">
-              <div
-                v-for="(type, index) in timeTypes"
-                :key="index"
-                :class="['switch-item', { active: activeTimeType === index }]"
-                @click="handleTimeTypeChange(index)"
-              >
-                {{ type }}
+            <div class="special-title">
+              用电与节电趋势
+              <div class="time-switch">
+                <div
+                  v-for="(type, index) in timeTypes"
+                  :key="index"
+                  :class="['switch-item', { active: activeTimeType === index }]"
+                  @click="handleTimeTypeChange(index)"
+                >
+                  {{ type }}
+                </div>
               </div>
             </div>
           </div>
@@ -239,7 +301,9 @@
             <div class="status-dot online"></div>
             <div class="status-title">系统实时用电量</div>
           </div>
-          <div class="status-value">{{ operationStatus.realtimeElectricity }}kW</div>
+          <div class="status-value">
+            {{ operationStatus.realtimeElectricity }}kW
+          </div>
           <div class="status-chart-mini" ref="miniChart1"></div>
         </div>
         <div class="status-card">
@@ -247,7 +311,9 @@
             <div class="status-dot water"></div>
             <div class="status-title">系统实时供水量</div>
           </div>
-          <div class="status-value">{{ operationStatus.realtimeWaterSupply }}m³/h</div>
+          <div class="status-value">
+            {{ operationStatus.realtimeWaterSupply }}m³/h
+          </div>
           <div class="status-chart-mini" ref="miniChart2"></div>
         </div>
         <div class="status-card">
@@ -255,16 +321,24 @@
             <div class="status-dot energy"></div>
             <div class="status-title">吨水能耗</div>
           </div>
-          <div class="status-value">{{ operationStatus.waterEnergyCost }}kWh/m³</div>
+          <div class="status-value">
+            {{ operationStatus.waterEnergyCost }}kWh/m³
+          </div>
           <div class="status-chart-mini" ref="miniChart3"></div>
         </div>
         <div class="status-card">
           <div class="status-header">
-            <div class="status-dot warning" :class="getEnergyEfficiencyClass(operationStatus.efficiencyRate)">
+            <div
+              class="status-dot warning"
+              :class="getEnergyEfficiencyClass(operationStatus.efficiencyRate)"
+            >
               <div class="status-title">水泵运行能效</div>
             </div>
           </div>
-          <div class="status-value" :class="getEnergyEfficiencyClass(operationStatus.efficiencyRate)">
+          <div
+            class="status-value"
+            :class="getEnergyEfficiencyClass(operationStatus.efficiencyRate)"
+          >
             {{ operationStatus.efficiencyRate }}%
           </div>
           <div class="status-indicator">
@@ -272,7 +346,9 @@
               <div
                 class="indicator-fill"
                 :style="{ width: operationStatus.efficiencyRate + '%' }"
-                :class="getEnergyEfficiencyClass(operationStatus.efficiencyRate)"
+                :class="
+                  getEnergyEfficiencyClass(operationStatus.efficiencyRate)
+                "
               ></div>
             </div>
           </div>
@@ -280,7 +356,11 @@
       </div>
       <!-- 设备运行状态 -->
       <div class="device-status-grid">
-        <div class="device-status-item" v-for="device in deviceStatus" :key="device.name">
+        <div
+          class="device-status-item"
+          v-for="device in deviceStatus"
+          :key="device.name"
+        >
           <div class="device-status-icon" :class="device.status"></div>
           <div class="device-info">
             <div class="device-name">{{ device.name }}</div>
@@ -311,7 +391,7 @@ export default {
         electricPrice: 0.85,
         pumpGroupCount: 12,
         meterCount: 8,
-        gatewayCount: 2
+        gatewayCount: 2,
       },
       // 时间选项
       timeTabs: ["近七日", "当月", "当年", "自定义"],
@@ -324,7 +404,7 @@ export default {
         carbonEmission: 112.5,
         totalElectricity: 265000,
         totalWaterSupply: 125000,
-        deviceCount: 22
+        deviceCount: 22,
       },
       // 分区运行状态
       zoneStatus: [
@@ -336,10 +416,40 @@ export default {
           statusClass: "normal",
           statusText: "正常",
           pumps: [
-            { name: "高区1#泵", status: "running", statusText: "运行中", setPressure: 0.45, outletPressure: 0.42, frequency: 45.0, power: 22.5, instantFlow: 85.2, cumulativeFlow: 12568 },
-            { name: "高区2#泵", status: "running", statusText: "运行中", setPressure: 0.45, outletPressure: 0.43, frequency: 42.5, power: 21.8, instantFlow: 83.5, cumulativeFlow: 12456 },
-            { name: "高区3#泵", status: "standby", statusText: "待机", setPressure: 0.45, outletPressure: 0, frequency: 0, power: 0, instantFlow: 0, cumulativeFlow: 8956 }
-          ]
+            {
+              name: "高区1#泵",
+              status: "running",
+              statusText: "运行中",
+              setPressure: 0.45,
+              outletPressure: 0.42,
+              frequency: 45.0,
+              power: 22.5,
+              instantFlow: 85.2,
+              cumulativeFlow: 12568,
+            },
+            {
+              name: "高区2#泵",
+              status: "running",
+              statusText: "运行中",
+              setPressure: 0.45,
+              outletPressure: 0.43,
+              frequency: 42.5,
+              power: 21.8,
+              instantFlow: 83.5,
+              cumulativeFlow: 12456,
+            },
+            {
+              name: "高区3#泵",
+              status: "standby",
+              statusText: "待机",
+              setPressure: 0.45,
+              outletPressure: 0,
+              frequency: 0,
+              power: 0,
+              instantFlow: 0,
+              cumulativeFlow: 8956,
+            },
+          ],
         },
         {
           name: "中区供水",
@@ -349,9 +459,29 @@ export default {
           statusClass: "normal",
           statusText: "正常",
           pumps: [
-            { name: "中区1#泵", status: "running", statusText: "运行中", setPressure: 0.38, outletPressure: 0.36, frequency: 40.0, power: 18.5, instantFlow: 72.3, cumulativeFlow: 10856 },
-            { name: "中区2#泵", status: "running", statusText: "运行中", setPressure: 0.38, outletPressure: 0.37, frequency: 38.5, power: 17.8, instantFlow: 70.5, cumulativeFlow: 10568 }
-          ]
+            {
+              name: "中区1#泵",
+              status: "running",
+              statusText: "运行中",
+              setPressure: 0.38,
+              outletPressure: 0.36,
+              frequency: 40.0,
+              power: 18.5,
+              instantFlow: 72.3,
+              cumulativeFlow: 10856,
+            },
+            {
+              name: "中区2#泵",
+              status: "running",
+              statusText: "运行中",
+              setPressure: 0.38,
+              outletPressure: 0.37,
+              frequency: 38.5,
+              power: 17.8,
+              instantFlow: 70.5,
+              cumulativeFlow: 10568,
+            },
+          ],
         },
         {
           name: "低区供水",
@@ -361,9 +491,29 @@ export default {
           statusClass: "warning",
           statusText: "异常",
           pumps: [
-            { name: "低区1#泵", status: "running", statusText: "运行中", setPressure: 0.32, outletPressure: 0.30, frequency: 35.0, power: 15.5, instantFlow: 58.6, cumulativeFlow: 9256 },
-            { name: "低区2#泵", status: "stopped", statusText: "停止", setPressure: 0.32, outletPressure: 0, frequency: 0, power: 0, instantFlow: 0, cumulativeFlow: 7456 }
-          ]
+            {
+              name: "低区1#泵",
+              status: "running",
+              statusText: "运行中",
+              setPressure: 0.32,
+              outletPressure: 0.3,
+              frequency: 35.0,
+              power: 15.5,
+              instantFlow: 58.6,
+              cumulativeFlow: 9256,
+            },
+            {
+              name: "低区2#泵",
+              status: "stopped",
+              statusText: "停止",
+              setPressure: 0.32,
+              outletPressure: 0,
+              frequency: 0,
+              power: 0,
+              instantFlow: 0,
+              cumulativeFlow: 7456,
+            },
+          ],
         },
         {
           name: "消防供水",
@@ -373,9 +523,19 @@ export default {
           statusClass: "normal",
           statusText: "正常",
           pumps: [
-            { name: "消防1#泵", status: "standby", statusText: "待机", setPressure: 0.50, outletPressure: 0, frequency: 0, power: 0, instantFlow: 0, cumulativeFlow: 3256 }
-          ]
-        }
+            {
+              name: "消防1#泵",
+              status: "standby",
+              statusText: "待机",
+              setPressure: 0.5,
+              outletPressure: 0,
+              frequency: 0,
+              power: 0,
+              instantFlow: 0,
+              cumulativeFlow: 3256,
+            },
+          ],
+        },
       ],
       // 用电趋势时间类型
       timeTypes: ["日", "周", "月"],
@@ -385,20 +545,30 @@ export default {
         realtimeElectricity: 185,
         realtimeWaterSupply: 254.5,
         waterEnergyCost: 0.73,
-        efficiencyRate: 85.2
+        efficiencyRate: 85.2,
       },
       // 设备运行状态
       deviceStatus: [
-        { name: "水泵组", status: "running", statusText: "运行中", value: "10/12" },
+        {
+          name: "水泵组",
+          status: "running",
+          statusText: "运行中",
+          value: "10/12",
+        },
         { name: "仪表", status: "running", statusText: "运行中", value: "8/8" },
         { name: "网关", status: "running", statusText: "运行中", value: "2/2" },
-        { name: "压力传感器", status: "running", statusText: "运行中", value: "24/24" }
+        {
+          name: "压力传感器",
+          status: "running",
+          statusText: "运行中",
+          value: "24/24",
+        },
       ],
       // 图表实例
       energyTrendChart: null,
       waterEnergyChart: null,
       zoneComparisonChart: null,
-      miniCharts: []
+      miniCharts: [],
     };
   },
   mounted() {
@@ -413,7 +583,7 @@ export default {
     if (this.energyTrendChart) this.energyTrendChart.dispose();
     if (this.waterEnergyChart) this.waterEnergyChart.dispose();
     if (this.zoneComparisonChart) this.zoneComparisonChart.dispose();
-    this.miniCharts.forEach(chart => chart && chart.dispose());
+    this.miniCharts.forEach((chart) => chart && chart.dispose());
   },
   watch: {
     activeTimeType() {
@@ -421,7 +591,7 @@ export default {
     },
     activeTimeTab() {
       this.updateKeyIndicators();
-    }
+    },
   },
   methods: {
     // 时间切换
@@ -446,21 +616,32 @@ export default {
     // 更新用电与节电趋势图
     updateEnergyTrendChart() {
       const dataMap = {
-        0: { // 日
-          xData: ["00:00", "04:00", "08:00", "12:00", "16:00", "20:00", "24:00"],
+        0: {
+          // 日
+          xData: [
+            "00:00",
+            "04:00",
+            "08:00",
+            "12:00",
+            "16:00",
+            "20:00",
+            "24:00",
+          ],
           electricity: [120, 105, 245, 368, 395, 335, 158],
-          saving: [45, 39, 92, 138, 148, 125, 59]
+          saving: [45, 39, 92, 138, 148, 125, 59],
         },
-        1: { // 周
+        1: {
+          // 周
           xData: ["周一", "周二", "周三", "周四", "周五", "周六", "周日"],
           electricity: [2800, 2920, 3100, 2970, 3060, 2500, 2240],
-          saving: [1050, 1100, 1170, 1120, 1150, 940, 840]
+          saving: [1050, 1100, 1170, 1120, 1150, 940, 840],
         },
-        2: { // 月
+        2: {
+          // 月
           xData: ["1日", "5日", "10日", "15日", "20日", "25日", "30日"],
           electricity: [12000, 13700, 15000, 14200, 13300, 12400, 11600],
-          saving: [4500, 5140, 5630, 5320, 4970, 4640, 4330]
-        }
+          saving: [4500, 5140, 5630, 5320, 4970, 4640, 4330],
+        },
       };
 
       const currentData = dataMap[this.activeTimeType];
@@ -470,57 +651,57 @@ export default {
         tooltip: {
           trigger: "axis",
           axisPointer: {
-            type: "cross"
-          }
+            type: "cross",
+          },
         },
         legend: {
           data: ["用电量", "节电量"],
           textStyle: {
-            color: "#ffffff"
-          }
+            color: "#ffffff",
+          },
         },
         grid: {
           left: "3%",
           right: "4%",
           bottom: "3%",
-          containLabel: true
+          containLabel: true,
         },
         xAxis: {
           type: "category",
           boundaryGap: false,
           data: currentData.xData,
           axisLabel: {
-            color: "rgba(255, 255, 255, 0.8)"
+            color: "rgba(255, 255, 255, 0.8)",
           },
           axisLine: {
             lineStyle: {
-              color: "#365576"
-            }
+              color: "#365576",
+            },
           },
           axisTick: {
-            show: false
-          }
+            show: false,
+          },
         },
         yAxis: {
           type: "value",
           name: unit,
           nameTextStyle: {
-            color: "rgba(255, 255, 255, 0.8)"
+            color: "rgba(255, 255, 255, 0.8)",
           },
           axisLabel: {
-            color: "rgba(255, 255, 255, 0.8)"
+            color: "rgba(255, 255, 255, 0.8)",
           },
           axisLine: {
             lineStyle: {
-              color: "#365576"
-            }
+              color: "#365576",
+            },
           },
           splitLine: {
             lineStyle: {
               color: "#1a3d62",
-              type: "dashed"
-            }
-          }
+              type: "dashed",
+            },
+          },
         },
         series: [
           {
@@ -529,10 +710,10 @@ export default {
             smooth: true,
             data: currentData.electricity,
             itemStyle: {
-              color: "#15e1fd"
+              color: "#15e1fd",
             },
             lineStyle: {
-              color: "#15e1fd"
+              color: "#15e1fd",
             },
             areaStyle: {
               color: {
@@ -544,15 +725,15 @@ export default {
                 colorStops: [
                   {
                     offset: 0,
-                    color: "rgba(21, 225, 253, 0.5)"
+                    color: "rgba(21, 225, 253, 0.5)",
                   },
                   {
                     offset: 1,
-                    color: "rgba(21, 225, 253, 0)"
-                  }
-                ]
-              }
-            }
+                    color: "rgba(21, 225, 253, 0)",
+                  },
+                ],
+              },
+            },
           },
           {
             name: "节电量",
@@ -568,17 +749,17 @@ export default {
                 colorStops: [
                   {
                     offset: 0,
-                    color: "#91CC75"
+                    color: "#91CC75",
                   },
                   {
                     offset: 1,
-                    color: "#66BB6A"
-                  }
-                ]
-              }
-            }
-          }
-        ]
+                    color: "#66BB6A",
+                  },
+                ],
+              },
+            },
+          },
+        ],
       };
       this.energyTrendChart.setOption(option);
     },
@@ -589,178 +770,200 @@ export default {
         tooltip: {
           trigger: "axis",
           axisPointer: {
-            type: "shadow"
-          }
+            type: "shadow",
+          },
         },
         legend: {
           data: ["高区", "中区", "低区"],
           textStyle: {
-            color: "#ffffff"
-          }
+            color: "#ffffff",
+          },
         },
         grid: {
           left: "3%",
           right: "4%",
           bottom: "3%",
-          containLabel: true
+          containLabel: true,
         },
         xAxis: {
           type: "category",
-          data: ["1月", "2月", "3月", "4月", "5月", "6月", "7月", "8月", "9月", "10月", "11月", "12月"],
+          data: [
+            "1月",
+            "2月",
+            "3月",
+            "4月",
+            "5月",
+            "6月",
+            "7月",
+            "8月",
+            "9月",
+            "10月",
+            "11月",
+            "12月",
+          ],
           axisLabel: {
-            color: "rgba(255, 255, 255, 0.8)"
+            color: "rgba(255, 255, 255, 0.8)",
           },
           axisLine: {
             lineStyle: {
-              color: "#365576"
-            }
+              color: "#365576",
+            },
           },
           axisTick: {
-            show: false
-          }
+            show: false,
+          },
         },
         yAxis: {
           type: "value",
           name: "kWh/m³",
           nameTextStyle: {
-            color: "rgba(255, 255, 255, 0.8)"
+            color: "rgba(255, 255, 255, 0.8)",
           },
           axisLabel: {
-            color: "rgba(255, 255, 255, 0.8)"
+            color: "rgba(255, 255, 255, 0.8)",
           },
           axisLine: {
             lineStyle: {
-              color: "#365576"
-            }
+              color: "#365576",
+            },
           },
           splitLine: {
             lineStyle: {
               color: "#1a3d62",
-              type: "dashed"
-            }
-          }
+              type: "dashed",
+            },
+          },
         },
         series: [
           {
             name: "高区",
             type: "line",
             smooth: true,
-            data: [0.85, 0.82, 0.78, 0.75, 0.72, 0.70, 0.68, 0.67, 0.66, 0.65, 0.64],
+            data: [
+              0.85, 0.82, 0.78, 0.75, 0.72, 0.7, 0.68, 0.67, 0.66, 0.65, 0.64,
+            ],
             itemStyle: {
-              color: "#667eea"
+              color: "#667eea",
             },
             lineStyle: {
-              color: "#667eea"
-            }
+              color: "#667eea",
+            },
           },
           {
             name: "中区",
             type: "line",
             smooth: true,
-            data: [0.78, 0.76, 0.74, 0.72, 0.70, 0.68, 0.66, 0.65, 0.64, 0.63, 0.62, 0.61],
+            data: [
+              0.78, 0.76, 0.74, 0.72, 0.7, 0.68, 0.66, 0.65, 0.64, 0.63, 0.62,
+              0.61,
+            ],
             itemStyle: {
-              color: "#f093fb"
+              color: "#f093fb",
             },
             lineStyle: {
-              color: "#f093fb"
-            }
+              color: "#f093fb",
+            },
           },
           {
             name: "低区",
             type: "line",
             smooth: true,
-            data: [0.92, 0.88, 0.85, 0.82, 0.80, 0.78, 0.75, 0.73, 0.71, 0.69, 0.67],
+            data: [
+              0.92, 0.88, 0.85, 0.82, 0.8, 0.78, 0.75, 0.73, 0.71, 0.69, 0.67,
+            ],
             itemStyle: {
-              color: "#4facfe"
+              color: "#4facfe",
             },
             lineStyle: {
-              color: "#4facfe"
-            }
-          }
-        ]
+              color: "#4facfe",
+            },
+          },
+        ],
       };
       this.waterEnergyChart.setOption(option);
     },
     // 初始化各区域运行对比图
     initZoneComparisonChart() {
-      this.zoneComparisonChart = echarts.init(this.$refs.zoneComparisonChartRef);
+      this.zoneComparisonChart = echarts.init(
+        this.$refs.zoneComparisonChartRef
+      );
       const option = {
         tooltip: {
           trigger: "axis",
           axisPointer: {
-            type: "shadow"
-          }
+            type: "shadow",
+          },
         },
         legend: {
           data: ["用电量", "供水量"],
           textStyle: {
-            color: "#ffffff"
-          }
+            color: "#ffffff",
+          },
         },
         grid: {
           left: "3%",
           right: "4%",
           bottom: "3%",
-          containLabel: true
+          containLabel: true,
         },
         xAxis: {
           type: "category",
           data: ["高区", "中区", "低区"],
           axisLabel: {
-            color: "rgba(255, 255, 255, 0.8)"
+            color: "rgba(255, 255, 255, 0.8)",
           },
           axisLine: {
             lineStyle: {
-              color: "#365576"
-            }
+              color: "#365576",
+            },
           },
           axisTick: {
-            show: false
-          }
+            show: false,
+          },
         },
         yAxis: [
           {
             type: "value",
             name: "用电量(kWh)",
             nameTextStyle: {
-              color: "rgba(255, 255, 255, 0.8)"
+              color: "rgba(255, 255, 255, 0.8)",
             },
             axisLabel: {
-              color: "rgba(255, 255, 255, 0.8)"
+              color: "rgba(255, 255, 255, 0.8)",
             },
             axisLine: {
               lineStyle: {
-                color: "#365576"
-              }
+                color: "#365576",
+              },
             },
             splitLine: {
               lineStyle: {
                 color: "#1a3d62",
-                type: "dashed"
-              }
-            }
+                type: "dashed",
+              },
+            },
           },
           {
             type: "value",
             name: "供水量(m³)",
             nameTextStyle: {
-              color: "rgba(255, 255, 255, 0.8)"
+              color: "rgba(255, 255, 255, 0.8)",
             },
             axisLabel: {
-              color: "rgba(255, 255, 255, 0.8)"
+              color: "rgba(255, 255, 255, 0.8)",
             },
             axisLine: {
               lineStyle: {
-                color: "#365576"
-              }
+                color: "#365576",
+              },
             },
             splitLine: {
               lineStyle: {
                 color: "#1a3d62",
-                type: "dashed"
-              }
-            }
-          }
+                type: "dashed",
+              },
+            },
+          },
         ],
         series: [
           {
@@ -777,15 +980,15 @@ export default {
                 colorStops: [
                   {
                     offset: 0,
-                    color: "#667eea"
+                    color: "#667eea",
                   },
                   {
                     offset: 1,
-                    color: "#5a67d8"
-                  }
-                ]
-              }
-            }
+                    color: "#5a67d8",
+                  },
+                ],
+              },
+            },
           },
           {
             name: "供水量",
@@ -802,17 +1005,17 @@ export default {
                 colorStops: [
                   {
                     offset: 0,
-                    color: "#4facfe"
+                    color: "#4facfe",
                   },
                   {
                     offset: 1,
-                    color: "#00f2fe"
-                  }
-                ]
-              }
-            }
-          }
-        ]
+                    color: "#00f2fe",
+                  },
+                ],
+              },
+            },
+          },
+        ],
       };
       this.zoneComparisonChart.setOption(option);
     },
@@ -821,13 +1024,13 @@ export default {
       const chartRefs = [
         this.$refs.miniChart1,
         this.$refs.miniChart2,
-        this.$refs.miniChart3
+        this.$refs.miniChart3,
       ];
 
       const dataSeries = [
         [180, 182, 184, 183, 185, 185, 184],
         [252, 254, 255, 254, 255, 255, 254.5],
-        [0.73, 0.74, 0.72, 0.73, 0.74, 0.75, 0.74]
+        [0.73, 0.74, 0.72, 0.73, 0.74, 0.75, 0.74],
       ];
 
       chartRefs.forEach((ref, index) => {
@@ -838,16 +1041,16 @@ export default {
               left: 0,
               right: 0,
               top: 0,
-              bottom: 0
+              bottom: 0,
             },
             xAxis: {
               type: "category",
               show: false,
-              data: ["1", "2", "3", "4", "5", "6", "7"]
+              data: ["1", "2", "3", "4", "5", "6", "7"],
             },
             yAxis: {
               type: "value",
-              show: false
+              show: false,
             },
             series: [
               {
@@ -857,7 +1060,12 @@ export default {
                 showSymbol: false,
                 lineStyle: {
                   width: 2,
-                  color: index === 0 ? "#15e1fd" : index === 1 ? "#91CC75" : "#FAC858"
+                  color:
+                    index === 0
+                      ? "#15e1fd"
+                      : index === 1
+                      ? "#91CC75"
+                      : "#FAC858",
                 },
                 areaStyle: {
                   color: {
@@ -869,17 +1077,27 @@ export default {
                     colorStops: [
                       {
                         offset: 0,
-                        color: index === 0 ? "rgba(21, 225, 253, 0.3)" : index === 1 ? "rgba(145, 204, 117, 0.3)" : "rgba(250, 200, 88, 0.3)"
+                        color:
+                          index === 0
+                            ? "rgba(21, 225, 253, 0.3)"
+                            : index === 1
+                            ? "rgba(145, 204, 117, 0.3)"
+                            : "rgba(250, 200, 88, 0.3)",
                       },
                       {
                         offset: 1,
-                        color: index === 0 ? "rgba(21, 225, 253, 0)" : index === 1 ? "rgba(145, 204, 117, 0)" : "rgba(250, 200, 88, 0)"
-                      }
-                    ]
-                  }
-                }
-              }
-            ]
+                        color:
+                          index === 0
+                            ? "rgba(21, 225, 253, 0)"
+                            : index === 1
+                            ? "rgba(145, 204, 117, 0)"
+                            : "rgba(250, 200, 88, 0)",
+                      },
+                    ],
+                  },
+                },
+              },
+            ],
           };
           chart.setOption(option);
           this.miniCharts.push(chart);
@@ -896,7 +1114,7 @@ export default {
           carbonEmission: 112.5,
           totalElectricity: 265000,
           totalWaterSupply: 125000,
-          deviceCount: 22
+          deviceCount: 22,
         },
         1: {
           energySavingRate: 26.5,
@@ -905,7 +1123,7 @@ export default {
           carbonEmission: 450.0,
           totalElectricity: 1060000,
           totalWaterSupply: 500000,
-          deviceCount: 22
+          deviceCount: 22,
         },
         2: {
           energySavingRate: 24.2,
@@ -914,7 +1132,7 @@ export default {
           carbonEmission: 10750.0,
           totalElectricity: 7950000,
           totalWaterSupply: 3750000,
-          deviceCount: 22
+          deviceCount: 22,
         },
         3: {
           energySavingRate: 25.3,
@@ -923,8 +1141,8 @@ export default {
           carbonEmission: 157.2,
           totalElectricity: 370000,
           totalWaterSupply: 175000,
-          deviceCount: 22
-        }
+          deviceCount: 22,
+        },
       };
 
       this.keyIndicators = { ...dataMap[this.activeTimeTab] };
@@ -934,9 +1152,9 @@ export default {
       if (this.energyTrendChart) this.energyTrendChart.resize();
       if (this.waterEnergyChart) this.waterEnergyChart.resize();
       if (this.zoneComparisonChart) this.zoneComparisonChart.resize();
-      this.miniCharts.forEach(chart => chart && chart.resize());
-    }
-  }
+      this.miniCharts.forEach((chart) => chart && chart.resize());
+    },
+  },
 };
 </script>
 
@@ -1099,19 +1317,19 @@ export default {
 
         &.normal {
           background: rgba(145, 204, 117, 0.3);
-          color: #91CC75;
+          color: #91cc75;
           border: 1px solid rgba(145, 204, 117, 0.5);
         }
 
         &.warning {
           background: rgba(250, 200, 88, 0.3);
-          color: #FAC858;
+          color: #fac858;
           border: 1px solid rgba(250, 200, 88, 0.5);
         }
 
         &.danger {
           background: rgba(238, 102, 102, 0.3);
-          color: #EE6666;
+          color: #ee6666;
           border: 1px solid rgba(238, 102, 102, 0.5);
         }
       }
@@ -1149,17 +1367,17 @@ export default {
 
         &.running {
           background: rgba(145, 204, 117, 0.3);
-          color: #91CC75;
+          color: #91cc75;
         }
 
         &.stopped {
           background: rgba(238, 102, 102, 0.3);
-          color: #EE6666;
+          color: #ee6666;
         }
 
         &.standby {
           background: rgba(250, 200, 88, 0.3);
-          color: #FAC858;
+          color: #fac858;
         }
       }
     }
@@ -1270,7 +1488,7 @@ export default {
         margin-right: 0.1rem;
 
         &.online {
-          background: #91CC75;
+          background: #91cc75;
         }
 
         &.water {
@@ -1278,19 +1496,19 @@ export default {
         }
 
         &.energy {
-          background: #FAC858;
+          background: #fac858;
         }
 
         &.good {
-          background: #91CC75;
+          background: #91cc75;
         }
 
         &.warning {
-          background: #FAC858;
+          background: #fac858;
         }
 
         &.danger {
-          background: #EE6666;
+          background: #ee6666;
         }
       }
 
@@ -1308,15 +1526,15 @@ export default {
       margin-bottom: 0.1rem;
 
       &.good {
-        color: #91CC75;
+        color: #91cc75;
       }
 
       &.warning {
-        color: #FAC858;
+        color: #fac858;
       }
 
       &.danger {
-        color: #EE6666;
+        color: #ee6666;
       }
     }
 
@@ -1339,15 +1557,15 @@ export default {
           transition: all 0.3s;
 
           &.good {
-            background: linear-gradient(90deg, #91CC75, #66BB6A);
+            background: linear-gradient(90deg, #91cc75, #66bb6a);
           }
 
           &.warning {
-            background: linear-gradient(90deg, #FAC858, #FFB300);
+            background: linear-gradient(90deg, #fac858, #ffb300);
           }
 
           &.danger {
-            background: linear-gradient(90deg, #EE6666, #E53935);
+            background: linear-gradient(90deg, #ee6666, #e53935);
           }
         }
       }
@@ -1375,16 +1593,16 @@ export default {
       margin-right: 0.12rem;
 
       &.running {
-        background: #91CC75;
+        background: #91cc75;
         box-shadow: 0 0 0.1rem rgba(145, 204, 117, 0.5);
       }
 
       &.stopped {
-        background: #EE6666;
+        background: #ee6666;
       }
 
       &.standby {
-        background: #FAC858;
+        background: #fac858;
       }
     }
 
@@ -1467,4 +1685,4 @@ export default {
     }
   }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/newLifeWater/reportManage/base/index.vue b/src/views/newLifeWater/reportManage/base/index.vue
index 765c0d9..a87e7a9 100644
--- a/src/views/newLifeWater/reportManage/base/index.vue
+++ b/src/views/newLifeWater/reportManage/base/index.vue
@@ -42,7 +42,7 @@
           </el-select>
         </div>
         <div class="filter-actions">
-          <el-button type="primary" @click="generateReport" class="custom-btn">
+          <div class="primary-btn"><el-button type="primary" @click="generateReport" class="custom-btn">
             <svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
               <path d="M960 512H64c-17.7 0-32 14.3-32 32s14.3 32 32 32h896c17.7 0 32-14.3 32-32s-14.3-32-32-32z" fill="currentColor"/>
               <path d="M416 768H160c-17.7 0-32-14.3-32-32V288c0-17.7 14.3-32 32-32h256c17.7 0 32 14.3 32 32v64c0 17.7 14.3 32 32 32s32-14.3 32-32V288c0-52.9-43.1-96-96-96H160c-52.9 0-96 43.1-96 96v448c0 52.9 43.1 96 96 96h256c52.9 0 96-43.1 96-96v-64c0-17.7-14.3-32-32-32s-32 14.3-32 32v64z" fill="currentColor"/>
@@ -50,7 +50,7 @@
               <path d="M736 672v64c0 17.7-14.3 32-32 32H560c-17.7 0-32 14.3-32 32s14.3 32 32 32h144c52.9 0 96-43.1 96-96v-64c0-17.7-14.3-32-32-32s-32 14.3-32 32z" fill="currentColor"/>
             </svg>
             生成报表
-          </el-button>
+          </el-button></div>
           <el-button type="success" @click="exportToExcel" class="custom-btn">
             <svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
               <path d="M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-32 736H176V176h672v672z" fill="currentColor"/>
@@ -59,7 +59,7 @@
             </svg>
             导出Excel
           </el-button>
-          <el-button type="warning" @click="exportToPDF" class="custom-btn">
+          <div class="warning-btn"><el-button type="warning" @click="exportToPDF" class="custom-btn">
             <svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
               <path d="M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-32 736H176V176h672v672z" fill="currentColor"/>
               <path d="M448 352h128c17.7 0 32-14.3 32-32s-14.3-32-32-32H448c-17.7 0-32 14.3-32 32s14.3 32 32 32z" fill="currentColor"/>
@@ -67,7 +67,7 @@
               <path d="M448 576h192c17.7 0 32-14.3 32-32s-14.3-32-32-32H448c-17.7 0-32 14.3-32 32s14.3 32 32 32z" fill="currentColor"/>
             </svg>
             导出PDF
-          </el-button>
+          </el-button></div>
         </div>
       </div>
     </div>
diff --git a/src/views/newLighting/alarmManage/index.vue b/src/views/newLighting/alarmManage/index.vue
index d8d503b..89c8088 100644
--- a/src/views/newLighting/alarmManage/index.vue
+++ b/src/views/newLighting/alarmManage/index.vue
@@ -112,18 +112,18 @@
         </div>
       </div>
       <div class="config-actions">
-        <el-button type="primary" @click="testConnection" class="custom-btn">
+        <div class="primary-btn"><el-button type="primary" @click="testConnection" class="custom-btn">
           <svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
             <path d="M864 256H160c-17.7 0-32 14.3-32 32v448c0 17.7 14.3 32 32 32h704c17.7 0 32-14.3 32-32V288c0-17.7-14.3-32-32-32zm0 64H192V384h672v-64z" fill="currentColor"/>
           </svg>
           测试连接
-        </el-button>
-        <el-button type="success" @click="saveConfig" class="custom-btn">
+        </el-button></div>
+        <div class="success-btn"><el-button type="success" @click="saveConfig" class="custom-btn">
           <svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
             <path d="M864 256H160c-17.7 0-32 14.3-32 32v448c0 17.7 14.3 32 32 32h704c17.7 0 32-14.3 32-32V288c0-17.7-14.3-32-32-32zm0 64H192V384h672v-64z" fill="currentColor"/>
           </svg>
           保存配置
-        </el-button>
+        </el-button></div>
       </div>
     </div>
     </div>
@@ -179,9 +179,9 @@
           clearable
           class="search-input custom-input"
         ></el-input>
-        <el-button type="primary" @click="handleSearch" class="custom-btn">查询</el-button>
+        <div class="primary-btn"><el-button type="primary" @click="handleSearch" class="custom-btn">查询</el-button></div>
         <el-button @click="handleReset" class="custom-btn">重置</el-button>
-        <el-button type="success" @click="handleExport" class="custom-btn">导出</el-button>
+        <div class="success-btn"><el-button type="success" @click="handleExport" class="custom-btn">导出</el-button></div>
       </div>
     </div>
 
@@ -238,15 +238,14 @@
               </td>
               <td class="action-cell">
                 <div class="action-buttons">
-                  <el-button
-                    v-if="!alarm.workOrderId"
+                  <div class="primary-btn" v-if="!alarm.workOrderId"><el-button                   
                     type="primary"
                     size="small"
                     @click="createWorkOrder(alarm)"
                     class="action-btn"
                   >
                     创建工单
-                  </el-button>
+                  </el-button></div>
                   <el-button
                     size="small"
                     @click="viewAlarmDetail(alarm)"
diff --git a/src/views/newLighting/deviceManage/info/index.vue b/src/views/newLighting/deviceManage/info/index.vue
index 1dcc4b8..3a1b80c 100644
--- a/src/views/newLighting/deviceManage/info/index.vue
+++ b/src/views/newLighting/deviceManage/info/index.vue
@@ -54,14 +54,14 @@
         </div>
       </div>
       <div class="action-group">
-        <el-button type="primary" @click="handleSearch" class="custom-btn">查询</el-button>
+        <div class="primary-btn"><el-button type="primary" @click="handleSearch" class="custom-btn">查询</el-button></div>
         <el-button @click="handleReset" class="custom-btn">重置</el-button>
-        <el-button type="success" @click="handleExport" class="custom-btn">
+        <div class="success-btn"><el-button type="success" @click="handleExport" class="custom-btn">
           <svg class="btn-icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
             <path d="M384 704h256v-192h192l-320-320-320 320h192v192zM128 768h768v64H128v-64z" fill="currentColor"/>
           </svg>
           导出列表
-        </el-button>
+        </el-button></div>
       </div>
     </div>
 
diff --git a/src/views/newLighting/deviceManage/strategy/index.vue b/src/views/newLighting/deviceManage/strategy/index.vue
index 9174f0a..210c813 100644
--- a/src/views/newLighting/deviceManage/strategy/index.vue
+++ b/src/views/newLighting/deviceManage/strategy/index.vue
@@ -4,10 +4,13 @@
     <div class="strategy-overview">
       <div class="overview-title">策略总览</div>
       <div class="strategy-grid">
-        <div 
-          v-for="(strategy, index) in strategies" 
+        <div
+          v-for="(strategy, index) in strategies"
           :key="index"
-          :class="['strategy-card', { active: currentStrategy === index, 'custom': strategy.isCustom }]"
+          :class="[
+            'strategy-card',
+            { active: currentStrategy === index, custom: strategy.isCustom },
+          ]"
           @click="selectStrategy(index)"
         >
           <div class="strategy-header">
@@ -19,59 +22,80 @@
               <div class="strategy-desc">{{ strategy.description }}</div>
             </div>
             <div class="strategy-status" :class="{ active: strategy.enabled }">
-              {{ strategy.enabled ? '已启用' : '未启用' }}
+              {{ strategy.enabled ? "已启用" : "未启用" }}
             </div>
           </div>
           <div class="strategy-params">
             <div class="param-item">
               <span class="param-label">低亮亮度:</span>
-              <span class="param-value">{{ strategy.config.lowBrightness }}%</span>
+              <span class="param-value"
+                >{{ strategy.config.lowBrightness }}%</span
+              >
             </div>
             <div class="param-item">
               <span class="param-label">中亮亮度:</span>
-              <span class="param-value">{{ strategy.config.mediumBrightness }}%</span>
+              <span class="param-value"
+                >{{ strategy.config.mediumBrightness }}%</span
+              >
             </div>
             <div class="param-item">
               <span class="param-label">高亮亮度:</span>
-              <span class="param-value">{{ strategy.config.highBrightness }}%</span>
+              <span class="param-value"
+                >{{ strategy.config.highBrightness }}%</span
+              >
             </div>
             <div class="param-item">
               <span class="param-label">高亮时长:</span>
-              <span class="param-value">{{ strategy.config.highDuration }}s</span>
+              <span class="param-value"
+                >{{ strategy.config.highDuration }}s</span
+              >
             </div>
           </div>
           <div class="strategy-actions">
-            <el-button 
-              v-if="!strategy.isCustom" 
-              :type="strategy.enabled ? 'default' : 'primary'" 
-              size="small" 
-              @click.stop="toggleStrategy(index)"
+            <div
+              :class="strategy.enabled ? '' : 'primary-btn'"
+              v-if="!strategy.isCustom"
             >
-              {{ strategy.enabled ? '禁用' : '启用' }}
-            </el-button>
-            <el-button 
-              v-if="strategy.isCustom" 
-              type="primary" 
-              size="small" 
-              @click.stop="editStrategy(index)"
-            >
-              编辑
-            </el-button>
-            <el-button 
-              v-if="strategy.isCustom" 
-              type="danger" 
-              size="small" 
-              @click.stop="deleteStrategy(index)"
-            >
-              删除
-            </el-button>
+              <el-button
+                :type="strategy.enabled ? 'default' : 'primary'"
+                size="small"
+                @click.stop="toggleStrategy(index)"
+              >
+                {{ strategy.enabled ? "禁用" : "启用" }}
+              </el-button>
+            </div>
+            <div class="primary-btn" v-if="strategy.isCustom">
+              <el-button
+                type="primary"
+                size="small"
+                @click.stop="editStrategy(index)"
+              >
+                编辑
+              </el-button>
+            </div>
+            <div class="danger-btn">
+              <el-button
+                v-if="strategy.isCustom"
+                type="danger"
+                size="small"
+                @click.stop="deleteStrategy(index)"
+              >
+                删除
+              </el-button>
+            </div>
           </div>
         </div>
         <div class="strategy-card add-strategy" @click="openAddDialog">
           <div class="add-icon">
             <svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
-              <path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z" fill="currentColor"/>
-              <path d="M688 464H336c-8.8 0-16 7.2-16 16v64c0 8.8 7.2 16 16 16h352c8.8 0 16-7.2 16-16v-64c0-8.8-7.2-16-16-16z" fill="currentColor"/>
+              <path
+                d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
+                fill="currentColor"
+              />
+              <path
+                d="M688 464H336c-8.8 0-16 7.2-16 16v64c0 8.8 7.2 16 16 16h352c8.8 0 16-7.2 16-16v-64c0-8.8-7.2-16-16-16z"
+                fill="currentColor"
+              />
             </svg>
           </div>
           <div class="add-text">添加策略</div>
@@ -84,19 +108,31 @@
       <div class="section-header">
         <div class="section-title">场景配置</div>
         <div class="section-actions">
-          <el-button type="primary" size="small" @click="openSceneDialog">
-            <svg class="btn-icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
-              <path d="M688 464H336c-8.8 0-16 7.2-16 16v64c0 8.8 7.2 16 16 16h352c8.8 0 16-7.2 16-16v-64c0-8.8-7.2-16-16-16z" fill="currentColor"/>
-            </svg>
-            添加场景
-          </el-button>
+          <div class="primary-btn">
+            <el-button type="primary" size="small" @click="openSceneDialog">
+              <svg
+                class="btn-icon"
+                viewBox="0 0 1024 1024"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M688 464H336c-8.8 0-16 7.2-16 16v64c0 8.8 7.2 16 16 16h352c8.8 0 16-7.2 16-16v-64c0-8.8-7.2-16-16-16z"
+                  fill="currentColor"
+                />
+              </svg>
+              添加场景
+            </el-button>
+          </div>
         </div>
       </div>
       <div class="scene-grid">
-        <div 
-          v-for="(scene, index) in scenes" 
+        <div
+          v-for="(scene, index) in scenes"
           :key="index"
-          :class="['scene-card', { active: currentStrategy === scene.strategyIndex }]"
+          :class="[
+            'scene-card',
+            { active: currentStrategy === scene.strategyIndex },
+          ]"
           @click="applyScene(index)"
         >
           <div class="scene-header">
@@ -109,15 +145,40 @@
             </div>
           </div>
           <div class="scene-time">
-            <svg class="time-icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
-              <path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z" fill="currentColor"/>
-              <path d="M688 464H336c-8.8 0-16 7.2-16 16v64c0 8.8 7.2 16 16 16h352c8.8 0 16-7.2 16-16v-64c0-8.8-7.2-16-16-16z" fill="currentColor"/>
+            <svg
+              class="time-icon"
+              viewBox="0 0 1024 1024"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
+                fill="currentColor"
+              />
+              <path
+                d="M688 464H336c-8.8 0-16 7.2-16 16v64c0 8.8 7.2 16 16 16h352c8.8 0 16-7.2 16-16v-64c0-8.8-7.2-16-16-16z"
+                fill="currentColor"
+              />
             </svg>
             <span>{{ scene.timeRange }}</span>
           </div>
           <div class="scene-actions">
-            <el-button size="small" @click.stop="editScene(index)">编辑</el-button>
-            <el-button type="danger" size="small" @click.stop="deleteScene(index)" v-if="scene.isCustom">删除</el-button>
+            <div class="primary-btn">
+              <el-button
+                type="primary"
+                size="small"
+                @click.stop="editScene(index)"
+                >编辑</el-button
+              >
+            </div>
+            <div class="danger-btn">
+              <el-button
+                type="danger"
+                size="small"
+                @click.stop="deleteScene(index)"
+                v-if="scene.isCustom"
+                >删除</el-button
+              >
+            </div>
           </div>
         </div>
       </div>
@@ -129,9 +190,19 @@
         <div class="section-title">策略执行状态</div>
         <div class="status-refresh">
           <el-button size="small" @click="refreshStatus">
-            <svg class="refresh-icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
-              <path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z" fill="currentColor"/>
-              <path d="M688 464H336c-8.8 0-16 7.2-16 16v64c0 8.8 7.2 16 16 16h352c8.8 0 16-7.2 16-16v-64c0-8.8-7.2-16-16-16z" fill="currentColor"/>
+            <svg
+              class="refresh-icon"
+              viewBox="0 0 1024 1024"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
+                fill="currentColor"
+              />
+              <path
+                d="M688 464H336c-8.8 0-16 7.2-16 16v64c0 8.8 7.2 16 16 16h352c8.8 0 16-7.2 16-16v-64c0-8.8-7.2-16-16-16z"
+                fill="currentColor"
+              />
             </svg>
             刷新
           </el-button>
@@ -141,8 +212,14 @@
         <div class="status-card">
           <div class="status-icon current">
             <svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
-              <path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z" fill="currentColor"/>
-              <path d="M688 464H336c-8.8 0-16 7.2-16 16v64c0 8.8 7.2 16 16 16h352c8.8 0 16-7.2 16-16v-64c0-8.8-7.2-16-16-16z" fill="currentColor"/>
+              <path
+                d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
+                fill="currentColor"
+              />
+              <path
+                d="M688 464H336c-8.8 0-16 7.2-16 16v64c0 8.8 7.2 16 16 16h352c8.8 0 16-7.2 16-16v-64c0-8.8-7.2-16-16-16z"
+                fill="currentColor"
+              />
             </svg>
           </div>
           <div class="status-info">
@@ -153,8 +230,14 @@
         <div class="status-card">
           <div class="status-icon devices">
             <svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
-              <path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z" fill="currentColor"/>
-              <path d="M688 464H336c-8.8 0-16 7.2-16 16v64c0 8.8 7.2 16 16 16h352c8.8 0 16-7.2 16-16v-64c0-8.8-7.2-16-16-16z" fill="currentColor"/>
+              <path
+                d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
+                fill="currentColor"
+              />
+              <path
+                d="M688 464H336c-8.8 0-16 7.2-16 16v64c0 8.8 7.2 16 16 16h352c8.8 0 16-7.2 16-16v-64c0-8.8-7.2-16-16-16z"
+                fill="currentColor"
+              />
             </svg>
           </div>
           <div class="status-info">
@@ -165,8 +248,14 @@
         <div class="status-card">
           <div class="status-icon online">
             <svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
-              <path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z" fill="currentColor"/>
-              <path d="M688 464H336c-8.8 0-16 7.2-16 16v64c0 8.8 7.2 16 16 16h352c8.8 0 16-7.2 16-16v-64c0-8.8-7.2-16-16-16z" fill="currentColor"/>
+              <path
+                d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
+                fill="currentColor"
+              />
+              <path
+                d="M688 464H336c-8.8 0-16 7.2-16 16v64c0 8.8 7.2 16 16 16h352c8.8 0 16-7.2 16-16v-64c0-8.8-7.2-16-16-16z"
+                fill="currentColor"
+              />
             </svg>
           </div>
           <div class="status-info">
@@ -177,8 +266,14 @@
         <div class="status-card">
           <div class="status-icon success">
             <svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
-              <path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z" fill="currentColor"/>
-              <path d="M688 464H336c-8.8 0-16 7.2-16 16v64c0 8.8 7.2 16 16 16h352c8.8 0 16-7.2 16-16v-64c0-8.8-7.2-16-16-16z" fill="currentColor"/>
+              <path
+                d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
+                fill="currentColor"
+              />
+              <path
+                d="M688 464H336c-8.8 0-16 7.2-16 16v64c0 8.8 7.2 16 16 16h352c8.8 0 16-7.2 16-16v-64c0-8.8-7.2-16-16-16z"
+                fill="currentColor"
+              />
             </svg>
           </div>
           <div class="status-info">
@@ -197,39 +292,52 @@
       class="custom-dialog"
       @close="closeStrategyDialog"
     >
-      <el-form :model="strategyForm" :rules="strategyRules" ref="strategyFormRef" label-width="120px">
+      <el-form
+        :model="strategyForm"
+        :rules="strategyRules"
+        ref="strategyFormRef"
+        label-width="120px"
+      >
         <el-form-item label="策略名称" prop="name">
-          <el-input v-model="strategyForm.name" placeholder="请输入策略名称"></el-input>
+          <el-input
+            v-model="strategyForm.name"
+            placeholder="请输入策略名称"
+          ></el-input>
         </el-form-item>
         <el-form-item label="策略描述" prop="description">
-          <el-input v-model="strategyForm.description" type="textarea" rows="2" placeholder="请输入策略描述"></el-input>
+          <el-input
+            v-model="strategyForm.description"
+            type="textarea"
+            rows="2"
+            placeholder="请输入策略描述"
+          ></el-input>
         </el-form-item>
         <div class="form-section-title">亮度配置</div>
         <el-form-item label="低亮亮度" prop="config.lowBrightness">
-          <el-input-number 
-            v-model="strategyForm.config.lowBrightness" 
-            :min="0" 
-            :max="100" 
+          <el-input-number
+            v-model="strategyForm.config.lowBrightness"
+            :min="0"
+            :max="100"
             :step="5"
             controls-position="right"
           ></el-input-number>
           <span class="unit">%</span>
         </el-form-item>
         <el-form-item label="中亮亮度" prop="config.mediumBrightness">
-          <el-input-number 
-            v-model="strategyForm.config.mediumBrightness" 
-            :min="0" 
-            :max="100" 
+          <el-input-number
+            v-model="strategyForm.config.mediumBrightness"
+            :min="0"
+            :max="100"
             :step="5"
             controls-position="right"
           ></el-input-number>
           <span class="unit">%</span>
         </el-form-item>
         <el-form-item label="高亮亮度" prop="config.highBrightness">
-          <el-input-number 
-            v-model="strategyForm.config.highBrightness" 
-            :min="0" 
-            :max="100" 
+          <el-input-number
+            v-model="strategyForm.config.highBrightness"
+            :min="0"
+            :max="100"
             :step="5"
             controls-position="right"
           ></el-input-number>
@@ -237,20 +345,20 @@
         </el-form-item>
         <div class="form-section-title">时间配置</div>
         <el-form-item label="高亮时长" prop="config.highDuration">
-          <el-input-number 
-            v-model="strategyForm.config.highDuration" 
-            :min="1" 
-            :max="3600" 
+          <el-input-number
+            v-model="strategyForm.config.highDuration"
+            :min="1"
+            :max="3600"
             :step="10"
             controls-position="right"
           ></el-input-number>
           <span class="unit">秒</span>
         </el-form-item>
         <el-form-item label="缓亮时长" prop="config.fadeDuration">
-          <el-input-number 
-            v-model="strategyForm.config.fadeDuration" 
-            :min="1" 
-            :max="300" 
+          <el-input-number
+            v-model="strategyForm.config.fadeDuration"
+            :min="1"
+            :max="300"
             :step="1"
             controls-position="right"
           ></el-input-number>
@@ -258,19 +366,19 @@
         </el-form-item>
         <div class="form-section-title">感应配置</div>
         <el-form-item label="亮灯距离" prop="config.detectDistance">
-          <el-input-number 
-            v-model="strategyForm.config.detectDistance" 
-            :min="1" 
-            :max="20" 
+          <el-input-number
+            v-model="strategyForm.config.detectDistance"
+            :min="1"
+            :max="20"
             :step="0.5"
             controls-position="right"
           ></el-input-number>
           <span class="unit">米</span>
         </el-form-item>
         <el-form-item label="感应灵敏度" prop="config.sensitivity">
-          <el-slider 
-            v-model="strategyForm.config.sensitivity" 
-            :min="1" 
+          <el-slider
+            v-model="strategyForm.config.sensitivity"
+            :min="1"
             :max="100"
             show-input
           ></el-slider>
@@ -291,19 +399,32 @@
       class="custom-dialog"
       @close="closeSceneDialog"
     >
-      <el-form :model="sceneForm" :rules="sceneRules" ref="sceneFormRef" label-width="100px">
+      <el-form
+        :model="sceneForm"
+        :rules="sceneRules"
+        ref="sceneFormRef"
+        label-width="100px"
+      >
         <el-form-item label="场景名称" prop="name">
-          <el-input v-model="sceneForm.name" placeholder="请输入场景名称"></el-input>
+          <el-input
+            v-model="sceneForm.name"
+            placeholder="请输入场景名称"
+          ></el-input>
         </el-form-item>
         <el-form-item label="场景描述" prop="description">
-          <el-input v-model="sceneForm.description" type="textarea" rows="2" placeholder="请输入场景描述"></el-input>
+          <el-input
+            v-model="sceneForm.description"
+            type="textarea"
+            rows="2"
+            placeholder="请输入场景描述"
+          ></el-input>
         </el-form-item>
         <el-form-item label="绑定策略" prop="strategyIndex">
           <el-select v-model="sceneForm.strategyIndex" placeholder="请选择策略">
-            <el-option 
-              v-for="(strategy, index) in strategies" 
+            <el-option
+              v-for="(strategy, index) in strategies"
               :key="index"
-              :label="strategy.name" 
+              :label="strategy.name"
               :value="index"
             ></el-option>
           </el-select>
@@ -364,19 +485,35 @@ export default {
           highDuration: 600,
           fadeDuration: 3,
           detectDistance: 5,
-          sensitivity: 70
-        }
+          sensitivity: 70,
+        },
       },
       strategyRules: {
         name: [{ required: true, message: "请输入策略名称", trigger: "blur" }],
-        description: [{ required: true, message: "请输入策略描述", trigger: "blur" }],
-        "config.lowBrightness": [{ required: true, message: "请输入低亮亮度", trigger: "blur" }],
-        "config.mediumBrightness": [{ required: true, message: "请输入中亮亮度", trigger: "blur" }],
-        "config.highBrightness": [{ required: true, message: "请输入高亮亮度", trigger: "blur" }],
-        "config.highDuration": [{ required: true, message: "请输入高亮时长", trigger: "blur" }],
-        "config.fadeDuration": [{ required: true, message: "请输入缓亮时长", trigger: "blur" }],
-        "config.detectDistance": [{ required: true, message: "请输入亮灯距离", trigger: "blur" }],
-        "config.sensitivity": [{ required: true, message: "请输入感应灵敏度", trigger: "blur" }]
+        description: [
+          { required: true, message: "请输入策略描述", trigger: "blur" },
+        ],
+        "config.lowBrightness": [
+          { required: true, message: "请输入低亮亮度", trigger: "blur" },
+        ],
+        "config.mediumBrightness": [
+          { required: true, message: "请输入中亮亮度", trigger: "blur" },
+        ],
+        "config.highBrightness": [
+          { required: true, message: "请输入高亮亮度", trigger: "blur" },
+        ],
+        "config.highDuration": [
+          { required: true, message: "请输入高亮时长", trigger: "blur" },
+        ],
+        "config.fadeDuration": [
+          { required: true, message: "请输入缓亮时长", trigger: "blur" },
+        ],
+        "config.detectDistance": [
+          { required: true, message: "请输入亮灯距离", trigger: "blur" },
+        ],
+        "config.sensitivity": [
+          { required: true, message: "请输入感应灵敏度", trigger: "blur" },
+        ],
       },
       sceneForm: {
         name: "",
@@ -384,28 +521,36 @@ export default {
         strategyIndex: 0,
         timeRange: ["09:00", "18:00"],
         weekdays: ["1", "2", "3", "4", "5"],
-        enabled: true
+        enabled: true,
       },
       sceneRules: {
         name: [{ required: true, message: "请输入场景名称", trigger: "blur" }],
-        description: [{ required: true, message: "请输入场景描述", trigger: "blur" }],
-        strategyIndex: [{ required: true, message: "请选择绑定策略", trigger: "change" }],
-        timeRange: [{ required: true, message: "请选择时间段", trigger: "change" }],
-        weekdays: [{ required: true, message: "请选择执行日期", trigger: "change" }]
+        description: [
+          { required: true, message: "请输入场景描述", trigger: "blur" },
+        ],
+        strategyIndex: [
+          { required: true, message: "请选择绑定策略", trigger: "change" },
+        ],
+        timeRange: [
+          { required: true, message: "请选择时间段", trigger: "change" },
+        ],
+        weekdays: [
+          { required: true, message: "请选择执行日期", trigger: "change" },
+        ],
       },
       strategies: [],
       scenes: [],
       executionStats: {
         deviceCount: 120,
         onlineCount: 105,
-        successRate: 98.5
-      }
+        successRate: 98.5,
+      },
     };
   },
   computed: {
     currentStrategyName() {
       return this.strategies[this.currentStrategy]?.name || "无";
-    }
+    },
   },
   mounted() {
     this.initStrategies();
@@ -428,8 +573,8 @@ export default {
             highDuration: 600,
             fadeDuration: 3,
             detectDistance: 5,
-            sensitivity: 70
-          }
+            sensitivity: 70,
+          },
         },
         {
           name: "会议模式",
@@ -445,8 +590,8 @@ export default {
             highDuration: 900,
             fadeDuration: 2,
             detectDistance: 3,
-            sensitivity: 80
-          }
+            sensitivity: 80,
+          },
         },
         {
           name: "节能模式",
@@ -462,8 +607,8 @@ export default {
             highDuration: 300,
             fadeDuration: 5,
             detectDistance: 8,
-            sensitivity: 60
-          }
+            sensitivity: 60,
+          },
         },
         {
           name: "深夜模式",
@@ -479,8 +624,8 @@ export default {
             highDuration: 180,
             fadeDuration: 8,
             detectDistance: 10,
-            sensitivity: 50
-          }
+            sensitivity: 50,
+          },
         },
         {
           name: "自定义策略1",
@@ -496,9 +641,9 @@ export default {
             highDuration: 720,
             fadeDuration: 4,
             detectDistance: 6,
-            sensitivity: 75
-          }
-        }
+            sensitivity: 75,
+          },
+        },
       ];
     },
     initScenes() {
@@ -512,7 +657,7 @@ export default {
           timeRange: ["08:00", "12:00"],
           weekdays: ["1", "2", "3", "4", "5"],
           enabled: true,
-          isCustom: false
+          isCustom: false,
         },
         {
           name: "下午办公",
@@ -523,7 +668,7 @@ export default {
           timeRange: ["13:00", "18:00"],
           weekdays: ["1", "2", "3", "4", "5"],
           enabled: true,
-          isCustom: false
+          isCustom: false,
         },
         {
           name: "午休时间",
@@ -534,7 +679,7 @@ export default {
           timeRange: ["12:00", "13:00"],
           weekdays: ["1", "2", "3", "4", "5"],
           enabled: true,
-          isCustom: false
+          isCustom: false,
         },
         {
           name: "夜间节能",
@@ -545,7 +690,7 @@ export default {
           timeRange: ["19:00", "07:00"],
           weekdays: ["0", "1", "2", "3", "4", "5", "6"],
           enabled: true,
-          isCustom: false
+          isCustom: false,
         },
         {
           name: "周末节能",
@@ -556,8 +701,8 @@ export default {
           timeRange: ["00:00", "23:59"],
           weekdays: ["0", "6"],
           enabled: true,
-          isCustom: false
-        }
+          isCustom: false,
+        },
       ];
     },
     selectStrategy(index) {
@@ -584,20 +729,34 @@ export default {
       this.$confirm("确定要删除该策略吗？", "提示", {
         confirmButtonText: "确定",
         cancelButtonText: "取消",
-        type: "warning"
-      }).then(() => {
-        this.strategies.splice(index, 1);
-        this.$message.success("策略删除成功");
-      }).catch(() => {});
+        type: "warning",
+      })
+        .then(() => {
+          this.strategies.splice(index, 1);
+          this.$message.success("策略删除成功");
+        })
+        .catch(() => {});
     },
     saveStrategy() {
       this.$refs.strategyFormRef.validate((valid) => {
         if (valid) {
           if (this.isEditStrategy) {
-            this.strategies[this.editStrategyIndex] = { ...this.strategyForm, icon: "⚙️", iconBg: "linear-gradient(135deg, #30cfd0 0%, #330867 100%)", enabled: false, isCustom: true };
+            this.strategies[this.editStrategyIndex] = {
+              ...this.strategyForm,
+              icon: "⚙️",
+              iconBg: "linear-gradient(135deg, #30cfd0 0%, #330867 100%)",
+              enabled: false,
+              isCustom: true,
+            };
             this.$message.success("策略更新成功");
           } else {
-            this.strategies.push({ ...this.strategyForm, icon: "⚙️", iconBg: "linear-gradient(135deg, #30cfd0 0%, #330867 100%)", enabled: false, isCustom: true });
+            this.strategies.push({
+              ...this.strategyForm,
+              icon: "⚙️",
+              iconBg: "linear-gradient(135deg, #30cfd0 0%, #330867 100%)",
+              enabled: false,
+              isCustom: true,
+            });
             this.$message.success("策略添加成功");
           }
           this.closeStrategyDialog();
@@ -620,8 +779,8 @@ export default {
           highDuration: 600,
           fadeDuration: 3,
           detectDistance: 5,
-          sensitivity: 70
-        }
+          sensitivity: 70,
+        },
       };
     },
     openSceneDialog() {
@@ -639,11 +798,13 @@ export default {
       this.$confirm("确定要删除该场景吗？", "提示", {
         confirmButtonText: "确定",
         cancelButtonText: "取消",
-        type: "warning"
-      }).then(() => {
-        this.scenes.splice(index, 1);
-        this.$message.success("场景删除成功");
-      }).catch(() => {});
+        type: "warning",
+      })
+        .then(() => {
+          this.scenes.splice(index, 1);
+          this.$message.success("场景删除成功");
+        })
+        .catch(() => {});
     },
     applyScene(index) {
       const scene = this.scenes[index];
@@ -654,10 +815,20 @@ export default {
       this.$refs.sceneFormRef.validate((valid) => {
         if (valid) {
           if (this.isEditScene) {
-            this.scenes[this.editSceneIndex] = { ...this.sceneForm, icon: "🎯", iconBg: "linear-gradient(135deg, #F093FB 0%, #F5576C 100%)", isCustom: true };
+            this.scenes[this.editSceneIndex] = {
+              ...this.sceneForm,
+              icon: "🎯",
+              iconBg: "linear-gradient(135deg, #F093FB 0%, #F5576C 100%)",
+              isCustom: true,
+            };
             this.$message.success("场景更新成功");
           } else {
-            this.scenes.push({ ...this.sceneForm, icon: "🎯", iconBg: "linear-gradient(135deg, #F093FB 0%, #F5576C 100%)", isCustom: true });
+            this.scenes.push({
+              ...this.sceneForm,
+              icon: "🎯",
+              iconBg: "linear-gradient(135deg, #F093FB 0%, #F5576C 100%)",
+              isCustom: true,
+            });
             this.$message.success("场景添加成功");
           }
           this.closeSceneDialog();
@@ -676,18 +847,18 @@ export default {
         strategyIndex: 0,
         timeRange: ["09:00", "18:00"],
         weekdays: ["1", "2", "3", "4", "5"],
-        enabled: true
+        enabled: true,
       };
     },
     refreshStatus() {
       this.executionStats = {
         deviceCount: 120 + Math.floor(Math.random() * 10),
         onlineCount: 105 + Math.floor(Math.random() * 10),
-        successRate: (95 + Math.random() * 4).toFixed(1)
+        successRate: (95 + Math.random() * 4).toFixed(1),
       };
       this.$message.success("状态刷新成功");
-    }
-  }
+    },
+  },
 };
 </script>
 
@@ -738,7 +909,7 @@ export default {
       }
 
       &.custom {
-        border-left: 0.04rem solid #F093FB;
+        border-left: 0.04rem solid #f093fb;
       }
 
       .strategy-header {
@@ -786,7 +957,7 @@ export default {
 
           &.active {
             background: rgba(145, 204, 117, 0.3);
-            color: #91CC75;
+            color: #91cc75;
           }
         }
       }
@@ -1037,19 +1208,35 @@ export default {
         }
 
         &.current {
-          background: linear-gradient(135deg, rgba(21, 225, 253, 0.3) 0%, rgba(21, 225, 253, 0.1) 100%);
+          background: linear-gradient(
+            135deg,
+            rgba(21, 225, 253, 0.3) 0%,
+            rgba(21, 225, 253, 0.1) 100%
+          );
         }
 
         &.devices {
-          background: linear-gradient(135deg, rgba(84, 112, 198, 0.3) 0%, rgba(84, 112, 198, 0.1) 100%);
+          background: linear-gradient(
+            135deg,
+            rgba(84, 112, 198, 0.3) 0%,
+            rgba(84, 112, 198, 0.1) 100%
+          );
         }
 
         &.online {
-          background: linear-gradient(135deg, rgba(145, 204, 117, 0.3) 0%, rgba(145, 204, 117, 0.1) 100%);
+          background: linear-gradient(
+            135deg,
+            rgba(145, 204, 117, 0.3) 0%,
+            rgba(145, 204, 117, 0.1) 100%
+          );
         }
 
         &.success {
-          background: linear-gradient(135deg, rgba(250, 200, 88, 0.3) 0%, rgba(250, 200, 88, 0.1) 100%);
+          background: linear-gradient(
+            135deg,
+            rgba(250, 200, 88, 0.3) 0%,
+            rgba(250, 200, 88, 0.1) 100%
+          );
         }
       }
 
@@ -1075,7 +1262,11 @@ export default {
 
 ::v-deep .custom-dialog {
   .el-dialog {
-    background: linear-gradient(135deg, rgba(11, 30, 48, 0.98) 0%, rgba(20, 45, 65, 0.98) 100%);
+    background: linear-gradient(
+      135deg,
+      rgba(11, 30, 48, 0.98) 0%,
+      rgba(20, 45, 65, 0.98) 100%
+    );
     border: 1px solid rgba(21, 225, 253, 0.3);
     box-shadow: 0 0.2rem 0.5rem rgba(0, 0, 0, 0.4);
   }
diff --git a/src/views/newLighting/energyManage/retrofitEffectivenessCompariso/index.vue b/src/views/newLighting/energyManage/retrofitEffectivenessCompariso/index.vue
index 53d98ff..1f0adc0 100644
--- a/src/views/newLighting/energyManage/retrofitEffectivenessCompariso/index.vue
+++ b/src/views/newLighting/energyManage/retrofitEffectivenessCompariso/index.vue
@@ -38,8 +38,8 @@
         </div>
       </div>
       <div class="selector-actions">
-        <el-button type="primary" size="small" @click="generateReport">生成分析报告</el-button>
-        <el-button size="small" @click="exportData">导出数据</el-button>
+        <div class="primary-btn"><el-button type="primary" size="small" @click="generateReport">生成分析报告</el-button></div>
+        <div class="success-btn"><el-button type="success" size="small" @click="exportData">导出数据</el-button></div>
       </div>
     </div>
 
diff --git a/src/views/newLighting/energyManage/warning/index.vue b/src/views/newLighting/energyManage/warning/index.vue
index 28400c1..bb2b9c3 100644
--- a/src/views/newLighting/energyManage/warning/index.vue
+++ b/src/views/newLighting/energyManage/warning/index.vue
@@ -103,9 +103,9 @@
           clearable
           class="search-input custom-input"
         ></el-input>
-        <el-button type="primary" @click="handleSearch" class="custom-btn">查询</el-button>
+        <div class="primary-btn"><el-button type="primary" @click="handleSearch" class="custom-btn">查询</el-button></div>
         <el-button @click="handleReset" class="custom-btn">重置</el-button>
-        <el-button type="success" @click="handleExport" class="custom-btn">导出</el-button>
+        <div class="success-btn"><el-button type="success" @click="handleExport" class="custom-btn">导出</el-button></div>
       </div>
     </div>
 
@@ -158,15 +158,14 @@
               </td>
               <td class="action-cell">
                 <div class="action-buttons">
-                  <el-button
-                    v-if="warning.status === 'pending'"
+                  <div class="primary-btn" v-if="warning.status === 'pending'"><el-button
                     type="primary"
                     size="small"
                     @click="handleWarning(warning)"
                     class="action-btn"
                   >
                     处理
-                  </el-button>
+                  </el-button></div>
                   <el-button
                     size="small"
                     @click="viewDetail(warning)"
diff --git a/src/views/newLighting/reportManage/base/index.vue b/src/views/newLighting/reportManage/base/index.vue
index 434e90d..5959e6f 100644
--- a/src/views/newLighting/reportManage/base/index.vue
+++ b/src/views/newLighting/reportManage/base/index.vue
@@ -42,7 +42,7 @@
           </el-select>
         </div>
         <div class="filter-actions">
-          <el-button type="primary" @click="generateReport" class="custom-btn">
+          <div class="primary-btn"><el-button type="primary" @click="generateReport" class="custom-btn">
             <svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
               <path d="M960 512H64c-17.7 0-32 14.3-32 32s14.3 32 32 32h896c17.7 0 32-14.3 32-32s-14.3-32-32-32z" fill="currentColor"/>
               <path d="M416 768H160c-17.7 0-32-14.3-32-32V288c0-17.7 14.3-32 32-32h256c17.7 0 32 14.3 32 32v64c0 17.7 14.3 32 32 32s32-14.3 32-32V288c0-52.9-43.1-96-96-96H160c-52.9 0-96 43.1-96 96v448c0 52.9 43.1 96 96 96h256c52.9 0 96-43.1 96-96v-64c0-17.7-14.3-32-32-32s-32 14.3-32 32v64z" fill="currentColor"/>
@@ -50,7 +50,7 @@
               <path d="M736 672v64c0 17.7-14.3 32-32 32H560c-17.7 0-32 14.3-32 32s14.3 32 32 32h144c52.9 0 96-43.1 96-96v-64c0-17.7-14.3-32-32-32s-32 14.3-32 32z" fill="currentColor"/>
             </svg>
             生成报表
-          </el-button>
+          </el-button></div>
           <el-button type="success" @click="exportToExcel" class="custom-btn">
             <svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
               <path d="M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-32 736H176V176h672v672z" fill="currentColor"/>
@@ -59,7 +59,7 @@
             </svg>
             导出Excel
           </el-button>
-          <el-button type="warning" @click="exportToPDF" class="custom-btn">
+          <div class="warning-btn"><el-button type="warning" @click="exportToPDF" class="custom-btn">
             <svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
               <path d="M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-32 736H176V176h672v672z" fill="currentColor"/>
               <path d="M448 352h128c17.7 0 32-14.3 32-32s-14.3-32-32-32H448c-17.7 0-32 14.3-32 32s14.3 32 32 32z" fill="currentColor"/>
@@ -67,7 +67,7 @@
               <path d="M448 576h192c17.7 0 32-14.3 32-32s-14.3-32-32-32H448c-17.7 0-32 14.3-32 32s14.3 32 32 32z" fill="currentColor"/>
             </svg>
             导出PDF
-          </el-button>
+          </el-button></div>
         </div>
       </div>
     </div>
diff --git a/src/views/newSystem/systemDevice.vue b/src/views/newSystem/systemDevice.vue
index 2ad99d5..bc04f6f 100644
--- a/src/views/newSystem/systemDevice.vue
+++ b/src/views/newSystem/systemDevice.vue
@@ -3,23 +3,29 @@
     <!-- 关键指标统计 -->
     <div class="special-div">
       <div class="special-top">
-        <div class="special-title">关键指标统计</div>
-        <div class="time-tabs">
-          <div
-            v-for="(tab, index) in deviceTimeTabs"
-            :key="index"
-            :class="['time-tab', { active: activeDeviceTab === index }]"
-            @click="handleDeviceTabChange(index)"
-          >
-            {{ tab }}
+        <div class="special-title">
+          关键指标统计
+          <div class="time-tabs">
+            <div
+              v-for="(tab, index) in deviceTimeTabs"
+              :key="index"
+              :class="['time-tab', { active: activeDeviceTab === index }]"
+              @click="handleDeviceTabChange(index)"
+            >
+              {{ tab }}
+            </div>
           </div>
         </div>
       </div>
       <div class="device-indicators">
-        <div class="indicator-card" v-for="device in deviceIndicators" :key="device.name">
+        <div
+          class="indicator-card"
+          v-for="device in deviceIndicators"
+          :key="device.name"
+        >
           <div class="indicator-header" :style="{ background: device.bg }">
             <div class="indicator-icon">
-              <img :src="device.icon" :alt="device.name" />
+              <img :src="device.icon" />
             </div>
             <div class="indicator-name">{{ device.name }}</div>
           </div>
@@ -44,15 +50,17 @@
     <!-- 设备在线数量趋势 -->
     <div class="special-div">
       <div class="special-top">
-        <div class="special-title">全系统设备在线数量趋势</div>
-        <div class="time-tabs">
-          <div
-            v-for="(tab, index) in trendTimeTabs"
-            :key="index"
-            :class="['time-tab', { active: activeTrendTab === index }]"
-            @click="handleTrendTabChange(index)"
-          >
-            {{ tab }}
+        <div class="special-title">
+          全系统设备在线数量趋势
+          <div class="time-tabs">
+            <div
+              v-for="(tab, index) in trendTimeTabs"
+              :key="index"
+              :class="['time-tab', { active: activeTrendTab === index }]"
+              @click="handleTrendTabChange(index)"
+            >
+              {{ tab }}
+            </div>
           </div>
         </div>
       </div>
@@ -62,15 +70,17 @@
     <!-- 网关在线数量趋势 -->
     <div class="special-div">
       <div class="special-top">
-        <div class="special-title">网关在线数量趋势</div>
-        <div class="time-tabs">
-          <div
-            v-for="(tab, index) in gatewayTimeTabs"
-            :key="index"
-            :class="['time-tab', { active: activeGatewayTab === index }]"
-            @click="handleGatewayTabChange(index)"
-          >
-            {{ tab }}
+        <div class="special-title">
+          网关在线数量趋势
+          <div class="time-tabs">
+            <div
+              v-for="(tab, index) in gatewayTimeTabs"
+              :key="index"
+              :class="['time-tab', { active: activeGatewayTab === index }]"
+              @click="handleGatewayTabChange(index)"
+            >
+              {{ tab }}
+            </div>
           </div>
         </div>
       </div>
@@ -139,61 +149,61 @@ export default {
           total: 1250,
           online: 1180,
           offline: 70,
-          icon: "",
-          bg: "linear-gradient(135deg, #667eea 0%, #764ba2 100%)"
+          icon: require("../../assets/images/temp1.png"),
+          bg: "linear-gradient(135deg, #667eea 0%, #764ba2 100%)",
         },
         {
           name: "空调系统",
           total: 86,
           online: 78,
           offline: 8,
-          icon: "",
-          bg: "linear-gradient(135deg, #f093fb 0%, #f5576c 100%)"
+          icon: require("../../assets/images/temp2.png"),
+          bg: "linear-gradient(135deg, #f093fb 0%, #f5576c 100%)",
         },
         {
           name: "水泵系统",
           total: 156,
           online: 148,
           offline: 8,
-          icon: "",
-          bg: "linear-gradient(135deg, #4facfe 0%, #00f2fe 100%)"
+          icon: require("../../assets/images/temp3.png"),
+          bg: "linear-gradient(135deg, #4facfe 0%, #00f2fe 100%)",
         },
         {
           name: "电梯系统",
           total: 24,
           online: 22,
           offline: 2,
-          icon: "",
-          bg: "linear-gradient(135deg, #43e97b 0%, #38f9d7 100%)"
+          icon: require("../../assets/images/temp4.png"),
+          bg: "linear-gradient(135deg, #43e97b 0%, #38f9d7 100%)",
         },
         {
           name: "风机系统",
           total: 328,
           online: 305,
           offline: 23,
-          icon: "",
-          bg: "linear-gradient(135deg, #fa709a 0%, #fee140 100%)"
+          icon: require("../../assets/images/temp5.png"),
+          bg: "linear-gradient(135deg, #fa709a 0%, #fee140 100%)",
         },
         {
           name: "监控系统",
           total: 189,
           online: 175,
           offline: 14,
-          icon: "",
-          bg: "linear-gradient(135deg, #a8edea 0%, #fed6e3 100%)"
-        }
+          icon: require("../../assets/images/temp6.png"),
+          bg: "linear-gradient(135deg, #a8edea 0%, #fed6e3 100%)",
+        },
       ],
       // 设备状态概览
       overview: {
         online: 2008,
         offline: 125,
         warning: 32,
-        fault: 15
+        fault: 15,
       },
       // 图表实例
       deviceTrendChart: null,
       gatewayTrendChart: null,
-      statusPieChart: null
+      statusPieChart: null,
     };
   },
   mounted() {
@@ -232,77 +242,98 @@ export default {
     // 更新设备在线趋势图
     updateDeviceTrendChart() {
       const dataMap = {
-        0: { // 近七日
+        0: {
+          // 近七日
           xData: ["周一", "周二", "周三", "周四", "周五", "周六", "周日"],
           onlineData: [1985, 1990, 1988, 1995, 2000, 1992, 2008],
-          offlineData: [148, 143, 145, 138, 133, 141, 125]
+          offlineData: [148, 143, 145, 138, 133, 141, 125],
         },
-        1: { // 当月
+        1: {
+          // 当月
           xData: ["1日", "5日", "10日", "15日", "20日", "25日", "30日"],
           onlineData: [1950, 1965, 1980, 1975, 1990, 1998, 2008],
-          offlineData: [183, 168, 153, 158, 143, 135, 125]
+          offlineData: [183, 168, 153, 158, 143, 135, 125],
+        },
+        2: {
+          // 当年
+          xData: [
+            "1月",
+            "2月",
+            "3月",
+            "4月",
+            "5月",
+            "6月",
+            "7月",
+            "8月",
+            "9月",
+            "10月",
+            "11月",
+            "12月",
+          ],
+          onlineData: [
+            1800, 1820, 1850, 1880, 1920, 1950, 1980, 1990, 2000, 2005, 2008,
+            2010,
+          ],
+          offlineData: [
+            333, 313, 283, 253, 213, 183, 153, 143, 133, 128, 125, 123,
+          ],
         },
-        2: { // 当年
-          xData: ["1月", "2月", "3月", "4月", "5月", "6月", "7月", "8月", "9月", "10月", "11月", "12月"],
-          onlineData: [1800, 1820, 1850, 1880, 1920, 1950, 1980, 1990, 2000, 2005, 2008, 2010],
-          offlineData: [333, 313, 283, 253, 213, 183, 153, 143, 133, 128, 125, 123]
-        }
       };
 
       const currentData = dataMap[this.activeTrendTab];
 
       const option = {
         tooltip: {
-          trigger: "axis"
+          trigger: "axis",
         },
         legend: {
           data: ["在线", "离线"],
           textStyle: {
-            color: "#ffffff"
-          }
+            color: "#ffffff",
+          },
         },
         grid: {
           left: "3%",
           right: "4%",
           bottom: "3%",
-          containLabel: true
+          containLabel: true,
         },
         xAxis: {
           type: "category",
           boundaryGap: false,
           data: currentData.xData,
           axisLabel: {
-            color: "rgba(255, 255, 255, 0.8)"
+            color: "rgba(255, 255, 255, 0.8)",
           },
           axisLine: {
             lineStyle: {
-              color: "#365576"
-            }
+              color: "#365576",
+            },
           },
           axisTick: {
-            show: false
-          }
+            show: false,
+          },
         },
         yAxis: {
           type: "value",
           name: "台",
           nameTextStyle: {
-            color: "rgba(255, 255, 255, 0.8)"
+            color: "rgba(255, 255, 255, 0.8)",
           },
           axisLabel: {
-            color: "rgba(255, 255, 255, 0.8)"
+            color: "rgba(255, 255, 255, 0.8)",
           },
           axisLine: {
             lineStyle: {
-              color: "#365576"
-            }
+              color: "#365576",
+            },
           },
           splitLine: {
             lineStyle: {
               color: "#1a3d62",
-              type: "dashed"
-            }
-          }
+              type: "dashed",
+            },
+          },
         },
         series: [
           {
@@ -311,10 +342,10 @@ export default {
             smooth: true,
             data: currentData.onlineData,
             itemStyle: {
-              color: "#91CC75"
+              color: "#91CC75",
             },
             lineStyle: {
-              color: "#91CC75"
+              color: "#91CC75",
             },
             areaStyle: {
               color: {
@@ -326,15 +357,15 @@ export default {
                 colorStops: [
                   {
                     offset: 0,
-                    color: "rgba(145, 204, 117, 0.5)"
+                    color: "rgba(145, 204, 117, 0.5)",
                   },
                   {
                     offset: 1,
-                    color: "rgba(145, 204, 117, 0)"
-                  }
-                ]
-              }
-            }
+                    color: "rgba(145, 204, 117, 0)",
+                  },
+                ],
+              },
+            },
           },
           {
             name: "离线",
@@ -342,10 +373,10 @@ export default {
             smooth: true,
             data: currentData.offlineData,
             itemStyle: {
-              color: "#EE6666"
+              color: "#EE6666",
             },
             lineStyle: {
-              color: "#EE6666"
+              color: "#EE6666",
             },
             areaStyle: {
               color: {
@@ -357,17 +388,17 @@ export default {
                 colorStops: [
                   {
                     offset: 0,
-                    color: "rgba(238, 102, 102, 0.5)"
+                    color: "rgba(238, 102, 102, 0.5)",
                   },
                   {
                     offset: 1,
-                    color: "rgba(238, 102, 102, 0)"
-                  }
-                ]
-              }
-            }
-          }
-        ]
+                    color: "rgba(238, 102, 102, 0)",
+                  },
+                ],
+              },
+            },
+          },
+        ],
       };
       this.deviceTrendChart.setOption(option);
     },
@@ -379,77 +410,93 @@ export default {
     // 更新网关在线趋势图
     updateGatewayTrendChart() {
       const dataMap = {
-        0: { // 近七日
+        0: {
+          // 近七日
           xData: ["周一", "周二", "周三", "周四", "周五", "周六", "周日"],
           onlineData: [45, 46, 45, 47, 48, 47, 48],
-          offlineData: [3, 2, 3, 1, 0, 1, 0]
+          offlineData: [3, 2, 3, 1, 0, 1, 0],
         },
-        1: { // 当月
+        1: {
+          // 当月
           xData: ["1日", "5日", "10日", "15日", "20日", "25日", "30日"],
           onlineData: [42, 44, 45, 46, 46, 47, 48],
-          offlineData: [6, 4, 3, 2, 2, 1, 0]
+          offlineData: [6, 4, 3, 2, 2, 1, 0],
         },
-        2: { // 当年
-          xData: ["1月", "2月", "3月", "4月", "5月", "6月", "7月", "8月", "9月", "10月", "11月", "12月"],
+        2: {
+          // 当年
+          xData: [
+            "1月",
+            "2月",
+            "3月",
+            "4月",
+            "5月",
+            "6月",
+            "7月",
+            "8月",
+            "9月",
+            "10月",
+            "11月",
+            "12月",
+          ],
           onlineData: [40, 41, 42, 43, 44, 45, 46, 47, 47, 48, 48, 48],
-          offlineData: [8, 7, 6, 5, 4, 3, 2, 1, 1, 0, 0, 0]
-        }
+          offlineData: [8, 7, 6, 5, 4, 3, 2, 1, 1, 0, 0, 0],
+        },
       };
 
       const currentData = dataMap[this.activeGatewayTab];
 
       const option = {
         tooltip: {
-          trigger: "axis"
+          trigger: "axis",
         },
         legend: {
           data: ["在线", "离线"],
           textStyle: {
-            color: "#ffffff"
-          }
+            color: "#ffffff",
+          },
         },
         grid: {
           left: "3%",
           right: "4%",
           bottom: "3%",
-          containLabel: true
+          containLabel: true,
         },
         xAxis: {
           type: "category",
           boundaryGap: false,
           data: currentData.xData,
           axisLabel: {
-            color: "rgba(255, 255, 255, 0.8)"
+            color: "rgba(255, 255, 255, 0.8)",
           },
           axisLine: {
             lineStyle: {
-              color: "#365576"
-            }
+              color: "#365576",
+            },
           },
           axisTick: {
-            show: false
-          }
+            show: false,
+          },
         },
         yAxis: {
           type: "value",
           name: "台",
           nameTextStyle: {
-            color: "rgba(255, 255, 255, 0.8)"
+            color: "rgba(255, 255, 255, 0.8)",
           },
           axisLabel: {
-            color: "rgba(255, 255, 255, 0.8)"
+            color: "rgba(255, 255, 255, 0.8)",
           },
           axisLine: {
             lineStyle: {
-              color: "#365576"
-            }
+              color: "#365576",
+            },
           },
           splitLine: {
             lineStyle: {
               color: "#1a3d62",
-              type: "dashed"
-            }
-          }
+              type: "dashed",
+            },
+          },
         },
         series: [
           {
@@ -458,10 +505,10 @@ export default {
             smooth: true,
             data: currentData.onlineData,
             itemStyle: {
-              color: "#5470C6"
+              color: "#5470C6",
             },
             lineStyle: {
-              color: "#5470C6"
+              color: "#5470C6",
             },
             areaStyle: {
               color: {
@@ -473,15 +520,15 @@ export default {
                 colorStops: [
                   {
                     offset: 0,
-                    color: "rgba(84, 112, 198, 0.5)"
+                    color: "rgba(84, 112, 198, 0.5)",
                   },
                   {
                     offset: 1,
-                    color: "rgba(84, 112, 198, 0)"
-                  }
-                ]
-              }
-            }
+                    color: "rgba(84, 112, 198, 0)",
+                  },
+                ],
+              },
+            },
           },
           {
             name: "离线",
@@ -489,10 +536,10 @@ export default {
             smooth: true,
             data: currentData.offlineData,
             itemStyle: {
-              color: "#FAC858"
+              color: "#FAC858",
             },
             lineStyle: {
-              color: "#FAC858"
+              color: "#FAC858",
             },
             areaStyle: {
               color: {
@@ -504,17 +551,17 @@ export default {
                 colorStops: [
                   {
                     offset: 0,
-                    color: "rgba(250, 200, 88, 0.5)"
+                    color: "rgba(250, 200, 88, 0.5)",
                   },
                   {
                     offset: 1,
-                    color: "rgba(250, 200, 88, 0)"
-                  }
-                ]
-              }
-            }
-          }
-        ]
+                    color: "rgba(250, 200, 88, 0)",
+                  },
+                ],
+              },
+            },
+          },
+        ],
       };
       this.gatewayTrendChart.setOption(option);
     },
@@ -523,14 +570,14 @@ export default {
       this.statusPieChart = echarts.init(this.$refs.statusPieRef);
       const option = {
         tooltip: {
-          trigger: "item"
+          trigger: "item",
         },
         legend: {
           orient: "vertical",
           left: "left",
           textStyle: {
-            color: "#ffffff"
-          }
+            color: "#ffffff",
+          },
         },
         series: [
           {
@@ -542,20 +589,20 @@ export default {
               { value: 2008, name: "在线", itemStyle: { color: "#91CC75" } },
               { value: 125, name: "离线", itemStyle: { color: "#EE6666" } },
               { value: 32, name: "告警", itemStyle: { color: "#FAC858" } },
-              { value: 15, name: "故障", itemStyle: { color: "#5470C6" } }
+              { value: 15, name: "故障", itemStyle: { color: "#5470C6" } },
             ],
             emphasis: {
               itemStyle: {
                 shadowBlur: 10,
                 shadowOffsetX: 0,
-                shadowColor: "rgba(0, 0, 0, 0.5)"
-              }
+                shadowColor: "rgba(0, 0, 0, 0.5)",
+              },
             },
             label: {
-              formatter: "{b}\n{d}%"
-            }
-          }
-        ]
+              formatter: "{b}\n{d}%",
+            },
+          },
+        ],
       };
       this.statusPieChart.setOption(option);
     },
@@ -564,8 +611,8 @@ export default {
       if (this.deviceTrendChart) this.deviceTrendChart.resize();
       if (this.gatewayTrendChart) this.gatewayTrendChart.resize();
       if (this.statusPieChart) this.statusPieChart.resize();
-    }
-  }
+    },
+  },
 };
 </script>
 
@@ -671,11 +718,11 @@ export default {
           font-weight: bold;
 
           &.online {
-            color: #91CC75;
+            color: #91cc75;
           }
 
           &.offline {
-            color: #EE6666;
+            color: #ee6666;
           }
         }
       }
@@ -710,19 +757,19 @@ export default {
       margin-right: 0.15rem;
 
       &.online {
-        background: #91CC75;
+        background: #91cc75;
       }
 
       &.offline {
-        background: #EE6666;
+        background: #ee6666;
       }
 
       &.warning {
-        background: #FAC858;
+        background: #fac858;
       }
 
       &.fault {
-        background: #5470C6;
+        background: #5470c6;
       }
     }
 
diff --git a/src/views/newSystem/systemEnergy.vue b/src/views/newSystem/systemEnergy.vue
index 932aa3b..5c54eb8 100644
--- a/src/views/newSystem/systemEnergy.vue
+++ b/src/views/newSystem/systemEnergy.vue
@@ -3,15 +3,17 @@
     <!-- 项目整体用能/碳排放趋势 -->
     <div class="special-div">
       <div class="special-top">
-        <div class="special-title">项目整体趋势</div>
-        <div class="time-tabs">
-          <div
-            v-for="(tab, index) in trendTimeTabs"
-            :key="index"
-            :class="['time-tab', { active: activeTrendTab === index }]"
-            @click="handleTrendTabChange(index)"
-          >
-            {{ tab }}
+        <div class="special-title">
+          项目整体趋势
+          <div class="time-tabs">
+            <div
+              v-for="(tab, index) in trendTimeTabs"
+              :key="index"
+              :class="['time-tab', { active: activeTrendTab === index }]"
+              @click="handleTrendTabChange(index)"
+            >
+              {{ tab }}
+            </div>
           </div>
         </div>
       </div>
@@ -43,22 +45,36 @@
       <div class="period-stats">
         <div class="stat-card">
           <div class="stat-label">近七日用电量</div>
-          <div class="stat-value">{{ periodData.electricity }} <span class="unit">万kWh</span></div>
-          <div class="stat-change" :class="{ positive: periodData.electricityChange >= 0 }">
+          <div class="stat-value">
+            {{ periodData.electricity }} <span class="unit">万kWh</span>
+          </div>
+          <div
+            class="stat-change"
+            :class="{ positive: periodData.electricityChange >= 0 }"
+          >
             <span v-if="periodData.electricityChange >= 0">↑</span>
             <span v-else>↓</span>
             环比 {{ Math.abs(periodData.electricityChange) }}%
-            <span class="compare-label">| 同比 {{ Math.abs(periodData.electricityYoy) }}%</span>
+            <span class="compare-label"
+              >| 同比 {{ Math.abs(periodData.electricityYoy) }}%</span
+            >
           </div>
         </div>
         <div class="stat-card">
           <div class="stat-label">近七日用水量</div>
-          <div class="stat-value">{{ periodData.water }} <span class="unit">t</span></div>
-          <div class="stat-change" :class="{ positive: periodData.waterChange >= 0 }">
+          <div class="stat-value">
+            {{ periodData.water }} <span class="unit">t</span>
+          </div>
+          <div
+            class="stat-change"
+            :class="{ positive: periodData.waterChange >= 0 }"
+          >
             <span v-if="periodData.waterChange >= 0">↑</span>
             <span v-else>↓</span>
             环比 {{ Math.abs(periodData.waterChange) }}%
-            <span class="compare-label">| 同比 {{ Math.abs(periodData.waterYoy) }}%</span>
+            <span class="compare-label"
+              >| 同比 {{ Math.abs(periodData.waterYoy) }}%</span
+            >
           </div>
         </div>
       </div>
@@ -100,14 +116,14 @@ export default {
         electricityYoy: -1.5,
         water: 456.8,
         waterChange: -2.1,
-        waterYoy: 5.3
+        waterYoy: 5.3,
       },
       // 图表实例
       electricTrendChart: null,
       carbonTrendChart: null,
       barChart: null,
       electricRingChart: null,
-      waterRingChart: null
+      waterRingChart: null,
     };
   },
   mounted() {
@@ -139,51 +155,51 @@ export default {
         tooltip: {
           trigger: "axis",
           axisPointer: {
-            type: "line"
-          }
+            type: "line",
+          },
         },
         grid: {
           left: "3%",
           right: "4%",
           bottom: "3%",
-          containLabel: true
+          containLabel: true,
         },
         xAxis: {
           type: "category",
           boundaryGap: false,
           data: ["周一", "周二", "周三", "周四", "周五", "周六", "周日"],
           axisLabel: {
-            color: "rgba(255, 255, 255, 0.8)"
+            color: "rgba(255, 255, 255, 0.8)",
           },
           axisLine: {
             lineStyle: {
-              color: "#365576"
-            }
+              color: "#365576",
+            },
           },
           axisTick: {
-            show: false
-          }
+            show: false,
+          },
         },
         yAxis: {
           type: "value",
           name: "万kWh",
           nameTextStyle: {
-            color: "rgba(255, 255, 255, 0.8)"
+            color: "rgba(255, 255, 255, 0.8)",
           },
           axisLabel: {
-            color: "rgba(255, 255, 255, 0.8)"
+            color: "rgba(255, 255, 255, 0.8)",
           },
           axisLine: {
             lineStyle: {
-              color: "#365576"
-            }
+              color: "#365576",
+            },
           },
           splitLine: {
             lineStyle: {
               color: "#1a3d62",
-              type: "dashed"
-            }
-          }
+              type: "dashed",
+            },
+          },
         },
         series: [
           {
@@ -192,10 +208,10 @@ export default {
             smooth: true,
             data: [1.8, 2.1, 1.9, 2.3, 2.5, 1.5, 1.4],
             itemStyle: {
-              color: "#15e1fd"
+              color: "#15e1fd",
             },
             lineStyle: {
-              color: "#15e1fd"
+              color: "#15e1fd",
             },
             areaStyle: {
               color: {
@@ -207,17 +223,17 @@ export default {
                 colorStops: [
                   {
                     offset: 0,
-                    color: "rgba(21, 225, 253, 0.5)"
+                    color: "rgba(21, 225, 253, 0.5)",
                   },
                   {
                     offset: 1,
-                    color: "rgba(21, 225, 253, 0)"
-                  }
-                ]
-              }
-            }
-          }
-        ]
+                    color: "rgba(21, 225, 253, 0)",
+                  },
+                ],
+              },
+            },
+          },
+        ],
       };
       this.electricTrendChart.setOption(option);
     },
@@ -226,50 +242,50 @@ export default {
       this.carbonTrendChart = echarts.init(this.$refs.carbonTrendChartRef);
       const option = {
         tooltip: {
-          trigger: "axis"
+          trigger: "axis",
         },
         grid: {
           left: "3%",
           right: "4%",
           bottom: "3%",
-          containLabel: true
+          containLabel: true,
         },
         xAxis: {
           type: "category",
           boundaryGap: false,
           data: ["周一", "周二", "周三", "周四", "周五", "周六", "周日"],
           axisLabel: {
-            color: "rgba(255, 255, 255, 0.8)"
+            color: "rgba(255, 255, 255, 0.8)",
           },
           axisLine: {
             lineStyle: {
-              color: "#365576"
-            }
+              color: "#365576",
+            },
           },
           axisTick: {
-            show: false
-          }
+            show: false,
+          },
         },
         yAxis: {
           type: "value",
           name: "tCO₂e",
           nameTextStyle: {
-            color: "rgba(255, 255, 255, 0.8)"
+            color: "rgba(255, 255, 255, 0.8)",
           },
           axisLabel: {
-            color: "rgba(255, 255, 255, 0.8)"
+            color: "rgba(255, 255, 255, 0.8)",
           },
           axisLine: {
             lineStyle: {
-              color: "#365576"
-            }
+              color: "#365576",
+            },
           },
           splitLine: {
             lineStyle: {
               color: "#1a3d62",
-              type: "dashed"
-            }
-          }
+              type: "dashed",
+            },
+          },
         },
         series: [
           {
@@ -278,10 +294,10 @@ export default {
             smooth: true,
             data: [0.9, 1.1, 0.95, 1.15, 1.25, 0.75, 0.7],
             itemStyle: {
-              color: "#91CC75"
+              color: "#91CC75",
             },
             lineStyle: {
-              color: "#91CC75"
+              color: "#91CC75",
             },
             areaStyle: {
               color: {
@@ -293,17 +309,17 @@ export default {
                 colorStops: [
                   {
                     offset: 0,
-                    color: "rgba(145, 204, 117, 0.5)"
+                    color: "rgba(145, 204, 117, 0.5)",
                   },
                   {
                     offset: 1,
-                    color: "rgba(145, 204, 117, 0)"
-                  }
-                ]
-              }
-            }
-          }
-        ]
+                    color: "rgba(145, 204, 117, 0)",
+                  },
+                ],
+              },
+            },
+          },
+        ],
       };
       this.carbonTrendChart.setOption(option);
     },
@@ -314,52 +330,59 @@ export default {
         tooltip: {
           trigger: "axis",
           axisPointer: {
-            type: "shadow"
-          }
+            type: "shadow",
+          },
         },
         grid: {
           left: "3%",
           right: "4%",
           bottom: "3%",
-          containLabel: true
+          containLabel: true,
         },
         xAxis: {
           type: "category",
-          data: ["照明系统", "空调系统", "水泵系统", "电梯系统", "风机系统", "监控系统"],
+          data: [
+            "照明系统",
+            "空调系统",
+            "水泵系统",
+            "电梯系统",
+            "风机系统",
+            "监控系统",
+          ],
           axisLabel: {
             color: "rgba(255, 255, 255, 0.8)",
             interval: 0,
-            rotate: 20
+            rotate: 20,
           },
           axisLine: {
             lineStyle: {
-              color: "#365576"
-            }
+              color: "#365576",
+            },
           },
           axisTick: {
-            show: false
-          }
+            show: false,
+          },
         },
         yAxis: {
           type: "value",
           name: "kWh",
           nameTextStyle: {
-            color: "rgba(255, 255, 255, 0.8)"
+            color: "rgba(255, 255, 255, 0.8)",
           },
           axisLabel: {
-            color: "rgba(255, 255, 255, 0.8)"
+            color: "rgba(255, 255, 255, 0.8)",
           },
           axisLine: {
             lineStyle: {
-              color: "#365576"
-            }
+              color: "#365576",
+            },
           },
           splitLine: {
             lineStyle: {
               color: "#1a3d62",
-              type: "dashed"
-            }
-          }
+              type: "dashed",
+            },
+          },
         },
         series: [
           {
@@ -377,17 +400,17 @@ export default {
                 colorStops: [
                   {
                     offset: 0,
-                    color: "#15e1fd"
+                    color: "#15e1fd",
                   },
                   {
                     offset: 1,
-                    color: "#208fff"
-                  }
-                ]
-              }
-            }
-          }
-        ]
+                    color: "#208fff",
+                  },
+                ],
+              },
+            },
+          },
+        ],
       };
       this.barChart.setOption(option);
     },
@@ -396,14 +419,14 @@ export default {
       this.electricRingChart = echarts.init(this.$refs.electricRingRef);
       const option = {
         tooltip: {
-          trigger: "item"
+          trigger: "item",
         },
         legend: {
           orient: "vertical",
           left: "left",
           textStyle: {
-            color: "#ffffff"
-          }
+            color: "#ffffff",
+          },
         },
         series: [
           {
@@ -416,13 +439,13 @@ export default {
               { value: 25, name: "空调系统" },
               { value: 18, name: "水泵系统" },
               { value: 12, name: "电梯系统" },
-              { value: 10, name: "其他系统" }
+              { value: 10, name: "其他系统" },
             ],
             label: {
-              formatter: "{b}\n{d}%"
-            }
-          }
-        ]
+              formatter: "{b}\n{d}%",
+            },
+          },
+        ],
       };
       this.electricRingChart.setOption(option);
     },
@@ -431,14 +454,14 @@ export default {
       this.waterRingChart = echarts.init(this.$refs.waterRingRef);
       const option = {
         tooltip: {
-          trigger: "item"
+          trigger: "item",
         },
         legend: {
           orient: "vertical",
           left: "left",
           textStyle: {
-            color: "#ffffff"
-          }
+            color: "#ffffff",
+          },
         },
         series: [
           {
@@ -450,13 +473,13 @@ export default {
               { value: 40, name: "生活用水" },
               { value: 25, name: "冷却补水" },
               { value: 20, name: "绿化用水" },
-              { value: 15, name: "其他用水" }
+              { value: 15, name: "其他用水" },
             ],
             label: {
-              formatter: "{b}\n{d}%"
-            }
-          }
-        ]
+              formatter: "{b}\n{d}%",
+            },
+          },
+        ],
       };
       this.waterRingChart.setOption(option);
     },
@@ -467,8 +490,8 @@ export default {
       if (this.barChart) this.barChart.resize();
       if (this.electricRingChart) this.electricRingChart.resize();
       if (this.waterRingChart) this.waterRingChart.resize();
-    }
-  }
+    },
+  },
 };
 </script>
 
@@ -559,7 +582,7 @@ export default {
 
     .stat-change {
       font-size: 0.14rem;
-      color: #91CC75;
+      color: #91cc75;
 
       &.positive {
         color: #ee5e5e;
diff --git a/src/views/newSystem/systemHome.vue b/src/views/newSystem/systemHome.vue
index 7da86d8..6b5513d 100644
--- a/src/views/newSystem/systemHome.vue
+++ b/src/views/newSystem/systemHome.vue
@@ -8,23 +8,33 @@
       <div class="comprehensive-indicators">
         <div class="indicator-item">
           <div class="indicator-label">综合节能率</div>
-          <div class="indicator-value">{{ comprehensiveData.energySavingRate }}%</div>
+          <div class="indicator-value">
+            {{ comprehensiveData.energySavingRate }}%
+          </div>
         </div>
         <div class="indicator-item">
           <div class="indicator-label">节电金额</div>
-          <div class="indicator-value">¥{{ comprehensiveData.electricSavingAmount }}</div>
+          <div class="indicator-value">
+            ¥{{ comprehensiveData.electricSavingAmount }}
+          </div>
         </div>
         <div class="indicator-item">
           <div class="indicator-label">减碳量</div>
-          <div class="indicator-value">{{ comprehensiveData.carbonReduction }}t</div>
+          <div class="indicator-value">
+            {{ comprehensiveData.carbonReduction }}t
+          </div>
         </div>
         <div class="indicator-item">
           <div class="indicator-label">累计用电</div>
-          <div class="indicator-value">{{ comprehensiveData.totalElectricity }}kWh</div>
+          <div class="indicator-value">
+            {{ comprehensiveData.totalElectricity }}kWh
+          </div>
         </div>
         <div class="indicator-item">
           <div class="indicator-label">节电量</div>
-          <div class="indicator-value">{{ comprehensiveData.electricSaving }}kWh</div>
+          <div class="indicator-value">
+            {{ comprehensiveData.electricSaving }}kWh
+          </div>
         </div>
       </div>
     </div>
@@ -32,22 +42,28 @@
     <!-- 设备规模指标 -->
     <div class="special-div">
       <div class="special-top">
-        <div class="special-title">设备规模</div>
-        <div class="time-tabs">
-          <div
-            v-for="(tab, index) in timeTabs"
-            :key="index"
-            :class="['time-tab', { active: activeTab === index }]"
-            @click="handleTabChange(index)"
-          >
-            {{ tab }}
+        <div class="special-title">
+          设备规模
+          <div class="time-tabs">
+            <div
+              v-for="(tab, index) in timeTabs"
+              :key="index"
+              :class="['time-tab', { active: activeTab === index }]"
+              @click="handleTabChange(index)"
+            >
+              {{ tab }}
+            </div>
           </div>
         </div>
       </div>
       <div class="device-scale">
-        <div class="device-item" v-for="device in deviceList" :key="device.name">
+        <div
+          class="device-item"
+          v-for="device in deviceList"
+          :key="device.name"
+        >
           <div class="device-icon" :style="{ background: device.bg }">
-            <img :src="device.icon" :alt="device.name" />
+            <img :src="device.icon" />
           </div>
           <div class="device-info">
             <div class="device-name">{{ device.name }}</div>
@@ -128,37 +144,67 @@ export default {
         electricSavingAmount: 125.6,
         carbonReduction: 89.3,
         totalElectricity: 45680,
-        electricSaving: 7890
+        electricSaving: 7890,
       },
       // 时间切换选项
       timeTabs: ["近七日", "当月", "当年", "自定义"],
       activeTab: 0,
       // 设备列表
       deviceList: [
-        { name: "照明系统", count: 1250, icon: "", bg: "linear-gradient(135deg, #667eea 0%, #764ba2 100%)" },
-        { name: "空调系统", count: 86, icon: "", bg: "linear-gradient(135deg, #f093fb 0%, #f5576c 100%)" },
-        { name: "水泵系统", count: 156, icon: "", bg: "linear-gradient(135deg, #4facfe 0%, #00f2fe 100%)" },
-        { name: "电梯系统", count: 24, icon: "", bg: "linear-gradient(135deg, #43e97b 0%, #38f9d7 100%)" },
-        { name: "风机系统", count: 328, icon: "", bg: "linear-gradient(135deg, #fa709a 0%, #fee140 100%)" },
-        { name: "监控系统", count: 189, icon: "", bg: "linear-gradient(135deg, #a8edea 0%, #fed6e3 100%)" }
+        {
+          name: "照明系统",
+          count: 1250,
+          icon: require("../../assets/images/temp1.png"),
+          bg: "linear-gradient(135deg, #667eea 0%, #764ba2 100%)",
+        },
+        {
+          name: "空调系统",
+          count: 86,
+          icon: require("../../assets/images/temp2.png"),
+          bg: "linear-gradient(135deg, #f093fb 0%, #f5576c 100%)",
+        },
+        {
+          name: "水泵系统",
+          count: 156,
+          icon: require("../../assets/images/temp3.png"),
+          bg: "linear-gradient(135deg, #4facfe 0%, #00f2fe 100%)",
+        },
+        {
+          name: "电梯系统",
+          count: 24,
+          icon: require("../../assets/images/temp4.png"),
+          bg: "linear-gradient(135deg, #43e97b 0%, #38f9d7 100%)",
+        },
+        {
+          name: "风机系统",
+          count: 328,
+          icon: require("../../assets/images/temp5.png"),
+          bg: "linear-gradient(135deg, #fa709a 0%, #fee140 100%)",
+        },
+        {
+          name: "监控系统",
+          count: 189,
+          icon: require("../../assets/images/temp6.png"),
+          bg: "linear-gradient(135deg, #a8edea 0%, #fed6e3 100%)",
+        },
       ],
       // 节能统计数据
       energySaving: {
         daySaving: 328,
-        totalSaving: 7890
+        totalSaving: 7890,
       },
       // 节能占比图例
       energyLegend: [
         { name: "照明系统", color: "#5470C6" },
         { name: "空调系统", color: "#91CC75" },
         { name: "水泵系统", color: "#FAC858" },
-        { name: "其他系统", color: "#EE6666" }
+        { name: "其他系统", color: "#EE6666" },
       ],
       // 同比环比
       compareType: "yoy",
       // 图表实例
       ringChart: null,
-      pieChart: null
+      pieChart: null,
     };
   },
   mounted() {
@@ -174,7 +220,7 @@ export default {
   watch: {
     compareType() {
       this.updateRingChart();
-    }
+    },
   },
   methods: {
     // 时间切换
@@ -189,27 +235,28 @@ export default {
     },
     // 更新环形图
     updateRingChart() {
-      const data = this.compareType === "yoy"
-        ? [
-            { value: 35, name: "照明系统" },
-            { value: 28, name: "空调系统" },
-            { value: 22, name: "水泵系统" },
-            { value: 15, name: "其他系统" }
-          ]
-        : [
-            { value: 32, name: "照明系统" },
-            { value: 30, name: "空调系统" },
-            { value: 25, name: "水泵系统" },
-            { value: 13, name: "其他系统" }
-          ];
+      const data =
+        this.compareType === "yoy"
+          ? [
+              { value: 35, name: "照明系统" },
+              { value: 28, name: "空调系统" },
+              { value: 22, name: "水泵系统" },
+              { value: 15, name: "其他系统" },
+            ]
+          : [
+              { value: 32, name: "照明系统" },
+              { value: 30, name: "空调系统" },
+              { value: 25, name: "水泵系统" },
+              { value: 13, name: "其他系统" },
+            ];
 
       const option = {
         tooltip: {
           trigger: "item",
-          formatter: "{b}: {c}% ({d}%)"
+          formatter: "{b}: {c}% ({d}%)",
         },
         legend: {
-          show: false
+          show: false,
         },
         series: [
           {
@@ -220,18 +267,18 @@ export default {
             avoidLabelOverlap: false,
             label: {
               show: true,
-              formatter: "{b}\n{d}%"
+              formatter: "{b}\n{d}%",
             },
             emphasis: {
               label: {
                 show: true,
                 fontSize: 14,
-                fontWeight: "bold"
-              }
+                fontWeight: "bold",
+              },
             },
-            data: data
-          }
-        ]
+            data: data,
+          },
+        ],
       };
       this.ringChart.setOption(option);
     },
@@ -241,40 +288,41 @@ export default {
       const option = {
         tooltip: {
           trigger: "item",
-          formatter: "{b}: {c}% ({d}%)"
+          formatter: "{b}: {c}% ({d}%)",
         },
         legend: {
-          orient: "vertical",
-          left: "left",
+          orient: "horizontal",
+          left: "center",
           textStyle: {
-            color: "#ffffff"
-          }
+            color: "#ffffff",
+          },
+          top: "8%",           // 默认一般在顶部，改成75%往下移
         },
         series: [
           {
             name: "用能类型",
             type: "pie",
             radius: "60%",
-            center: ["60%", "50%"],
+            center: ["50%", "70%"],
             data: [
               { value: 28, name: "生活用水" },
               { value: 35, name: "空调用电" },
               { value: 18, name: "照明用电" },
               { value: 12, name: "动力用电" },
-              { value: 7, name: "其他" }
+              { value: 7, name: "其他" },
             ],
             emphasis: {
               itemStyle: {
                 shadowBlur: 10,
                 shadowOffsetX: 0,
-                shadowColor: "rgba(0, 0, 0, 0.5)"
-              }
+                shadowColor: "rgba(0, 0, 0, 0.5)",
+              },
             },
             label: {
-              formatter: "{b}\n{d}%"
-            }
-          }
-        ]
+              formatter: "{b}\n{d}%",
+            },
+          },
+        ],
       };
       this.pieChart.setOption(option);
     },
@@ -282,8 +330,8 @@ export default {
     handleResize() {
       if (this.ringChart) this.ringChart.resize();
       if (this.pieChart) this.pieChart.resize();
-    }
-  }
+    },
+  },
 };
 </script>
 
@@ -452,7 +500,7 @@ export default {
     display: flex;
     justify-content: center;
     gap: 0.2rem;
-    margin-top: 0.1rem;
+    margin: 0.2rem 0;
 
     .compare-tab {
       padding: 0.05rem 0.2rem;
@@ -468,7 +516,7 @@ export default {
       }
 
       &.active {
-        background: linear-gradient(135deg, #5470C6 0%, #91CC75 100%);
+        background: linear-gradient(135deg, #5470c6 0%, #91cc75 100%);
         opacity: 1;
       }
     }
@@ -478,7 +526,7 @@ export default {
 .energy-type {
   .pie-chart {
     width: 100%;
-    height: 3.2rem;
+    height: 4rem;
   }
 }