From 6bc7ce4b5bb2cbaf458766ac40d9ba8c5d40133d Mon Sep 17 00:00:00 2001 From: ZengTao <2773468879@qq.com> Date: 星期四, 15 八月 2024 09:12:41 +0800 Subject: [PATCH] Merge branch 'master' of http://bore.pub:10439/r/HangZhouMes --- UI-Project/src/layout/MainErpView.vue | 35 +++++++++++++---------------------- 1 files changed, 13 insertions(+), 22 deletions(-) diff --git a/UI-Project/src/layout/MainErpView.vue b/UI-Project/src/layout/MainErpView.vue index 5f91bf3..ba2c234 100644 --- a/UI-Project/src/layout/MainErpView.vue +++ b/UI-Project/src/layout/MainErpView.vue @@ -10,7 +10,7 @@ const { t } = useI18n() let language = ref(localStorage.getItem('lang') || 'zh') const store = userInfo() - +const isCollapse = ref(false); // const { $i18n } = useI18n(); // 鑾峰彇 i18n 瀹炰緥 const router = useRouter() const userStore = useUserInfoStore() @@ -158,6 +158,9 @@ openFlag = menuID } } +function toggleCollapse() { + isCollapse.value = !isCollapse.value; +} </script> <template> @@ -188,33 +191,21 @@ <SwitchButton size=""/>{{ $t('main.quit') }} </el-icon> </el-button> + <!-- <div class="header-left"> + <el-button :icon="isCollapse ? 'el-icon-s-unfold' : 'el-icon-s-fold'" @click="toggleCollapse" + style="height:30px;"></el-button> + </div> --> </span> </div> </el-header> <div id="line"></div> <el-container> - <!-- <el-aside width="160px" - style="height: 99%; background-color: #fff;"> - <div class="menu"> - <div v-for="items in menuList"> - <div class='menu_title' - @click="openMenu(items.id)"> - <span>鈽�</span> - {{ items.menuName }} - </div> - <ul class='enter-x-left' - v-show="openFlag==items.id"> - <li v-for="menuItem in items.children" - style="margin-bottom:2px"> - <router-link :to="{path:menuItem.url}"> - {{ menuItem.menuName }} - </router-link> - </el-aside> --> + <el-aside :width="isCollapse ? '30px' : '200px'" style="background-color: #fff;"> <el-row :span="20"> - <el-menu :default-active="activePath" class="el-menu-vertical-demo" background-color="#fff"> + <el-menu :default-active="activePath" class="el-menu-vertical-demo" > <div class="menu"> <div v-for="items in menuList"> - <div class='menu_title' + <div class='menu_title' v-show="!isCollapse" @click="openMenu(items.id)"> <span>鈽�</span> {{ items.menuName }} @@ -232,12 +223,12 @@ </div> </el-menu> </el-row> - <el-main> +</el-aside> +<el-main> <div id="main"> <router-view></router-view> </div> </el-main> - </el-container> </el-container> </div> -- Gitblit v1.8.0