From 5c40b534f22ef47d294661b12000e45438fe96e3 Mon Sep 17 00:00:00 2001
From: zcxlsm <patrickstarlsm@163.com>
Date: Sat, 23 Aug 2025 13:18:59 +0800
Subject: [PATCH] =?UTF-8?q?feat(authGroup):=20=E6=9A=82=E6=97=B6=E7=A7=BB?=
 =?UTF-8?q?=E9=99=A4=E7=94=B5=E6=A2=AF=E6=8E=88=E6=9D=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../views/sis/authGroup/authGroup-modal.vue   | 193 ++++++++++--------
 1 file changed, 105 insertions(+), 88 deletions(-)

diff --git a/apps/web-antd/src/views/sis/authGroup/authGroup-modal.vue b/apps/web-antd/src/views/sis/authGroup/authGroup-modal.vue
index be5e89ed..87cd50a4 100644
--- a/apps/web-antd/src/views/sis/authGroup/authGroup-modal.vue
+++ b/apps/web-antd/src/views/sis/authGroup/authGroup-modal.vue
@@ -1,157 +1,171 @@
 <script setup lang="ts">
-import { computed, ref, onMounted } from 'vue'
+import { computed, ref, onMounted } from "vue";
 
-import { useVbenModal } from '@vben/common-ui'
-import { $t } from '@vben/locales'
-import { cloneDeep } from '@vben/utils'
+import { useVbenModal } from "@vben/common-ui";
+import { $t } from "@vben/locales";
+import { cloneDeep } from "@vben/utils";
 
-import { useVbenForm } from '#/adapter/form'
-import { authGroupAdd, authGroupInfo, authGroupUpdate } from '#/api/sis/authGroup'
-import { defaultFormValueGetter, useBeforeCloseDiff } from '#/utils/popup'
-import { queryTree } from '#/api/sis/authRecord'
-import { message, Tree } from 'ant-design-vue'
+import { useVbenForm } from "#/adapter/form";
+import {
+  authGroupAdd,
+  authGroupInfo,
+  authGroupUpdate,
+} from "#/api/sis/authGroup";
+import { defaultFormValueGetter, useBeforeCloseDiff } from "#/utils/popup";
+import { queryTree } from "#/api/sis/authRecord";
+import { message, Tree } from "ant-design-vue";
 
-import { modalSchema } from './data'
+import { modalSchema } from "./data";
 
-const emit = defineEmits<{ reload: [] }>()
+const emit = defineEmits<{ reload: [] }>();
 
-const isUpdate = ref(false)
+const isUpdate = ref(false);
 const title = computed(() => {
-  return isUpdate.value ? $t('pages.common.edit') : $t('pages.common.add')
-})
+  return isUpdate.value ? $t("pages.common.edit") : $t("pages.common.add");
+});
 
 const [BasicForm, formApi] = useVbenForm({
   commonConfig: {
     // 默认占满两列
-    formItemClass: 'col-span-2',
+    formItemClass: "col-span-2",
     // 默认label宽度 px
     labelWidth: 80,
     // 通用配置项 会影响到所有表单项
     componentProps: {
-      class: 'w-full',
-    }
+      class: "w-full",
+    },
   },
   schema: modalSchema(),
   showDefaultActions: false,
-  wrapperClass: 'grid-cols-2',
-})
+  wrapperClass: "grid-cols-2",
+});
 
 const { onBeforeClose, markInitialized, resetInitialized } = useBeforeCloseDiff(
   {
     initializedGetter: defaultFormValueGetter(formApi),
     currentGetter: defaultFormValueGetter(formApi),
-  },
-)
+  }
+);
 
 const [BasicModal, modalApi] = useVbenModal({
   // 在这里更改宽度
-  class: 'w-[550px]',
+  class: "w-[550px]",
   fullscreenButton: false,
   onBeforeClose,
   onClosed: handleClosed,
   onConfirm: handleConfirm,
   onOpenChange: async (isOpen) => {
     if (!isOpen) {
-      return null
+      return null;
     }
-    modalApi.modalLoading(true)
-    loadDeviceTree()
-    const { id } = modalApi.getData() as { id?: number | string }
-    isUpdate.value = !!id
+    modalApi.modalLoading(true);
+    loadDeviceTree();
+    const { id } = modalApi.getData() as { id?: number | string };
+    isUpdate.value = !!id;
     if (isUpdate.value && id) {
-      const record = await authGroupInfo(id)
+      const record = await authGroupInfo(id);
 
-      checkedKeys.value = (record.acIds || []).concat(record.floorIds || [])
+      checkedKeys.value = (record.acIds || []).concat(record.floorIds || []);
 
-      await formApi.setValues(record)
+      await formApi.setValues(record);
     }
-    await markInitialized()
+    await markInitialized();
 
-    modalApi.modalLoading(false)
+    modalApi.modalLoading(false);
   },
-})
+});
 
 async function handleConfirm() {
   try {
-    modalApi.lock(true)
-    const { valid } = await formApi.validate()
+    modalApi.lock(true);
+    const { valid } = await formApi.validate();
     if (!valid) {
-      return
+      return;
     }
 
     if (eleIds.value.length === 0 && acIds.value.length === 0) {
-      message.error('请选择授权设备')
-      return
+      message.error("请选择授权设备");
+      return;
     }
 
-    const data = cloneDeep(await formApi.getValues())
-    data.acIds = acIds.value
-    data.eleIds = eleIds.value
-    data.floorIds = floorIds.value
-    await (isUpdate.value ? authGroupUpdate(data) : authGroupAdd(data))
-    resetInitialized()
-    emit('reload')
-    modalApi.close()
+    const data = cloneDeep(await formApi.getValues());
+    data.acIds = acIds.value;
+    data.eleIds = eleIds.value;
+    data.floorIds = floorIds.value;
+    await (isUpdate.value ? authGroupUpdate(data) : authGroupAdd(data));
+    resetInitialized();
+    emit("reload");
+    modalApi.close();
   } catch (error) {
-    console.error(error)
+    console.error(error);
   } finally {
-    modalApi.lock(false)
+    modalApi.lock(false);
   }
 }
 
 async function handleClosed() {
-  await formApi.resetForm()
-  checkedKeys.value = []
-  resetInitialized()
+  await formApi.resetForm();
+  checkedKeys.value = [];
+  resetInitialized();
 }
 
