From 22d96d5d5328a0a7d478760cca10757ae406ed8d Mon Sep 17 00:00:00 2001
From: zhoulingpo <zhoulingpo>
Date: Wed, 2 Aug 2023 16:19:32 +0800
Subject: [PATCH] =?UTF-8?q?=E3=80=90=E4=BF=AE=E6=94=B9=E3=80=91=E5=A4=B4?=
 =?UTF-8?q?=E9=83=A8=E4=BF=AE=E6=94=B9=E9=97=B4=E8=B7=9D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 jero-web/src/components/page/GlobalLayout.vue | 32 +++++++++++++++++++
 jero-web/src/components/tools/UserMenu.vue    | 25 ++++++++++++---
 2 files changed, 52 insertions(+), 5 deletions(-)

diff --git a/jero-web/src/components/page/GlobalLayout.vue b/jero-web/src/components/page/GlobalLayout.vue
index 051b6808..df4104c5 100644
--- a/jero-web/src/components/page/GlobalLayout.vue
+++ b/jero-web/src/components/page/GlobalLayout.vue
@@ -326,7 +326,39 @@ export default {
       .user-wrapper {
         float: right;
         height: 100%;
+        .small-action {
+          cursor: pointer;
+          padding: 0 5px;
+          display: inline-block;
+          transition: all .3s;
 
+          height: 70%;
+          line-height: 46px;
+
+          &.action-full {
+            height: 100%;
+          }
+
+          &:hover {
+            background: rgba(255, 255, 255, 0.3);
+          }
+
+          .avatar {
+            margin: 20px 10px 20px 0;
+            color: #1890ff;
+            background: hsla(0, 0%, 100%, .85);
+            vertical-align: middle;
+          }
+
+          .icon {
+            font-size: 16px;
+            padding: 4px;
+          }
+
+          .anticon {
+            color: inherit;
+          }
+        }
         .action {
           cursor: pointer;
           padding: 0 14px;
diff --git a/jero-web/src/components/tools/UserMenu.vue b/jero-web/src/components/tools/UserMenu.vue
index 4350bfe3..cd1e3cf2 100644
--- a/jero-web/src/components/tools/UserMenu.vue
+++ b/jero-web/src/components/tools/UserMenu.vue
@@ -33,11 +33,18 @@
       </a>
     </span>
     <header-notice class="action"/>
-    <span style="padding: 12px">
-      <a-avatar class="avatar" size="small" :src="getAvatar()"/>
+    <span style="display:inline-block;padding: 0 0 0 16px">
+      <template v-if='getAvatar()'>
+         <a-avatar class="avatar" size="small" :src="getAvatar()"/>
+      </template>
+       <template v-else>
+         <a-avatar :size="20">
+          <template #icon>  <a-icon type="user"></a-icon></template>
+        </a-avatar>
+      </template>
     </span>
     <a-dropdown>
-      <span class="action">
+      <span class=" small-action">
         <span v-if="isDesktop()">欢迎您，{{ nickname() }}</span>
       </span>
       <a-menu slot="overlay" class="user-dropdown-menu-wrapper">
@@ -104,7 +111,7 @@ import { mixinDevice } from '@/utils/mixin.js'
 import { getFileAccessHttpUrl, getAction } from '@/api/manage'
 import Vue from 'vue'
 import { UI_CACHE_DB_DICT_DATA } from '@/store/mutation-types'
-
+import { UserOutlined } from '@ant-design/icons-vue';
 export default {
   name: 'UserMenu',
   mixins: [mixinDevice],
@@ -118,6 +125,7 @@ export default {
     }
   },
   components: {
+    UserOutlined,
     HeaderNotice,
     UserPassword,
     DepartSelect,
@@ -269,6 +277,7 @@ export default {
   .user-wrapper .search-input {
     width: 210px;
     color: inherit;
+    margin-right: 8px;
 
     /deep/ .ant-select-selection {
       background-color: #F7F8FA !important;
@@ -284,7 +293,13 @@ export default {
   /* update_end author:zhaoxin date:20191129 for: 让搜索框颜色能随主题颜色变换*/
 </style>
 
-<style scoped>
+<style lang="less" scoped>
+  .ant-avatar {
+    background-color: #fff;
+    color: #333 !important;
+    border: 1px solid #333;
+    vertical-align: sub;
+  }
   .logout_title {
     color: inherit;
     text-decoration: none;