静态页面

src/components/index/LanQiuDanGuanDaXiaoFen/index.vue

     LqgghhtzDaXiaoFenItem
   },
   created () {
+    let Num = 0
+    this.Data.map((item) => {
+      if (item.playOdds[`bst-score`] !== undefined && item.matchWay[`bst-score`].isSingle) {
+        Num += 1
+      }
+    })
+    this.$emit('TotalNumChange', Num)
   },
   mounted () {
     this.$nextTick(() => {

src/components/index/LanQiuDanGuanRangFenShengFu/index.vue

     LqgghhtzRangFenShengFu
   },
   created () {
+    let Num = 0
+    this.Data.map((item) => {
+      if (item.playOdds[`bst-wls`] !== undefined && item.matchWay[`bst-wls`].isSingle) {
+        Num += 1
+      }
+    })
+    this.$emit('TotalNumChange', Num)
   },
   mounted () {
     this.$nextTick(() => {

src/components/index/LanQiuDanGuanShengFenCha/index.vue

   },
   created () {
     let Arr = []
+    let Num = 0
     this.Data.map((item) => {
       Arr.push({ ...item, ResList: [] })
     })
     Arr.map((item) => {
       if (item.playOdds['bst-points'] !== undefined) {
+        Num += 1
         item.playOdds['bst-points'].map((subItem) => {
           if (subItem.Active === undefined) {
             subItem.Active = false
       }
     })
     this.PageData = [...Arr]
+    this.$emit('TotalNumChange', Num)
   },
   mounted () {
     this.$nextTick(() => {

src/components/index/LanQiuDanGuanShengFu/index.vue

     LqgghhtzShengFuItem
   },
   created () {
+    let Num = 0
+    this.Data.map((item) => {
+      if (item.playOdds[`bst-wl`] !== undefined && item.matchWay[`bst-wl`].isSingle) {
+        Num += 1
+      }
+    })
+    this.$emit('TotalNumChange', Num)
   },
   mounted () {
     this.$nextTick(() => {

src/components/index/LanQiuGuoGuanDaXiaoFen/index.vue

     LqgghhtzDaXiaoFenItem
   },
   created () {
+    let Num = 0
+    this.Data.map((item) => {
+      if (item.playOdds[`bst-score`] !== undefined && item.matchWay[`bst-score`].isPass) {
+        Num += 1
+      }
+    })
+    this.$emit('TotalNumChange', Num)
   },
   mounted () {
     this.$nextTick(() => {

src/components/index/LanQiuGuoGuanHunHeTouZhu/index.vue

     LqgghhtzShengFenCha
   },
   created () {
+    let Num = 0
     this.Data.map((item) => {
+      if (item.playOdds[`bst-wl`] !== undefined && item.playOdds[`bst-wls`] !== undefined && item.matchWay[`bst-wl`].isPass && item.matchWay[`bst-wls`].isPass) {
+        Num += 1
+      }
       this.PageData.push({ ...item, MoreSelect: false })
     })
+    this.$emit('TotalNumChange', Num)
   },
   mounted () {
     this.$nextTick(() => {

src/components/index/LanQiuGuoGuanRangFenShengFu/index.vue

     LqgghhtzRangFenShengFu
   },
   created () {
+    let Num = 0
+    this.Data.map((item) => {
+      if (item.playOdds[`bst-wls`] !== undefined && item.matchWay[`bst-wls`].isPass) {
+        Num += 1
+      }
+    })
+    this.$emit('TotalNumChange', Num)
   },
   mounted () {
     this.$nextTick(() => {

src/components/index/LanQiuGuoGuanShengFenCha/index.vue

   },
   created () {
     let Arr = []
+    let Num = 0
     this.Data.map((item) => {
       Arr.push({ ...item, ResList: [] })
     })
     Arr.map((item) => {
       if (item.playOdds['bst-points'] !== undefined) {
+        Num += 1
         item.playOdds['bst-points'].map((subItem) => {
           if (subItem.Active === undefined) {
             subItem.Active = false
       }
     })
     this.PageData = [...Arr]
+    this.$emit('TotalNumChange', Num)
   },
   mounted () {
     this.$nextTick(() => {

src/components/index/LanQiuGuoGuanShengFu/index.vue

     LqgghhtzShengFuItem
   },
   created () {
+    let Num = 0
+    this.Data.map((item) => {
+      if (item.playOdds[`bst-wl`] !== undefined && item.matchWay[`bst-wl`].isPass) {
+        Num += 1
+      }
+    })
+    this.$emit('TotalNumChange', Num)
   },
   mounted () {
     this.$nextTick(() => {

src/components/index/ZuQiuDanGuanBanQuanChang/index.vue

     ZqgghhtzBanQuanChangItem
   },
   created () {
+    let Num = 0
+    this.Data.map((item) => {
+      if (item.playOdds['ft-double'] !== undefined) {
+        Num += 1
+      }
+    })
+    this.$emit('TotalNumChange', Num)
   },
   mounted () {
     this.$nextTick(() => {

src/components/index/ZuQiuDanGuanBiFen/index.vue

   },
   created () {
     let Arr = []
+    let Num = 0
     this.Data.map((item) => {
       Arr.push({ ...item, ResList: [] })
     })
     Arr.map((item) => {
       if (item.playOdds['ft-score'] !== undefined) {
+        Num += 1
         item.playOdds['ft-score'].map((subItem) => {
           if (subItem.Active === undefined) {
             subItem.Active = false
       }
     })
     this.PageData = [...Arr]
+    this.$emit('TotalNumChange', Num)
   },
   mounted () {
     this.$nextTick(() => {

src/components/index/ZuQiuDanGuanJinQiuShu/index.vue

     ZqgghhtzJinQiuShuItem
   },
   created () {
+    let Num = 0
+    this.Data.map((item) => {
+      if (item.playOdds['ft-points'] !== undefined) {
+        Num += 1
+      }
+    })
+    this.$emit('TotalNumChange', Num)
   },
   mounted () {
     this.$nextTick(() => {

src/components/index/ZuQiuDanGuanShengPingFu/index.vue

     ZqdghhtzShengPingFu
   },
   created () {
+    let Num = 0
+    this.Data.map((item) => {
+      if (item.playOdds['ft-wdl'] !== undefined) {
+        Num += 1
+      }
+    })
+    this.$emit('TotalNumChange', Num)
   },
   mounted () {
     this.$nextTick(() => {

src/components/index/ZuQiuGuoGuanBanQuanChang/index.vue

     ZqgghhtzBanQuanChangItem
   },
   created () {
+    let Num = 0
+    this.Data.map((item) => {
+      if (item.playOdds['ft-double'] !== undefined) {
+        Num += 1
+      }
+    })
+    this.$emit('TotalNumChange', Num)
   },
   mounted () {
     this.$nextTick(() => {

src/components/index/ZuQiuGuoGuanBiFen/index.vue

   },
   created () {
     let Arr = []
+    let Num = 0
     this.Data.map((item) => {
       Arr.push({ ...item, ResList: [] })
     })
     Arr.map((item) => {
       if (item.playOdds['ft-score'] !== undefined) {
+        Num += 1
         item.playOdds['ft-score'].map((subItem) => {
           if (subItem.Active === undefined) {
             subItem.Active = false
       }
     })
     this.PageData = [...Arr]
+    this.$emit('TotalNumChange', Num)
   },
   mounted () {
     this.$nextTick(() => {

src/components/index/ZuQiuGuoGuanHunHeTouZhu/index.vue

     ZqgghhtzBanQuanChang
   },
   created () {
+    let Num = 0
     this.Data.map((item) => {
+      if (item.playOdds[`ft-wdl`] !== undefined && item.playOdds[`ft-wdls`] !== undefined) {
+        Num += 1
+      }
       this.PageData.push({ ...item, MoreSelect: false })
     })
+    this.$emit('TotalNumChange', Num)
   },
   mounted () {
     this.$nextTick(() => {

src/components/index/ZuQiuGuoGuanJinQiuShu/index.vue

     ZqgghhtzJinQiuShuItem
   },
   created () {
+    let Num = 0
+    this.Data.map((item) => {
+      if (item.playOdds['ft-points'] !== undefined) {
+        Num += 1
+      }
+    })
+    this.$emit('TotalNumChange', Num)
   },
   mounted () {
     this.$nextTick(() => {

src/components/index/ZuQiuGuoGuanShengPingFu/index.vue

     ZqgghhtzShengPingFuItem
   },
   created () {
+    let Num = 0
+    this.Data.map((item) => {
+      if (item.playOdds['ft-wdl'] !== undefined && item.playOdds['ft-wdls'] !== undefined) {
+        Num += 1
+      }
+    })
+    this.$emit('TotalNumChange', Num)
   },
   mounted () {
     this.$nextTick(() => {

src/pages/index/LanQiu/index.vue

             </div>
             <div class="flex-item">
               <div>
-                <span>{{MixData.length}}场比赛</span>
+                <span>{{TotalNum}}场比赛</span>
               </div>
             </div>
             <div class="flex-item">
 
                 <!-- 过关-混合投注 -->
                 <div class="GuoGuanHunHeTouZhu" v-if="SelectType === 1">
-                  <LanQiuGuoGuanHunHeTouZhu v-if="MixData.length" :Data="MixData" @Change="ResChange"></LanQiuGuoGuanHunHeTouZhu>
+                  <LanQiuGuoGuanHunHeTouZhu v-if="MixData.length" :Data="MixData" @Change="ResChange" @TotalNumChange="TotalNumChange"></LanQiuGuoGuanHunHeTouZhu>
                 </div>
 
                 <!-- 过关-胜负 -->
                 <div class="GuoGuanShengFu" v-if="SelectType === 2">
-                  <LanQiuGuoGuanShengFu v-if="MixData.length" :Data="MixData" @Change="ResChange"></LanQiuGuoGuanShengFu>
+                  <LanQiuGuoGuanShengFu v-if="MixData.length" :Data="MixData" @Change="ResChange" @TotalNumChange="TotalNumChange"></LanQiuGuoGuanShengFu>
                 </div>
 
                 <!-- 过关-让分胜负 -->
                 <div class="GuoGuanRangFenShengFu" v-if="SelectType === 3">
-                  <LanQiuGuoGuanRangFenShengFu v-if="MixData.length" :Data="MixData" @Change="ResChange"></LanQiuGuoGuanRangFenShengFu>
+                  <LanQiuGuoGuanRangFenShengFu v-if="MixData.length" :Data="MixData" @Change="ResChange" @TotalNumChange="TotalNumChange"></LanQiuGuoGuanRangFenShengFu>
                 </div>
 
                 <!-- 过关-胜分差 -->
                 <div class="GuoGuanShengFenCha" v-if="SelectType === 4">
-                  <LanQiuGuoGuanShengFenCha v-if="MixData.length" :Data="MixData" @Change="ResChange"></LanQiuGuoGuanShengFenCha>
+                  <LanQiuGuoGuanShengFenCha v-if="MixData.length" :Data="MixData" @Change="ResChange" @TotalNumChange="TotalNumChange"></LanQiuGuoGuanShengFenCha>
                 </div>
 
                 <!-- 过关-大小分 -->
                 <div class="GuoGuanDaXiaoFen" v-if="SelectType === 5">
-                  <LanQiuGuoGuanDaXiaoFen v-if="MixData.length" :Data="MixData" @Change="ResChange"></LanQiuGuoGuanDaXiaoFen>
+                  <LanQiuGuoGuanDaXiaoFen v-if="MixData.length" :Data="MixData" @Change="ResChange" @TotalNumChange="TotalNumChange"></LanQiuGuoGuanDaXiaoFen>
                 </div>
 
                 <!-- 单关-胜负 -->
                 <div class="DanGuanShengFu" v-if="SelectType === 6">
-                  <LanQiuDanGuanShengFu v-if="MixData.length" :Data="MixData" @Change="ResChange"></LanQiuDanGuanShengFu>
+                  <LanQiuDanGuanShengFu v-if="MixData.length" :Data="MixData" @Change="ResChange" @TotalNumChange="TotalNumChange"></LanQiuDanGuanShengFu>
                 </div>
 
                 <!-- 单关-让分胜负 -->
                 <div class="DanGuanRangFenShengFu" v-if="SelectType === 7">
-                  <LanQiuDanGuanRangFenShengFu v-if="MixData.length" :Data="MixData" @Change="ResChange"></LanQiuDanGuanRangFenShengFu>
+                  <LanQiuDanGuanRangFenShengFu v-if="MixData.length" :Data="MixData" @Change="ResChange" @TotalNumChange="TotalNumChange"></LanQiuDanGuanRangFenShengFu>
                 </div>
 
                 <!-- 单关-胜分差 -->
                 <div class="DanGuanShengFenCha" v-if="SelectType === 8">
-                  <LanQiuDanGuanShengFenCha v-if="MixData.length" :Data="MixData" @Change="ResChange"></LanQiuDanGuanShengFenCha>
+                  <LanQiuDanGuanShengFenCha v-if="MixData.length" :Data="MixData" @Change="ResChange" @TotalNumChange="TotalNumChange"></LanQiuDanGuanShengFenCha>
                 </div>
 
                 <!-- 单关-大小分 -->
                 <div class="DanGuanDaXiaoFen" v-if="SelectType === 9">
-                  <LanQiuDanGuanDaXiaoFen v-if="MixData.length" :Data="MixData" @Change="ResChange"></LanQiuDanGuanDaXiaoFen>
+                  <LanQiuDanGuanDaXiaoFen v-if="MixData.length" :Data="MixData" @Change="ResChange" @TotalNumChange="TotalNumChange"></LanQiuDanGuanDaXiaoFen>
                 </div>
 
               </div>
   name: '',
   data () {
     return {
+      TotalNum: 0,
       NoData: null,
       MainTitle: '',
       SelectTypeData: {
       this.MainTitle = '混合投注（过关）'
       this.ToGetPageList()
     },
+    TotalNumChange (e) {
+      this.TotalNum = e
+    },
     ToGetPageList (type = 'pass') {
       this.NoData = null
       this.GetMixData({ queryData: { lottery: 'basketball', passType: type } }).then((res) => {
       })
     },
     CutSelectType (item) { // 切换选法
+      this.TotalNum = 0
+      if ((this.SelectType > 5 && item.Id <= 5) || (this.SelectType <= 5 && item.Id > 5)) {
+        this.EmptyAllData() // 清除数据
+        this.MixData = []
+        this.ToGetPageList(item.Id > 5 ? 'single' : 'pass')
+      }
       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

             </div>
             <div class="flex-item">
               <div>
-                <span>{{MixData.length}}场比赛</span>
+                <span>{{TotalNum}}场比赛</span>
               </div>
             </div>
             <div class="flex-item">
 
                 <!-- 过关-混合投注 -->
                 <div class="GuoGuanHunHeTouZhu" v-if="SelectType === 1">
-                  <ZuQiuGuoGuanHunHeTouZhu v-if="MixData.length" :Data="MixData" @Change="ResChange"></ZuQiuGuoGuanHunHeTouZhu>
+                  <ZuQiuGuoGuanHunHeTouZhu v-if="MixData.length" :Data="MixData" @Change="ResChange" @TotalNumChange="TotalNumChange"></ZuQiuGuoGuanHunHeTouZhu>
                 </div>
 
                 <!-- 过关-胜平负 -->
                 <div class="GuoGuanShengPingFu" v-if="SelectType === 2">
-                  <ZuQiuGuoGuanShengPingFu v-if="MixData.length" :Data="MixData" @Change="ResChange"></ZuQiuGuoGuanShengPingFu>
+                  <ZuQiuGuoGuanShengPingFu v-if="MixData.length" :Data="MixData" @Change="ResChange" @TotalNumChange="TotalNumChange"></ZuQiuGuoGuanShengPingFu>
                 </div>
 
                 <!-- 过关-半全场 -->
                 <div class="GuoGuanBanQuanChang" v-if="SelectType === 3">
-                  <ZuQiuGuoGuanBanQuanChang v-if="MixData.length" :Data="MixData" @Change="ResChange"></ZuQiuGuoGuanBanQuanChang>
+                  <ZuQiuGuoGuanBanQuanChang v-if="MixData.length" :Data="MixData" @Change="ResChange" @TotalNumChange="TotalNumChange"></ZuQiuGuoGuanBanQuanChang>
                 </div>
 
                 <!-- 过关-比分 -->
                 <div class="GuoGuanBiFen" v-if="SelectType === 4">
-                  <ZuQiuGuoGuanBiFen v-if="MixData.length" :Data="MixData" @Change="ResChange"></ZuQiuGuoGuanBiFen>
+                  <ZuQiuGuoGuanBiFen v-if="MixData.length" :Data="MixData" @Change="ResChange" @TotalNumChange="TotalNumChange"></ZuQiuGuoGuanBiFen>
                 </div>
 
                 <!-- 过关-进球数 -->
                 <div class="GuoGuanJinQiuShu" v-if="SelectType === 5">
-                  <ZuQiuGuoGuanJinQiuShu v-if="MixData.length" :Data="MixData" @Change="ResChange"></ZuQiuGuoGuanJinQiuShu>
+                  <ZuQiuGuoGuanJinQiuShu v-if="MixData.length" :Data="MixData" @Change="ResChange" @TotalNumChange="TotalNumChange"></ZuQiuGuoGuanJinQiuShu>
                 </div>
 
                 <!-- 单关-胜平负 -->
                 <div class="DanGuanShengPingFu" v-if="SelectType === 6">
-                  <ZuQiuDanGuanShengPingFu v-if="MixData.length" :Data="MixData" @Change="ResChange"></ZuQiuDanGuanShengPingFu>
+                  <ZuQiuDanGuanShengPingFu v-if="MixData.length" :Data="MixData" @Change="ResChange" @TotalNumChange="TotalNumChange"></ZuQiuDanGuanShengPingFu>
                 </div>
 
                 <!-- 单关-半全场 -->
                 <div class="DanGuanBanQuanChang" v-if="SelectType === 7">
-                  <ZuQiuDanGuanBanQuanChang v-if="MixData.length" :Data="MixData" @Change="ResChange"></ZuQiuDanGuanBanQuanChang>
+                  <ZuQiuDanGuanBanQuanChang v-if="MixData.length" :Data="MixData" @Change="ResChange" @TotalNumChange="TotalNumChange"></ZuQiuDanGuanBanQuanChang>
                 </div>
 
                 <!-- 单关-比分 -->
                 <div class="DanGuanBiFen" v-if="SelectType === 8">
-                  <ZuQiuDanGuanBiFen v-if="MixData.length" :Data="MixData" @Change="ResChange"></ZuQiuDanGuanBiFen>
+                  <ZuQiuDanGuanBiFen v-if="MixData.length" :Data="MixData" @Change="ResChange" @TotalNumChange="TotalNumChange"></ZuQiuDanGuanBiFen>
                 </div>
 
                 <!-- 单关-进球数 -->
                 <div class="DanGuanJinQiuShu" v-if="SelectType === 9">
-                  <ZuQiuDanGuanJinQiuShu v-if="MixData.length" :Data="MixData" @Change="ResChange"></ZuQiuDanGuanJinQiuShu>
+                  <ZuQiuDanGuanJinQiuShu v-if="MixData.length" :Data="MixData" @Change="ResChange" @TotalNumChange="TotalNumChange"></ZuQiuDanGuanJinQiuShu>
                 </div>
 
               </div>
   name: '',
   data () {
     return {
+      TotalNum: 0,
       NoData: null,
       PageTitle: '',
       SelectTypeData: {
       this.MainTitle = '混合投注（过关）'
       this.ToGetPageList()
     },
+    TotalNumChange (e) {
+      this.TotalNum = e
+    },
     ToGetPageList (type = 'pass') {
       this.NoData = null
       this.GetMixData({ queryData: { lottery: 'football', passType: type } }).then((res) => {
       })
     },
     CutSelectType (item) { // 切换选法
+      this.TotalNum = 0
+      if ((this.SelectType > 5 && item.Id <= 5) || (this.SelectType <= 5 && item.Id > 5)) {
+        this.EmptyAllData() // 清除数据
+        this.MixData = []
+        this.ToGetPageList(item.Id > 5 ? 'single' : 'pass')
+      }
       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 () {