|
@@ -6,25 +6,59 @@
|
|
|
}
|
|
|
</route>
|
|
|
<script setup lang="ts">
|
|
|
- import NavbarEvo from '@/components/navbar-evo.vue'
|
|
|
+import NavbarEvo from '@/components/navbar-evo.vue'
|
|
|
+import { NetImages } from '../../../../core/libs/net-images'
|
|
|
+import { getRedPacket, getListRedPacket } from '../../../../core/libs/requests'
|
|
|
+import { useUserStore } from '@/store'
|
|
|
+import { storeToRefs } from 'pinia'
|
|
|
+
|
|
|
+const userStore = useUserStore()
|
|
|
+const { userInfo } = storeToRefs(userStore)
|
|
|
+const redId = ref(1)
|
|
|
+const flag = ref(true)
|
|
|
+const error = ref(true)
|
|
|
+const { data: redPacket, run: setRedPacket } = useRequest(() => getRedPacket({ userId: userInfo.value.id, redId:redId.value }))
|
|
|
+const { data: redList, run: setListRedPacket} = useRequest(() => getListRedPacket({ redId:redId.value }))
|
|
|
+onLoad(async(options)=>{
|
|
|
+ if(options.redId){
|
|
|
+ redId.value = options.redId
|
|
|
+ }
|
|
|
+ try{
|
|
|
+ await setRedPacket()
|
|
|
+ flag.value = false
|
|
|
+ }catch(e){
|
|
|
+ console.log(e)
|
|
|
+ error.value = e
|
|
|
+ }
|
|
|
+ finally{
|
|
|
+ await setListRedPacket()
|
|
|
+ }
|
|
|
+})
|
|
|
</script>
|
|
|
<template>
|
|
|
<div>
|
|
|
<NavbarEvo dark transparent></NavbarEvo>
|
|
|
- <div class="w-full"></div>
|
|
|
- <div class="w-full bg-white mb-[16rpx]">
|
|
|
- <div class="text-center">
|
|
|
- <div class="text-[32rpx]">恭喜您获得</div>
|
|
|
- <div class="text-[80rpx] text-[#EF4343]">38888<text class="text-[32rpx]">积分</text></div>
|
|
|
+ <div class="w-full pb-[40rpx] bg-white">
|
|
|
+ <image mode="widthFix" src="https://image.zhuchaohui.com/zhucaohui/d44e780c6fda38ace065da60a7c536f0822ec997689e25df7e9d913a2b4c3a02.png"></image>
|
|
|
+ </div>
|
|
|
+ <div class="w-full bg-white mb-[16rpx] pb-[40rpx]">
|
|
|
+ <div class="text-center" v-if="flag">
|
|
|
+ <div class="text-[32rpx] text-[#EF4343]">{{error.msg}}</div>
|
|
|
</div>
|
|
|
+ <div class="text-center" v-else>
|
|
|
+ <div class="text-[32rpx] mb-[12rpx]">恭喜您获得</div>
|
|
|
+ <div class="text-[80rpx] text-[#EF4343]">{{redPacket.points}}<text class="text-[32rpx]">积分</text></div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <div class="w-full bg-white py-[10rpx] px-[32rpx]">
|
|
|
- <div class="text-black/60 border-b-[#e1e1e1] text-[32rpx]">已领取</div>
|
|
|
- <div class="w-full">
|
|
|
- <div class="flex justify-center items-center">
|
|
|
- <div class="w-[128rpx] h-[128rpx]">
|
|
|
-
|
|
|
+ <div class="bg-white py-[10rpx] box-border px-[32rpx]">
|
|
|
+ <div class="text-black/60 border-b-[#e1e1e1] text-[32rpx] py-[14rpx]">已领取</div>
|
|
|
+ <div class="" v-for="(it, i) in redList" :key="i">
|
|
|
+ <div class="flex items-center py-[14rpx] border-b">
|
|
|
+ <div class="w-[78rpx] h-[78rpx] mr-[24rpx] rounded-full overflow-hidden">
|
|
|
+ <image mode="widthFix" :src="it.userAvatar || NetImages.DefaultAvatar"></image>
|
|
|
</div>
|
|
|
+ <div class="text-black text-[32rpx] flex-grow">{{ it.userName }}</div>
|
|
|
+ <div class="text-black text-[32rpx]">{{ it.points }}积分</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|