|
|
@@ -1,4 +1,6 @@
|
|
|
<script setup lang="ts">
|
|
|
+// import { navTabTypeList } from '@/subPack-smqjh/order/order-data'
|
|
|
+
|
|
|
definePage({
|
|
|
name: 'common-integral',
|
|
|
islogin: true,
|
|
|
@@ -7,6 +9,14 @@ definePage({
|
|
|
disableScroll: true,
|
|
|
},
|
|
|
})
|
|
|
+const navTabTypeList = [
|
|
|
+ { name: '全部', value: 'all' },
|
|
|
+ { name: '星闪豹', value: 'XSB' },
|
|
|
+ { name: '充电', value: 'CD' },
|
|
|
+ { name: '电影演出', value: 'DYY' },
|
|
|
+ { name: '视频权益', value: 'VIDEO' },
|
|
|
+ { name: '大牌点餐', value: 'SHOP' },
|
|
|
+]
|
|
|
const { data: info } = useRequest(() =>
|
|
|
Apis.xsb.findUserPoints({}),
|
|
|
)
|
|
|
@@ -20,62 +30,66 @@ function handleScrollBottom() {
|
|
|
page.value++
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
+function getLabel(val: string) {
|
|
|
+ return navTabTypeList.find(i => i.value === val)?.name || '未知类型'
|
|
|
+}
|
|
|
</script>
|
|
|
|
|
|
<template>
|
|
|
<view class="pages pty24rpx">
|
|
|
- <view class="grid grid-cols-4 w-full bg-white py24rpx">
|
|
|
+ <view class="grid grid-cols-4 w-full bg-white py-24rpx">
|
|
|
<view class="flex flex-col items-center justify-center">
|
|
|
- <view class="text-28rpx text-#AAAAAA">
|
|
|
+ <view class="text-28rpx text-[#AAAAAA]">
|
|
|
总充值积分
|
|
|
</view>
|
|
|
- <view class="text-36rpx text-#222 font-semibold">
|
|
|
+ <view class="text-36rpx text-[#222] font-semibold">
|
|
|
{{ info?.data?.pointsTotal || 0 }}
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="flex flex-col items-center justify-center">
|
|
|
- <view class="text-28rpx text-#AAAAAA">
|
|
|
+ <view class="text-28rpx text-[#AAAAAA]">
|
|
|
当前可用积分
|
|
|
</view>
|
|
|
- <view class="text-36rpx text-#222 font-semibold">
|
|
|
+ <view class="text-36rpx text-[#222] font-semibold">
|
|
|
{{ info?.data?.availablePointsTotal || 0 }}
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="flex flex-col items-center justify-center">
|
|
|
- <view class="text-28rpx text-#AAAAAA">
|
|
|
+ <view class="text-28rpx text-[#AAAAAA]">
|
|
|
已过期积分
|
|
|
</view>
|
|
|
- <view class="text-36rpx text-#222 font-semibold">
|
|
|
+ <view class="text-36rpx text-[#222] font-semibold">
|
|
|
{{ info?.data?.expiryPointsTotal || 0 }}
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="flex flex-col items-center justify-center">
|
|
|
- <view class="text-28rpx text-#AAAAAA">
|
|
|
+ <view class="text-28rpx text-[#AAAAAA]">
|
|
|
已消耗积分
|
|
|
</view>
|
|
|
- <view class="text-36rpx text-#222 font-semibold">
|
|
|
+ <view class="text-36rpx text-[#222] font-semibold">
|
|
|
{{ info?.data?.consumePointsTotal || 0 }}
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="px24rpx py20rpx">
|
|
|
+ <view class="px-24rpx py-20rpx">
|
|
|
可用积分记录
|
|
|
</view>
|
|
|
<scroll-view scroll-y class="view" @scrolltolower="handleScrollBottom">
|
|
|
- <view v-for="item, index in pointList" :key="item.pointsId" class="bg-white p24rpx">
|
|
|
+ <view v-for="item, index in pointList" :key="item.pointsId" class="bg-white p-24rpx">
|
|
|
<view class="flex items-center justify-between text-32rpx font-semibold">
|
|
|
- <view class="text-#222">
|
|
|
- {{ type[Number(item.pointsType) - 1] || '未知状态' }}
|
|
|
+ <view class="text-[#222]">
|
|
|
+ {{ (type[Number(item.pointsType) - 1] == '下单' ? getLabel(item.businessType) : type[Number(item.pointsType) - 1]) || '未知状态' }}
|
|
|
</view>
|
|
|
- <view class="text-#FF4A39">
|
|
|
+ <view class="text-[#FF4A39]">
|
|
|
{{ item?.variablePoints || 0 }}
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="mt20rpx flex items-center justify-between text-28rpx text-#AAAAAA">
|
|
|
+ <view class="mt-20rpx flex items-center justify-between text-28rpx text-[#AAAAAA]">
|
|
|
<view>{{ item?.creationDate }}</view>
|
|
|
<view>当前可用积分 {{ item?.currentlyAvailablePoints || 0 }}</view>
|
|
|
</view>
|
|
|
- <view v-if="index < pointList.length - 1" class="mt24rpx h-2rpx w-full bg-#F0F0F0" />
|
|
|
+ <view v-if="index < pointList.length - 1" class="mt-24rpx h-2rpx w-full bg-[#F0F0F0]" />
|
|
|
</view>
|
|
|
<StatusTip v-if="!pointList.length" tip="暂无内容" />
|
|
|
</scroll-view>
|