save

components/common/jackpot/index.vue

 <template>
   <!-- 此页面图片没有加入预加载 -->
-  <div v-if="list.length" class="jackpot">
+  <div v-if="jackpot.length" class="jackpot">
     <img class="title-img" src="https://kuawai.s3.ap-east-1.amazonaws.com/resource/assets/Textures/chinese/MysteryChinese.png" alt="">
     <div class="grand">
       <img class="bg" src="https://kuawai.s3.ap-east-1.amazonaws.com/resource/assets/Textures/%E7%BB%84%201(2).png " alt="">
@@ -12,8 +12,8 @@
           <div><img class="img" src="https://kuawai.s3.ap-east-1.amazonaws.com/resource/assets/Textures/chinese/rangeChinese.png" alt=""></div>
         </div>
         <div class="value-box">
-          <div class="value">{{ list[0].currentAmount }}</div>
-          <div class="size">{{ list[0].minAmount }} ~ {{ list[0].maxAmount }}</div>
+          <div class="value">{{ jackpot[0].currentAmount }}</div>
+          <div class="size">{{ jackpot[0].minAmount }} ~ {{ jackpot[0].maxAmount }}</div>
         </div>
       </div>
     </div>
@@ -27,14 +27,14 @@
           <div><img class="img" src="https://kuawai.s3.ap-east-1.amazonaws.com/resource/assets/Textures/chinese/range2Chinese.png" alt=""></div>
         </div>
         <div class="value-box">
-          <div class="value">{{ list[1].currentAmount }}</div>
-          <div class="size">{{ list[1].minAmount }} ~ {{ list[1].maxAmount }}</div>
+          <div class="value">{{ jackpot[1].currentAmount }}</div>
+          <div class="size">{{ jackpot[1].minAmount }} ~ {{ jackpot[1].maxAmount }}</div>
         </div>
       </div>
     </div>
     <div class="list">
       <img class="bg" src="https://kuawai.s3.ap-east-1.amazonaws.com/resource/assets/Textures/Vector%20Smart%20Object.png" alt="">
-      <template v-for="(item, index) in list">
+      <template v-for="(item, index) in jackpot">
         <div v-if="index > 1" :key="index">
           <div class="item">
             <img v-if="item.currentAmount > item.fireTrigger" :style="{width: `${(190 - index * 2)}px`}" class="fire" src="https://kuawai.s3.ap-east-1.amazonaws.com/gif/fire.gif" alt="">
@@ -54,14 +54,20 @@
 </template>
 
 <script>
+import { mapState } from 'vuex'
 export default {
   data() {
     return {
       list: [],
     }
   },
+  computed: {
+    ...mapState([
+      'jackpot'
+    ]),
+  },
   created() {
-    this.network().jackpot()
+    // this.network().jackpot()
   },
   methods: {
     network() {

components/dialog/user-dialog/tab.vue

@@ -5,7 +5,7 @@
         <img v-if="tabIndex === index" class="tab-img" src="https://kuawai.s3.ap-east-1.amazonaws.com/resource/assets/Textures/second/Rounded%20Rectangle%2019.png" alt="">
         <img v-else class="tab-img" src="https://kuawai.s3.ap-east-1.amazonaws.com/resource/assets/Textures/second/last_game%20%E6%8B%B7%E8%B4%9D%202.png" alt="">
         <div class="text">{{ text }}</div>
-        <div v-if="index === 0" class="version">{{ `1.0.031` }}</div>
+        <div v-if="index === 0" class="version">{{ `1.0.032` }}</div>
       </div>
     </div>
   </div>

pages/index.vue

@@ -66,12 +66,14 @@ export default {
     this.GetDeviceList()
     this.GetTopDeviceList()
     this.network().isGaming()
+    this.network().jackpot()
   },
   methods: {
     ...mapActions([
       'GetBaseInfo',
       'GetDeviceList',
       'GetTopDeviceList',
+      'GetJackpot',
     ]),
     init() {
       return {
@@ -183,6 +185,12 @@ export default {
             this.quitLoading = false
           })
         },
+        jackpot: () => {
+          this.GetJackpot()
+          setTimeout(() => {
+            this.network().jackpot()
+          }, 2000)
+        },
       }
     },
     handler() {

store/index.js

@@ -52,6 +52,7 @@ export const state = () => ({
     region_id: '',
     bucket: '',
   }, // 阿里云配置
+  jackpot: [], // jackpot信息
 })
 
 export const getters = {
@@ -196,6 +197,9 @@ export const mutations = {
   SetHidePage(state, data) {
     state.hidePage = data
   },
+  SetJackpot(state, data) {
+    state.jackpot = data
+  },
 }
 
 export const actions = {
@@ -276,4 +280,27 @@ export const actions = {
       })
     })
   },
+  GetJackpot({ commit }) {
+    return new Promise((resolve, reject) => {
+      this.$request({
+        url: '/api/app/jackpot/list',
+        method: 'get',
+      }).then(({ data }) => {
+        const list = data.filter(i => i.isMulti === 0)
+        const compare = (property) => {
+          return function(a, b) {
+            var value1 = a[property]
+            var value2 = b[property]
+            return value2 - value1
+          }
+        }
+        list.sort(compare('minAmount'))
+        // setTimeout(() => {
+        //   this.network().jackpot()
+        // }, 1000)
+        commit('SetJackpot', list)
+        resolve(list)
+      })
+    })
+  },
 }