From 976dddb150fc3c73520e234a6407f759287d2edd Mon Sep 17 00:00:00 2001
From: yuan <123@>
Date: 星期二, 16 六月 2026 10:44:23 +0800
Subject: [PATCH] feat: 优化能耗数据展示界面，调整布局和样式
---
src/views/energyManagement/energyDataCollection/index.vue | 35 +++++++++++++++++------------------
1 files changed, 17 insertions(+), 18 deletions(-)
diff --git a/src/views/energyManagement/energyDataCollection/index.vue b/src/views/energyManagement/energyDataCollection/index.vue
index 36b6b6c..06e4600 100644
--- a/src/views/energyManagement/energyDataCollection/index.vue
+++ b/src/views/energyManagement/energyDataCollection/index.vue
@@ -1,26 +1,20 @@
<template>
<div class="app-container">
- <el-card class="sync-card">
+ <el-card class="sync-card" shadow="never">
<el-row :gutter="16">
- <el-col :span="6">
+ <el-col :span="8">
<div class="sync-item">
<div class="sync-label">鐢佃〃鏁伴噺</div>
<div class="sync-value">{{ syncStatus.meterCount ?? 0 }}</div>
</div>
</el-col>
- <el-col :span="6">
+ <el-col :span="8">
<div class="sync-item">
- <div class="sync-label">閲囬泦鍣ㄥ湪绾�</div>
- <div class="sync-value online">{{ syncStatus.onlineCollectorCount ?? 0 }} / {{ syncStatus.collectorCount ?? 0 }}</div>
+ <div class="sync-label">鏈�杩戝悓姝ユ椂闂�</div>
+ <div class="sync-value sync-time">{{ lastHourSync }}</div>
</div>
</el-col>
- <el-col :span="6">
- <div class="sync-item">
- <div class="sync-label">灏忔椂鏁版嵁鍚屾</div>
- <div class="sync-value small">{{ lastHourSync }}</div>
- </div>
- </el-col>
- <el-col :span="6">
+ <el-col :span="8">
<div class="sync-item">
<div class="sync-label">鐢甸噺璁板綍鏁�</div>
<div class="sync-value">{{ syncStatus.recordCountByDimension?.hour ?? 0 }}</div>
@@ -35,7 +29,7 @@
<template #header>
<div class="card-header">
<span>鑳借�楁暟鎹噰闆�</span>
- <span class="desc">鍚屾灏忔椂鐢甸噺 + 鎵嬪姩鎶勮〃锛坕gnore_radio=1锛�</span>
+ <span class="desc">灞曠ず鍚屾灏忔椂鐢甸噺锛屾敮鎸佹墜鍔ㄦ妱琛ㄨˉ褰�</span>
</div>
</template>
@@ -369,11 +363,16 @@
<style scoped>
.sync-card { margin-bottom: 16px; }
-.sync-item { text-align: center; padding: 8px 0; }
-.sync-label { font-size: 12px; color: #909399; margin-bottom: 6px; }
-.sync-value { font-size: 20px; font-weight: 600; }
-.sync-value.online { color: #67c23a; }
-.sync-value.small { font-size: 13px; font-weight: 500; }
+.sync-item {
+ background: #f5f7fa;
+ border-radius: 8px;
+ padding: 16px;
+ text-align: center;
+ height: 100%;
+}
+.sync-label { font-size: 13px; color: #909399; margin-bottom: 8px; }
+.sync-value { font-size: 24px; font-weight: 600; color: #303133; }
+.sync-value.sync-time { font-size: 14px; font-weight: 500; color: #606266; line-height: 1.4; word-break: break-all; }
.card-header { display: flex; align-items: center; gap: 12px; }
.card-header .desc { font-size: 13px; color: #909399; }
.search-form { margin-bottom: 16px; }
--
Gitblit v1.9.3