From bb7c90e502534991d81f3efe414eb7ba0c275f46 Mon Sep 17 00:00:00 2001
From: hejianhao <15708179461@qq.com>
Date: 星期三, 08 一月 2025 16:21:32 +0800
Subject: [PATCH] 弹出个人信息弹窗
---
src/component/Header.vue | 29 +++++++++++++++++++++++++----
1 files changed, 25 insertions(+), 4 deletions(-)
diff --git a/src/component/Header.vue b/src/component/Header.vue
index 11dd1fc..9349059 100644
--- a/src/component/Header.vue
+++ b/src/component/Header.vue
@@ -2,22 +2,30 @@
<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 @click="userInfoShow = true" class="flex a-center mr--55 shrink0 pointer">
<div class="mr--24 fs--20 font-bold shrink0 color2">{{ userInfo.userName }}</div>
<img src="../assets/img/bianji@2x.png" class="w--23 h--23" />
</div>
- <img src="../assets/img/tuichu@2x.png" class="w--40 h--40 shrink0 pointer" />
+ <img @click="logOutShow = true" src="../assets/img/tuichu@2x.png" class="w--40 h--40 shrink0 pointer" />
</div>
+ <el-dialog v-if="logOutShow" :visible.sync="logOutShow" :show-close="false" width="518px"
+ top="51px"></el-dialog>
+ <UserInfoComponent v-if="userInfoShow" v-model:show="userInfoShow" />
</div>
</template>
<script>
+import UserInfoComponent from '@/component/userInfo.vue'
export default {
- components: {},
+ components: {
+ UserInfoComponent
+ },
props: {},
data() {
return {
- userInfo: JSON.parse(localStorage.getItem('userInfo'))
+ userInfo: JSON.parse(localStorage.getItem('userInfo')),
+ logOutShow: false,
+ userInfoShow: false
};
},
computed: {},
@@ -45,4 +53,17 @@
.color2 {
color: #EDEDF3;
}
+
+::v-deep .el-dialog {
+ border-radius: 8px;
+
+ .el-dialog__header {
+ display: none !important;
+ }
+
+ .el-dialog__body {
+ padding: 0 !important;
+
+ }
+}
</style>
\ No newline at end of file
--
Gitblit v1.7.1