122 lines
2.9 KiB
Vue
122 lines
2.9 KiB
Vue
<template>
|
|
<view class="pkg-lottery-log" v-if="ready">
|
|
<image style="width: 734rpx;height: 1418rpx" :src="webUrl+'/20240125215943273915.png'" mode="scaleToFill"/>
|
|
|
|
<view class="th flex">
|
|
<view>日期</view>
|
|
<view style="margin-left: 168rpx;">抽奖结果</view>
|
|
</view>
|
|
|
|
<scroll-view class="list-box" scroll-y @scrolltolower="onBottom">
|
|
<view class="item flex jc-between ai-center" v-for="(item,index) in list" :key="index">
|
|
<view class="flex ai-center">
|
|
<view style="width: 288rpx;color:#BD2323;font-size: 28rpx">{{ item['drawTime'] }}</view>
|
|
<view class="more-t">{{ item['prizeName'] }}</view>
|
|
</view>
|
|
|
|
<image class="flex-0" style="width: 111rpx;height: 64rpx" :src="webUrl+'/20240124232010456109.png'"
|
|
mode="scaleToFill" v-if="item['isHit']===1 && item['status']===1" @click="takeItem(item)"/>
|
|
</view>
|
|
</scroll-view>
|
|
|
|
</view>
|
|
</template>
|
|
|
|
<script setup>
|
|
import {ref} from '@vue/composition-api'
|
|
import {onShow} from '@dcloudio/uni-app'
|
|
import {VUE_APP_RESOURCES_URL as webUrl} from '../../config/index'
|
|
import {getLogs, takePrize} from "@/api/lottery";
|
|
|
|
const ready = ref(false)
|
|
|
|
onShow(() => {
|
|
list.value = []
|
|
fetchList()
|
|
})
|
|
|
|
const page = ref(1)
|
|
const list = ref([])
|
|
const fetchList = async () => {
|
|
const res = await getLogs(page.value, 20)
|
|
if (res.success) {
|
|
res.data['records']?.forEach(item => list.value.push(item))
|
|
ready.value = true
|
|
}
|
|
}
|
|
|
|
const onBottom = () => {
|
|
page.value++
|
|
fetchList()
|
|
}
|
|
|
|
const takeItem = async (item) => {
|
|
if (item['prizeType'] === 1 && item['status'] === 1) {
|
|
uni.navigateTo({
|
|
url: '/pages/order/OrderSubmission/index?lotteryRecordId=' + item['id']
|
|
})
|
|
return
|
|
}
|
|
|
|
const res = await takePrize(item.id)
|
|
if (res.success) {
|
|
item['status'] = 2
|
|
uni.showModal({
|
|
title: '领取成功',
|
|
content: '您的奖品已经领取成功，请前往我的订单查看奖品发货信息',
|
|
cancelText: '下次再说',
|
|
confirmText: '查看订单',
|
|
success: function (res) {
|
|
if (res.confirm) {
|
|
console.log('用户点击确定');
|
|
uni.navigateTo({
|
|
url: '/pages/order/MyOrder/index'
|
|
})
|
|
} else if (res.cancel) {
|
|
console.log('用户点击取消');
|
|
}
|
|
}
|
|
});
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped lang="less">
|
|
.pkg-lottery-log {
|
|
position: relative;
|
|
min-height: 100vh;
|
|
box-sizing: border-box;
|
|
padding: 32rpx 8rpx 24rpx;
|
|
background-color: #BD2323
|
|
}
|
|
|
|
.th {
|
|
position: absolute;
|
|
left: 160rpx;
|
|
top: 136rpx;
|
|
}
|
|
|
|
.list-box {
|
|
position: absolute;
|
|
left: 42rpx;
|
|
top: 200rpx;
|
|
width: 672rpx;
|
|
height: 1150rpx;
|
|
|
|
.item {
|
|
width: 672rpx;
|
|
box-sizing: border-box;
|
|
margin-bottom: 20rpx;
|
|
padding: 16rpx 6rpx 16rpx 32rpx;
|
|
border-radius: 24rpx;
|
|
background: #FFFBEE;
|
|
|
|
.more-t {
|
|
width: 204rpx;
|
|
color: #333333;
|
|
font-size: 32rpx;
|
|
line-height: 40rpx;
|
|
}
|
|
}
|
|
}
|
|
</style> |