更新列表页面

admin/src/components/modal-qrcode/index.tsx

@@ -22,7 +22,7 @@ export default function modalQrcodeComponent(props: Props) {
 
   return (
     <>
-      <Modal {...{ onCancel, footer: null, open: formState.visible, title: '二维码' }}>
+      <Modal {...{ onCancel, footer: null, open: formState.visible, title: '投放二维码' }}>
         <div className="p-tb-40">
           <Row justify="center">
             <QRCode type="svg" value={text || '-'} color="#409eff" />

admin/src/views/activity/draw-prize/index.tsx

@@ -96,7 +96,7 @@ export default function CasePage() {
       render: (_, record) => (
         <Space size={12}>
           <Button type="link" className="p-0" disabled={!checkPermission('/activity/draw-prize/qrcode') || record.status === activityStatus.ended} onClick={() => onShowQrcodeModal(record)}>
-            二维码
+            投放二维码
           </Button>
           <Button
             type="link"

mobile/src/api/activity.ts

@@ -1,5 +1,10 @@
 import { command, restful } from './factory'
 
+/**
+ * 抽奖活动
+ */
+export const drawPrizeApi = restful('/activity/draw-prize')
+
 /**
  * 抽奖活动记录
  */

mobile/src/manifest.json

@@ -2,8 +2,8 @@
   "name": "ecosystem",
   "appid": "H5B979BEE",
   "description": "这是一个生态系统的移动端",
-  "versionName": "1.2.1",
-  "versionCode": "121",
+  "versionName": "1.3.0",
+  "versionCode": "130",
   "transformPx": false,
   "app-plus": {
     "usingComponents": true,

mobile/src/pages.json

@@ -141,11 +141,16 @@
     {
       "root": "pages/activity",
       "pages": [
+        {
+          "path": "draw-prize-list/index",
+          "style": {
+            "navigationBarTitleText": "抽奖列表"
+          }
+        },
         {
           "path": "draw-prize/index",
           "style": {
-            "navigationBarTitleText": "抽奖",
-            "navigationStyle": "custom"
+            "navigationBarTitleText": "抽奖"
           }
         }
       ]

mobile/src/pages/activity/draw-prize-list/hooks.ts

@@ -0,0 +1,22 @@
+import { drawPrizeApi } from '@/api/activity'
+import type { DrawPrizeItem } from './types'
+
+/**
+ * 抽奖列表数据
+ */
+export const useDrawPrizeList = () => {
+  const drawPrizeList = ref<DrawPrizeItem[]>([])
+
+  const loadPrizeData = async () => {
+    const data = await drawPrizeApi.all<DrawPrizeItem[]>()
+    drawPrizeList.value = data
+  }
+
+  const onClickItem = (item: DrawPrizeItem) => {
+    uni.navigateTo({
+      url: `/pages/activity/draw-prize/index?id=${item.id}`
+    })
+  }
+
+  return { drawPrizeList, loadPrizeData, onClickItem }
+}

mobile/src/pages/activity/draw-prize-list/index.vue

@@ -0,0 +1,32 @@
+<script lang="ts" setup>
+import { toast } from '@/utils/function'
+import { useDrawPrizeList } from './hooks'
+
+const [loading, setLoading] = useVisible(true)
+const { drawPrizeList, loadPrizeData, onClickItem } = useDrawPrizeList()
+
+useSilentAuth(async () => {
+  await loadPrizeData()
+  setLoading(false)
+})
+</script>
+
+<template>
+  <view class="p-30 w-100vw h-100vh flex flex-column flex-dc bg-white" v-if="!loading">
+    <view class="m-b-20 bg-color-f5 p-30 w-fill flex flex-sb flex-dc br-8" v-for="(item, index) in drawPrizeList" :key="index" @click="onClickItem(item)">
+      <view class="flex-1">
+        <view class="color-85 m-b-10">名称：{{ item.name }}</view>
+        <view class="color-45">开始时间：{{ item.startTime }}</view>
+        <view class="color-45">结束时间：{{ item.endTime }}</view>
+      </view>
+      <view>
+        <image class="w-40 h-40 m-l-10" src="/static/icon/arrow-right.png" mode="widthFix"></image>
+      </view>
+    </view>
+  </view>
+  <loading-page :loading="loading" />
+</template>
+
+<style lang="less" scoped>
+@import './index.less';
+</style>

mobile/src/pages/activity/draw-prize-list/types.ts

@@ -0,0 +1,10 @@
+/**
+ * 抽奖活动
+ */
+export interface DrawPrizeItem {
+  id: number
+  name: string
+  desc: string
+  startTime: string
+  endTime: String
+}