|
|
@@ -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;
|
ouyang