Browse Source

1.添加菜单5层嵌套
2.修改菜单四层嵌套

zhangyan 3 years ago
parent
commit
adf627b4d1
1 changed files with 75 additions and 5 deletions
  1. 75 5
      src/components/main.vue

+ 75 - 5
src/components/main.vue

@@ -171,13 +171,80 @@
                                         v-if="ssitem.children && ssitem.children.length > 0 && allNoMenu(ssitem.children) && Number(ssitem.status)"
                                         v-show="!ssitem.menu_filter_noShow"
                                         :key="ssitem.id"
+                                        @click.native="selectMenu(sitem,
+                                            [{menuId: 1, menuLabel: item.name},
+                                            {menuId: 2, menuLabel: sitem.name},
+                                            {menuId: 3, menuLabel: ssitem.name}])"
                                     >
                                         <template slot="title">
                                             <span>{{ssitem.name}}</span>
                                         </template>
                                         <template v-for="(sssitem, sssindex) in ssitem.children">
+                                            <!-- 新增加五级菜单 2021/7/17 from shadow bengin -->
+                                            <el-submenu
+                                            :index="index + '-' + sindex + '-' + ssindex + '-' + sssindex"
+                                            class="ytg-menu-level4"
+                                            v-if="sssitem.children && sssitem.children.length > 0 && allNoMenu(sssitem.children) && Number(sssitem.status)"
+                                            v-show="!sssitem.menu_filter_noShow"
+                                            :key="sssitem.id"
+                                            >
+                                                <template slot="title">
+                                                <span>{{sssitem.name}}</span>
+                                                </template>
+                                                <template v-for="(ssssitem, ssssindex) in sssitem.children">
+                                                <el-menu-item
+                                                    @click.native="selectMenu(ssssitem,
+                                                [{menuId: 1, menuLabel: item.name},
+                                                {menuId: 2, menuLabel: sitem.name},
+                                                {menuId: 3, menuLabel: ssitem.name},
+                                                {menuId: 4, menuLabel: sssitem.name},
+                                                {menuId: 5, menuLabel: ssssitem.name}])"
+                                                    v-if="(ssssitem.menuType ==='1' || ssssitem.menuType ==='4') && Number(ssssitem.status)"
+                                                    v-show="!ssssitem.menu_filter_noShow"
+                                                    :index="index + '-' + sindex + '-' + ssindex + '-' + sssindex + '-' + ssssindex"
+                                                    :key="ssssitem.id"
+                                                >{{ssssitem.name}}</el-menu-item>
+                                                <!-- 分割线 -->
+                                                <el-menu-item
+                                                    class="nav_menu"
+                                                    v-if="ssssitem.menuType ==='3' && Number(ssssitem.status)"
+                                                    v-show="!ssssitem.menu_filter_noShow"
+                                                    :index="index + '-' + sindex + '-' + ssindex + '-' + sssindex + '-' + ssssindex"
+                                                    :key="ssssitem.id"
+                                                >
+                                                    <template>
+                                                        <div></div>
+                                                    </template>
+                                                </el-menu-item>
+                                                </template>
+                                            </el-submenu>
+                                            <!-- 新增加五级菜单 2021/7/17 from shadow end -->
+                                            <!-- 分割线2021/7/17 from shadow begin 重写四级菜单 -->
+                                            <el-menu-item
+                                                class="nav_menu"
+                                                :index="index + '-' + sindex + '-' + ssindex + '-' + sssindex"
+                                                v-if="(!sssitem.children || sssitem.children.length === 0 || !allNoMenu(sssitem.children)) && sssitem.menuType ==='3' && Number(sssitem.status)"
+                                                v-show="!sssitem.menu_filter_noShow"
+                                                :key="sssitem.id"
+                                            >
+                                                <template>
+                                                    <div></div>
+                                                </template>
+                                            </el-menu-item>
+                                            <!-- 分割线 END -->
                                             <el-menu-item
                                                 @click.native="selectMenu(sssitem,
+                                                [{menuId: 1, menuLabel: item.name},
+                                                    {menuId: 2, menuLabel: sitem.name},
+                                                    {menuId: 3, menuLabel: ssitem.name},
+                                                    {menuId: 4, menuLabel: sssitem.name}])"
+                                                :index="index + '-' + sindex + '-' + ssindex + '-' + sssindex"
+                                                v-if="(!sssitem.children || sssitem.children.length === 0 || !allNoMenu(sssitem.children)) && (sssitem.menuType ==='1' || sssitem.menuType ==='4') && Number(sssitem.status)"
+                                                v-show="!sssitem.menu_filter_noShow"
+                                                :key="sssitem.id"
+                                            >{{sssitem.name}}</el-menu-item>
+                                            <!-- <el-menu-item
+                                                @click.native="selectMenu(sssitem,
                                             [{menuId: 1, menuLabel: item.name},
                                             {menuId: 2, menuLabel: sitem.name},
                                             {menuId: 3, menuLabel: ssitem.name},
@@ -186,9 +253,9 @@
                                                 v-show="!sssitem.menu_filter_noShow"
                                                 :index="index + '-' + sindex + '-' + ssindex + '-' + sssindex"
                                                 :key="sssitem.id"
-                                            >{{sssitem.name}}</el-menu-item>
+                                            >{{sssitem.name}}</el-menu-item>-->
                                             <!-- 分割线 -->
-                                            <el-menu-item
+                                            <!--<el-menu-item
                                                 class="nav_menu"
                                                 v-if="sssitem.menuType ==='3' && Number(sssitem.status)"
                                                 v-show="!sssitem.menu_filter_noShow"
@@ -198,7 +265,8 @@
                                                 <template>
                                                     <div></div>
                                                 </template>
-                                            </el-menu-item>
+                                            </el-menu-item> -->
+                                            <!-- 分割线2021/7/17 from shadow end-->
                                             <!-- 停用菜单 -->
                                             <!-- <el-menu-item
                                                 v-if="Number(sssitem.status) === 0"
@@ -219,7 +287,8 @@
                                         {{ssitem.name}}
                                     </el-menu-item> -->
                                     <!-- 分割线 -->
-                                    <el-menu-item
+                                    <!-- 2021/7/17 from shadow 注释三级菜单 bengin -->
+                                    <!--<el-menu-item
                                         class="nav_menu"
                                         :index="index + '-' + sindex + '-' + ssindex"
                                         v-if="(!ssitem.children || ssitem.children.length === 0 || !allNoMenu(ssitem.children)) && ssitem.menuType ==='3' && Number(ssitem.status)"
@@ -229,7 +298,8 @@
                                         <template>
                                             <div></div>
                                         </template>
-                                    </el-menu-item>
+                                    </el-menu-item>-->
+                                    <!-- 2021/7/17 from shadow 注释三级菜单 end -->
                                     <!-- 分割线 END -->
                                     <el-menu-item
                                         @click.native="selectMenu(ssitem,