From 6d725371258ff8d307635e87b9377d131f196226 Mon Sep 17 00:00:00 2001
From: Charles7c <charles7c@126.com>
Date: Wed, 15 Feb 2023 22:50:05 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=EF=BC=9A=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E7=B3=BB=E7=BB=9F=E7=AE=A1=E7=90=86/=E9=83=A8=E9=97=A8?=
 =?UTF-8?q?=E7=AE=A1=E7=90=86=E8=A1=8C=E9=80=89=E6=8B=A9=E5=99=A8=EF=BC=8C?=
 =?UTF-8?q?=E5=A6=82=E6=9E=9C=E9=80=89=E4=B8=AD=E9=83=A8=E9=97=A8=E5=AD=98?=
 =?UTF-8?q?=E5=9C=A8=E5=AD=90=E9=83=A8=E9=97=A8=EF=BC=8C=E5=88=99=E9=80=92?=
 =?UTF-8?q?=E5=BD=92=E9=80=89=E4=B8=AD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/system/dept/index.vue           | 55 +++++++++++++------
 1 file changed, 37 insertions(+), 18 deletions(-)

diff --git a/continew-admin-ui/src/views/system/dept/index.vue b/continew-admin-ui/src/views/system/dept/index.vue
index cf3baee2..4e330cd6 100644
--- a/continew-admin-ui/src/views/system/dept/index.vue
+++ b/continew-admin-ui/src/views/system/dept/index.vue
@@ -100,6 +100,7 @@
         :stripe="true"
         :loading="loading"
         size="large"
+        @select="handleSelect"
         @selection-change="handleSelectionChange"
       >
         <template #columns>
@@ -169,7 +170,7 @@
         @ok="handleOk"
         @cancel="handleCancel"
       >
-        <a-form ref="formRef" :model="form" :rules="rules">
+        <a-form ref="formRef" :model="form" :rules="rules" size="large">
           <a-form-item label="上级部门" field="parentId">
             <a-tree-select
               v-model="form.parentId"
@@ -179,15 +180,10 @@
               allow-search
               :filter-tree-node="filterDeptTree"
               :fallback-option="false"
-              size="large"
             />
           </a-form-item>
           <a-form-item label="部门名称" field="deptName">
-            <a-input
-              v-model="form.deptName"
-              placeholder="请输入部门名称"
-              size="large"
-            />
+            <a-input v-model="form.deptName" placeholder="请输入部门名称" />
           </a-form-item>
           <a-form-item label="部门排序" field="deptSort">
             <a-input-number
@@ -195,7 +191,6 @@
               placeholder="请输入部门排序"
               :min="1"
               mode="button"
-              size="large"
             />
           </a-form-item>
           <a-form-item label="描述" field="description">
@@ -207,7 +202,6 @@
                 minRows: 3,
               }"
               show-word-limit
-              size="large"
             />
           </a-form-item>
         </a-form>
@@ -241,12 +235,8 @@
               <a-skeleton-line :rows="1" />
             </a-skeleton>
             <span v-else>
-              <a-tag v-if="dept.status === 1" color="green">
-                <span class="circle pass"></span>启用
-              </a-tag>
-              <a-tag v-else color="red">
-                <span class="circle fail"></span>禁用
-              </a-tag>
+              <a-tag v-if="dept.status === 1" color="green">启用</a-tag>
+              <a-tag v-else color="red">禁用</a-tag>
             </span>
           </a-descriptions-item>
           <a-descriptions-item label="部门排序">
@@ -293,7 +283,11 @@
 
 <script lang="ts" setup>
   import { getCurrentInstance, ref, toRefs, reactive } from 'vue';
-  import { SelectOptionData, TreeNodeData } from '@arco-design/web-vue';
+  import {
+    SelectOptionData,
+    TreeNodeData,
+    TableData,
+  } from '@arco-design/web-vue';
   import {
     DeptRecord,
     DeptParam,
@@ -506,7 +500,32 @@
   };
 
   /**
-   * 多选
+   * 点击行选择器
+   */
+  const handleSelect = (rowKeys: any, rowKey: any, record: TableData) => {
+    if (rowKeys.find((key: any) => key === rowKey)) {
+      if (record.children) {
+        record.children.forEach((r) => {
+          proxy.$refs.tableRef.select(r.deptId);
+          rowKeys.push(r.deptId);
+          if (r.children) {
+            handleSelect(rowKeys, rowKey, r);
+          }
+        });
+      }
+    } else if (record.children) {
+      record.children.forEach((r) => {
+        rowKeys.splice(rowKeys.findIndex((key: number | undefined) => key === r.deptId), 1);
+        proxy.$refs.tableRef.select(r.deptId, false);
+        if (r.children) {
+          handleSelect(rowKeys, rowKey, r);
+        }
+      });
+    }
+  };
+
+  /**
+   * 已选择的数据行发生改变
    *
    * @param rowKeys ID 列表
    */
@@ -537,7 +556,7 @@
   const handleChangeStatus = (record: DeptRecord) => {
     const tip = record.status === 1 ? '启用' : '禁用';
     updateDept(record)
-      .then((res) => {
+      .then(() => {
         proxy.$message.success(`${tip}成功`);
       })
       .catch(() => {