邀请开店优化

hdApp/src/admin/home/shopInviteHub.vue

@@ -1,7 +1,7 @@
 <!--
   邀请花店 / 我的分佣 hub
   用途：我的-邀请花店；最近邀请手机号来自接口 mobile（表 inviteeMobile 快照）
-  「我的邀请码」仅当当前门店 hasRenew=1 且 deadline 未过期时展示（接口 inviteCodeEligible）
+  「我的邀请码」：当前门店 hasRenew=1 且 deadline 未过期时展示码；否则提示「请先续费」
 -->
 <template>
   <view class="hub-page app-content">
@@ -22,6 +22,7 @@
       </view>
     </view>
 
+    <!-- 已续费且未到期：展示邀请码；否则提示请先续费 -->
     <view v-if="inviteCodeEligible" class="invite-code-card">
       <view class="code-head">
         <view class="code-icon-wrap">
@@ -48,6 +49,20 @@
         <!-- #endif -->
       </view>
     </view>
+    <view v-else class="invite-code-card invite-code-card--disabled" @click="goRenewForInvite">
+      <view class="code-head">
+        <view class="code-icon-wrap">
+          <text class="code-icon-text">邀</text>
+        </view>
+        <view class="code-main">
+          <text class="code-title">我的邀请码</text>
+          <text class="code-tip">请先续费</text>
+        </view>
+      </view>
+      <view class="code-actions">
+        <view class="code-btn code-btn--solid">去续费</view>
+      </view>
+    </view>
 
     <view class="menu-card">
       <view class="menu-row" @click="goInviteShopList">
@@ -265,6 +280,10 @@ export default {
     },
     goCommissionList () {
       this.$util.pageTo({ url: '/admin/home/shopInviteCommissionList' })
+    },
+    /** 邀请码无效（未续费或已到期）：跳转续费开通页 */
+    goRenewForInvite () {
+      this.$util.pageTo({ url: '/pagesClient/official/applyInvite', type: 2 })
     }
   }
 }
@@ -352,6 +371,14 @@ export default {
   box-shadow: 0 4upx 16upx rgba(9, 197, 103, 0.06);
 }
 
+.code-tip {
+  display: block;
+  margin-top: 8upx;
+  font-size: 36upx;
+  font-weight: 700;
+  color: #e54d42;
+}
+
 .code-head {
   display: flex;
   align-items: center;