1

src/components/Header.vue

@@ -38,7 +38,7 @@ let departmentList = [
 
   { key: "1", name: "电子信息工程系" },
   { key: "2", name: "通信工程系" },
-  // { key: "4", name: "本科实验教学中心" },
+  // { key: "4", name: "未知" },
   { key: "5", name: "数据统计" },
 ];
 </script>

src/components/TopHeader.vue

@@ -1,21 +1,31 @@
 <template>
   <div class="w-full flex justify-between py-[18px] px-[40px] bg-white">
     <div>
-      <img
-        src="../assets/web/statisTop.png"
-        alt=""
-        class="w-[167px] h-[60px]"
-      />
+      <img src="../assets/web/weblogo1.png" alt="" class="w-[372px] h-[60px]" />
     </div>
-    <div
-      v-if="userStore.userInfo && userStore.userInfo.data"
-      class="h-[48px] flex py-[6px] px-[14px] bg-[#F6F8FA] rounded-[10px]"
-    >
-      <div class="avatar"></div>
-      <div class="leading-[34px] ml-[10px]">
-        {{ userStore.userInfo.data.name }}
+    <el-popover placement="top-start" :width="120" trigger="hover">
+      <div
+        @click="toLogin"
+        class="px-[12px] py-[4px] cursor-pointer text-[#333] hover:bg-[#F5F5F5]"
+      >
+        重新登录
       </div>
-    </div>
+      <template #reference>
+        <div
+          v-if="
+            userStore.userInfo &&
+            userStore.userInfo.data &&
+            route.path != '/login'
+          "
+          class="h-[48px] flex py-[6px] px-[14px] bg-[#F6F8FA] rounded-[10px] cursor-pointer"
+        >
+          <div class="avatar"></div>
+          <div class="leading-[34px] ml-[10px]">
+            {{ userStore.userInfo.data.name }}
+          </div>
+        </div>
+      </template>
+    </el-popover>
   </div>
 </template>
 
@@ -23,8 +33,13 @@
 import { watch } from "vue";
 import { useUserStore } from "@/store/user.ts";
 import { useRouter, useRoute } from "vue-router";
+const route = useRoute();
+const router = useRouter();
 
 let userStore: any = useUserStore();
+function toLogin() {
+  router.push("/login");
+}
 </script>
 
 <style scoped>