From 13c58d78112a8bb63abd288a51165f122fc0965b Mon Sep 17 00:00:00 2001
From: loulijun2021 <1694218219@qq.com>
Date: 星期二, 31 一月 2023 10:29:57 +0800
Subject: [PATCH] 1.页面刷新功能优化
---
src/layout/components/Navbar.vue | 47 +++++++++++++++++++++++++++++++++++++++++++----
1 files changed, 43 insertions(+), 4 deletions(-)
diff --git a/src/layout/components/Navbar.vue b/src/layout/components/Navbar.vue
index c39fcd7..1b24596 100644
--- a/src/layout/components/Navbar.vue
+++ b/src/layout/components/Navbar.vue
@@ -5,16 +5,32 @@
:class="{'display_btw':$store.state.settings.menuIsHorizontal}"
:style="{background: $store.state.settings.headBackgroundColorValue? '#304156':'#fff'}"
>
+
<hamburger
v-if="!$store.state.settings.menuIsHorizontal"
:is-active="sidebar.opened"
class="hamburger-container"
@toggleClick="toggleSideBar"
/>
+
<breadcrumb
class="breadcrumb-container"
- :style="{marginLeft:$store.state.settings.menuIsHorizontal?'20px':''}"
+ :style="{marginLeft:$store.state.settings.menuIsHorizontal?'60px':'40px'}"
/>
+
+ <el-tooltip class="item" effect="dark" content="鍒锋柊椤甸潰" placement="bottom">
+ <div
+ :style="{
+ color:$store.state.settings.headBackgroundColorValue?'#fff':'#000',
+ marginLeft:$store.state.settings.menuIsHorizontal?'10px':'44px',
+ position:'absolute',
+ }"
+ style="padding:0 8px"
+ @click="pageRefreshClick"
+ >
+ <i class="el-icon-refresh-right" style="font-size: 20px;cursor: pointer;line-height:50px" />
+ </div>
+ </el-tooltip>
<el-menu
v-if="$store.state.settings.menuIsHorizontal"
@@ -41,15 +57,19 @@
<!-- <template v-if="device!=='mobile'">-->
<template>
- <search id="header-search" class="right-menu-item" />
+ <el-tooltip class="item" effect="dark" content="鑿滃崟鎼滅储" placement="bottom">
+ <search id="header-search" class="right-menu-item" />
+ </el-tooltip>
<!-- <error-log class="errLog-container right-menu-item hover-effect" />-->
- <screenfull id="screenfull" class="right-menu-item hover-effect" />
+ <el-tooltip class="item" effect="dark" content="鍏ㄥ睆" placement="bottom">
+ <screenfull id="screenfull" class="right-menu-item hover-effect" />
+ </el-tooltip>
<!-- <el-tooltip content="Global Size" effect="dark" placement="bottom">-->
<!-- <size-select id="size-select" class="right-menu-item hover-effect" />-->
<!-- </el-tooltip>-->
</template>
- <el-dropdown class="avatar-container" trigger="click">
+ <el-dropdown class="avatar-container" trigger="hover">
<div class="avatar-wrapper">
<!-- <img :src="avatar+'?imageView2/1/w/80/h/80'" class="user-avatar">-->
<div style="display: flex;align-items: center;margin-top: -5px">
@@ -181,6 +201,9 @@
}
}
},
+ inject: [
+ 'reload'
+ ],
created() {
this.usercode = getCookie('navTabId')
this.username = getCookie('username')
@@ -215,6 +238,22 @@
}
},
methods: {
+ pageRefreshClick() {
+ this.reload()
+ const tabViews = this.$store.state.tagsView.visitedViews.map(item => {
+ return {
+ fullPath: item.fullPath,
+ hash: item.hash,
+ meta: { ...item.meta },
+ name: item.name,
+ params: { ...item.params },
+ path: item.path,
+ query: { ...item.query },
+ title: item.title
+ }
+ })
+ sessionStorage.setItem('tabViews', JSON.stringify(tabViews))
+ },
handleSelect(key, keyPath) {
// console.log(key, keyPath)
},
--
Gitblit v1.9.3