From cbb4e6a688eb70a0bd1836bcfbea2e1e2f0ad03a Mon Sep 17 00:00:00 2001
From: From-WH <from-wh@hotmail.com>
Date: Wed, 22 Feb 2023 23:13:45 +0800
Subject: [PATCH] =?UTF-8?q?improve:=20head=E5=88=B7=E6=96=B0=E8=B0=83?=
 =?UTF-8?q?=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../main/components/header-bar/header-bar.vue |  4 +--
 .../main/components/reload/index.js           |  2 ++
 .../main/components/reload/reload.vue         | 33 +++++++++++++++++++
 template/admin/src/components/main/main.vue   |  6 +++-
 4 files changed, 42 insertions(+), 3 deletions(-)
 create mode 100644 template/admin/src/components/main/components/reload/index.js
 create mode 100644 template/admin/src/components/main/components/reload/reload.vue

diff --git a/template/admin/src/components/main/components/header-bar/header-bar.vue b/template/admin/src/components/main/components/header-bar/header-bar.vue
index 5d83c1d24..64c9c3466 100644
--- a/template/admin/src/components/main/components/header-bar/header-bar.vue
+++ b/template/admin/src/components/main/components/header-bar/header-bar.vue
@@ -1,9 +1,9 @@
 <template>
   <div class="header-bar">
     <sider-trigger :collapsed="collapsed" @on-change="handleCollpasedChange"></sider-trigger>
-    <span class="i-layout-header-trigger" @click="handleReload">
+    <!-- <span class="i-layout-header-trigger" @click="handleReload">
       <Icon type="ios-refresh" color='#fff' />
-    </span>
+    </span> -->
     <!-- <custom-bread-crumb
       show-icon
       style="margin-left: 30px"
diff --git a/template/admin/src/components/main/components/reload/index.js b/template/admin/src/components/main/components/reload/index.js
new file mode 100644
index 000000000..56b7afa3f
--- /dev/null
+++ b/template/admin/src/components/main/components/reload/index.js
@@ -0,0 +1,2 @@
+import reload from './reload.vue';
+export default reload;
diff --git a/template/admin/src/components/main/components/reload/reload.vue b/template/admin/src/components/main/components/reload/reload.vue
new file mode 100644
index 000000000..1eed029d4
--- /dev/null
+++ b/template/admin/src/components/main/components/reload/reload.vue
@@ -0,0 +1,33 @@
+<template>
+  <div class="full-screen-btn-con" @click="handleReload">
+      <Icon class="icon" type="md-refresh" color='#fff' />
+  </div>
+</template>
+
+<script>
+import { R } from '@/libs/util';
+
+export default {
+  name: 'reload',
+  mounted() {},
+  methods: {
+    handleReload() {
+      this.$emit('on-reload');
+    },
+  },
+};
+</script>
+<style scoped lang="less">
+.full-screen-btn-con {
+  margin-right: 17px !important;
+  cursor: pointer;
+  font-size: 20px;
+}
+.icon:hover{
+  animation: rotate 6s linear infinite; 
+}
+@keyframes rotate {
+    0%{-webkit-transform:rotate(0deg);}
+    100%{-webkit-transform:rotate(360deg);}
+}
+</style>
\ No newline at end of file
diff --git a/template/admin/src/components/main/main.vue b/template/admin/src/components/main/main.vue
index 3084e010a..3e5cfca03 100644
--- a/template/admin/src/components/main/main.vue
+++ b/template/admin/src/components/main/main.vue
@@ -5,11 +5,13 @@
         <img v-show="!collapsed" :src="maxLogo" key="max-logo" />
         <img v-show="collapsed" :src="minLogo" key="min-logo" />
       </div>
-      <header-bar :collapsed="collapsed" @on-coll-change="handleCollapsedChange" @on-reload="handleReload">
+      <header-bar :collapsed="collapsed" @on-coll-change="handleCollapsedChange">
         <user :message-unread-count="unreadCount" :user-avatar="userAvatar" />
         <language v-if="$config.useI18n" @on-lang-change="setLocal" style="margin-right: 10px" :lang="local" />
         <header-notice></header-notice>
         <fullscreen v-model="isFullscreen" style="margin-right: 10px" />
+        <Reload  @on-reload="handleReload"></Reload>
+
         <error-store
           v-if="$config.plugin['error-store'] && $config.plugin['error-store'].showInHeader"
           :has-read="hasReadErrorPage"
@@ -77,6 +79,7 @@ import Language from './components/language';
 import ErrorStore from './components/error-store';
 import HeaderSearch from './components/header-search';
 import HeaderNotice from './components/header-notice';
+import Reload from './components/reload';
 
 import Setting from '@/setting';
 import iView from 'iview';
@@ -101,6 +104,7 @@ export default {
     iCopyright,
     HeaderSearch,
     HeaderNotice,
+    Reload
   },
   data() {
     return {