From 25a8c990889c84d129a1f3790e2fed9b9d4dc753 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BB=B2=E4=B9=88=E4=BA=86?= <zhongchunyang@rocan.com.cn>
Date: Wed, 3 Jan 2024 14:04:56 +0800
Subject: [PATCH 1/2] =?UTF-8?q?token=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layouts/admin/components/navBar/classic.vue |  9 ++-------
 src/layouts/admin/components/navBar/default.vue |  7 +------
 src/layouts/admin/components/navMenus.vue       | 12 +++++++-----
 src/stores/adminInfo.ts                         |  3 +--
 src/views/user/login.vue                        | 11 +++++++++--
 5 files changed, 20 insertions(+), 22 deletions(-)

diff --git a/src/layouts/admin/components/navBar/classic.vue b/src/layouts/admin/components/navBar/classic.vue
index 28d6c70..1bb4c12 100644
--- a/src/layouts/admin/components/navBar/classic.vue
+++ b/src/layouts/admin/components/navBar/classic.vue
@@ -51,22 +51,17 @@ const onMenuCollapse = () => {
                 margin: 2px 0 0 4px;
                 color: v-bind('config.getColorVal("headerBarTabColor")') !important;
             }
-            .close-icon:hover {
-                background: v-bind('config.getColorVal("headerBarBackground")');
-                color: var(--el-border-color) !important;
-                border-radius: 50%;
-            }
             &.active {
                 color: v-bind('config.getColorVal("headerBarTabActiveColor")');
                 .close-icon {
-                    color: v-bind('config.getColorVal("headerBarTabActiveColor")') !important;
+                    color: v-bind('config.getColorVal("headerBarTabActiveColor")') !important;;
                 }
             }
             &:hover {
                 color: v-bind('config.getColorVal("headerBarTabActiveColor")');
                 background-color: v-bind('config.getColorVal("headerBarHoverBackground")');
                 .close-icon {
-                    color: v-bind('config.getColorVal("headerBarTabActiveColor")') !important;
+                    color: v-bind('config.getColorVal("headerBarTabActiveColor")') !important;;
                 }
             }
         }
diff --git a/src/layouts/admin/components/navBar/default.vue b/src/layouts/admin/components/navBar/default.vue
index f95a349..71572f5 100644
--- a/src/layouts/admin/components/navBar/default.vue
+++ b/src/layouts/admin/components/navBar/default.vue
@@ -37,11 +37,6 @@ const config = useConfig()
                 margin: 2px 0 0 4px;
                 color: v-bind('config.getColorVal("headerBarTabColor")') !important;
             }
-            .close-icon:hover {
-                background: v-bind('config.getColorVal("headerBarBackground")');
-                color: var(--el-border-color) !important;
-                border-radius: 50%;
-            }
             &.active {
                 color: v-bind('config.getColorVal("headerBarTabActiveColor")');
                 .close-icon {
@@ -52,7 +47,7 @@ const config = useConfig()
                 color: v-bind('config.getColorVal("headerBarTabActiveColor")');
                 background-color: v-bind('config.getColorVal("headerBarHoverBackground")');
                 .close-icon {
-                    color: v-bind('config.getColorVal("headerBarTabActiveColor")') !important;
+                    color: v-bind('config.getColorVal("headerBarTabActiveColor")') !important;;
                 }
             }
         }
diff --git a/src/layouts/admin/components/navMenus.vue b/src/layouts/admin/components/navMenus.vue
index 187dc12..53b089c 100644
--- a/src/layouts/admin/components/navMenus.vue
+++ b/src/layouts/admin/components/navMenus.vue
@@ -29,7 +29,7 @@
             <template #reference>
                 <div class="admin-info" :class="state.currentNavMenu == 'adminInfo' ? 'hover' : ''">
                     <el-avatar :size="25" fit="fill">
-                        <img :src="fullUrl(adminInfo.avatar)" alt="" />
+                        <img src="@/assets/avatar.png" alt="" />
                     </el-avatar>
                     <div class="admin-name">{{ adminInfo.nickname }}</div>
                 </div>
@@ -37,7 +37,7 @@
             <div>
                 <div class="admin-info-base">
                     <el-avatar :size="70" fit="fill">
-                        <img :src="fullUrl(adminInfo.avatar)" alt="" />
+                        <img src="@/assets/avatar.png" alt="" />
                     </el-avatar>
                     <div class="admin-info-other">
                         <div class="admin-info-name">{{ adminInfo.nickname }}</div>
@@ -45,8 +45,8 @@
                     </div>
                 </div>
                 <div class="admin-info-footer">
-                    <el-button @click="onAdminInfo" type="primary" plain>{{ 'layouts.personal data' }}</el-button>
-                    <el-button @click="onLogout" type="danger" plain>{{ 'layouts.cancellation' }}</el-button>
+                    <el-button @click="onAdminInfo" type="primary" plain>个人资料</el-button>
+                    <el-button @click="onLogout" type="danger" plain>退出登录</el-button>
                 </div>
             </div>
         </el-popover>
