'admin-23.04.12:发布v1.2.3版本，更新日志查看CHNAGELOG.md'

CHANGELOG.md

@@ -2,6 +2,14 @@
 
 🎉🎉🔥 `vue-prev-admin` 基于 vue2.x + webpack + element ui，适配手机、平板、pc 的后台开源免费模板库（vue3.x 请切换 master 分支）
 
+## 1.2.3
+
+`2023.04.12`
+
+- 🐞 修复 [#I6UW2I 关闭标签页后，分栏没有消失，需要手动点击首页才会消失](https://gitee.com/lyt-top/vue-next-admin/issues/I6UW2I)，感谢[@小菜鸟儿](https://gitee.com/cainiaoer)
+- 🎯 优化 `layout/navBars/breadcrumb` 文件夹名称改成 `layout/navBars/topBar` 更易理解（可全局替换），感谢群友@傲世盛唐
+- 🎯 优化 `layout/navBars/topBar/user.vue` 组件，`UserNews` 点击消息图标触发范围，防止点击消息通知背景色时不触发 Popover 弹出框
+
 ## 1.2.2
 
 `2023.02.23`

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "vue-prev-admin",
-	"version": "1.2.2",
+	"version": "1.2.3",
 	"private": true,
 	"description": "vue2 webpack admin template",
 	"author": "lyt_20201208",

src/App.vue

@@ -11,7 +11,7 @@
 import config from '/package.json';
 import setIntroduction from '@/utils/setIconfont.js';
 import { Local } from '@/utils/storage.js';
-import Setings from '@/layout/navBars/breadcrumb/setings.vue';
+import Setings from '@/layout/navBars/topBar/setings.vue';
 import Upgrade from '@/layout/upgrade/index.vue';
 import Sponsors from '@/layout/sponsors/index.vue';
 export default {

src/layout/component/columnsAside.vue

@@ -87,18 +87,22 @@ export default {
 				this.setColumnsAsideMove(k);
 			});
 		},
