|
|
@@ -1,5 +1,4 @@
|
|
|
<script setup lang="ts">
|
|
|
-import { rightsList } from './vip-data'
|
|
|
import router from '@/router'
|
|
|
import { StaticUrl } from '@/config'
|
|
|
|
|
|
@@ -13,27 +12,23 @@ definePage({
|
|
|
},
|
|
|
|
|
|
})
|
|
|
+const { userMemberInfo } = storeToRefs(useUserStore())
|
|
|
+const rightsInfo = ref()
|
|
|
onMounted(() => {
|
|
|
opcity.value = 0
|
|
|
+ rightsInfo.value = JSON.parse(userMemberInfo.value.benefitConfigJson || '')
|
|
|
+ console.log(JSON.parse(userMemberInfo.value.benefitConfigJson || ''), '解析出的json')
|
|
|
})
|
|
|
-const { userMemberInfo } = storeToRefs(useUserStore())
|
|
|
+
|
|
|
onPageScroll((e) => {
|
|
|
const calculatedOpacity = e.scrollTop / 100
|
|
|
opcity.value = Math.min(1, Math.max(0.1, calculatedOpacity))
|
|
|
})
|
|
|
|
|
|
-function toUse(value: any) {
|
|
|
- if (value.id === 1) {
|
|
|
- wx.openOfficialAccountArticle({
|
|
|
- url: 'https://mp.weixin.qq.com/s/lxpdZ6DUhgqg00AT9klu5Q',
|
|
|
- })
|
|
|
- }
|
|
|
- if (value.route === '') {
|
|
|
- useGlobalToast().show('该权益正在快马加鞭赶来~')
|
|
|
- }
|
|
|
- else {
|
|
|
- router.push({ name: value.route })
|
|
|
- }
|
|
|
+function toUse() {
|
|
|
+ wx.openOfficialAccountArticle({
|
|
|
+ url: 'https://mp.weixin.qq.com/s/lxpdZ6DUhgqg00AT9klu5Q',
|
|
|
+ })
|
|
|
}
|
|
|
</script>
|
|
|
|
|
|
@@ -98,21 +93,101 @@ function toUse(value: any) {
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="mt-44rpx flex flex-wrap gap-20rpx">
|
|
|
- <view v-for="value in rightsList" :key="value.id" class="w-304rpx border-[1rpx_solid_#F4E5BD] rounded-32rpx bg-[rgba(255,255,255,0.3)] p-20rpx">
|
|
|
+ <view class="mt-44rpx flex flex-wrap gap-14rpx">
|
|
|
+ <view v-if="rightsInfo?.oilPerLiterDiscount" class="w-304rpx border-[1rpx_solid_#F4E5BD] rounded-32rpx bg-[rgba(255,255,255,0.3)] p-20rpx">
|
|
|
+ <view class="text-28rpx text-#FEE3AD font-bold">
|
|
|
+ 全省中石化优惠
|
|
|
+ </view>
|
|
|
+ <view class="mt-20rpx flex items-center justify-between">
|
|
|
+ <view>
|
|
|
+ <view class="text-28rpx text-#b5b5b5">
|
|
|
+ 每升立减{{ rightsInfo?.oilPerLiterDiscount }}元
|
|
|
+ </view>
|
|
|
+ <view class="mt-16rpx h-42rpx w-108rpx rounded-22rpx bg-#F4E5BD text-center text-24rpx text-#7F5935 line-height-42rpx" @click="toUse">
|
|
|
+ 去使用
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <image :src="rightsInfo?.oilIcon" class="h-80rpx w-80rpx" />
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view v-if="rightsInfo?.mallDiscountRate" class="w-304rpx border-[1rpx_solid_#F4E5BD] rounded-32rpx bg-[rgba(255,255,255,0.3)] p-20rpx">
|
|
|
+ <view class="text-28rpx text-#FEE3AD font-bold">
|
|
|
+ 市民请集合平台快消品
|
|
|
+ </view>
|
|
|
+ <view class="mt-20rpx flex items-center justify-between">
|
|
|
+ <view>
|
|
|
+ <view class="text-28rpx text-#b5b5b5">
|
|
|
+ 折扣率{{ rightsInfo?.mallDiscountRate }}折
|
|
|
+ </view>
|
|
|
+ <view class="mt-16rpx h-42rpx w-108rpx rounded-22rpx bg-#F4E5BD text-center text-24rpx text-#7F5935 line-height-42rpx" @click="router.push({ name: 'xsb-homeTabbar' })">
|
|
|
+ 去使用
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <image :src="rightsInfo?.mallIcon" class="h-80rpx w-80rpx" />
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view v-if="rightsInfo?.chargePerKwhDiscount" class="w-304rpx border-[1rpx_solid_#F4E5BD] rounded-32rpx bg-[rgba(255,255,255,0.3)] p-20rpx">
|
|
|
+ <view class="text-28rpx text-#FEE3AD font-bold">
|
|
|
+ 全省贵阳城投充电桩优惠
|
|
|
+ </view>
|
|
|
+ <view class="mt-20rpx flex items-center justify-between">
|
|
|
+ <view>
|
|
|
+ <view class="text-28rpx text-#b5b5b5">
|
|
|
+ 每度电立减{{ rightsInfo?.chargePerKwhDiscount }}元
|
|
|
+ </view>
|
|
|
+ <view class="mt-16rpx h-42rpx w-108rpx rounded-22rpx bg-#F4E5BD text-center text-24rpx text-#7F5935 line-height-42rpx" @click="router.push({ name: 'charge-index' })">
|
|
|
+ 去使用
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <image :src="rightsInfo?.chargeIcon" class="h-80rpx w-80rpx" />
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view v-if="rightsInfo?.parkingDiscountRate" class="w-304rpx border-[1rpx_solid_#F4E5BD] rounded-32rpx bg-[rgba(255,255,255,0.3)] p-20rpx">
|
|
|
<view class="text-28rpx text-#FEE3AD font-bold">
|
|
|
- {{ value.title }}
|
|
|
+ 贵阳城投停车场优惠
|
|
|
</view>
|
|
|
<view class="mt-20rpx flex items-center justify-between">
|
|
|
<view>
|
|
|
<view class="text-28rpx text-#b5b5b5">
|
|
|
- {{ value.desc }}
|
|
|
+ 折扣率{{ rightsInfo?.parkingDiscountRate }}折
|
|
|
</view>
|
|
|
- <view class="mt-16rpx h-42rpx w-108rpx rounded-22rpx bg-#F4E5BD text-center text-24rpx text-#7F5935 line-height-42rpx" @click="toUse(value)">
|
|
|
+ <view class="mt-16rpx h-42rpx w-108rpx rounded-22rpx bg-#F4E5BD text-center text-24rpx text-#7F5935 line-height-42rpx" @click="router.push({ name: rightsInfo?.parkingRoutePath })">
|
|
|
去使用
|
|
|
</view>
|
|
|
</view>
|
|
|
- <image :src="value.icon" class="h-80rpx w-80rpx" />
|
|
|
+ <image :src="rightsInfo?.parkingIcon" class="h-80rpx w-80rpx" />
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view v-if="userMemberInfo?.couponConfig.length > 0" class="w-304rpx border-[1rpx_solid_#F4E5BD] rounded-32rpx bg-[rgba(255,255,255,0.3)] p-20rpx">
|
|
|
+ <view class="text-28rpx text-#FEE3AD font-bold">
|
|
|
+ 优惠券
|
|
|
+ </view>
|
|
|
+ <view class="mt-20rpx flex items-center justify-between">
|
|
|
+ <view>
|
|
|
+ <view class="text-28rpx text-#b5b5b5">
|
|
|
+ 优惠券{{ userMemberInfo?.couponCount }}张
|
|
|
+ </view>
|
|
|
+ <view class="mt-16rpx h-42rpx w-108rpx rounded-22rpx bg-#F4E5BD text-center text-24rpx text-#7F5935 line-height-42rpx" @click="router.push({ name: 'xsb-coupon' })">
|
|
|
+ 去查看
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <image :src="userMemberInfo?.couponConfig[0].icon" class="h-80rpx w-80rpx" />
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view v-if="userMemberInfo?.giftConfig.length > 0" class="w-304rpx border-[1rpx_solid_#F4E5BD] rounded-32rpx bg-[rgba(255,255,255,0.3)] p-20rpx">
|
|
|
+ <view class="text-28rpx text-#FEE3AD font-bold">
|
|
|
+ 自选赠品
|
|
|
+ </view>
|
|
|
+ <view class="mt-20rpx flex items-center justify-between">
|
|
|
+ <view>
|
|
|
+ <view class="text-28rpx text-#b5b5b5">
|
|
|
+ 自选赠品{{ userMemberInfo?.giftCount }}个
|
|
|
+ </view>
|
|
|
+ <view class="mt-16rpx h-42rpx w-108rpx rounded-22rpx bg-#F4E5BD text-center text-24rpx text-#7F5935 line-height-42rpx" @click="router.push({ name: 'smqjh-giveaways-vip' })">
|
|
|
+ {{ userMemberInfo?.giftCount > 0 ? '待领取' : '已领取' }}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <image :src="userMemberInfo?.giftConfig[0].icon" class="h-80rpx w-80rpx" />
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|