From dd857414c98ec7b76c32df88693e3eaf7fbc5c0b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B5=B5=E5=BF=A0=E6=9E=97?= <170083662@qq.com>
Date: Fri, 31 Jul 2026 20:52:47 +0800
Subject: [PATCH] =?UTF-8?q?style(wel):=20=E5=A2=9E=E5=8A=A0=E9=9D=A2?=
 =?UTF-8?q?=E6=9D=BF=E7=AD=89=E9=AB=98=E5=B8=83=E5=B1=80=E6=A0=B7=E5=BC=8F?=
 =?UTF-8?q?=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 为图表区左右面板添加flex布局实现等高效果
- 为下方区左右面板添加flex布局实现等高效果
- 在metric-card内添加内容区自动撑满的flex样式
- 优化了.el-col和.panel的布局结构和弹性属性
---
 src/views/wel/index.vue | 36 ++++++++++++++++++++++++++++++++++++
 1 file changed, 36 insertions(+)

diff --git a/src/views/wel/index.vue b/src/views/wel/index.vue
index 841c96e..d8601fa 100644
--- a/src/views/wel/index.vue
+++ b/src/views/wel/index.vue
@@ -411,6 +411,34 @@ export default {
 .wel-metrics {
   margin-bottom: 0;
 }
+
+/* 图表区：左右面板等高 */
+.wel-charts {
+  margin-bottom: 0;
+
+  .el-col {
+    display: flex;
+
+    > .panel {
+      flex: 1;
+      display: flex;
+      flex-direction: column;
+    }
+  }
+}
+
+/* 下方区：左右面板等高 */
+.wel-bottom {
+  .el-col {
+    display: flex;
+
+    > .panel {
+      flex: 1;
+      display: flex;
+      flex-direction: column;
+    }
+  }
+}
 .metric-card {
   background: #fff;
   border-radius: 10px;
@@ -478,6 +506,14 @@ export default {
   padding: 18px 20px;
   margin-bottom: 16px;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
+
+  // 当面板在 flex 列容器中时，内容区自动撑满
+  .trend,
+  .donut-wrap,
+  .bar-list,
+  .alert-list {
+    flex: 1;
+  }
 }
 .panel__head {
   display: flex;