From feb50e038ded0225fe936cccf68a5ceb07c05a11 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=A0=82=E7=B3=96?= <qq2178503051@163.com>
Date: Thu, 26 Mar 2026 10:41:27 +0800
Subject: [PATCH] =?UTF-8?q?refactor(ems/dashboard):=20=E9=87=8D=E6=9E=84?=
 =?UTF-8?q?=E8=83=BD=E6=BA=90=E7=B1=BB=E5=9E=8B=E9=80=89=E6=8B=A9=E4=B8=BA?=
 =?UTF-8?q?=E6=A0=87=E7=AD=BE=E9=A1=B5=E5=BD=A2=E5=BC=8F=E5=B9=B6=E8=AE=BE?=
 =?UTF-8?q?=E7=BD=AE=E9=BB=98=E8=AE=A4=E5=80=BC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

将能源类型选择从下拉框改为标签页形式，提升用户体验
移除未使用的标签页代码，并设置默认选中的能源类型
---
 klp-ui/src/views/ems/dashboard/index.vue | 18 +++++++++++-------
 1 file changed, 11 insertions(+), 7 deletions(-)

diff --git a/klp-ui/src/views/ems/dashboard/index.vue b/klp-ui/src/views/ems/dashboard/index.vue
index 1340f8d1..2fc2a28f 100644
--- a/klp-ui/src/views/ems/dashboard/index.vue
+++ b/klp-ui/src/views/ems/dashboard/index.vue
@@ -1,11 +1,11 @@
 <template>
   <el-row>
     <el-col :span="4">
-      <div style="padding: 10px;">
+      <!-- <div style="padding: 10px;">
         <el-select v-model="energyType" placeholder="请选择能源类型" @change="refresh">
           <el-option v-for="item in energyTypeList" :key="item.energyTypeId" :label="item.name" :value="item.energyTypeId" />
         </el-select>
-      </div>
+      </div> -->
       
 
       <!-- 区域选择，默认展开，最高高度为60%的屏幕尺寸 -->
@@ -21,17 +21,20 @@
     </el-col>
 
     <el-col :span="20" v-if="showRight">
-      <el-tabs v-model="activeTab" type="card">
+      <!-- <el-tabs v-model="activeTab" type="card">
         <el-tab-pane label="环比概况" name="1"></el-tab-pane>
         <el-tab-pane label="近期趋势" name="2"></el-tab-pane>
         <el-tab-pane label="同比分析" name="3"></el-tab-pane>
         <el-tab-pane label="环比分析" name="4"></el-tab-pane>
+      </el-tabs> -->
+      <el-tabs v-model="energyType" type="card">
+        <el-tab-pane v-for="item in energyTypeList" :key="item.energyTypeId" :label="item.name" :name="item.energyTypeId"></el-tab-pane>
       </el-tabs>
 
-      <Overview ref="overview" v-if="activeTab === '1'" :unit="energyUnit" :energyName="energyName" :energyType="energyType" :locationId="locationId" :deviceId="deviceId" />
-      <RecentTrend ref="recentTrend" v-if="activeTab === '2'" :unit="energyUnit" :energyName="energyName" :energyType="energyType" :locationId="locationId" :deviceId="deviceId" />
-      <YearToYear ref="yearToYear" v-if="activeTab === '3'" :unit="energyUnit" :energyName="energyName" :energyType="energyType" :locationId="locationId" :deviceId="deviceId" />
-      <MonthToMonth ref="monthToMonth" v-if="activeTab === '4'" :unit="energyUnit" :energyName="energyName" :energyType="energyType" :locationId="locationId" :deviceId="deviceId" />
+      <Overview ref="overview" :unit="energyUnit" :energyName="energyName" :energyType="energyType" :locationId="locationId" :deviceId="deviceId" />
+      <RecentTrend ref="recentTrend" :unit="energyUnit" :energyName="energyName" :energyType="energyType" :locationId="locationId" :deviceId="deviceId" />
+      <YearToYear ref="yearToYear" :unit="energyUnit" :energyName="energyName" :energyType="energyType" :locationId="locationId" :deviceId="deviceId" />
+      <MonthToMonth ref="monthToMonth" :unit="energyUnit" :energyName="energyName" :energyType="energyType" :locationId="locationId" :deviceId="deviceId" />
     </el-col>
     <el-col :span="20" v-else>
       <el-empty description="请选择能源类型和区域"></el-empty>
@@ -90,6 +93,7 @@ export default {
     getEnergyTypeList() {
       listEnergyType({ pageNum: 1, pageSize: 9999 }).then(response => {
         this.energyTypeList = response.rows;
+        this.energyType = this.energyTypeList[0]?.energyTypeId;
       });
     },
     getLocationList() {