瀏覽代碼

用户头像字段判断设置默认头像

344080Wuyunfeng 2 年之前
父節點
當前提交
a315207354
共有 1 個文件被更改,包括 8 次插入4 次删除
  1. 8 4
      src/layout/components/Header/index.vue

+ 8 - 4
src/layout/components/Header/index.vue

@@ -116,10 +116,10 @@
       <div class="layout-header-trigger layout-header-trigger-min">
         <el-dropdown trigger="hover" @command="avatarSelect">
           <div class="flex items-center">
-            <!-- <div class="avatar">
-              <el-avatar round :src="schoolboy" />
-            </div> -->
-            <img src="@/assets/images/chongqing-icon.png" />
+            <div class="avatar">
+              <el-avatar round :src="getUserAvata || schoolboy" />
+            </div>
+            <!-- <img src="@/assets/images/chongqing-icon.png" /> -->
             <h4 class="username">{{ getUsername }}</h4>
             <!-- <el-divider direction="vertical" /> -->
             <!-- <h4 class="mr-1 username">{{ getTenantName }}</h4> -->
@@ -261,6 +261,10 @@
 
   const crumbsSetting = getCrumbsSetting;
 
+  const getUserAvata = computed(() => {
+    return userStore.getUserInfo.avatar;
+  });
+
   const getUsername = computed(() => {
     return userStore.getUserInfo.username;
   });