静态页面

src/pages/index/LanQiu/index.vue

@@ -38,6 +38,8 @@
             <div>
               <div class="SelectArea">
 
+                <span style="color: #999;display: block;text-align: center;line-height: 0.4rem;">{{NoData === null ? '正在请求比赛数据...' : NoData ? '暂无比赛' : ''}}</span>
+
                 <!-- 过关-混合投注 -->
                 <div class="GuoGuanHunHeTouZhu" v-if="SelectType === 1">
                   <LanQiuGuoGuanHunHeTouZhu v-if="MixData.length" :Data="MixData" @Change="ResChange"></LanQiuGuoGuanHunHeTouZhu>
@@ -117,6 +119,7 @@ export default {
   name: '',
   data () {
     return {
+      NoData: null,
       MainTitle: '',
       SelectTypeData: {
         GuoGuan: {
@@ -178,8 +181,13 @@ export default {
     ]),
     Init () { // 初始化
       this.MainTitle = '混合投注（过关）'
-      this.GetMixData({ queryData: { lottery: 'basketball' } }).then((res) => {
+      this.ToGetPageList()
+    },
+    ToGetPageList (type = 'pass') {
+      this.NoData = null
+      this.GetMixData({ queryData: { lottery: 'basketball', passType: type } }).then((res) => {
         this.MixData = res.data.data || []
+        this.NoData = !this.MixData.length
       })
     },
     ToBetting () { // 去投注
@@ -220,6 +228,8 @@ export default {
       this.SelectType = item.Id
       this.MainTitle = `${item.Name}（${this.SelectType > 5 ? '单关' : '过关'}）`
       this.EmptyAllData() // 清除数据
+      this.MixData = []
+      this.ToGetPageList(this.SelectType > 5 ? 'single' : 'pass')
       this.ShowSelectTypeNav = false
     },
     MainTitleClick () {

src/pages/index/ZuQiu/index.vue

@@ -39,6 +39,8 @@
             <div>
               <div class="SelectArea">
 
+                <span style="color: #999;display: block;text-align: center;line-height: 0.4rem;">{{NoData === null ? '正在请求比赛数据...' : NoData ? '暂无比赛' : ''}}</span>
+
                 <!-- 过关-混合投注 -->
                 <div class="GuoGuanHunHeTouZhu" v-if="SelectType === 1">
                   <ZuQiuGuoGuanHunHeTouZhu v-if="MixData.length" :Data="MixData" @Change="ResChange"></ZuQiuGuoGuanHunHeTouZhu>
@@ -119,6 +121,7 @@ export default {
   name: '',
   data () {
     return {
+      NoData: null,
       PageTitle: '',
       SelectTypeData: {
         GuoGuan: {
@@ -184,8 +187,14 @@ export default {
       'EmptyZuQiuCart'
     ]),
     Init () { // 初始化
-      this.GetMixData({ queryData: { lottery: 'football' } }).then((res) => {
+      this.MainTitle = '混合投注（过关）'
+      this.ToGetPageList()
+    },
+    ToGetPageList (type = 'pass') {
+      this.NoData = null
+      this.GetMixData({ queryData: { lottery: 'football', passType: type } }).then((res) => {
         this.MixData = res.data.data || []
+        this.NoData = !this.MixData.length
       })
     },
     ToBetting () { // 去投注
@@ -226,6 +235,8 @@ export default {
       this.SelectType = item.Id
       this.PageTitle = `${item.Name}（${this.SelectType > 5 ? '单关' : '过关'}）`
       this.EmptyAllData() // 清除数据
+      this.MixData = []
+      this.ToGetPageList(this.SelectType > 5 ? 'single' : 'pass')
       this.ShowSelectTypeNav = false
     },
     MainTitleClick () {

src/util/Api.js

@@ -88,7 +88,7 @@ const $api = {
   },
   GetMixData: { // 获取混合比赛数据
     method: 'get',
-    url: `${prefix}/app/sport/mix-match`
+    url: `${prefix}/app/sport/current`
   },
   ImgUpload: { // 图片上传
     method: 'post',