From 46e4f95bb741f85eeaa79407cadbf35a5b5db551 Mon Sep 17 00:00:00 2001
From: zlwu <704541015@qq.com>
Date: Wed, 11 Nov 2026 16:36:22 +0800
Subject: [PATCH] =?UTF-8?q?fix(web-admin):=20=E5=82=A8=E5=AD=98=E8=AF=81?=
 =?UTF-8?q?=20ACL=20=E5=AD=97=E6=AE=B5=E5=8B=BE=E9=80=89=E6=94=B9=E4=B8=BA?=
 =?UTF-8?q?=E4=B8=A4=E5=88=97=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

质检/生产权限弹窗「勾选可编辑字段」Tab 使用两列网格，窄屏回退单列。关联 #95。

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 .../storage-cert-qc-acl-dialog/index.vue      | 25 +++++++++++++++++--
 1 file changed, 23 insertions(+), 2 deletions(-)

diff --git a/web-admin/src/components/business/storage-cert-qc-acl-dialog/index.vue b/web-admin/src/components/business/storage-cert-qc-acl-dialog/index.vue
index 1949342d..fc67acd8 100644
--- a/web-admin/src/components/business/storage-cert-qc-acl-dialog/index.vue
+++ b/web-admin/src/components/business/storage-cert-qc-acl-dialog/index.vue
@@ -15,7 +15,7 @@
         <el-tab-pane label="勾选可编辑字段" name="fields">
           <div v-for="(group, gi) in fieldGroups" :key="gi" class="field-block">
             <div class="field-block__title">{{ group.title }}</div>
-            <el-checkbox-group v-model="selectedKeys">
+            <el-checkbox-group v-model="selectedKeys" class="field-check-grid">
               <el-checkbox
                 v-for="field in group.fields"
                 :key="field.key"
@@ -204,10 +204,31 @@
     color: var(--el-color-primary-dark-2, #059669);
   }
 
+  .field-check-grid {
+    display: grid;
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+    gap: 6px 16px;
+    width: 100%;
+  }
+
   .field-check {
     display: flex;
+    align-items: flex-start;
     margin-right: 0;
-    margin-bottom: 6px;
+    margin-bottom: 0;
+    height: auto;
+    white-space: normal;
+
+    :deep(.el-checkbox__label) {
+      white-space: normal;
+      line-height: 1.4;
+    }
+  }
+
+  @media (max-width: 560px) {
+    .field-check-grid {
+      grid-template-columns: 1fr;
+    }
   }
 
   .form-tip {