From 3fc7f83e1328d0fcc0bb6fccdbb94c68fbb779a8 Mon Sep 17 00:00:00 2001
From: shijing <sj_mzw@163.com>
Date: Fri, 31 Jul 2026 04:34:13 -0400
Subject: [PATCH] =?UTF-8?q?fix(hfnf):=20=E5=B7=A5=E5=8E=82=E5=8D=A1?=
 =?UTF-8?q?=E7=89=87=E6=94=B9=20flex=20=E5=B8=83=E5=B1=80,5=E4=B8=AA?=
 =?UTF-8?q?=E5=8D=A1=E7=89=87=E5=90=8C=E4=B8=80=E8=A1=8C=E6=8E=92=E5=88=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude <noreply@anthropic.com>
---
 src/views/fac_cal/hfnf_index.vue | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/src/views/fac_cal/hfnf_index.vue b/src/views/fac_cal/hfnf_index.vue
index dc1c9f11..81a2a920 100644
--- a/src/views/fac_cal/hfnf_index.vue
+++ b/src/views/fac_cal/hfnf_index.vue
@@ -25,8 +25,8 @@
         </div>
 
         <!-- 工厂数据卡片 -->
-        <el-row :gutter="16" class="factory-row">
-            <el-col :xs="24" :sm="12" :md="6" v-for="(item, index) in factories" :key="item.name">
+        <div class="factory-row">
+            <div class="factory-col" v-for="(item, index) in factories" :key="item.name">
                 <div class="factory-card" :style="{ borderTopColor: item.color }" @click="goDetail(item)">
                     <div class="card-header">
                         <div class="card-icon" :style="{ backgroundColor: item.bgColor }">
@@ -51,8 +51,8 @@
                         </div>
                     </div>
                 </div>
-            </el-col>
-        </el-row>
+            </div>
+        </div>
 
         <!-- 图表区域 -->
         <el-row :gutter="16" class="chart-row">
@@ -511,9 +511,16 @@ onBeforeUnmount(() => {
 
 /* 工厂卡片 */
 .factory-row {
+    display: flex;
+    gap: 16px;
     margin-bottom: 16px;
 }
 
+.factory-col {
+    flex: 1 1 0;
+    min-width: 0;
+}
+
 .factory-card {
     background: #fff;
     border-radius: 10px;