feat：工作台首页用户信息开发,接口联调

apps/bigmember_pc/src/views/workspace/components/AccountInfo.vue

@@ -6,7 +6,7 @@
         <span class="user-info-title-text highlight-text"
         >欢迎您！<i class="user-nickname">{{ accountInfo.nickName }}</i></span>
       </span>
-      <span class="user-info-icon" v-if="accountInfo.vipType !== '注册用户'">
+      <span class="user-info-icon" v-if="accountInfo.vipType && (accountInfo.vipType === '超级订阅'  || accountInfo.vipType.includes('大会员'))">
         <i :class="accountInfo.vipType === '超级订阅' ? 'vip-icon': 'bigmember-icon'"></i>
       </span>
     </h4>
@@ -32,7 +32,7 @@
       <p class="handle-p">
         <span>立享27+项专属权益</span>
         <span
-          class="handle-btn clickable"
+          class="handle-btn"
           @click="buyVip('buy')">
           立即开通</span>
       </p>
@@ -43,7 +43,7 @@
     >
       <div class="user-info-line-value value-box bg-gold">
         <p>到期时间：{{ accountInfo.vipEntTime }}</p>
-        <p class="handle-btn m-t-6"
+        <p class="handle-btn  m-t-6"
            v-if="attr.renew"
            @click="buyVip('renew')">
           去续费<i class="iconfont icon-more"></i>
@@ -51,7 +51,7 @@
       </div>
       <div class="gap"></div>
       <div  class="user-info-line-value value-box bg-gold">
-        <p v-if="attr.buyMsg">购买区域：{{ attr.buyMsg }}</p>
+        <p>购买区域：{{ attr.buyMsg }}</p>
         <p class="handle-btn m-t-6"
            v-if="attr.upgrade || attr.buyMsg === '全国'"
            @click="updateVip">
@@ -74,7 +74,7 @@
       </div>
       <div class="gap"></div>
       <div  class="user-info-line-value value-box bg-blue">
-        <p v-if="attr.buyMsg">购买区域：{{ attr.buyMsg }}</p>
+        <p>购买区域：{{ attr.buyMsg }}</p>
         <p class="handle-btn m-t-6" v-if="attr.upgrade && attr.buyMsg !== '全国'" @click="openCustomer">
           去升级
           <i class="iconfont icon-more"></i>
@@ -85,6 +85,16 @@
         </p>
       </div>
     </div>
+<!--    大会员或者商机管理-->
+    <div class="user-info-line user-info-module" v-else>
+      <div class="user-info-line-value value-box bigmember bg-black">
+        <p>到期时间：{{ accountInfo.vipEntTime }}</p>
+        <p class="handle-btn  m-t-6"
+           @click="renewConsult">续费咨询
+          <i class="iconfont icon-more"></i>
+        </p>
+      </div>
+    </div>
   </section>
 </template>
 
@@ -135,6 +145,19 @@ export default {
     // 联系客服
     openCustomer() {
       this.contactCustomer(this)
+    },
+    jumpPage (link) {
+      if(link) {
+        window.open(link)
+      }
+    },
+    renewConsult () {
+      if(this.accountInfo.vipType === '商机管理') {
+        this.openCustomer()
+      } else {
+        this.jumpPage(this.attr.pc)
+      }
+
     }
   }
 }
@@ -194,6 +217,24 @@ export default {
       padding: 8px 0;
       font-size: 12px;
       line-height: 18px;
+      &.bigmember{
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        padding: 8px 16px 8px 12px;
+        color: #FAE7CA;
+        .handle-btn{
+          padding: 3px 12px;
+          background: #FAE7CA;
+          color: #171826;
+          margin-top: 0;
+          box-shadow: 0 4px 12px rgba(186, 105, 31, 0.32);
+          border: 1px solid rgba(255, 255, 255, .5);
+          .icon-more {
+            color: #171826;
+          }
+        }
+      }
     }
     .gap{
       display: inline-block;