|
@@ -69,7 +69,7 @@
|
|
|
<template v-for="item in menuList">
|
|
<template v-for="item in menuList">
|
|
|
<collapsed-menu
|
|
<collapsed-menu
|
|
|
v-if="item.children && item.children.length > 0"
|
|
v-if="item.children && item.children.length > 0"
|
|
|
- @on-click="handleSelect"
|
|
|
|
|
|
|
+ @on-click="collHandleSelect"
|
|
|
:hide-title="true"
|
|
:hide-title="true"
|
|
|
:activeMenuPath="activeMenuPath"
|
|
:activeMenuPath="activeMenuPath"
|
|
|
:root-icon-size="rootIconSize"
|
|
:root-icon-size="rootIconSize"
|
|
@@ -80,7 +80,7 @@
|
|
|
></collapsed-menu>
|
|
></collapsed-menu>
|
|
|
<Tooltip transfer v-else :content="item.title" placement="right" :key="`drop-menu-${item.path}`">
|
|
<Tooltip transfer v-else :content="item.title" placement="right" :key="`drop-menu-${item.path}`">
|
|
|
<a
|
|
<a
|
|
|
- @click="handleSelect(item)"
|
|
|
|
|
|
|
+ @click="collHandleSelect(item)"
|
|
|
class="drop-menu-a"
|
|
class="drop-menu-a"
|
|
|
:class="{ on: item.path == activeMenuPath }"
|
|
:class="{ on: item.path == activeMenuPath }"
|
|
|
:style="{ textAlign: 'center' }"
|
|
:style="{ textAlign: 'center' }"
|
|
@@ -196,6 +196,7 @@ export default {
|
|
|
}
|
|
}
|
|
|
});
|
|
});
|
|
|
},
|
|
},
|
|
|
|
|
+
|
|
|
handleSelect(name, type) {
|
|
handleSelect(name, type) {
|
|
|
this.childOptions = [];
|
|
this.childOptions = [];
|
|
|
this.menuList.map((e) => {
|
|
this.menuList.map((e) => {
|
|
@@ -241,6 +242,9 @@ export default {
|
|
|
handleChildSelect(name) {
|
|
handleChildSelect(name) {
|
|
|
this.turnToPage(name);
|
|
this.turnToPage(name);
|
|
|
},
|
|
},
|
|
|
|
|
+ collHandleSelect(name) {
|
|
|
|
|
+ this.turnToPage(name);
|
|
|
|
|
+ },
|
|
|
turnToPage(route, all) {
|
|
turnToPage(route, all) {
|
|
|
let { path, name, params, query } = {};
|
|
let { path, name, params, query } = {};
|
|
|
if (typeof route === 'string' && !all) path = route;
|
|
if (typeof route === 'string' && !all) path = route;
|