From e6eb5dccecce12a0b6dacf21c8fa2904c896dbaa Mon Sep 17 00:00:00 2001
From: hejianhao <15708179461@qq.com>
Date: 星期五, 10 一月 2025 15:34:43 +0800
Subject: [PATCH] md5加密

---
 src/component/Header.vue |   29 ++++++++++++++++++++---------
 1 files changed, 20 insertions(+), 9 deletions(-)

diff --git a/src/component/Header.vue b/src/component/Header.vue
index a9729d1..a3d0cb6 100644
--- a/src/component/Header.vue
+++ b/src/component/Header.vue
@@ -1,23 +1,34 @@
 <template>
-    <div class="header_content">
-        <div class="color1 fs--24 font-bold">{{ userInfo.companyName }}</div>
-        <div class="flex a-center j-between">
-            <div class="flex a-center mr--55 shrink0 pointer">
-                <div class="mr--24 fs--20 font-bold shrink0 color2">{{ userInfo.userName }}</div>
-                <img @click="$emit('edit')" src="../assets/img/bianji@2x.png" class="w--23 h--23" />
+    <div>
+        <div class="header_content">
+            <div @click="$router.push('/home')" class="color1 fs--24 font-bold pointer">{{ userInfo.companyName }}</div>
+            <div class="flex a-center j-between">
+                <div @click="userInfoShow = true" class="flex a-center mr--55 shrink0 pointer">
+                    <div class="mr--24 fs--20 font-bold shrink0 color2">{{ $store.state.userName }}</div>
+                    <img src="../assets/img/bianji@2x.png" class="w--23 h--23" />
+                </div>
+                <img @click="logOutShow = true" src="../assets/img/tuichu@2x.png" class="w--40 h--40 shrink0 pointer" />
             </div>
-            <img src="../assets/img/tuichu@2x.png" class="w--40 h--40 shrink0 pointer" />
         </div>
+        <LogOutComponent v-if="logOutShow" :show="logOutShow" @close="logOutShow = false" />
+        <UserInfoComponent v-if="userInfoShow" :show="userInfoShow" @close="userInfoShow = false" />
     </div>
 </template>
 
 <script>
+import UserInfoComponent from '@/component/userInfo.vue'
+import LogOutComponent from '@/component/LogOut.vue'
 export default {
-    components: {},
+    components: {
+        UserInfoComponent,
+        LogOutComponent
+    },
     props: {},
     data() {
         return {
-            userInfo: JSON.parse(localStorage.getItem('userInfo'))
+            userInfo: JSON.parse(localStorage.getItem('userInfo')),
+            logOutShow: false,
+            userInfoShow: false
         };
     },
     computed: {},

--
Gitblit v1.7.1