@@ -106,7 +106,9 @@ const onAdminInfo = () => {
     routePush({ name: 'routine/adminInfo' })
 }
 
-const onLogout = () => {}
+const onLogout = () => {
+    router.push({ name: 'login' })
+}
 
 // const onClearCache = (type: string) => {
 //     if (type == 'storage' || type == 'all') {
diff --git a/src/stores/adminInfo.ts b/src/stores/adminInfo.ts
index 136653f..130f471 100644
--- a/src/stores/adminInfo.ts
+++ b/src/stores/adminInfo.ts
@@ -10,7 +10,7 @@ export const useAdminInfo = defineStore('adminInfo', {
             nickname: '',
             avatar: '',
             last_login_time: '',
-            token: localStorage.getItem('token') || '',
+            token:  '',
             refresh_token: '',
             super: false
         }
@@ -26,7 +26,6 @@ export const useAdminInfo = defineStore('adminInfo', {
         setToken(token: string, type: 'auth' | 'refresh') {
             const field = type == 'auth' ? 'token' : 'refresh_token'
             this[field] = token
-            window.localStorage.setItem(field, token)
         },
         getToken(type: 'auth' | 'refresh' = 'auth') {
             return type === 'auth' ? this.token : this.refresh_token
diff --git a/src/views/user/login.vue b/src/views/user/login.vue
index 86a482d..599e829 100644
--- a/src/views/user/login.vue
+++ b/src/views/user/login.vue
@@ -73,13 +73,19 @@ import { gongkey, login } from '@/api/user'
 import { useAdminInfo } from '@/stores/adminInfo'
 import type { FormInstance, InputInstance, FormRules } from 'element-plus'
 import { useRouter } from 'vue-router'
+import { ADMIN_INFO } from '@/stores/constant/cacheKey'
+import { Local } from '@/utils/storage'
 const router = useRouter()
 let timer: number
 
 const formRef = ref<FormInstance>()
 const usernameRef = ref<InputInstance>()
 const passwordRef = ref<InputInstance>()
-const useInfo = useAdminInfo()
+const userInfo = useAdminInfo()
+
+Local.remove(ADMIN_INFO)
+Local.remove(ADMIN_INFO)
+userInfo.removeToken()
 interface RuleForm {
     username: string
     password: string
@@ -107,6 +113,7 @@ const focusInput = () => {
 }
 
 onMounted(() => {
+
     timer = window.setTimeout(() => {
         pageBubble.init()
     }, 0)
@@ -134,7 +141,7 @@ const onSubmit = async (formEl: FormInstance | undefined) => {
                 }).then(res => {
                     console.log('🚀 ~ file: login.vue:134 ~ gongkey ~ res:', res)
 
-                    useInfo.setToken(res.data.token_type + ' ' + res.data.access_token, 'auth')
+                    userInfo.setToken(res.data.token_type + ' ' + res.data.access_token, 'auth')
                     state.submitLoading = false
                     router.push({
                         path: 'admin/dashboard'

From 2bb7a827789e4c5bc84ee965050cd6cb43781d59 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BB=B2=E4=B9=88=E4=BA=86?= <zhongchunyang@rocan.com.cn>
Date: Wed, 3 Jan 2024 14:23:49 +0800
Subject: [PATCH 2/2] =?UTF-8?q?=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/table/defaultAttribute.ts | 1 +
 src/utils/tableStore.ts                  | 6 +++++-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/table/defaultAttribute.ts b/src/components/table/defaultAttribute.ts
index 28040bc..7a7490f 100644
--- a/src/components/table/defaultAttribute.ts
+++ b/src/components/table/defaultAttribute.ts
@@ -9,5 +9,6 @@ export const defaultAttribute:VxeTableProps = {
     columnConfig: { resizable: true },
     rowConfig: { isCurrent: true, isHover: true },
     scrollX: { scrollToLeftOnChange: true },
+    scrollY:  { scrollToTopOnChange: true,enabled:true },
     treeConfig: {}
 }
\ No newline at end of file
diff --git a/src/utils/tableStore.ts b/src/utils/tableStore.ts
index 6c6ce0e..b8b4855 100644
--- a/src/utils/tableStore.ts
+++ b/src/utils/tableStore.ts
@@ -48,6 +48,7 @@ export default class TableStore {
     }
 
     index() {
+        this.table.data = []
         this.table.loading = true
         // 重置用的数据数据
         if (!this.initData) {
@@ -124,7 +125,10 @@ export default class TableStore {
                 () => {
                     this.table.params.pageNum = data.page
                     if (this.isWebPaging) {
-                        this.table.data = this.table.webPagingData[data.page - 1]
+                        this.table.data = []
+                        requestAnimationFrame(() => {
+                            this.table.data = this.table.webPagingData[data.page - 1]
+                        })
                     } else {
                         this.index()
                     }