静态页面

index.html

@@ -6,6 +6,7 @@
   <meta content='width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0' name='viewport'>
   <meta name="referrer" content="no-referrer">
   <link rel="stylesheet" href="//at.alicdn.com/t/font_2022160_f7cp731cw5p.css">
+  <script src="//api.map.baidu.com/api?v=2.0&ak=NH4DjAzwLcPkHgwBLWcfeZfr3uUnTlwk"></script>
   <title>牛彩</title>
   <script>
     let Width = document.documentElement.clientWidth / 375 * 100

src/pages/index/DaLeTouDingDan/index.vue

@@ -1,6 +1,7 @@
 <template>
   <div class="Page">
     <MainPageContainer :ShowMainHeader="true" :ShowMainHeaderBack="true" MainHeaderTitle="大乐透">
+      <div id="BaiDuMap" style="display: none;"></div>
       <div class="PageContainer flex-v">
         <div class="flex-item">
           <div>
@@ -114,6 +115,8 @@ export default {
   name: '',
   data () {
     return {
+      Lat: '',
+      Lng: '',
       MyStoreList: [], // 我的店铺
       CurrentStoreName: null, // 当前选择店铺名称
       CurrentStoreId: null, // 当前选择店铺id
@@ -141,26 +144,17 @@ export default {
   created () {
     this.PageList = [...this.DaLeTouCart]
     this.CheckOrderCount() // 计算订单倍数、金额
-    this.GetStoreList({
-      queryData: {
-        location: '114.16936109999999,22.3193039',
-        lotteryId: 'lottery'
-      }
-    }).then((res) => {
-      this.StoreList = res.data.data.nearest || []
-      this.RecommendStoreList = res.data.data.recommend || []
-      this.MyStoreList = res.data.data.mine || []
-      if (this.MyStoreList.length) {
-        this.CurrentStoreName = this.MyStoreList[0].shopId === this.CurrentStoreId ? null : this.MyStoreList[0].name
-        this.CurrentStoreId = this.MyStoreList[0].shopId === this.CurrentStoreId ? null : this.MyStoreList[0].shopId
-      } else if (this.RecommendStoreList.length) {
-        this.CurrentStoreName = this.RecommendStoreList[0].shopId === this.CurrentStoreId ? null : this.RecommendStoreList[0].name
-        this.CurrentStoreId = this.RecommendStoreList[0].shopId === this.CurrentStoreId ? null : this.RecommendStoreList[0].shopId
-      } else if (this.StoreList.length) {
-        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
+    let map = new window.BMap.Geolocation()
+    let _that = this
+    map.getCurrentPosition(function (res) {
+      if (this.getStatus() === window.BMAP_STATUS_SUCCESS) {
+        _that.Lat = res.point.lat
+        _that.Lng = res.point.lng
+        _that.ToGetStoreList()
+      } else {
+        console.log('failed' + this.getStatus())
       }
-    })
+    }, { enableHighAccuracy: true })
   },
   mounted () {
     this.$nextTick(() => {
@@ -177,6 +171,28 @@ export default {
       'CreateAliPayOrder',
       'GetCurrentUserInfo'
     ]),
+    ToGetStoreList () {
+      this.GetStoreList({
+        queryData: {
+          location: `${this.Lng},${this.Lat}`,
+          lotteryId: 'lottery'
+        }
+      }).then((res) => {
+        this.StoreList = res.data.data.nearest || []
+        this.RecommendStoreList = res.data.data.recommend || []
+        this.MyStoreList = res.data.data.mine || []
+        if (this.MyStoreList.length) {
+          this.CurrentStoreName = this.MyStoreList[0].shopId === this.CurrentStoreId ? null : this.MyStoreList[0].name
+          this.CurrentStoreId = this.MyStoreList[0].shopId === this.CurrentStoreId ? null : this.MyStoreList[0].shopId
+        } else if (this.RecommendStoreList.length) {
+          this.CurrentStoreName = this.RecommendStoreList[0].shopId === this.CurrentStoreId ? null : this.RecommendStoreList[0].name
+          this.CurrentStoreId = this.RecommendStoreList[0].shopId === this.CurrentStoreId ? null : this.RecommendStoreList[0].shopId
+        } else if (this.StoreList.length) {
+          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
+        }
+      })
+    },
     SelectStore (item) { // 选择店铺
       if (this.DataLock) return
       this.DataLock = true

src/pages/index/LanQiuDingDan/index.vue

@@ -134,6 +134,8 @@ export default {
   name: '',
   data () {
     return {
+      Lat: '',
+      Lng: '',
       MyStoreList: [],
       PriceArr: [0, 0], // 奖金区间
       AllParts: [], // 投注生成结果
@@ -188,7 +190,17 @@ export default {
     ]),
     Init () { // 初始化
       this.PageList = [...this.LanQiuCart] // 赋值页面数据
-      this.ToGetStoreList() // 获取店铺列表
+      let map = new window.BMap.Geolocation()
+      let _that = this
+      map.getCurrentPosition(function (res) {
+        if (this.getStatus() === window.BMAP_STATUS_SUCCESS) {
+          _that.Lat = res.point.lat
+          _that.Lng = res.point.lng
+          _that.ToGetStoreList()
+        } else {
+          console.log('failed' + this.getStatus())
+        }
+      }, { enableHighAccuracy: true })
       if (this.$route.query.type === 'single') { // 单关
         this.CurrentPassCode = '1＊1'
         this.ToGetAllParts() // 枚举投注
@@ -257,8 +269,8 @@ export default {
     ToGetStoreList () { // 获取店铺列表
       this.GetStoreList({
         queryData: {
-          location: '114.16936109999999,22.3193039',
-          lotteryId: 'lottery'
+          location: `${this.Lng},${this.Lat}`,
+          lotteryId: 'basketball'
         }
       }).then((res) => {
         let StoreList = res.data.data.nearest || []

src/pages/index/PaiLie3DingDan/index.vue

@@ -159,6 +159,8 @@ export default {
   name: '',
   data () {
     return {
+      Lat: '',
+      Lng: '',
       MyStoreList: [],
       CurrentStoreName: null, // 当前选择店铺名称
       CurrentStoreId: null, // 当前选择店铺id
@@ -200,9 +202,22 @@ export default {
     Init () {
       this.PageList = [...this.PaiLie3Cart]
       this.CalcTotalCount()
+      let map = new window.BMap.Geolocation()
+      let _that = this
+      map.getCurrentPosition(function (res) {
+        if (this.getStatus() === window.BMAP_STATUS_SUCCESS) {
+          _that.Lat = res.point.lat
+          _that.Lng = res.point.lng
+          _that.ToGetStoreList()
+        } else {
+          console.log('failed' + this.getStatus())
+        }
+      }, { enableHighAccuracy: true })
+    },
+    ToGetStoreList () {
       this.GetStoreList({
         queryData: {
-          location: '114.16936109999999,22.3193039',
+          location: `${this.Lng},${this.Lat}`,
           lotteryId: 'p3'
         }
       }).then((res) => {

src/pages/index/PaiLie5DingDan/index.vue

@@ -150,6 +150,8 @@ export default {
   name: '',
   data () {
     return {
+      Lat: '',
+      Lng: '',
       MyStoreList: [],
       CurrentStoreName: null, // 当前选择店铺名称
       CurrentStoreId: null, // 当前选择店铺id
@@ -197,12 +199,24 @@ export default {
     ]),
     Init () { // 初始化
       this.PageList = [...this.PaiLie5Cart]
-      console.log(this.PageList)
+      let map = new window.BMap.Geolocation()
+      let _that = this
+      map.getCurrentPosition(function (res) {
+        if (this.getStatus() === window.BMAP_STATUS_SUCCESS) {
+          _that.Lat = res.point.lat
+          _that.Lng = res.point.lng
+          _that.ToGetStoreList()
+        } else {
+          console.log('failed' + this.getStatus())
+        }
+      }, { enableHighAccuracy: true })
       this.CalcTotalCount()
       this.CreateData()
+    },
+    ToGetStoreList () {
       this.GetStoreList({
         queryData: {
-          location: '114.16936109999999,22.3193039',
+          location: `${this.Lng},${this.Lat}`,
           lotteryId: 'p5'
         }
       }).then((res) => {

src/pages/index/ShuangSeQiuDingDan/index.vue

@@ -113,6 +113,8 @@ export default {
   name: '',
   data () {
     return {
+      Lat: '',
+      Lng: '',
       MyStoreList: [],
       CurrentStoreName: null, // 当前选择店铺名称
       CurrentStoreId: null, // 当前选择店铺id
@@ -139,26 +141,17 @@ export default {
   created () {
     this.PageList = [...this.ShuangSeQiuCart]
     this.CheckOrderCount() // 计算订单倍数、金额
-    this.GetStoreList({
-      queryData: {
-        location: '114.16936109999999,22.3193039',
-        lotteryId: 'double-color'
-      }
-    }).then((res) => {
-      this.StoreList = res.data.data.nearest || []
-      this.RecommendStoreList = res.data.data.recommend || []
-      this.MyStoreList = res.data.data.mine || []
-      if (this.MyStoreList.length) {
-        this.CurrentStoreName = this.MyStoreList[0].shopId === this.CurrentStoreId ? null : this.MyStoreList[0].name
-        this.CurrentStoreId = this.MyStoreList[0].shopId === this.CurrentStoreId ? null : this.MyStoreList[0].shopId
-      } else if (this.RecommendStoreList.length) {
-        this.CurrentStoreName = this.RecommendStoreList[0].shopId === this.CurrentStoreId ? null : this.RecommendStoreList[0].name
-        this.CurrentStoreId = this.RecommendStoreList[0].shopId === this.CurrentStoreId ? null : this.RecommendStoreList[0].shopId
-      } else if (this.StoreList.length) {
-        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
+    let map = new window.BMap.Geolocation()
+    let _that = this
+    map.getCurrentPosition(function (res) {
+      if (this.getStatus() === window.BMAP_STATUS_SUCCESS) {
+        _that.Lat = res.point.lat
+        _that.Lng = res.point.lng
+        _that.ToGetStoreList()
+      } else {
+        console.log('failed' + this.getStatus())
       }
-    })
+    }, { enableHighAccuracy: true })
   },
   mounted () {
     this.$nextTick(() => {
@@ -174,6 +167,28 @@ export default {
       'GetStoreList',
       'GetCurrentUserInfo'
     ]),
+    ToGetStoreList () {
+      this.GetStoreList({
+        queryData: {
+          location: `${this.Lng},${this.Lat}`,
+          lotteryId: 'double-color'
+        }
+      }).then((res) => {
+        this.StoreList = res.data.data.nearest || []
+        this.RecommendStoreList = res.data.data.recommend || []
+        this.MyStoreList = res.data.data.mine || []
+        if (this.MyStoreList.length) {
+          this.CurrentStoreName = this.MyStoreList[0].shopId === this.CurrentStoreId ? null : this.MyStoreList[0].name
+          this.CurrentStoreId = this.MyStoreList[0].shopId === this.CurrentStoreId ? null : this.MyStoreList[0].shopId
+        } else if (this.RecommendStoreList.length) {
+          this.CurrentStoreName = this.RecommendStoreList[0].shopId === this.CurrentStoreId ? null : this.RecommendStoreList[0].name
+          this.CurrentStoreId = this.RecommendStoreList[0].shopId === this.CurrentStoreId ? null : this.RecommendStoreList[0].shopId
+        } else if (this.StoreList.length) {
+          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
+        }
+      })
+    },
     ResToString (target) {
       let arr = []
       target.map((item) => {

src/pages/index/ZuQiuDingDan/index.vue

@@ -134,6 +134,8 @@ export default {
   name: '',
   data () {
     return {
+      Lat: '',
+      Lng: '',
       MyStoreList: [],
       PriceArr: [0, 0], // 奖金区间
       AllParts: [], // 投注生成结果
@@ -188,8 +190,17 @@ export default {
     ]),
     Init () { // 初始化
       this.PageList = [...this.ZuQiuCart] // 赋值页面数据
-      console.log(this.FootballKeys)
-      this.ToGetStoreList() // 获取店铺列表
+      let map = new window.BMap.Geolocation()
+      let _that = this
+      map.getCurrentPosition(function (res) {
+        if (this.getStatus() === window.BMAP_STATUS_SUCCESS) {
+          _that.Lat = res.point.lat
+          _that.Lng = res.point.lng
+          _that.ToGetStoreList()
+        } else {
+          console.log('failed' + this.getStatus())
+        }
+      }, { enableHighAccuracy: true })
       if (this.$route.query.type === 'single') { // 单关
         this.CurrentPassCode = '1＊1'
         this.ToGetAllParts() // 枚举投注
@@ -258,8 +269,8 @@ export default {
     ToGetStoreList () { // 获取店铺列表
       this.GetStoreList({
         queryData: {
-          location: '114.16936109999999,22.3193039',
-          lotteryId: 'lottery'
+          location: `${this.Lng},${this.Lat}`,
+          lotteryId: 'football'
         }
       }).then((res) => {
         let StoreList = res.data.data.nearest || []