From 140559584af1684d31e8f69640cfd3e1757af2c7 Mon Sep 17 00:00:00 2001
From: lin <1005713861@163.com>
Date: Thu, 25 Jun 2026 11:36:38 +0800
Subject: [PATCH] UI：qxg 我的页面会员权益跳转逻辑调整
---
pages/quanyi/index.vue | 63 +++++++++++++++++++++++++++++++
1 files changed, 62 insertions(+), 1 deletions(-)
diff --git a/pages/quanyi/index.vue b/pages/quanyi/index.vue
index 5a6c344..adaa1e6 100644
--- a/pages/quanyi/index.vue
+++ b/pages/quanyi/index.vue
@@ -1,9 +1,13 @@
<script>
import textBox from "@/components/textBox/index.vue";
+import tehuichongzhi from "@/pages/quanshou/components/tehuichongzhi.vue"; //虚拟
+import lanyaerji from "@/pages/quanshou/components/lanyaerji.vue"; // 实物
export default {
components: {
- textBox
+ textBox,
+ tehuichongzhi,
+ lanyaerji,
},
async created() {
@@ -47,6 +51,26 @@
})
}
})
+
+ // 获取VIP值
+ uni.request({
+ url: _this.$webHost+'/api/v2/customer/getRyxBenefitsRecordList?phone='+_this.$util.getUserInfo().phone,
+ data:{
+ customerId: uni.getStorageSync('qxgLogin').customerId,
+ appId: uni.getStorageSync('qxgLogin').appId
+ },
+ success: function (res) {
+ if(res.data.code==200){
+ _this.lst = res.data.data;
+ _this.lst.forEach(item=>{
+ if(item && item.isBuy === 1 && [1,2,3].includes(item.period)) {_this.VIP = item.period;}
+ })
+ } else {
+
+
+ }
+ }
+ })
let mk = setInterval(()=>{
this.text -=1;
@@ -64,6 +88,8 @@
data() {
return {
+ active: 0,
+ VIP: 1, // 1黄金 2铂金 3黑金
qxgLogin:{},
protocolChecked: [0],
isAgree: false,
@@ -198,12 +224,47 @@
</uv-checkbox-group>
</view>
+ <view class="tab-wrap">
+ <text @click="active=0" :class="active==0?'active':''">实物权益</text>
+ <text @click="active=1" :class="active==1?'active':''">虚拟权益</text>
+ </view>
+ <view class="note" style="margin-bottom: 20rpx;text-align: center;color: #999;font-size: 24rpx;" v-if="active==0">页面展示为实物样例，实际以用户收到的商品为准</view>
+ <view class="note" style="margin-bottom: 20rpx;text-align: center;color: #999;font-size: 24rpx;" v-if="active==1">页面为虚拟权益预览，实际用户以当日兑换内容为准</view>
+ <lanyaerji v-if="active==0" style="margin:0 30rpx;"/>
+ <tehuichongzhi v-else :VIP="VIP" style="margin-top: 50rpx;" />
</view>
<textBox v-if="showTextBox" ref="textBox" :code="memberPeriodConfigInfo.protocolCode" :title="memberPeriodConfigInfo.protocolName"></textBox>
</view>
</template>
<style scoped lang="scss">
+/* tab */
+.tab-wrap {
+ display: flex;
+ justify-content: space-evenly;
+ margin-bottom: 50rpx;
+ margin-top: 50rpx;
+}
+.tab-wrap text {
+ font-weight: 600;
+ font-size: 36rpx;
+ color: #666;
+}
+.active {
+ color: #333 !important;
+ position: relative;
+ &::after {
+ content: "";
+ display: block;
+ width: 50rpx;
+ height: 8rpx;
+ background: linear-gradient( 91deg, #FDFAFF 0%, #F9C969 100%);
+ border-radius: 32rpx;
+ position: absolute;
+ bottom: -20rpx;
+ left: calc(50% - 25rpx);
+ }
+}
.activityBut{
background: #FF1472;
font-weight: 600;
--
Gitblit v1.9.3