静态页面

src/pages/KaiJiangZhanShi/LanQiu/index.vue

               <!-- 胜负 -->
               <div slot="SwiperItem-1" class="Item">
                 <ul>
-                  <li v-for="(item, index) in NewstSportsRes" :key="index" v-if="item.lotteryId === 'basketball'" class="flex-h">
+                  <li v-for="(item, index) in LotterySportRes" :key="index" v-if="item.lotteryId === 'basketball'" class="flex-h">
                     <div class="From">
                       <span>{{item.leagueName}}</span>
                       <span>{{item.matchWeek}}</span>
               <!-- 让分胜负 -->
               <div slot="SwiperItem-2" class="Item">
                 <ul>
-                  <li v-for="(item, index) in NewstSportsRes" :key="index" v-if="item.lotteryId === 'basketball'" class="flex-h">
+                  <li v-for="(item, index) in LotterySportRes" :key="index" v-if="item.lotteryId === 'basketball'" class="flex-h">
                     <div class="From">
                       <span>{{item.leagueName}}</span>
                       <span>{{item.matchWeek}}</span>
               <!-- 胜分差 -->
               <div slot="SwiperItem-3" class="Item">
                 <ul>
-                  <li v-for="(item, index) in NewstSportsRes" :key="index" v-if="item.lotteryId === 'basketball'" class="flex-h">
+                  <li v-for="(item, index) in LotterySportRes" :key="index" v-if="item.lotteryId === 'basketball'" class="flex-h">
                     <div class="From">
                       <span>{{item.leagueName}}</span>
                       <span>{{item.matchWeek}}</span>
               <!-- 大小分 -->
               <div slot="SwiperItem-4" class="Item">
                 <ul>
-                  <li v-for="(item, index) in NewstSportsRes" :key="index" v-if="item.lotteryId === 'basketball'" class="flex-h">
+                  <li v-for="(item, index) in LotterySportRes" :key="index" v-if="item.lotteryId === 'basketball'" class="flex-h">
                     <div class="From">
                       <span>{{item.leagueName}}</span>
                       <span>{{item.matchWeek}}</span>
 import MainPageContainer from '../../../components/common/MainPageContainer'
 import { createNamespacedHelpers } from 'vuex'
 import TabSwiper from '../../../components/common/TabSwiper'
-const { mapState: mapIndexState, mapActions: mapIndexActions } = createNamespacedHelpers('index')
+const { mapState: mapIndexState, mapActions: mapIndexActions, mapMutations: mapIndexMutations } = createNamespacedHelpers('index')
 export default {
   name: '',
   data () {
   },
   computed: {
     ...mapIndexState({
-      NewstSportsRes: x => x.NewstSportsRes // 最新竞彩开奖结果列表
+      LotterySportRes: x => x.LotterySportRes // 最新竞彩开奖结果列表
     })
   },
   components: {
   },
   methods: {
     ...mapIndexActions([
-      'GetNewstSportsRes'
+      'GetLotterySportRes'
+    ]),
+    ...mapIndexMutations([
+      'EmptyLotterySportRes'
     ]),
     Init () {
-      this.GetNewstSportsRes().then(() => {
-        this.NewstSportsRes.map((item) => {
+      this.EmptyLotterySportRes()
+      this.GetLotterySportRes({ queryData: { lotteryId: 'basketball', pageNum: 1, pageSize: 100 } }).then(() => {
+        this.LotterySportRes.map((item) => {
           if (item.lotteryId === 'basketball') {
             this.NewstRes = { ...item }
           }

src/store/index/index.js

 export default {
   namespaced: true,
   state: {
+    LotterySportRes: [],
     NewstSportsRes: [], // 最新竞彩开奖结果列表
     Banner: [], // banner
     LotteryRes: [], // 数字彩开奖结果列表
     },
     UpdateNewstSportsRes (state, data) { // 更新最新竞彩开奖结果列表
       state.NewstSportsRes = data || []
+    },
+    UpdateLotterySportRes (state, data) { // 更新竞彩开奖结果列表
+      let Arr = data.records || []
+      Arr.map((item) => {
+        state.LotterySportRes.push(item)
+      })
+    },
+    EmptyLotterySportRes (state) { // 清空竞彩开奖结果列表
+      state.LotterySportRes = []
     }
   },
   actions: {
       return new Promise((resolve, reject) => {
         ToolClass.Axios(resolve, reject, Api.GetNewstSportsRes, context, payload, 1000, 'UpdateNewstSportsRes')
       })
+    },
+    GetLotterySportRes (context, payload) { // 获取竞彩开奖结果列表
+      return new Promise((resolve, reject) => {
+        ToolClass.Axios(resolve, reject, Api.GetLotterySportRes, context, payload, 1000, 'UpdateLotterySportRes')
+      })
     }
   }
 }

src/util/Api.js

     method: 'get',
     url: `${prefix}/app/dict/football`
   },
+  GetLotterySportRes: { // 获取竞彩开奖结果列表
+    method: 'get',
+    url: `${prefix}/app/sport/result`
+  },
   GetLotteryRes: { // 获取数字彩开奖结果列表
     method: 'get',
     url: `${prefix}/app/lottery/result`