-
-
-const treeData = ref([])
+const treeData = ref([]);
 function loadDeviceTree() {
   queryTree().then((data: any) => {
-    treeData.value = data
-  })
+    data[0].children.forEach((item: any) => {
+      if (item.code === 2) {
+        item.disabled = true;
+        item.children.forEach((item: any) => {
+          item.disabled = true;
+          item.children.forEach((item: any) => {
+            item.disabled = true;
+          });
+        });
+      }
+    });
+    treeData.value = data;
+  });
 }
 
-
 const fieldNames = {
-  title: 'title',
-  label: 'label',
-  key: 'code',
-  children: 'children',
-}
+  title: "title",
+  label: "label",
+  key: "code",
+  children: "children",
+};
 
-const checkedKeys = ref<any[]>([])
-type Key = string | number
-const eleIds = ref<any[]>([])
-const acIds = ref<any[]>([])
-const floorIds = ref<any[]>([])
-function handleCheck(checked: Key[] | { checked: Key[]; halfChecked: Key[] }, info: any) {
-
-  acIds.value = []
-  eleIds.value = []
-  floorIds.value = []
+const checkedKeys = ref<any[]>([]);
+type Key = string | number;
+const eleIds = ref<any[]>([]);
+const acIds = ref<any[]>([]);
+const floorIds = ref<any[]>([]);
+function handleCheck(
+  checked: Key[] | { checked: Key[]; halfChecked: Key[] },
+  info: any
+) {
+  acIds.value = [];
+  eleIds.value = [];
+  floorIds.value = [];
 
   info.checkedNodesPositions.forEach((item: any) => {
     switch (item.node.label) {
-      case 'accessControl':
-        acIds.value = acIds.value.concat(item.node.code)
-        break
-      case 'floor':
-        floorIds.value = floorIds.value.concat(item.node.code)
-        eleIds.value = eleIds.value.concat(item.node.parentCode)
-        break
-      case 'elevator':
-        eleIds.value = eleIds.value.concat(item.node.code)
-        break
+      case "accessControl":
+        acIds.value = acIds.value.concat(item.node.code);
+        break;
+      case "floor":
+        floorIds.value = floorIds.value.concat(item.node.code);
+        eleIds.value = eleIds.value.concat(item.node.parentCode);
+        break;
+      case "elevator":
+        eleIds.value = eleIds.value.concat(item.node.code);
+        break;
     }
-  })
+  });
 
   // 去重
-  acIds.value = [...new Set(acIds.value)]
-  eleIds.value = [...new Set(eleIds.value)]
-  floorIds.value = [...new Set(floorIds.value)]
+  acIds.value = [...new Set(acIds.value)];
+  eleIds.value = [...new Set(eleIds.value)];
+  floorIds.value = [...new Set(floorIds.value)];
 }
 </script>
 
@@ -159,8 +173,11 @@ function handleCheck(checked: Key[] | { checked: Key[]; halfChecked: Key[] }, in
   <BasicModal :title="title">
     <BasicForm />
     <div class="p-4">
-      <Tree checkable :tree-data="treeData" :fieldNames="fieldNames" v-model:checkedKeys="checkedKeys"
-        :onCheck="handleCheck">
+      <Tree checkable
+            :tree-data="treeData"
+            :fieldNames="fieldNames"
+            v-model:checkedKeys="checkedKeys"
+            :onCheck="handleCheck">
       </Tree>
     </div>
   </BasicModal>