静态页面

src/pages/index/DaLeTouDingDan/index.vue

 
         <div class="Bottom">
           <div class="Store">
-            <a @click="ShowStore = true">店铺：{{CurrentStoreName || '请选择'}}</a>
+            <a @click="() => { if (GetStoreListStatus) { ShowStore = true } }">店铺：{{GetStoreListStatus ? CurrentStoreName === null ? '请选择' : CurrentStoreName : '正在请求店铺数据...'}}</a>
           </div>
           <div class="Count">
             <span><em>{{TotalCount}}</em>注</span>
     return {
       Lat: '',
       Lng: '',
+      GetStoreListStatus: false,
       MyStoreList: [], // 我的店铺
       CurrentStoreName: null, // 当前选择店铺名称
       CurrentStoreId: null, // 当前选择店铺id
       'GetCurrentUserInfo'
     ]),
     ToGetStoreList () {
+      this.GetStoreListStatus = false
       this.GetStoreList({
         queryData: {
           location: `${this.Lng},${this.Lat}`,
           this.CurrentStoreName = this.StoreList[0].shopId === this.CurrentStoreId ? null : this.StoreList[0].name
           this.CurrentStoreId = this.StoreList[0].shopId === this.CurrentStoreId ? null : this.StoreList[0].shopId
         }
+        this.GetStoreListStatus = true
       })
     },
     SelectStore (item) { // 选择店铺
         done()
       }
     },
