From d68a72a699fe5cf98cb69032e228ea739719e4e2 Mon Sep 17 00:00:00 2001
From: ch <cwl_ch@163.com>
Date: Thu, 28 Jul 2022 11:32:49 +0800
Subject: [PATCH] =?UTF-8?q?pref:=20=E7=BC=96=E8=BE=91=E8=8F=9C=E5=8D=95?=
 =?UTF-8?q?=E4=B8=8A=E7=BA=A7=E7=A6=81=E6=AD=A2=E9=80=89=E6=8B=A9=E8=87=AA?=
 =?UTF-8?q?=E5=B7=B1=E5=8F=8A=E5=85=B6=E5=AD=90=E8=8F=9C=E5=8D=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/permission/menu/index.vue | 43 +++++++++++++++++++++++------
 1 file changed, 35 insertions(+), 8 deletions(-)

diff --git a/src/views/permission/menu/index.vue b/src/views/permission/menu/index.vue
index 5183929..663c439 100644
--- a/src/views/permission/menu/index.vue
+++ b/src/views/permission/menu/index.vue
@@ -58,8 +58,8 @@
             <el-dialog v-model="menuState.formVisible" class="form" title="菜单表单">
                 <el-form
                     ref="refsMenuForm"
-                    label-width="100px"
                     v-loading="menuState.submitting"
+                    label-width="100px"
                     :model="menuState.form"
                     :rules="menuState.rules"
                 >
@@ -106,8 +106,8 @@
                     <el-form-item label="菜单排序" prop="sort">
                         <el-input-number v-model="menuState.form.sort" :min="0" />
                     </el-form-item>
-                    <el-scrollbar maxHeight="180px">
-                        <el-form-item label="接口权限" v-if="!menuState.form.permissionListVO.length">
+                    <el-scrollbar max-height="180px">
+                        <el-form-item v-if="!menuState.form.permissionListVO.length" label="接口权限">
                             <el-button @click="handelAddPermission(0)">添加关联接口</el-button>
                         </el-form-item>
                         <template v-else>
@@ -118,7 +118,7 @@
                                     </el-form-item>
                                 </el-col>
                                 <el-col :span="13">
-                                    <el-form-item :labelWidth="5">
+                                    <el-form-item :label-width="5">
                                         <el-input v-model="item.uri" placeholder="请输入请求URL">
                                             <template #prepend>
                                                 <el-select v-model="item.method" style="width: 80px">
@@ -160,7 +160,37 @@
 
     /* 查询菜单 */
     const loading = ref(false);
-    const list = computed(() => _.cloneDeep(store.state.menu.list));
+    const list = computed(() => {
+        let list = _.cloneDeep(store.state.menu.list);
+        /**
+         * 如果是编辑，上级菜单选项需要把自身以及其子级禁用
+         */
+        const deep = (data, disabled) => {
+            if (disabled) {
+                for (let item of data) {
+                    item.disabled = true;
+                    if (item.menuChild) {
+                        item.menuChild = deep(item.menuChild, true);
+                    }
+                }
+            } else {
+                for (let item of data) {
+                    if (item.id === menuState.form.id) {
+                        item.disabled = true;
+                        item.menuChild = deep(item.menuChild, true);
+                        break;
+                    }
+                    if (item.menuChild) {
+                        item.menuChild = deep(item.menuChild);
+                    }
+                }
+            }
+
+            return data;
+        };
+        console.log(deep(list));
+        return menuState.form.id ? deep(list) : list;
+    });
     const state = reactive({
         condition: { systemId: null },
         condition2: { menuId: null },
@@ -188,9 +218,6 @@
         { immediate: true, deep: true }
     );
 
-    /* 查询功能 */
-    const loading2 = ref(false);
-
     /* 菜单表单 */
     const refsMenuForm = ref(null);
     const menuState = reactive({