From 6cd5ced688fe5bca22deb802de968cd79886e426 Mon Sep 17 00:00:00 2001
From: zlwu <704541015@qq.com>
Date: Wed, 11 Nov 2026 16:40:47 +0800
Subject: [PATCH] =?UTF-8?q?feat(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=AF=E6=8C=81?=
 =?UTF-8?q?=E5=85=A8=E9=80=89/=E5=8F=96=E6=B6=88=E5=85=A8=E9=80=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

质检/生产权限弹窗「勾选可编辑字段」Tab 增加一键全选与取消全选。关联 #96。
---
 .../storage-cert-qc-acl-dialog/index.vue      | 40 ++++++++++++++++++-
 1 file changed, 39 insertions(+), 1 deletion(-)

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 fc67acd8..23c9f0e6 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
@@ -13,6 +13,16 @@
     <div v-loading="loading" class="storage-cert-qc-acl-dialog__body">
       <el-tabs v-model="activeTab">
         <el-tab-pane label="勾选可编辑字段" name="fields">
+          <div class="field-toolbar">
+            <el-button @click="selectAllFields">
+              <el-icon><Select /></el-icon>
+              全选
+            </el-button>
+            <el-button @click="clearAllFields">
+              <el-icon><RefreshLeft /></el-icon>
+              取消全选
+            </el-button>
+          </div>
           <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" class="field-check-grid">
@@ -66,7 +76,7 @@
 </template>
 
 <script setup lang="ts">
-  import { Check, Close } from '@element-plus/icons-vue'
+  import { Check, Close, RefreshLeft, Select } from '@element-plus/icons-vue'
   import { ElMessage } from 'element-plus'
   import { fetchUserList } from '@/api/admin'
   import {
@@ -113,6 +123,27 @@
     return Array.from(map.values())
   })
 
+  const allFieldKeys = computed(() => {
+    const keys: string[] = []
+    const seen = new Set<string>()
+    for (const group of fieldGroups.value) {
+      for (const field of group.fields) {
+        if (seen.has(field.key)) continue
+        seen.add(field.key)
+        keys.push(field.key)
+      }
+    }
+    return keys
+  })
+
+  function selectAllFields() {
+    selectedKeys.value = [...allFieldKeys.value]
+  }
+
+  function clearAllFields() {
+    selectedKeys.value = []
+  }
+
   function upsertUserOption(id: string, label: string) {
     if (!id) return
     if (userOptions.value.some((u) => u.value === id)) return
@@ -193,6 +224,13 @@
     min-height: 280px;
   }
 
+  .field-toolbar {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 8px;
+    margin-bottom: 12px;
+  }
+
   .field-block {
     margin-bottom: 14px;
   }