-    ToPostBetting (done = () => {}) { // 去下注
+    ToPostBetting (done = () => { }) { // 去下注
       if (this.DataLock || !this.DaLeTouCart.length || this.CurrentStoreId === null) return
       this.DataLock = true
       let ListData = []

src/pages/index/LanQiuDingDan/index.vue

 
         <div class="Bottom">
           <div class="Store">
-            <a @click="ShowStore = true">店铺：{{CurrentStoreName || '请选择'}}</a>
+            <a @click="() => { if (GetStoreListStatus) { ShowStore = true } }">店铺：{{GetStoreListStatus ? CurrentStoreName === null ? '请选择' : CurrentStoreName : '正在请求店铺数据...'}}</a>
           </div>
           <div class="Chuan" v-if="$route.query.type === 'mix'">
             <span @click="ShowPassWay = true">{{CurrentPassName || '请选择过关方式'}} <i class="iconfont iconjiantoudown"></i></span>
     return {
       Lat: '',
       Lng: '',
+      GetStoreListStatus: false,
       MyStoreList: [],
       PriceArr: [0, 0], // 奖金区间
       AllParts: [], // 投注生成结果
       })
     },
     ToGetStoreList () { // 获取店铺列表
+      this.GetStoreListStatus = false
       this.GetStoreList({
         queryData: {
           location: `${this.Lng},${this.Lat}`,
           this.CurrentStoreName = this.StoreList[0].shopId === this.CurrentStoreId ? null : this.StoreList[0].name
           this.CurrentStoreId = this.StoreList[0].shopId === this.CurrentStoreId ? null : this.StoreList[0].shopId
         }
+        this.GetStoreListStatus = true
       })
     },
     ToGetAllParts () { // 枚举投注

src/pages/index/PaiLie3DingDan/index.vue

   <div class="Page">
     <MainPageContainer :ShowMainHeader="true" :ShowMainHeaderRight="true" :ShowMainHeaderBack="true" MainHeaderRightIcon="iconqingkong" MainHeaderRightText="清空重选" MainHeaderTitle="确认投注" :MainHeaderRightClick="() => { this.EmptyCart() }">
       <div class="PageContainer flex-v">
-        <a class="Store flex-h" @click="ShowStore = true">
+        <a class="Store flex-h" @click="() => { if (GetStoreListStatus) { ShowStore = true } }">
           <div class="flex-item">
             <div>
-              <span>投注门店：{{CurrentStoreName || '请选择'}}</span>
+              <span>投注门店：{{GetStoreListStatus ? CurrentStoreName === null ? '请选择' : CurrentStoreName : '正在请求店铺数据...'}}</span>
             </div>
           </div>
           <span>查看更多</span>
     return {
       Lat: '',
       Lng: '',
+      GetStoreListStatus: false,
       MyStoreList: [],
       CurrentStoreName: null, // 当前选择店铺名称
       CurrentStoreId: null, // 当前选择店铺id
       }, { enableHighAccuracy: true })
     },
     ToGetStoreList () {
+      this.GetStoreListStatus = false
       this.GetStoreList({
         queryData: {
           location: `${this.Lng},${this.Lat}`,
           this.CurrentStoreName = this.StoreList[0].shopId === this.CurrentStoreId ? null : this.StoreList[0].name
           this.CurrentStoreId = this.StoreList[0].shopId === this.CurrentStoreId ? null : this.StoreList[0].shopId
         }
+        this.GetStoreListStatus = true
       })
     },
     ReturnType (type) { // 投注类型返回值

src/pages/index/PaiLie5DingDan/index.vue

   <div class="Page">
     <MainPageContainer :ShowMainHeader="true" :ShowMainHeaderRight="true" MainHeaderRightIcon="iconqingkong" MainHeaderRightText="清空重选" :ShowMainHeaderBack="true" MainHeaderTitle="确认投注" :MainHeaderRightClick="() => { this.EmptyCart() }">
       <div class="PageContainer flex-v">
-        <a class="Store flex-h" @click="ShowStore = true">
+        <a class="Store flex-h" @click="() => { if (GetStoreListStatus) { ShowStore = true } }">
           <div class="flex-item">
             <div>
-              <span>投注门店：{{CurrentStoreName || '请选择'}}</span>
+              <span>投注门店：{{GetStoreListStatus ? CurrentStoreName === null ? '请选择' : CurrentStoreName : '正在请求店铺数据...'}}</span>
             </div>
           </div>
           <span>查看更多</span>
     return {
       Lat: '',
       Lng: '',
+      GetStoreListStatus: false,
       MyStoreList: [],
       CurrentStoreName: null, // 当前选择店铺名称
       CurrentStoreId: null, // 当前选择店铺id
       this.CreateData()
     },
     ToGetStoreList () {
+      this.GetStoreListStatus = false
       this.GetStoreList({
         queryData: {
           location: `${this.Lng},${this.Lat}`,
           this.CurrentStoreName = this.StoreList[0].shopId === this.CurrentStoreId ? null : this.StoreList[0].name
           this.CurrentStoreId = this.StoreList[0].shopId === this.CurrentStoreId ? null : this.StoreList[0].shopId
         }
+        this.GetStoreListStatus = true
       })
     },
     ConfirmBetting () {

src/pages/index/ShuangSeQiuDingDan/index.vue

         </div>
         <div class="Bottom">
           <div class="Store">
-            <a @click="ShowStore = true">店铺：{{CurrentStoreName || '请选择'}}</a>
+            <a @click="() => { if (GetStoreListStatus) { ShowStore = true } }">店铺：{{GetStoreListStatus ? CurrentStoreName === null ? '请选择' : CurrentStoreName : '正在请求店铺数据...'}}</a>
           </div>
           <div class="Count">
             <span><em>{{TotalCount}}</em>注</span>
     return {
       Lat: '',
       Lng: '',
+      GetStoreListStatus: false,
       MyStoreList: [],
       CurrentStoreName: null, // 当前选择店铺名称
       CurrentStoreId: null, // 当前选择店铺id
       'GetCurrentUserInfo'
     ]),
     ToGetStoreList () {
+      this.GetStoreListStatus = false
       this.GetStoreList({
         queryData: {
           location: `${this.Lng},${this.Lat}`,
           this.CurrentStoreName = this.StoreList[0].shopId === this.CurrentStoreId ? null : this.StoreList[0].name
           this.CurrentStoreId = this.StoreList[0].shopId === this.CurrentStoreId ? null : this.StoreList[0].shopId
         }
+        this.GetStoreListStatus = true
       })
     },
     ResToString (target) {

src/pages/index/ZuQiuDingDan/index.vue

 
         <div class="Bottom">
           <div class="Store">
-            <a @click="ShowStore = true">店铺：{{CurrentStoreName || '请选择'}}</a>
+            <a @click="() => { if (GetStoreListStatus) { ShowStore = true } }">店铺：{{GetStoreListStatus ? CurrentStoreName === null ? '请选择' : CurrentStoreName : '正在请求店铺数据...'}}</a>
           </div>
           <div class="Chuan" v-if="$route.query.type === 'mix'">
             <span @click="ShowPassWay = true">{{CurrentPassName || '请选择过关方式'}} <i class="iconfont iconjiantoudown"></i></span>
     return {
       Lat: '',
       Lng: '',
+      GetStoreListStatus: false,
       MyStoreList: [],
       PriceArr: [0, 0], // 奖金区间
       AllParts: [], // 投注生成结果
       })
     },
     ToGetStoreList () { // 获取店铺列表
+      this.GetStoreListStatus = false
       this.GetStoreList({
         queryData: {
           location: `${this.Lng},${this.Lat}`,
           this.CurrentStoreName = this.StoreList[0].shopId === this.CurrentStoreId ? null : this.StoreList[0].name
           this.CurrentStoreId = this.StoreList[0].shopId === this.CurrentStoreId ? null : this.StoreList[0].shopId
         }
+        this.GetStoreListStatus = true
       })
     },
     ToGetAllParts () { // 枚举投注