获取地理位置封装

src/http/http.js

@@ -16,12 +16,12 @@ export function SM(Vue) {
           signature: res.signature, // 必填，签名，见附录1
           jsApiList: res.jsApiList // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
         });
-        wx.ready(function() {
+        wx.ready(function () {
           wx.scanQRCode({
             desc: "scanQRCode desc",
             needResult: 1, // 默认为0，扫描结果由微信处理，1则直接返回扫描结果，
             scanType: ["qrCode", "barCode"], // 可以指定扫二维码还是一维码，默认二者都有
-            success: function(res) {
+            success: function (res) {
               // 当needResult 为 1 时，扫码返回的结果
               let str = res.resultStr.replace(/[\s\/]/g, '') || 'none';
               resolve(str);
@@ -32,3 +32,32 @@ export function SM(Vue) {
     })
   });
 }
+// 获取地理位置
+export function GL(Vue) {
+  return new Promise((resolve, reject) => {
+    let param = {
+      requestUrl: location.href.split('#')[0]
+    };
+    Vue.$http.post("service/wechat/getJsConfig", param).then(res => {
+      res = res.data;
+      if (res) {
+        wx.config({
+          debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
+          appId: res.appId, // 必填，企业号的唯一标识，此处填写企业号corpid
+          timestamp: res.timestamp, // 必填，生成签名的时间戳
+          nonceStr: res.nonceStr, // 必填，生成签名的随机串
+          signature: res.signature, // 必填，签名，见附录1
+          jsApiList: res.jsApiList // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
+        });
+        wx.ready(function () {
+          wx.getLocation({
+            type: 'gcj02', // 默认为wgs84的gps坐标，如果要返回直接给openLocation用的火星坐标，可传入'gcj02'
+            success: function (res) {
+              resolve(res);
+            }
+          })
+        });
+      }
+    })
+  });
+}

src/views/my.vue

@@ -118,8 +118,11 @@
   </div>
 </template>
 <script>
-let sdk = new jssdk(3, "https://wx2.zuel.edu.cn"); // 域名更换为对应环境域名， 204 更换为对应环境wid
-sdk.config(0); //1表示调试模式，生产环境传0
+if (this.isZncd) {
+  let sdk = new jssdk(3, "https://wx2.zuel.edu.cn"); // 域名更换为对应环境域名， 204 更换为对应环境wid
+  sdk.config(0); //1表示调试模式，生产环境传0
+}
+import { GL } from "./../http/http";
 import "./../../static/css/iconfont.js";
 export default {
   data() {
@@ -132,126 +135,134 @@ export default {
       groups: "", //工作组
       candidateGroups: "",
       toast: null,
-      isWorkOnline:false,//当前用户是否可以上下班
-      isWorkLoading:false,//当前用户是否可以上下班loading
-      online:0,//1是上班，0是下班
+      isWorkOnline: false, //当前用户是否可以上下班
+      isWorkLoading: false, //当前用户是否可以上下班loading
+      online: 0, //1是上班，0是下班
     };
   },
   methods: {
     //获取位置，经纬度
     getLocation(online) {
       // 判断是否处于微信浏览器环境
-      if(!(/MicroMessenger/i.test(window.navigator.userAgent))){
+      if (!/MicroMessenger/i.test(window.navigator.userAgent)) {
         this.$createToast({
-          txt: '请前往微信中上下班',
-          type: 'warn',
-          mask: true
-        }).show()
+          txt: "请前往微信中上下班",
+          type: "warn",
+          mask: true,
+        }).show();
         return;
       }
-      let _this = this;
       this.toast = this.$createToast({
         time: 0,
         mask: true,
-        txt: "正在加载中"
+        txt: "正在加载中",
       });
       this.toast.show();
-      // 本地测试
-      if(!this.isZncd){
-        this.goToWork(online, '');
-        return;
+      // 中南财大
+      if (this.isZncd) {
+        //第二个参数 默认为wgs84的gps坐标，如果要返回直接给openLocation用的火星坐标，可传入'gcj02'
+        sdk.getLocation((res) => {
+          // alert(JSON.stringify(res));
+          // latitude
+          // longitude
+          this.gl(res, online);
+        });
+      } else {
+        GL(this).then((res) => {
+          this.gl(res, online);
+        });
       }
-      //第二个参数 默认为wgs84的gps坐标，如果要返回直接给openLocation用的火星坐标，可传入'gcj02'
-      sdk.getLocation(res => {
-        // alert(JSON.stringify(res));
-        // latitude
-        // longitude
-        $.ajax({
-          url: "https://apis.map.qq.com/ws/geocoder/v1",
-          data: {
-            location: res.latitude + "," + res.longitude,
-            key: "TADBZ-IRBWU-QAXVE-2IWED-UW2F5-YVF66",
-            output: "jsonp"
-          },
-          dataType: "jsonp",
-          success: function(result) {
-            if (result.status === 0) {
-              let address = result.result.formatted_addresses.recommend;
-              _this.goToWork(online, address);
-            }
+    },
+    //获取地理位置方法
+    gl(res, online) {
+      let _this = this;
+      $.ajax({
+        url: "https://apis.map.qq.com/ws/geocoder/v1",
+        data: {
+          location: res.latitude + "," + res.longitude,
+          key: "TADBZ-IRBWU-QAXVE-2IWED-UW2F5-YVF66",
+          output: "jsonp",
+        },
+        dataType: "jsonp",
+        success(result) {
+          if (result.status === 0) {
+            let address = result.result.formatted_addresses.recommend;
+            _this.goToWork(online, address);
           }
-        });
+        },
       });
     },
     // 上下班
     goToWork(online, address) {
       this.$http
         .post("service/auth/online", { online, address })
-        .then(res => {
+        .then((res) => {
           if (res.data.status == 200) {
-            this.$http
-              .post("service/auth/showOnlineBtn", {})
-              .then((res) => {
-                this.toast.hide();
-                if(res.data.status == 200){
-                  this.online = res.data.online;
-                  this.showToast(online, '成功');
-                }
-              });
+            this.$http.post("service/auth/showOnlineBtn", {}).then((res) => {
+              this.toast.hide();
+              if (res.data.status == 200) {
+                this.online = res.data.online;
+                this.showToast(online, "成功");
+              }
+            });
           } else {
             this.toast.hide();
-             this.$createDialog({
-              type: 'confirm',
-              icon: 'cubeic-alert',
-              title: '提示',
-              content: '您现在为非下班时间，您确认要进行下班操作吗？',
+            this.$createDialog({
+              type: "confirm",
+              icon: "cubeic-alert",
+              title: "提示",
+              content: "您现在为非下班时间，您确认要进行下班操作吗？",
               confirmBtn: {
-                text: '确定按钮',
+                text: "确定按钮",
                 active: true,
                 disabled: false,
-                href: 'javascript:;'
+                href: "javascript:;",
               },
               cancelBtn: {
-                text: '取消按钮',
+                text: "取消按钮",
                 active: false,
                 disabled: false,
-                href: 'javascript:;'
+                href: "javascript:;",
               },
               onConfirm: () => {
                 this.toast = this.$createToast({
                   time: 0,
                   mask: true,
-                  txt: "正在加载中"
+                  txt: "正在加载中",
                 });
                 this.toast.show();
                 this.$http
-                .post("service/auth/online", { online, address, confirm:'ok' })
-                .then(res => {
-                  if (res.data.status == 200) {
-                    this.$http
-                    .post("service/auth/showOnlineBtn", {})
-                    .then((res) => {
+                  .post("service/auth/online", {
+                    online,
+                    address,
+                    confirm: "ok",
+                  })
+                  .then((res) => {
+                    if (res.data.status == 200) {
+                      this.$http
+                        .post("service/auth/showOnlineBtn", {})
+                        .then((res) => {
+                          this.toast.hide();
+                          if (res.data.status == 200) {
+                            this.online = res.data.online;
+                            this.showToast(online, "成功");
+                          }
+                        });
+                    } else {
                       this.toast.hide();
-                      if(res.data.status == 200){
-                        this.online = res.data.online;
-                        this.showToast(online, '成功')
-                      }
-                    });
-                  }else{
-                    this.toast.hide();
-                    this.showToast(online, '失败')
-                  }
-                })
+                      this.showToast(online, "失败");
+                    }
+                  });
               },
-            }).show()
+            }).show();
           }
         });
     },
     // 展示信息
-    showToast(online, msg){
+    showToast(online, msg) {
       const t = this.$createToast({
         type: "txt",
-        txt: online == 1 ? "上班"+msg : "下班"+msg
+        txt: online == 1 ? "上班" + msg : "下班" + msg,
       });
       t.show();
       setTimeout(() => {
@@ -262,7 +273,7 @@ export default {
     getGroups() {
       var that = this;
       if (that.loginUser.group) {
-        that.loginUser.group.forEach(element => {
+        that.loginUser.group.forEach((element) => {
           that.groups += element.groupName + "/";
           that.candidateGroups += element.id + ",";
         });
@@ -281,8 +292,8 @@ export default {
       this.$router.push({
         name: "Inspection",
         params: {
-          state: state
-        }
+          state: state,
+        },
       });
     },
     // 事件数量
@@ -291,42 +302,43 @@ export default {
       this.$http
         .post("service/bpm/data/getIncidentCount", {
           assignee: that.loginUser.id,
-          candidateGroups: that.candidateGroups
+          candidateGroups: that.candidateGroups,
         })
-        .then(function(res) {
+        .then(function (res) {
           that.incidentCount = res.data;
         });
     },
     //获取展示可以上下班人员列表
-    getWorkOnline(){
+    getWorkOnline() {
       this.isWorkLoading = true;
       this.$http
-        .post("service/bpm/data/fetchDataList/workOnlineConfig", {"idx":0,"sum":1000})
+        .post("service/bpm/data/fetchDataList/workOnlineConfig", {
+          idx: 0,
+          sum: 1000,
+        })
         .then((res) => {
-          if(res.status == 200){
-            let userList = res.data.list[0].userList.map(v=>v.id);//用户id列表
+          if (res.status == 200) {
+            let userList = res.data.list[0].userList.map((v) => v.id); //用户id列表
             this.isWorkOnline = userList.includes(this.loginUser.id);
-            if(this.isWorkOnline){
-              this.$http
-                .post("service/auth/showOnlineBtn", {})
-                .then((res) => {
-                  this.isWorkLoading = false;
-                  if(res.data.status == 200){
-                    this.online = res.data.online;
-                  }
-                });
-            }else{
+            if (this.isWorkOnline) {
+              this.$http.post("service/auth/showOnlineBtn", {}).then((res) => {
+                this.isWorkLoading = false;
+                if (res.data.status == 200) {
+                  this.online = res.data.online;
+                }
+              });
+            } else {
               this.isWorkLoading = false;
             }
           }
         });
-    }
+    },
   },
   created() {
     this.getGroups();
     this.getIncidentData();
     this.getWorkOnline();
-  }
+  },
 };
 </script>
 <style scoped>