只展开一个一级菜单开关

This commit is contained in:
Jason 2022-09-29 14:55:04 +08:00
parent 5b9af90590
commit c073cc65a7
5 changed files with 30 additions and 2 deletions

View File

@ -99,7 +99,7 @@ export default defineComponent({
visible.value = false
emit('change')
}
if (response.code == RequestCodeEnum.FAIL && response.msg) {
if (response.code == RequestCodeEnum.FAILED && response.msg) {
feedback.msgError(response.msg)
}
}

View File

@ -1,4 +1,5 @@
const defaultSetting = {
isUniqueOpened: false, //只展开一个一级菜单
sideWidth: 200, //侧边栏宽度
sideTheme: 'light', //侧边栏主题
sideDarkColor: '#1d2124', //侧边栏深色主题颜色

View File

@ -47,6 +47,16 @@
/>
</div>
</div>
<div class="setting-item mb-5 flex justify-between items-center">
<span class="text-tx-secondary">只展开一个一级菜单</span>
<div>
<el-switch
v-model="isUniqueOpened"
:active-value="true"
:inactive-value="false"
/>
</div>
</div>
<div class="setting-item mb-5">
<div class="text-tx-secondary mb-4">菜单栏宽度</div>
<div><el-input-number v-model="sideWidth" :min="180" :max="250" /></div>
@ -101,6 +111,18 @@ const openMultipleTabs = computed({
}
})
const isUniqueOpened = computed({
get() {
return settingStore.isUniqueOpened
},
set(value) {
settingStore.setSetting({
key: 'isUniqueOpened',
value
})
}
})
const sideWidth = computed({
get() {
return settingStore.sideWidth

View File

@ -10,7 +10,7 @@
:default-active="activeMenu"
:collapse="isCollapsed"
mode="vertical"
:unique-opened="true"
:unique-opened="uniqueOpened"
@select="$emit('select')"
>
<menu-item
@ -41,6 +41,10 @@ const props = defineProps({
type: Boolean,
default: false
},
uniqueOpened: {
type: Boolean,
default: false
},
theme: {
type: String
},

View File

@ -5,6 +5,7 @@
:routes="routes"
:isCollapsed="isCollapsed"
:width="settingStore.sideWidth"
:unique-opened="settingStore.isUniqueOpened"
:config="menuProp"
:theme="sideTheme"
@select="handleSelect"