feat:更新

src/components/HelloWorld.vue

@@ -1,130 +0,0 @@
-<template>
-  <div class="hello">
-    <h1 class="border-1px">{{ msg }}</h1>
-    <p>
-      For a guide and recipes on how to configure / customize this project,<br />
-      check out the
-      <a href="https://cli.vuejs.org" target="_blank" rel="noopener"
-        >vue-cli documentation</a
-      >.
-    </p>
-    <h3>Installed CLI Plugins</h3>
-    <ul>
-      <li>
-        <a
-          href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-babel"
-          target="_blank"
-          rel="noopener"
-          >babel</a
-        >
-      </li>
-      <li>
-        <a
-          href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-router"
-          target="_blank"
-          rel="noopener"
-          >router</a
-        >
-      </li>
-      <li>
-        <a
-          href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-vuex"
-          target="_blank"
-          rel="noopener"
-          >vuex</a
-        >
-      </li>
-      <li>
-        <a
-          href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-eslint"
-          target="_blank"
-          rel="noopener"
-          >eslint</a
-        >
-      </li>
-    </ul>
-    <h3>Essential Links</h3>
-    <ul>
-      <li>
-        <a href="https://vuejs.org" target="_blank" rel="noopener">Core Docs</a>
-      </li>
-      <li>
-        <a href="https://forum.vuejs.org" target="_blank" rel="noopener"
-          >Forum</a
-        >
-      </li>
-      <li>
-        <a href="https://chat.vuejs.org" target="_blank" rel="noopener"
-          >Community Chat</a
-        >
-      </li>
-      <li>
-        <a href="https://twitter.com/vuejs" target="_blank" rel="noopener"
-          >Twitter</a
-        >
-      </li>
-      <li>
-        <a href="https://news.vuejs.org" target="_blank" rel="noopener">News</a>
-      </li>
-    </ul>
-    <h3>Ecosystem</h3>
-    <ul>
-      <li>
-        <a href="https://router.vuejs.org" target="_blank" rel="noopener"
-          >vue-router</a
-        >
-      </li>
-      <li>
-        <a href="https://vuex.vuejs.org" target="_blank" rel="noopener">vuex</a>
-      </li>
-      <li>
-        <a
-          href="https://github.com/vuejs/vue-devtools#vue-devtools"
-          target="_blank"
-          rel="noopener"
-          >vue-devtools</a
-        >
-      </li>
-      <li>
-        <a href="https://vue-loader.vuejs.org" target="_blank" rel="noopener"
-          >vue-loader</a
-        >
-      </li>
-      <li>
-        <a
-          href="https://github.com/vuejs/awesome-vue"
-          target="_blank"
-          rel="noopener"
-          >awesome-vue</a
-        >
-      </li>
-    </ul>
-  </div>
-</template>
-
-<script>
-export default {
-  name: "HelloWorld",
-  props: {
-    msg: String
-  }
-};
-</script>
-
-<!-- Add "scoped" attribute to limit CSS to this component only -->
-<style scoped lang="scss">
-h3 {
-  margin: 40px 0 0;
-}
-ul {
-  list-style-type: none;
-  padding: 0;
-}
-li {
-  display: inline-block;
-  margin: 0 10px;
-}
-a {
-  color: #42b983;
-}
-</style>

src/components/bottomView/lotteryBtn.vue

@@ -4,6 +4,7 @@
 
 <script>
 import eventBus from "@/lib/eventBus";
+import { mapMutations, mapGetters } from "vuex";
 export default {
   name: "LotteryBtn",
   props: {
@@ -13,14 +14,21 @@ export default {
     }
   },
   computed: {
+    ...mapGetters(["canLottery"]),
     modeClass() {
       if (this.mode === "blue") return "lottery-btn-xy";
       return "lottery-btn-hh";
     }
   },
   methods: {
+    ...mapMutations(["SetCanLottery"]),
     clickLottery() {
+      if (this.canLottery) {
+        this.SetCanLottery(false);
         eventBus.$emit("eventLottery");
+      } else {
+        this.$toast.fail("您点太快了，本次抽奖还没结束哦！");
+      }
     }
   }
 };

src/components/bottomView/main.vue

@@ -72,6 +72,7 @@ export default {
   watch: {
     mode() {
       this.active = 0;
+      this.getqueryTicketRule();
     },
     active() {
       this.SetRuleType(this.ticketRuleConfig[this.active].ruleType);

src/components/luckyGridView/main.vue

@@ -23,7 +23,9 @@
           <div class="lucky-grid-prize-item-img">
             <img :src="item.prizeImgUrl" :alt="item.prizeName" />
           </div>
-          <div class="lucky-grid-prize-item-name">{{ item.prizeName }}</div>
+          <div class="lucky-grid-prize-item-name">
+            {{ item.prizeName }}x{{ item.prizeNum }}
+          </div>
         </div>
       </div>
     </van-dialog>
@@ -150,7 +152,7 @@ export default {
     eventBus.$off("eventLottery", this.startLottery);
   },
   methods: {
-    ...mapMutations(["SetPrizeInfo", "SetRemainTicketNum"]),
+    ...mapMutations(["SetPrizeInfo", "SetRemainTicketNum", "SetCanLottery"]),
     getQueryPrizeInfo() {
       queryPrizeInfo({ drawType: this.drawType })
         .then(res => {
@@ -252,6 +254,7 @@ export default {
     },
     endCallBack() {
       this.showDialog = true;
+      this.SetCanLottery(true);
     }
   }
 };

src/store/index.js

@@ -8,7 +8,8 @@ export default new Vuex.Store({
     prizeInfo: [],
     ruleType: "one",
     remainTicketNum: 0,
-    ticketRule: null
+    ticketRule: null,
+    canLottery: true
   },
   getters: {
     prizeInfo: state => {
@@ -35,6 +36,9 @@ export default new Vuex.Store({
     curTicketRuleValue: state => {
       if (!state.ticketRule) return 0;
       return state.ticketRule[state.ruleType];
+    },
+    canLottery: state => {
+      return state.canLottery;
     }
   },
   mutations: {
@@ -49,6 +53,9 @@ export default new Vuex.Store({
     },
     SetTicketRule(state, payload) {
       state.ticketRule = payload;
+    },
+    SetCanLottery(state, payload) {
+      state.canLottery = payload;
     }
   },
   actions: {},