Feat:寻看点和抽奖

2024-02-06 12:42:46 +08:00
parent c88b6aa8a8
commit f3115fe7c8
73 changed files with 5324 additions and 6887 deletions
@@ -0,0 +1,122 @@
+<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>