个人中心机构标签样式调整

src/main/resources/static/css/user-center/dashboard.css

@@ -20,8 +20,8 @@ li{list-style:none}
     .user-header .account .name .update .name-tips{width:44px;height:19px;line-height:19px;text-align:center;border-radius:10px;background-color:#ffe6dc;font-size:12px;color:#E15616;position:absolute;right:-20px;top:-25px;z-index:99}
     .user-header .account .name .update .name-tips:before{content:'';width:6px;height:6px;background-color:#ffe6dc;position:absolute;bottom:-3px;left:12px;z-index:-1;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
     .user-header .account .name .agency{width:64px;height:24px;text-align:center;line-height:22px;border-radius:2px;font-size:12px;-webkit-box-sizing:border-box;box-sizing:border-box}
-    .user-header .account .name .agency.vip{background:#E7EAEF;border:1px solid #627386;color:#627386}
-    .user-header .account .name .agency.svip{background:#FFF2D5;border:1px solid #FFD54F;color:#E4AA43}
+    .user-header .account .name .agency.ordinary{background:#E7EAEF;border:1px solid #627386;color:#627386}
+    .user-header .account .name .agency.vip{background:#FFF2D5;border:1px solid #FFD54F;color:#E4AA43}
     .user-header .account .name .vip-icon{width:32px;height:24px;text-align:center;line-height:24px;border-radius:2px;font-size:12px;font-weight:400}
     .user-header .account .name .vip-icon.vip{color:#4E4539;background:#F0CB72}
     .user-header .account .name .vip-icon.svip{color:#F0CB72;background:#333333}
@@ -139,8 +139,8 @@ li{list-style:none}
     .user-header .account .user-info .update .name-tips{width:44px;height:19px;line-height:19px;text-align:center;border-radius:10px;background-color:#ffe6dc;font-size:12px;color:#E15616;position:absolute;right:0;top:-25px;z-index:99}
     .user-header .account .user-info .update .name-tips:before{content:'';width:6px;height:6px;background-color:#ffe6dc;position:absolute;bottom:-3px;left:12px;z-index:-1;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
     .user-header .account .user-info .agency{width:16vw;height:5.4vw;text-align:center;border-radius:2px;font-size:3.2vw;-webkit-box-sizing:border-box;box-sizing:border-box}
-    .user-header .account .user-info .agency.vip{background:#E7EAEF;border:1px solid #627386;color:#627386}
-    .user-header .account .user-info .agency.svip{background:#FFF2D5;border:1px solid #FFD54F;color:#E4AA43}
+    .user-header .account .user-info .agency.ordinary{background:#E7EAEF;border:1px solid #627386;color:#627386}
+    .user-header .account .user-info .agency.vip{background:#FFF2D5;border:1px solid #FFD54F;color:#E4AA43}
     .user-header .account .user-info .vip-icon{height:5.4vw;text-align:center;border-radius:2px;font-size:3.2vw;font-weight:400}
     .user-header .account .user-info .vip-icon.vip{width:8vw;color:#4E4539;background:#F0CB72}
     .user-header .account .user-info .vip-icon.svip{width:9vw;color:#F0CB72;background:#333333}

src/main/resources/static/js/user-center/dashboard.js

@@ -45,13 +45,18 @@ var helpSuggestion = new Vue({
                 3: '供应商',
                 4: '个人机构'
             };
-            var type = 'vip';
-            if (vipFlag === 1) {
-                type = 'svip';
+            var vipType = 'vip'; // 普通会员
+            var agencyType = 'ordinary'; // 个人机构
+            if(userIdentity === 2){
+                agencyType = 'vip'; // 资质机构
+            }
+            if(vipFlag === 1){
+                vipType= 'svip' // 超级会员
             }
             return {
                 name: names[userIdentity],
-                type: type
+                vipType: vipType,
+                agencyType: agencyType
             }
         }
     },

src/main/resources/templates/user-center/dashboard.html

@@ -37,8 +37,8 @@
                             <div class="name user-info">
                                 <span class="username">{{userInfo.name}}</span>
                                 <!-- 机构类型 -->
-                                <span class="agency" :class="[userIdentityTag.type]" v-html="userIdentityTag.name"></span>
-                                <span class="vip-icon" v-if="GLOBAL_USER_IDENTITY === 2" :class="[userIdentityTag.type]" v-html="userIdentityTag.type.toUpperCase()"></span>
+                                <span class="agency" :class="[userIdentityTag.agencyType]" v-html="userIdentityTag.name"></span>
+                                <span class="vip-icon" :class="[userIdentityTag.vipType]" v-if="GLOBAL_USER_IDENTITY === 2 || GLOBAL_VIP_FLAG === 1" v-html="userIdentityTag.vipType.toUpperCase()"></span>
                                 <!-- 升级 -->
                                 <a class="update" href="/user/setting/upgrade.html" v-if="userInfo.userIdentity === 4" onclick="_czc.push(['_trackEvent','个人中心','升级入口','点击','','Um_Event_ClubUpgrade'])">
                                     去升级资质机构

src/main/resources/templates/user-center/member/member.html

@@ -13,7 +13,7 @@
 <template th:replace="components/header"></template>
 <!--内容区域-->
 <!-- 采美豆明细 -->
-<div id="memberPage" v-cloak>
+<div id="memberPage" v-cloak :style="{ marginBottom: GLOBAL_VIP_FLAG === 1 ? '0' : ''}">
     <div class="navLayout">
         <div class="crumbs" v-if="isPC">
             <span>我的采美</span>