update

ems-ui-cloud/src/views/adapter/dljk/index.vue

@@ -706,36 +706,22 @@
           </div>
         </el-tab-pane>
 
-        <!-- 智能电表标签页 -->
-        <el-tab-pane label="智能电表" name="smartMeters">
+        <!-- 回路监测标签页 -->
+        <el-tab-pane label="回路监测" name="smartMeters">
           <div class="tab-content">
-            <!-- 功率统计 -->
-            <div class="power-stats">
-              <el-row :gutter="20">
-                <el-col :span="8">
-                  <div class="stat-card active">
-                    <div class="stat-value">{{ meterPowerStats.totalActivePower }}</div>
-                    <div class="stat-label">总有功功率 (kW)</div>
-                  </div>
-                </el-col>
-                <el-col :span="8">
-                  <div class="stat-card reactive">
-                    <div class="stat-value">{{ meterPowerStats.totalReactivePower }}</div>
-                    <div class="stat-label">总无功功率 (kVar)</div>
-                  </div>
-                </el-col>
-                <el-col :span="8">
-                  <div class="stat-card apparent">
-                    <div class="stat-value">{{ meterPowerStats.totalApparentPower }}</div>
-                    <div class="stat-label">总视在功率 (kVA)</div>
-                  </div>
-                </el-col>
-              </el-row>
+            <!-- 回路筛选 -->
+            <div class="loop-filter">
+              <span class="loop-filter-label">回路类型：</span>
+              <el-radio-group v-model="loopFilter" size="small">
+                <el-radio-button label="all">全部</el-radio-button>
+                <el-radio-button label="incoming">总进线</el-radio-button>
+                <el-radio-button label="ups">UPS回路</el-radio-button>
+              </el-radio-group>
             </div>
 
-            <!-- 智能电表设备列表 -->
+            <!-- 回路设备列表 -->
             <el-table
-              :data="smartMeterDeviceList"
+              :data="filteredMeterDeviceList"
               border
               stripe
               v-loading="meterLoading"
@@ -2191,6 +2177,9 @@ export default {
       protectionLoading: false,
       meterLoading: false,
 
+      // 回路筛选
+      loopFilter: 'incoming',
+
       // 设备统计
       deviceStats: {
         protectionDevices: 0,
@@ -2283,6 +2272,18 @@ export default {
       }
     }
   },
+  computed: {
+    filteredMeterDeviceList() {
+      if (this.loopFilter === 'all') {
+        return this.smartMeterDeviceList
+      }
+      const keyword = this.loopFilter === 'incoming' ? '总进线' : 'UPS'
+      return this.smartMeterDeviceList.filter(device => {
+        const name = this.getDeviceAttr(device.deviceCode, 'deviceName', 'Base') || device.deviceName || ''
+        return name.indexOf(keyword) !== -1
+      })
+    }
+  },
   created() {
     this.loadSystemInfo()
     this.initDateRange()
@@ -3413,6 +3414,20 @@ export default {
   }
 }
 
+// 回路筛选
+.loop-filter {
+  margin-bottom: 20px;
+  display: flex;
+  align-items: center;
+
+  .loop-filter-label {
+    font-size: 14px;
+    color: #606266;
+    margin-right: 12px;
+    font-weight: 500;
+  }
+}
+
 // 功率统计
 .power-stats {
   margin-bottom: 20px;