调试接口
This commit is contained in:
wangxiaowei
@ -34,10 +34,11 @@
|
||||
<wd-img width="36rpx" height="36rpx" mode="aspectFill" :src="`${OSS}icon/icon_crown.png`" round></wd-img>
|
||||
</view>
|
||||
<!-- 这里要根据用户身份显示不同的文字 -->
|
||||
<view class="text-24rpx text-[#675649] leading-34rpx flex items-center">茶址会员</view>
|
||||
<view class="text-24rpx text-[#675649] leading-34rpx flex items-center">{{ isVip ? '茶址会员' : '品茶爱好者' }}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="w-178rpx h-80rpx relative">
|
||||
<!-- TODO 暂时隐藏 -->
|
||||
<!-- <view class="w-178rpx h-80rpx relative">
|
||||
<wd-img width="100%" height="100%" mode="aspectFill" :src="`${OSS}images/my/my_image2.png`"></wd-img>
|
||||
<view class="absolute left-36rpx top-28rpx flex items-center" @click="My.handleShowPromoCode">
|
||||
<view class="flex items-center mr-8rpx">
|
||||
@ -45,7 +46,7 @@
|
||||
</view>
|
||||
<view class="font-bold text-[#fff] text-24rpx leading-34rpx mt--6rpx">推广码</view>
|
||||
</view>
|
||||
</view>
|
||||
</view> -->
|
||||
</view>
|
||||
</view>
|
||||
|
||||
@ -83,7 +84,7 @@
|
||||
<wd-img width="100%" height="100%" :src="`${OSS}icon/icon_vip.png`" mode="aspectFill"></wd-img>
|
||||
</view>
|
||||
<view class="flex items-center leading-34rpx" @click="router.navigateTo('/bundle/vip/benefits')">
|
||||
<view class="font-400 text-24rpx ml-12rpx mr-20rpx text-[#EECC99]">{{ isLogin ? '会员到期时间' : '- -' }}</view>
|
||||
<view class="font-400 text-24rpx ml-12rpx mr-20rpx text-[#EECC99]">{{ expireTime }}到期</view>
|
||||
<view class="flex items-center mt-4rpx">
|
||||
<wd-icon name="arrow-right" size="24rpx" color="#EECC99"></wd-icon>
|
||||
</view>
|
||||
@ -92,20 +93,20 @@
|
||||
<view class="font-400 text-24rpx text-[#EECC99] leading-34rpx">会员预定茶室享受8折</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="mx-40rpx">
|
||||
<wd-progress :percentage="60" hide-text color="#EECC99" custom-class="!my-10rpx"></wd-progress>
|
||||
<view class="mx-40rpx h-40rpx">
|
||||
<!-- <wd-progress :percentage="60" hide-text color="#EECC99" custom-class="!my-10rpx"></wd-progress> -->
|
||||
</view>
|
||||
<view class="flex items-center justify-between mx-40rpx">
|
||||
<view class="flex item-center leading-34rpx text-[#EECC99]">
|
||||
<view class="font-400 text-24rpx mr-18rpx">上月消费</view>
|
||||
<view class="font-400 text-28rpx mr-18rpx">￥{{ isLogin ? '上月消费金额显示' : '- -' }}</view>
|
||||
<view class="font-400 text-28rpx mr-18rpx">￥{{ user.last_month }}</view>
|
||||
</view>
|
||||
<view class="font-400 text-24rpx text-[#D2D0D0] leading-34rpx">请尽快领取会员权益</view>
|
||||
<!-- <view class="font-400 text-24rpx text-[#D2D0D0] leading-34rpx">请尽快领取会员权益</view> -->
|
||||
</view>
|
||||
<view class="mt-50rpx ml-24rpx">
|
||||
<scroll-view class="w-[100%] whitespace-nowrap" :scroll-x="true" scroll-left="120">
|
||||
<view class="scroll-item mr-20rpx" v-for="(item, index) in couponList" :key="index">
|
||||
<view class="font-bold text-22rpx text-[#AF6400] leading-32rpx mt-6rpx">茶室券</view>
|
||||
<view class="font-bold text-22rpx text-[#AF6400] leading-32rpx mt-6rpx">{{ item.type_id == 1 ? '茶艺师券' : '茶室券' }}</view>
|
||||
<view class="font-bold text-[#1C1C1D] leading-34rpx mt-8rpx">
|
||||
<text class="text-24rpx">￥</text>
|
||||
<text class="text-30rpx">{{ item.coupon_price }}</text>
|
||||
@ -124,9 +125,9 @@
|
||||
<view v-if="!isVip" class="mt-16rpx flex justify-center">
|
||||
<view class="w-690rpx h-228rpx relative">
|
||||
<wd-img width="100%" height="100%" :src="`${OSS}images/my/my_image4.png`" mode="aspectFill"></wd-img>
|
||||
<view class="absolute top-76rpx left-30rpx text-30rpx leading-42rpx">
|
||||
<view class="absolute top-76rpx left-30rpx text-30rpx leading-42rpx" @click="router.navigateTo('/bundle/vip/benefits')">
|
||||
<view class="text-[#EDCE91]">会员可以享受预定折扣</view>
|
||||
<view class="vip-btn text-[#251C1C] font-bold text-center mt-20rpx">立即成为会员</view>
|
||||
<view class="vip-btn text-[#251C1C] font-bold text-center mt-20rpx w-244rpx h-56rpx text-center leading-56rpx rounded-26rpx">立即成为会员</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
@ -244,7 +245,7 @@
|
||||
import { toast } from '@/utils/toast'
|
||||
import { router } from '@/utils/tools'
|
||||
import { useUserStore } from '@/store'
|
||||
import { getUserInfo, getMyCoupon, claimMyCoupon } from '@/api/user'
|
||||
import { getUserInfo, getMyCoupon, claimMyCoupon, getUserMember } from '@/api/user'
|
||||
import type { IUserResult } from '@/api/types/user'
|
||||
|
||||
const OSS = inject('OSS')
|
||||
@ -269,7 +270,8 @@
|
||||
member: 0,
|
||||
mobile: "",
|
||||
user_money: "0.00",
|
||||
version: ""
|
||||
version: "",
|
||||
last_month: 0
|
||||
})
|
||||
const isLogin = ref<boolean>(false)
|
||||
const isVip = ref<boolean>(true)
|
||||
@ -308,6 +310,9 @@
|
||||
// 领取优惠券
|
||||
const couponList = ref<any[]>([])
|
||||
|
||||
// 过期时间
|
||||
const expireTime = ref<string>('')
|
||||
|
||||
onShow(() => {
|
||||
const userStore = useUserStore()
|
||||
isLogin.value = userStore.isLoggedIn
|
||||
@ -315,6 +320,11 @@
|
||||
// 获取用户详情信息接口
|
||||
getUserInfo().then(res => {
|
||||
user.value = res
|
||||
if (res.member === 1) {
|
||||
isVip.value = true
|
||||
} else {
|
||||
isVip.value = false
|
||||
}
|
||||
})
|
||||
} else {
|
||||
Object.keys(user.value).forEach(key => {
|
||||
@ -351,6 +361,11 @@
|
||||
couponList.value = Array.isArray(res) ? res : []
|
||||
})
|
||||
}
|
||||
|
||||
// 获取会员过期时间
|
||||
getUserMember().then(res => {
|
||||
expireTime.value = res.data.expiration_time
|
||||
})
|
||||
},
|
||||
|
||||
/**
|
||||
@ -360,6 +375,9 @@
|
||||
await claimMyCoupon({id})
|
||||
toast.info('领取成功')
|
||||
My.handleInit()
|
||||
getUserInfo().then(res => {
|
||||
user.value = res
|
||||
})
|
||||
},
|
||||
|
||||
// 跳转到个人信息
|
||||
@ -433,4 +451,8 @@
|
||||
.service-badge {
|
||||
background: linear-gradient( 315deg, #F4C99A 0%, #FFE3BA 100%);
|
||||
}
|
||||
|
||||
.vip-btn {
|
||||
background: linear-gradient(180deg, #fff 0%, #F0BA6A 100%);
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user