From d13f8d550178adbae17819c532fe85d3bb94f688 Mon Sep 17 00:00:00 2001
From: odjbin <1042039504@qq.com>
Date: Mon, 18 Mar 2024 15:43:09 +0800
Subject: [PATCH] =?UTF-8?q?feat=20:=20=E6=96=B0=E5=A2=9E=E5=AD=90=E5=85=AC?=
 =?UTF-8?q?=E5=8F=B8=E5=92=8C=E9=83=A8=E9=97=A8=E7=95=8C=E9=9D=A2=E5=85=A8?=
 =?UTF-8?q?=E9=83=A8=E5=B1=95=E5=BC=80/=E6=94=B6=E8=B5=B7=E5=8A=9F?=
 =?UTF-8?q?=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/{ => system}/department/index.vue | 28 ++++++++++++++++++---
 src/views/{ => system}/subsidiary/index.vue | 20 ++++++++++++++-
 2 files changed, 43 insertions(+), 5 deletions(-)
 rename src/views/{ => system}/department/index.vue (71%)
 rename src/views/{ => system}/subsidiary/index.vue (76%)

diff --git a/src/views/department/index.vue b/src/views/system/department/index.vue
similarity index 71%
rename from src/views/department/index.vue
rename to src/views/system/department/index.vue
index 6735fde..8db2d41 100644
--- a/src/views/department/index.vue
+++ b/src/views/system/department/index.vue
@@ -14,13 +14,18 @@
       <el-button type="primary" @click="handleReset(queryInstance)" :icon="Refresh">重置</el-button>
     </el-form-item>
   </el-form>
+  <div class="table-header-btn">
+    <el-button type="info" @click="handleExpand" :icon="Sort">{{ isExpand ? '全部收起' : '全部展开' }}</el-button>
+  </div>
   <el-table
       :data="list"
       ref="tableTree"
+      :default-expand-all="isExpand"
       :tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
       row-key="departmentId"
       :lazy="true"
       v-loading="loading"
+      @expand-change="expandChange"
       @cell-click="cellClick"
       v-tabh
   >
@@ -32,7 +37,7 @@
 </template>
 
 <script setup>
-import {Search, Refresh} from "@element-plus/icons-vue";
+import {Search, Refresh,Sort} from "@element-plus/icons-vue";
 import {getDepartmentList} from "@/api/subsidiary";
 const queryInstance = ref()
 const queryParams = reactive({
@@ -41,12 +46,27 @@ const queryParams = reactive({
   departmentName: ''
 })
 const loading = ref(true)
+const isExpand = ref(true)
 const list = ref([])
 const tableTree = ref()
 const cellClick = (row,column) => {
-  // if ("operation" !== column.property){
-  //   tableTree.value.toggleRowExpansion(row)
-  // }
+  if ("operation" !== column.property){
+    tableTree.value.toggleRowExpansion(row)
+  }
+}
+const handleExpand = () => {
+  isExpand.value = !isExpand.value
+  expandChange(list.value, isExpand)
+  getList()
+}
+//展开收缩封装函数
+const expandChange = (data, isExpansion) => {
+  for (let i = 0; i < data.length; i++) {
+    tableTree.value.toggleRowExpansion(data[i], isExpansion);
+    if (data[i].children !== null) {
+      expandChange(data[i].children, isExpansion);
+    }
+  }
 }
 const handleReset = (instance) => {
   if (!instance) return
diff --git a/src/views/subsidiary/index.vue b/src/views/system/subsidiary/index.vue
similarity index 76%
rename from src/views/subsidiary/index.vue
rename to src/views/system/subsidiary/index.vue
index 91dfc06..464310b 100644
--- a/src/views/subsidiary/index.vue
+++ b/src/views/system/subsidiary/index.vue
@@ -14,6 +14,9 @@
       <el-button type="primary" @click="handleReset(queryInstance)" :icon="Refresh">重置</el-button>
     </el-form-item>
   </el-form>
+  <div class="table-header-btn">
+    <el-button type="info" @click="handleExpand" :icon="Sort">{{ isExpand ? '全部收起' : '全部展开' }}</el-button>
+  </div>
   <el-table
       :data="list"
       ref="tableTree"
@@ -22,6 +25,7 @@
       row-key="subCompanyId"
       :lazy="true"
       v-loading="loading"
+      @expand-change="expandChange"
       @cell-click="cellClick"
       v-tabh
   >
@@ -33,7 +37,7 @@
 </template>
 
 <script setup>
-import {Search, Refresh} from "@element-plus/icons-vue";
+import {Search, Refresh,Sort} from "@element-plus/icons-vue";
 import {getSubCompanyList} from "@/api/subsidiary";
 const queryInstance = ref()
 const queryParams = reactive({
@@ -50,6 +54,20 @@ const cellClick = (row,column) => {
     tableTree.value.toggleRowExpansion(row)
   }
 }
+const handleExpand = () => {
+  isExpand.value = !isExpand.value
+  expandChange(list.value, isExpand)
+  getList()
+}
+//展开收缩封装函数
+const expandChange = (data, isExpansion) => {
+  for (let i = 0; i < data.length; i++) {
+    tableTree.value.toggleRowExpansion(data[i], isExpansion);
+    if (data[i].children !== null) {
+      expandChange(data[i].children, isExpansion);
+    }
+  }
+}
 const handleReset = (instance) => {
   if (!instance) return
   instance.resetFields()