feats

src/pages/Honghe.vue

 
 <script>
 import { useModel } from '@/store'
+import { drawLottery, getPrizeList } from '@/services/person'
+import { rand } from '@/utils/math'
 
 export default {
   name: 'Honghe',
   data() {
     return {
       indexJPG: new Array(12).fill(null),
-      showPopup: false
+      showPopup: false,
+      prizeList: [],
+      clickNum: 0,
+      bingoClickNum: rand(0, 12)
     }
   },
   computed: {
       }
     }
   },
-  watch: {
-    person: {
-      handler(val) {
-        console.log('-----watch---person----', val)
-      },
-      immediate: true
-    }
+  created() {
+    this.getPrizes()
   },
   methods: {
     //关闭
     baga(e) {
       console.log(e)
       this.showPopup = true
+
+      // 如果点击可以抽奖
+      if (this.clickNum === this.bingoClickNum) {
+        if (!this.person.personId) {
+          // 报错, 提示刷新页面
+        } else {
+          // 如果还没有参与
+          if (!this.person.isJoined) {
+            this.drawLots()
+          }
+        }
+      }
+
+      if (this.clickNum < this.bingoClickNum) {
+        this.clickNum += 1
+      }
+    },
+    // 抽奖
+    drawLots() {
+      drawLottery(this.person).then(res => {
+        // 更新人员信息
+        this.person = res
+        
+        // 其他动作
+      })
+    },
+    // 获取奖品列表
+    getPrizes() {
+      getPrizeList().then(list => this.prizeList = list);
     }
   }
 }

src/services/person.js

   const url = `${baseURL}/taPerson/${person.personId}/prize`
   return request(url)
 }
+
+
+/**
+ * 获取奖品列表
+ * @param {*} person 
+ * @returns 
+ */
+export function getPrizeList() {
+  const url = `${baseURL}/taPrize`
+  return request(url)
+}

src/utils/math.js

+
+/**
+ * 生成 [min, max) 范围内的随机整数
+ * @param {*} min 
+ * @param {*} max 
+ * @returns 
+ */
+export function rand(min, max) {
+  return min + Math.floor(Math.random() * (max - min))
+}

src/utils/request.js

 
 import { getToken } from './token'
 
-export default function request (url, options) {
+export default function request (url, options = {}) {
   const headers = new Headers();
   headers.append('Content-Type', 'application/json;charset=utf8');
   headers.append('X-Authorization-JWT', getToken());