From ea9531313ef57d4f0c6f7cd67830612cd2bfd03b Mon Sep 17 00:00:00 2001
From: zxr <271055687@qq.com>
Date: Tue, 28 Apr 2026 17:24:36 +0800
Subject: [PATCH] fix

---
 src/views/ops/pages/monitor/network/index.vue | 32 +++++++++++++++----
 1 file changed, 26 insertions(+), 6 deletions(-)

diff --git a/src/views/ops/pages/monitor/network/index.vue b/src/views/ops/pages/monitor/network/index.vue
index e598116..5f5c181 100644
--- a/src/views/ops/pages/monitor/network/index.vue
+++ b/src/views/ops/pages/monitor/network/index.vue
@@ -28,8 +28,8 @@
     </a-row>
 
     <a-row :gutter="16" class="section-row">
-      <a-col :xs="24" :lg="8">
-        <a-card title="设备健康矩阵" :bordered="false">
+      <a-col :xs="24" :lg="8" class="panel-col">
+        <a-card title="设备健康矩阵" :bordered="false" class="panel-card">
           <div class="matrix-list">
             <div v-for="item in healthMatrix" :key="`${item.error_bucket}-${item.latency_bucket}`" class="matrix-item">
               <span>{{ item.error_bucket }} / {{ item.latency_bucket }}</span>
@@ -38,8 +38,8 @@
           </div>
         </a-card>
       </a-col>
-      <a-col :xs="24" :lg="8">
-        <a-card title="采集新鲜度分布" :bordered="false">
+      <a-col :xs="24" :lg="8" class="panel-col">
+        <a-card title="采集新鲜度分布" :bordered="false" class="panel-card">
           <div class="simple-list">
             <div v-for="item in freshness" :key="item.bucket_label" class="simple-item">
               <span>{{ item.bucket_label }}</span>
@@ -48,8 +48,8 @@
           </div>
         </a-card>
       </a-col>
-      <a-col :xs="24" :lg="8">
-        <a-card title="协议/版本分布" :bordered="false">
+      <a-col :xs="24" :lg="8" class="panel-col">
+        <a-card title="协议/版本分布" :bordered="false" class="panel-card">
           <div class="simple-list">
             <div v-for="item in protocols" :key="`${item.protocol}-${item.snmp_version}`" class="simple-item">
               <span>{{ item.protocol || '-' }} / {{ item.snmp_version || '-' }}</span>
@@ -241,8 +241,28 @@ export default {
   margin-bottom: 16px;
 }
 
+.panel-col {
+  display: flex;
+}
+
+.panel-card {
+  width: 100%;
+  min-height: 320px;
+  display: flex;
+  flex-direction: column;
+}
+
+:deep(.panel-card .arco-card-body) {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  min-height: 0;
+}
+
 .matrix-list,
 .simple-list {
+  flex: 1;
+  min-height: 0;
   max-height: 260px;
   overflow: auto;
 }