From ce7d4dbdf6bdf223135b331ae8e4e72100aa9dd5 Mon Sep 17 00:00:00 2001
From: mengxiaolong <meng.xiaolong@ebiz-digits.com>
Date: Tue, 19 Jan 2021 15:32:42 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BB=8E=E6=8E=A5=E5=8F=A3=E4=B8=AD=E8=8E=B7?=
 =?UTF-8?q?=E5=8F=96=E5=9B=BD=E5=AF=8C=E4=B9=8B=E6=98=9F=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../ebiz/manpower/UserInfoHeader.vue          | 50 +++++++++++++------
 1 file changed, 34 insertions(+), 16 deletions(-)

diff --git a/src/components/ebiz/manpower/UserInfoHeader.vue b/src/components/ebiz/manpower/UserInfoHeader.vue
index fc5da8339..028e8d687 100644
--- a/src/components/ebiz/manpower/UserInfoHeader.vue
+++ b/src/components/ebiz/manpower/UserInfoHeader.vue
@@ -1,12 +1,13 @@
 <!-- 头部用户信息 -->
 <template>
   <div class="user-info flex p15 bg-head align-items-e">
-    <div class="avatar">
-      <img class="w40 star" src="../../../assets/images/avatar-border.gif" />
-      <img class="w40" src="../../../assets/images/bnf_avatar.png" />
+    <div class="avatar w40 h40">
+      <img class="w40 absolute-center" :src="avatarUrl" />
+      <img v-if="isGfStar" class="w40 star absolute-center" :src="avatarBorderUrl" />
     </div>
     <div class="add-list flex1 ml15">
       <span class="fs16 font-bold name">{{ userInfo.encryptionName }}</span>
+      <img v-if="isGfStar" id="gf-star" class="ml2" :src="titleUrl" />
       <div class="">工号 | {{ userInfo.encryptionJobNo }}</div>
     </div>
   </div>
@@ -14,12 +15,18 @@
 
 <script>
 import { getAgentInfo } from '@/api/ebiz/my/my.js'
+import defaultAvatar from '@/assets/images/bnf_avatar.png'
+import avatarBorderUrl from '@/assets/images/avatar-border.gif'
 export default {
   name: 'UserInfoHeader',
   data() {
     return {
       userInfo: '', // 代理人信息
-      activeNames: ['1']
+      activeNames: ['1'],
+      avatarUrl: defaultAvatar,
+      avatarBorderUrl: avatarBorderUrl,
+      titleUrl: '',
+      isGfStar: false
     }
   },
   created() {
@@ -41,6 +48,16 @@ export default {
           this.$toast(res.resultMessage)
         }
       }
+      if (this.userInfo.agentHeadImgUrl) {
+        this.avatarUrl = this.userInfo.agentHeadImgUrl
+      }
+      if (this.userInfo.starForGFLabelImgUrl) {
+        this.titleUrl = this.userInfo.starForGFLabelImgUrl
+      }
+      if (this.userInfo.starForGFFrameUrl) {
+        this.avatarBorderUrl = this.userInfo.starForGFFrameUrl
+      }
+      this.isGfStar = this.userInfo.starForGFFlag === 'Y'
     }
   },
   components: {}
@@ -48,6 +65,13 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+.absolute-center {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+}
+
 .user-info {
   background-image: url('~@/assets/images/headerBg.png');
   background-size: cover;
@@ -58,7 +82,7 @@ export default {
     position: relative;
     .star {
       position: absolute;
-      transform: scale(1.5);
+      transform: translate(-50%, -50%) scale(1.6);
     }
   }
 
@@ -69,18 +93,12 @@ export default {
     line-height: 22px;
     .name {
       position: relative;
+      vertical-align: middle;
     }
-    .name::after {
-      content: ' ';
-      background-image: url('~@/assets/images/gf-star.gif');
-      background-size: contain;
-      width: 88px;
-      height: 30px;
-      position: absolute;
-      transform-origin: 0 0;
-      transform: scale(0.5);
-      top: 0;
-      margin-left: 2px;
+    #gf-star {
+      display: inline-block;
+      max-width: 40px;
+      vertical-align: top;
     }
   }
   .font-bold {