From e4e040eb23bf87e2e1402d422570c46be72778c6 Mon Sep 17 00:00:00 2001
From: Mrtangl <1807746833@qq.com>
Date: Tue, 31 May 2022 16:06:08 +0800
Subject: [PATCH] =?UTF-8?q?=E8=8F=9C=E5=8D=95=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 admin/src/views/organize/department/edit.vue  |  9 ++++
 admin/src/views/organize/department/index.vue |  9 ++++
 admin/src/views/organize/post/edit.vue        |  9 ++++
 admin/src/views/organize/post/index.vue       |  9 ++++
 admin/src/views/permission/menu/edit.vue      | 18 +-------
 admin/src/views/permission/menu/index.vue     | 44 +++++++++++++++----
 6 files changed, 73 insertions(+), 25 deletions(-)
 create mode 100644 admin/src/views/organize/department/edit.vue
 create mode 100644 admin/src/views/organize/department/index.vue
 create mode 100644 admin/src/views/organize/post/edit.vue
 create mode 100644 admin/src/views/organize/post/index.vue

diff --git a/admin/src/views/organize/department/edit.vue b/admin/src/views/organize/department/edit.vue
new file mode 100644
index 00000000..f08584d2
--- /dev/null
+++ b/admin/src/views/organize/department/edit.vue
@@ -0,0 +1,9 @@
+<template>
+    <div>部门管理edit</div>
+</template>
+
+<script>
+export default {}
+</script>
+
+<style></style>
diff --git a/admin/src/views/organize/department/index.vue b/admin/src/views/organize/department/index.vue
new file mode 100644
index 00000000..452232ef
--- /dev/null
+++ b/admin/src/views/organize/department/index.vue
@@ -0,0 +1,9 @@
+<template>
+    <div>部门管理</div>
+</template>
+
+<script>
+export default {}
+</script>
+
+<style></style>
diff --git a/admin/src/views/organize/post/edit.vue b/admin/src/views/organize/post/edit.vue
new file mode 100644
index 00000000..4edf9f25
--- /dev/null
+++ b/admin/src/views/organize/post/edit.vue
@@ -0,0 +1,9 @@
+<template>
+    <div>岗位管理edit</div>
+</template>
+
+<script>
+export default {}
+</script>
+
+<style></style>
diff --git a/admin/src/views/organize/post/index.vue b/admin/src/views/organize/post/index.vue
new file mode 100644
index 00000000..10497c7a
--- /dev/null
+++ b/admin/src/views/organize/post/index.vue
@@ -0,0 +1,9 @@
+<template>
+    <div>岗位管理</div>
+</template>
+
+<script>
+export default {}
+</script>
+
+<style></style>
diff --git a/admin/src/views/permission/menu/edit.vue b/admin/src/views/permission/menu/edit.vue
index 6b2602ef..eff11f75 100644
--- a/admin/src/views/permission/menu/edit.vue
+++ b/admin/src/views/permission/menu/edit.vue
@@ -52,24 +52,8 @@
                     </el-form-item>
 
                     <div v-if="(formData.menuType == menuDataType.BUTTON) == ''">
-                        <!-- <el-form-item label="请选择图标">
-                            <el-input
-                                v-model="formData.menuIcon"
-                                show-word-limit
-                                placeholder="请输入图标"
-                            ></el-input>
-                        </el-form-item> -->
-
                         <el-form-item label="请选择图标">
                             <div class="flex">
-                                <!-- <el-input readonly>
-                                    <template #prefix>
-                                        <el-icon class="el-input__icon">
-                                            <search class="f-s-20" />
-                                        </el-icon>
-                                    </template>
-                                </el-input> -->
-
                                 <select-icon v-model:icon="formData.menuIcon"></select-icon>
                             </div>
                         </el-form-item>
@@ -184,7 +168,7 @@ import { useAdmin } from '@/core/hooks/app'
 import { onMounted, reactive, ref } from 'vue'
 import FooterBtns from '@/components/footer-btns/index.vue'
 import type { ElForm, ElMessage } from 'element-plus'
-import { apiConfigGetMenu, apiMenuDetail, apiMenuAdd, apiMenuEdit, apiMenuDelete } from '@/api/auth'
+import { apiConfigGetMenu, apiMenuDetail, apiMenuAdd, apiMenuEdit } from '@/api/auth'
 import SelectIcon from './select-icon/index.vue'
 
 const menuDataType = {
diff --git a/admin/src/views/permission/menu/index.vue b/admin/src/views/permission/menu/index.vue
index 79e40311..99abdb67 100644
--- a/admin/src/views/permission/menu/index.vue
+++ b/admin/src/views/permission/menu/index.vue
@@ -1,19 +1,24 @@
 <template>
     <div class="menu">
         <el-card shadow="never">
-            <router-link to="/permission/menu/edit">
-                <el-button v-perm="['system:menu:add']" type="primary" size="small"
-                    >添加菜单</el-button
-                >
+            <router-link to="/permission/menu/edit" class="m-r-15">
+                <el-button v-perm="['system:menu:add']" type="primary" size="small">
+                    添加菜单
+                </el-button>
             </router-link>
 
+            <el-button size="small" @click="toggleRowExpansion(openFlag.openFlagValue)">
+                全部展开/折叠
+            </el-button>
+
             <el-table
                 :data="menuTableData"
                 class="m-t-24"
                 row-key="id"
-                default-expand-all
-                :tree-props="{ children: 'children' }"
+                :default-expand-all="openFlag.openFlagValue"
+                :tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
                 size="mini"
+                ref="dataTreeList"
             >
                 <el-table-column prop="menuName" label="名称" width="180"> </el-table-column>
                 <el-table-column prop="menuType" label="菜单类型">
@@ -71,7 +76,8 @@
 import Popup from '@/components/popup/index.vue'
 import { usePages } from '@/core/hooks/pages'
 import { onMounted, reactive, ref } from 'vue'
-import { apiConfigGetMenu, apiMenuDetail, apiMenuAdd, apiMenuEdit, apiMenuDelete } from '@/api/auth'
+import { apiConfigGetMenu, apiMenuDelete } from '@/api/auth'
+import type { ElForm } from 'element-plus'
 
 const menuDataType = {
     CATALOG: 'M', // 目录
@@ -79,7 +85,7 @@ const menuDataType = {
     BUTTON: 'A' // 按钮
 }
 
-const menuTableData = ref([])
+const menuTableData = ref<any>([])
 
 // 获取菜单列表
 const getMenuTableData = () => {
@@ -94,6 +100,28 @@ const handleDelete = async (id: number) => {
     getMenuTableData()
 }
 
+const dataTreeList = ref<any>()
+
+// 树层级打开
+const openFlag = {
+    openFlagValue: true
+}
+
+// 展开收缩
+const toggleRowExpansion = (isExpansion: any) => {
+    openFlag.openFlagValue = !isExpansion
+    toggleRowExpansion_forAll(menuTableData.value, openFlag.openFlagValue)
+}
+
+const toggleRowExpansion_forAll = (data: any, isExpansion: any) => {
+    data.forEach((item: any) => {
+        dataTreeList.value.toggleRowExpansion(item, isExpansion)
+        if (item.children != undefined && item.children != null) {
+            toggleRowExpansion_forAll(item.children, isExpansion)
+        }
+    })
+}
+
 onMounted(() => {
     getMenuTableData()
 })