feat； 更新业务

src/components/swiperNotice/main.vue

@@ -4,12 +4,12 @@
       <swiper-slide
         class="notice-swiper-slide"
         v-for="(item, index) in recordList"
-        :key="`notice-swiper-slide-${item.id}-${index}`"
+        :key="`notice-swiper-slide-${item.erbanNo}-${index}`"
       >
         <div class="notice-swiper-slide-content">
           <label>{{ item.nick }}</label>
           <span>{{ text }}</span>
-          <label>{{ item.prizeName }}x{{ item.num }}</label>
+          <label>{{ item.prizeName }}×{{ item.num || 1 }}</label>
         </div>
       </swiper-slide>
     </swiper>
@@ -17,6 +17,7 @@
 </template>
 
 <script>
+import { mapGetters } from "vuex";
 import { queryPrizeMsg } from "@/api";
 import { Swiper, SwiperSlide } from "vue-awesome-swiper";
 export default {
@@ -45,7 +46,19 @@ export default {
       interval: 0
     };
   },
-
+  computed: {
+    ...mapGetters(["drawType"]),
+    actId() {
+      return this.$route.query.actId;
+    }
+  },
+  watch: {
+    drawType() {
+      clearInterval(this.interval);
+      this.getQueryPrizeMsg();
+      this.interval = setInterval(this.getQueryPrizeMsg, 120 * 1000);
+    }
+  },
   created() {
     this.getQueryPrizeMsg();
   },
@@ -57,14 +70,16 @@ export default {
   },
   methods: {
     getQueryPrizeMsg() {
-      queryPrizeMsg().then(res => {
-        const { code, data, msg } = res;
-        if (code === 200) {
-          this.recordList = data;
-        } else {
-          this.$toast.fail(msg);
+      queryPrizeMsg({ actId: this.actId, drawType: this.drawType }).then(
+        res => {
+          const { code, data, msg } = res;
+          if (code === 200) {
+            this.recordList = data;
+          } else {
+            this.$toast.fail(msg);
+          }
         }
-      });
+      );
     }
   }
 };