-		// 设置/过滤路由（非静态路由/是否显示在菜单中）
+		// 设置只有一个路由时设置自动收起菜单
-		setFilterRoutes() {
+		// https://gitee.com/lyt-top/vue-next-admin/issues/I6UW2I
-			if (this.$store.state.routesList.routesList.length <= 0) return false;
+		setMenuAutoCollaps(path) {
-			this.columnsAsideList = this.filterRoutesFun(this.$store.state.routesList.routesList);
+			const resData = this.setSendChildren(path);
-			const resData = this.setSendChildren(this.$route.path);
-			if (Object.keys(resData).length <= 0) return false;
-			this.onColumnsAsideDown(resData.item[0].k);
-			// 刷新时，初始化一个路由设置自动收起菜单
 			// https://gitee.com/lyt-top/vue-next-admin/issues/I6HW7H
 			resData.children.length <= 1
 				? (this.$store.state.themeConfig.themeConfig.isCollapse = true)
 				: (this.$store.state.themeConfig.themeConfig.isCollapse = false);
+			return resData;
+		},
+		// 设置/过滤路由（非静态路由/是否显示在菜单中）
+		setFilterRoutes() {
+			if (this.$store.state.routesList.routesList.length <= 0) return false;
+			this.columnsAsideList = this.filterRoutesFun(this.$store.state.routesList.routesList);
+			const resData = this.setMenuAutoCollaps(this.$route.path);
+			this.onColumnsAsideDown(resData.item[0].k);
 			this.bus.$emit('setSendColumnsChildren', resData);
 		},
 		// 传送当前子级数据到菜单中
@@ -151,8 +155,9 @@ export default {
 		// 监听路由的变化
 		$route: {
 			handler(to) {
+				const resData = this.setMenuAutoCollaps(to.path);
 				this.setColumnsMenuHighlight(to.path);
-				this.bus.$emit('setSendColumnsChildren', this.setSendChildren(to.path));
+				this.bus.$emit('setSendColumnsChildren', resData);
 			},
 			deep: true,
 		},

src/layout/navBars/index.vue

@@ -6,7 +6,7 @@
 </template>
 
 <script>
-import BreadcrumbIndex from '@/layout/navBars/breadcrumb/index.vue';
+import BreadcrumbIndex from '@/layout/navBars/topBar/index.vue';
 import TagsView from '@/layout/navBars/tagsView/tagsView.vue';
 export default {
 	name: 'layoutNavBars',

src/layout/navBars/topBar/index.vue

@@ -8,8 +8,8 @@
 </template>
 
 <script>
-import Breadcrumb from '@/layout/navBars/breadcrumb/breadcrumb.vue';
+import Breadcrumb from '@/layout/navBars/topBar/breadcrumb.vue';
-import User from '@/layout/navBars/breadcrumb/user.vue';
+import User from '@/layout/navBars/topBar/user.vue';
 import Logo from '@/layout/logo/index.vue';
 import Horizontal from '@/layout/navMenu/horizontal.vue';
 export default {

src/layout/navBars/topBar/user.vue

@@ -29,9 +29,9 @@
 		<div class="layout-navbars-breadcrumb-user-icon" @click="onLayoutSetingClick">
 			<i class="icon-skin iconfont" :title="$t('message.user.title3')"></i>
 		</div>
-		<div class="layout-navbars-breadcrumb-user-icon">
+		<div class="layout-navbars-breadcrumb-user-icon" @click.stop="isShowUserNewsPopover = !isShowUserNewsPopover">
 			<el-popover placement="bottom" trigger="click" v-model="isShowUserNewsPopover" :width="300" popper-class="el-popover-pupop-user-news">
-				<el-badge :is-dot="true" @click.stop="isShowUserNewsPopover = !isShowUserNewsPopover" slot="reference">
+				<el-badge :is-dot="true" slot="reference">
 					<i class="el-icon-bell" :title="$t('message.user.title4')"></i>
 				</el-badge>
 				<transition name="el-zoom-in-top">
@@ -68,8 +68,8 @@
 <script>
 import screenfull from 'screenfull';
 import { Session, Local } from '@/utils/storage.js';
-import UserNews from '@/layout/navBars/breadcrumb/userNews.vue';
+import UserNews from '@/layout/navBars/topBar/userNews.vue';
-import Search from '@/layout/navBars/breadcrumb/search.vue';
+import Search from '@/layout/navBars/topBar/search.vue';
 export default {
 	name: 'layoutBreadcrumbUser',
 	components: { UserNews, Search },

src/store/modules/themeConfig.js

@@ -72,7 +72,7 @@ const themeConfigModule = {
 			 * 其它设置
 			 */
 			// 默认 Tagsview 风格，可选 1、 tags-style-one，自行扩展：
-			// 1、需修改 @/layout/navBars/breadcrumb/setings.vue `getThemeConfig.tagsStyle` el-option
+			// 1、需修改 @/layout/navBars/topBar/setings.vue `getThemeConfig.tagsStyle` el-option
 			// 2、需修改 @/layout/navBars/tagsView/tagsView.vue 代码最底部注释部分 css 样式
 			tagsStyle: 'tags-style-one',
 			// 主页面切换动画：可选值"<slide-right|slide-left|opacitys>"，默认 slide-right
@@ -84,7 +84,7 @@ const themeConfigModule = {
 
 			/**
 			 * 布局切换
-			 * 注意：为了演示，切换布局时，颜色会被还原成默认，代码位置：/@/layout/navBars/breadcrumb/setings.vue
+			 * 注意：为了演示，切换布局时，颜色会被还原成默认，代码位置：/@/layout/navBars/topBar/setings.vue
 			 * 中的 `initSetLayoutChange(设置布局切换，重置主题样式)` 方法
 			 */
 			// 布局切换：可选值"<defaults|classic|transverse|columns>"，默认 defaults