jufubao-forms 1.0.0-beta1

package/src/mixins/newLocaltionMixins.js

@@ -0,0 +1,754 @@
+'use strict';
+
+import {mapActions, mapMutations, mapState} from "vuex";
+import storage from "@/common/storage";
+import {isWechat, isPlatform, baseEnvTypeReg} from "@/utils/xd.base";
+import {getCacheTime} from "@/common/common";
+import {parsePath}  from "@/utils/linkUrl";
+// #ifdef H5
+import cookie from "@/common/cookie";
+// #endif
+
+export default {
+  data(){
+    return {
+
+      //微信判断用户拒绝授权服务
+      rejectSave: 'xd-user-reject-location',
+
+      //微信小程序用户是否拒绝授权服务（永久）
+      rejectSaveLong:'xd-user-reject-long-location',
+
+      //保存上一次定位信息（正式缓冲2小时，测试机环境0.5小时）
+      locationStorageKey: "xd_three_map",
+
+      //永久保存上一次定位信息
+      locationLongStorageKey: 'xd_three_map_long',
+
+      //定位成功保存数据（定位成功就保存等待有组件需要弹出时候转化xd_three_map）
+      locationSuccessKey: 'xd_three_map_success',
+
+      //相同城市临是存储第三方定位信息（页面卸载，页面销毁此数据转化为第三方xd_three_map保存数据）
+      sameCityChangeLocationKey: 'xd_same_city_change_three_map',
+
+
+      //上一次使用定位城市
+      prevUserLocationCityKey:'xd_user_current_access_city',
+
+      //用户选中处理
+      prevUserSelectCityKey:'xd_user_select_access_city',
+
+      //定位成功保存数据（定位成功就保存等待有组件需要弹出时候转化 prevUserLocationCityKey)
+      prevUserlocationCitySuccessKey: 'xd_user_location_success_city',
+
+      //用户是否确认过操作逻辑
+      userActionKey: 'xd_user_succes_is_change_city' ,
+
+      //百度定位
+      initBaidu: false,
+      baiduAKConfig: null,
+      baiduMap:null,
+      center: 15,
+      baiduCb:null,
+
+      // #ifdef H5
+      //微信SDK初始化失败
+      loadingStatusKey:'jfb-wx-location-reload-status',
+      // #endif
+    }
+  },
+  computed:{
+    ...mapState(['siteInfo','locationLock','locationEvent','currentStyle','brandInfo'])
+  },
+
+  created() {
+    if(this.$configProject.isPreview) {
+      this.$emit('cityAndLocation', {location:{}, city:this.getDefaultCity()});
+      this.$emit('done', {});
+      this.$emit('city', this.getDefaultCity());
+      console.warn(`Success.Location.isPreview: ${JSON.stringify({city:this.getDefaultCity(),location:{}})}`)
+    }
+    else{
+      //百度定位
+      this.baiduAKConfig = this.baiduAk || this.$settings.baiduAk;
+      this.setLocationEvent(({city,location})=>{
+        this.$emit('cityAndLocation', {location, city});
+        this.$emit('done', location);
+        this.$emit('city', city);
+        this.setLocationLock(false);
+        console.warn(`Success.Location: ${JSON.stringify({city,location})}`)
+        this.$xdLog.setProject('Location.$emit.Done', {location,city});
+      });
+
+      if(!this.locationLock){
+        this.setLocationLock(true);
+        this.LocationInit();
+      }
+    }
+
+  },
+  methods:{
+    ...mapMutations([
+      //设置临时第三方定位缓冲
+      'setLocationInfo',
+      //清除临时第三方定位缓冲
+      'clearLocation',
+      //设置城市信息
+      'setCityInfo',
+      //设置定位锁(防止同时使用定位组件)
+      'setLocationLock',
+      //定位成功事件
+      'setLocationEvent',
+      //设置定位信息
+      'setLocationCity'
+    ]),
+
+    //微信定位授权
+    ...mapActions(['getH5WxAuthorize']),
+
+    //获取定位成功
+    ...mapActions('wxAuthorize', [
+      'getLoadingCityInfoByLocationLv4'
+    ]),
+
+    /**
+     * @description 成功进行事件分发与更新定位变量状态
+     * @param city
+     * @param location
+     * @param isUpdate 是需要更新定位信息与选择城市
+     */
+    handleSuccess(isUpdate, city, location){
+      if(isUpdate) {
+        console.warn(`Success.Location.update: ${JSON.stringify({city,location})}`)
+        this.$xdLog.setProject('Location.Success.Location.update', {city,location});
+        //更新本地存储
+        this.setUserSelectCity(city);
+        this.setPrevUserCity(city);
+        this.setLocationData(location);
+        this.delStorage(this.locationSuccessKey);
+        this.delStorage(this.prevUserlocationCitySuccessKey)
+        //更新状态
+        this.setLocationCity({city, location});
+      }
+      if(location) this.setStorage(this.locationLongStorageKey, location)
+      setTimeout(()=>{
+        console.warn(`Success.Location.upEvent: ${JSON.stringify({city,location})}`)
+        this.locationEvent.map(item=>{
+          this.$xdLog.setProject('Location.Success.Location.upEvent', {city,location});
+          item({city, location})
+        })
+
+      },1)
+
+    },
+
+    /**
+     * @description 重新定位
+     * @param cb 成功回调方法
+     * @return cb(city, location)
+     */
+    reloadLocation(cb) {
+      this.checkLocationType((location, status)=>{
+        this.getLocationCity(location, (city, location)=>{
+          if(typeof cb === 'function') {
+            cb(city, location);
+          }
+        })
+      })
+    },
+
+    /**
+     * @description 检查使用某种模式进行定位
+     * @param cb
+     */
+    checkLocationType(cb){
+      const location = this.getLocationData();
+
+      if(location) {
+        cb(location, true);
+        return;
+      }
+
+      //#ifdef H5
+      if(isWechat()) {
+        this.wxLocation(cb)
+        return
+      }
+
+      //百度定位
+      if(this.baidu){
+        if(!this.baiduAKConfig) {
+          console.error('请传入百度AK值')
+          throw new Error('请传入百度AK值');
+        } else {
+          this.baiduCb = cb;
+          if(this.baiduMap) {
+            this.baiduLocation(this.baiduMap)
+          } else  this.initBaidu = true;
+        }
+      }
+      //#endif
+
+      // #ifdef MP-WEIXIN
+      this.wxMpLocationInit(cb)
+      // #endif
+
+    },
+
+    /**
+     * @description 定位初始化入口
+     */
+    LocationInit(){
+      const prevCity = this.getPrevUserCity();
+      const prevLocation = this.getLocationData();
+      const locationSuccess = this.getStorage(this.locationSuccessKey);
+      const locationCitySuccess = this.getStorage(this.prevUserlocationCitySuccessKey);
+      const userActionStatus = this.getUserChangeCityStatue();
+
+      //定位成功
+      if(prevLocation && prevCity && prevCity.is_default === 'Y') {
+        console.warn(`Location.cache.init:${JSON.stringify({prevLocation,prevCity})}`);
+        this.$xdLog.setProject('Location.Success.Location.cache', {city:prevCity,location:prevLocation});
+        this.handleSuccess(false, prevCity, prevLocation);
+        return;
+      }
+
+      //已选中当没有同意切换定位(不再城市选择页面，isSelect=true 要求实时定位功能)
+      if(userActionStatus && !this.isSelect) {
+        console.warn(`Location.user.noChange:${JSON.stringify({prevLocation,prevCity:this.getDefaultCity()})}`);
+        this.handleSuccess(false, this.getDefaultCity(), prevLocation);
+        return;
+      }
+
+      //定位成功并且通过经纬度获取城市信息成功（通过静默模式定位成功度）
+      if(!userActionStatus && locationSuccess && (locationCitySuccess && locationCitySuccess.is_default === 'Y')) {
+        if(this.isPop) {
+          this.show({
+            message:`定位显示您在：${locationCitySuccess.province_name} - ${locationCitySuccess.city_name}，是否需要切换?`,
+            confirmText: '切换到'
+          },(res)=>{
+            this.setUserChangeCityStatue();
+            if(res.confirm) this.handleSuccess(true, locationCitySuccess,locationSuccess);
+            else this.handleSuccess(false, locationCitySuccess,locationSuccess);
+            this.delStorage(this.locationSuccessKey);
+            this.delStorage(this.prevUserlocationCitySuccessKey);
+          })
+          return;
+        }
+      }
+
+
+      //定位城市信息
+      this.checkLocationType((location, status)=>{
+        console.warn(`Location.Api.init:${JSON.stringify({prevLocation,prevCity})}`)
+        //定位成功
+        if(status) this.getLocationCity(location)
+        //定位失败
+        else this.handleSuccess(false, this.getDefaultCity(), location);
+      })
+    },
+
+
+    show({message,confirmText}, cb){
+      uni.showModal({
+        title: '温馨提示',
+        content: message,
+        confirmText: confirmText || '切换到',
+        success: (res) => {
+          cb(res)
+        }
+      });
+    },
+
+    // #ifdef H5
+    //==微信定位=======================
+    /**
+     * @description微信定位
+     */
+    wxLocation(cb){
+      //微信SDK初始化失败不在加载
+      if(cookie.get(this.locationSuccessKey)) {
+        return
+      }
+
+      //启动微信授权功能
+      this.getH5WxAuthorize({jsApiList: ['openLocation', 'getLocation']})
+        .then(({jwxSDK}) => {
+
+          //pc端端微信环境直接返回
+          if(isPlatform().isPc || (jwxSDK && typeof jwxSDK.getLocation !== 'function')) {
+            this.$xdLog.setProject('Location.wx.jwxSDK.not.support', {lng: null, lat: null});
+            setTimeout(()=>{
+              cb(this.getLocationData()||undefined,false)
+            },1)
+            return
+          }
+
+          //手机端微信环境
+          jwxSDK.getLocation({
+            type: 'gcj02',
+            success: (res) => {
+              let location = this.gcj02tobd09(res.longitude, res.latitude);
+              let locationInfo = {
+                latitude: location['latitude'],
+                longitude: location['longitude'],
+                address: {}
+              };
+              this.$xdLog.setProject('Location.wx.api.done', {
+                lng: location.longitude,
+                lat: location.latitude
+              });
+              setTimeout(()=>{
+                cb(locationInfo, true)
+              },1)
+
+            },
+            fail: (e) => {
+              this.$xdLog.setProject('Location.wx.api.fail', {lng: null, lat: null, error:e});
+              cb(this.getLocationData()||undefined, false)
+            },
+            cancel: (e) => {
+              this.$xdLog.setProject('Location.wx.api.cancel', {lng: null, lat: null});
+              cb(this.getLocationData()||undefined, false)
+            }
+          });
+        })
+        .catch(res => {
+          cookie.set(this.locationSuccessKey,'Y')
+          this.$xdLog.setProject('Location.wx.jwxSDK.fail', {
+            lng: null,
+            lat: null
+          });
+          cb(this.getLocationData()||undefined)
+        });
+    },
+    //==微信定位=======================
+
+    //==baidu定位=======================
+    baiduLocation(BMap){
+      let geolocation = new BMap['Geolocation']();
+      geolocation['enableSDKLocation']();
+      geolocation.getCurrentPosition(
+        (location) => {
+          let point = this.$xdUniHelper.cloneDeep(location.point);
+          let locationInfo = {
+            latitude: point['lat'],
+            longitude: point['lng'],
+            address: location.address
+          };
+          setTimeout(()=>{
+            this.$xdLog.setProject('Location.Baidu.SDK.Success', {location:locationInfo});
+            this.baiduCb(locationInfo, true);
+            this.baiduCb = null;
+          },1)
+
+        },
+        (error) => {
+          this.baiduCb(this.getLocationData()||undefined,false);
+          this.baiduCb = null;
+          this.$xdLog.setProject('Location.Baidu.SDK.Fail', {location:null});
+        }
+      )
+    },
+
+    handleBaiduReady({BMap,map}){
+      this.baiduMap = BMap;
+      this.baiduLocation(BMap);
+      this.$xdLog.setProject('Location.Baidu.Init.Success', {location:locationInfo});
+    },
+    //==baidu定位=======================
+    // #endif
+
+    // #ifdef MP-WEIXIN
+    //==微信小程序定位====================
+    wxMpLocationInit(cb){
+      let timer = null;
+      console.warn(`location.start`)
+
+      wx.getFuzzyLocation({
+        type: 'gcj02',
+        geocode: true,
+        success:  (res)=> {
+          console.warn(`location.success`)
+          let location = this.gcj02tobd09(res.longitude, res.latitude);
+          let locationInfo = {
+            latitude: location['latitude'],
+            longitude: location['longitude'],
+            address: {}
+          };
+          this.$xdLog.setProject('Location.wx.mp.api.done', {
+            lng: location.longitude,
+            lat: location.latitude
+          });
+          setTimeout(()=>{
+            cb(locationInfo, true)
+          },1);
+
+          if(timer) clearTimeout(timer);
+        },
+        fail: (err)=>{
+          debugger
+          console.warn(`location.fail`)
+
+          //首次定位
+          if(!storage.get(this.rejectSaveLong)){
+            storage.set(this.rejectSaveLong,1);
+            this.$xdLog.setProject('Location.wx.api.fail', {lng: null, lat: null, error:err});
+            cb(this.getLocationData()||undefined, false)
+            return
+          }
+
+          if(this.$xdUniHelper.checkVarType(err) === 'object'
+            && err.errMsg === 'getLocation:fail auth deny'
+            && storage.get(this.rejectSaveLong)
+          ) {
+            this.$xdConfirm({
+              title: "提示",
+              content:'请打开地理位置定位权限',
+              confirmText: "确定",
+              cancelText: "取消",
+              success:(res)=>{
+                if (res.confirm) {
+                  wx.openSetting({
+                    success: function (res) {},
+                  });
+                } else if (res.cancel) {
+                  console.log("用户点击取消");
+                }
+              }
+            })
+          }
+          this.$xdLog.setProject('Location.wx.api.fail', {lng: null, lat: null, error:err});
+          cb(this.getLocationData()||undefined, false);
+          if(timer) clearTimeout(timer);
+        }
+      });
+
+      //三秒超时
+      timer = setTimeout(()=>{
+        console.warn(`location.timeout`)
+        this.$xdLog.setProject('Location.wx.api.timeout', {lng: null, lat: null, message:'定位超时'});
+        cb(this.getLocationData()||undefined, false)
+      },5000)
+    },
+    //==微信小程序定位====================
+    // #endif
+
+    //==定位工具函数========================
+    setStorage(key,data,time= 0){
+      if(time === 0) storage.set(key,data);
+      else storage.set(key,data,time);
+    },
+    getStorage(key){
+      return storage.get(key);
+    },
+    delStorage(key) {
+      storage.remove(key);
+    },
+
+    /**
+     * @description 获取通过定位成功的经纬度获取到到城市
+     * @returns {string|*|null}
+     */
+    getPrevUserCity(){
+      return storage.get(this.prevUserLocationCityKey);
+    },
+
+    /**
+     * @description 设置通过定位成功的经纬度获取到到城市
+     * @param city
+     * @returns {string|*|null}
+     */
+    setPrevUserCity(city){
+      storage.set(this.prevUserLocationCityKey,city);
+    },
+
+    /**
+     * @description 设置用户选择的保存城市信息
+     * @param city
+     * @returns {string|*|null}
+     */
+    setUserSelectCity(city){
+      storage.set(this.prevUserSelectCityKey,city);
+    },
+
+    /**
+     * @description 获取用户选择的保存城市信息
+     * @returns {string|*|null}
+     */
+    getUserSelectCity(){
+      return storage.get(this.prevUserSelectCityKey);
+    },
+
+    /**
+     * @description 获取用户是否已进行定位成功操作
+     * @returns {string|*|null}
+     */
+    getUserChangeCityStatue(){
+      return storage.get(this.userActionKey);
+    },
+    /**
+     * @description 设置用户是否已进行定位成功操作
+     * @returns {string|*|null}
+     */
+    setUserChangeCityStatue(){
+      let time = getCacheTime(this,0.5, 0.01, 2);
+      storage.set(this.userActionKey, 1, time);
+    },
+
+    /**
+     * @description 获取永久第三方定位信息
+     * @returns {string|*|null}
+     */
+    getLocationData(){
+      return storage.get(this.locationStorageKey);
+    },
+
+    /**
+     * @description 设置永久第三方定位信息
+     * @returns {string|*|null}
+     */
+    setLocationData(location){
+      let time = getCacheTime(this,0.5, 0.04, 2);
+      storage.set(this.locationStorageKey,location,time);
+    },
+
+    /**
+     * @description 获取定位成功并且定位城市与默认或者上次选中城市一致的值（只保存当前经纬度操作）
+     * @returns {string|*|null}
+     */
+    getSameCityLocation(){
+      return storage.get(this.sameCityChangeLocationKey);
+    },
+
+    /**
+     * @description 设置位成功并且定位城市与默认或者上次选中城市一致的值（只保存当前经纬度操作）
+     * @returns {string|*|null}
+     */
+    setSameCityLocation(location){
+      storage.set(this.sameCityChangeLocationKey,location);
+    },
+
+
+
+    /**
+     * @description 火星转百度坐标
+     * @param lng
+     * @param lat
+     * @returns {{latitude: *, longitude: *}}
+     */
+    gcj02tobd09(lng, lat) {
+      let x_PI = 3.14159265358979324 * 3000.0 / 180.0;
+      let PI = 3.1415926535897932384626;
+      let a = 6378245.0;
+      let ee = 0.00669342162296594323;
+
+      lat = +lat;
+      lng = +lng;
+      let z = Math.sqrt(lng * lng + lat * lat) + 0.00002 * Math.sin(lat * x_PI);
+      let theta = Math.atan2(lat, lng) + 0.000003 * Math.cos(lng * x_PI);
+      let bd_lng = z * Math.cos(theta) + 0.0065;
+      let bd_lat = z * Math.sin(theta) + 0.006;
+      return {longitude: bd_lng, latitude:bd_lat}
+    },
+    //==定位工具函数========================
+
+    //==城市相关=========================================
+    /**
+     * @description 定位完成处理（包括定位成功或者失败处理）
+     * @param location
+     * @param cb
+     */
+    getLocationCity(location, cb){
+      this.getApiLocationCity(location,cb).then().catch();
+    },
+
+    /**
+     * @description 通过经纬度从服务器获取选中城市新
+     * @param location {Object|undefined}
+     * @param location.latitude {string}
+     * @param location.longitude {string}
+     * @param cb
+     */
+    getApiLocationCity(location,cb){
+      let params = null
+      if(!location) params = {};
+      else params = JSON.parse(JSON.stringify(location));
+      this.$xdLog.setProject('Location.City.Ajax.Start', {location:location});
+      return new Promise((resolve, reject)=>{
+        this.getLoadingCityInfoByLocationLv4(params)
+          .then(res=>{
+            res.data['is_default'] = 'N';
+            if(location) res.data['is_default'] = 'Y';
+            setTimeout(()=>{
+              if(typeof cb === 'function') cb(res.data, location);
+              else this.setSelectCityData(res.data, location);
+              resolve(res)
+              this.$xdLog.setProject('Location.City.Ajax.Success', {location:location,city:res});
+            }, 1)
+          })
+          .catch(error=>{
+            this.$xdLog.setProject('Location.City.Ajax.Fail', {location:null});
+            this.setSelectCityData(this.getDefaultCity(), (location || this.getLocationData() || null));
+          })
+      })
+    },
+
+
+    /**
+     * @description 获取城市默认城市(站点 > 项目配置)
+     * @returns {Object|*}
+     */
+    getDefaultCity(){
+      let siteCity = this.$settings.defaultCity
+      siteCity['is_default'] = 'D';
+      return siteCity;
+    },
+
+    /**
+     * @description 更新选中城市状态
+     * //is_default(获取方式)  Y:正常 , N：无经纬度, D:默认值
+     * @param city
+     * @param location
+     */
+    setSelectCityData(city ,location) {
+      //保证页面加载完成
+      setTimeout(()=>{
+        this.askUserAction(city, location, (status)=>{
+          if(status) this.handleSuccess(true,city,location);
+          else {
+            city = this.getPrevUserCity() || this.getDefaultCity()
+            this.handleSuccess(false, city, location);
+          }
+        })
+      }, 1)
+    },
+
+    getSpPath(dir , path ){
+      let reg = /@site_domain@/;
+      if(!/@site_domain@/.test(path)) return `/${dir}${path}`;
+      else return  path.replace(reg, '');
+    },
+
+    /**
+     * @description 检查地址是否为用户登陆或者卡券登陆页面
+     * @returns {boolean}
+     */
+    checkPathIsLoginAndOrCard() {
+      let pages = this.$xdUniHelper.parseURL();
+      let login_entry = this.brandInfo.login_entry|| this.$configProject.login_entry;
+      let card_entry = this.brandInfo.card_entry|| this.$configProject.card_entry;
+
+      // #ifdef H5
+      let userLogin = this.getSpPath(this.brandInfo.deploy_dir, login_entry);
+      let cardLogin = this.getSpPath(this.brandInfo.deploy_dir,card_entry);
+      return pages.path === cardLogin || pages.path === userLogin;
+      // #endif
+
+      // #ifdef MP-WEIXIN
+      let loginObj = parsePath(login_entry);
+      let cardObj = parsePath(card_entry);
+      return (cardObj.isSameApp && pages.path === cardObj.url)
+        || (loginObj.isSameApp && pages.path === loginObj.url);
+      // #endif
+    },
+
+    /**
+     * @description 定位成功通知用户是否需要切换
+     * @param city
+     * @param location
+     * @param cb
+     */
+    askUserAction(city, location, cb){
+      const prev = this.getUserSelectCity() || this.getPrevUserCity() || this.getDefaultCity();
+      const userActionStatus = this.getUserChangeCityStatue();
+      // const style = {};
+      // Object.keys(this.currentStyle).map(key=>{
+      //   style[`$${key}`] = this.currentStyle[key];
+      // });
+
+      if(location) this.setSameCityLocation(location);
+
+      //定位成功进行静默返回(保存经纬度，不再城市选择页面，isSelect=true 要求实时定位功能)
+      if(this.isSelect && location) {
+        if(city.is_default === 'Y') {
+          this.setStorage(this.prevUserlocationCitySuccessKey,city);
+          this.setStorage(this.locationSuccessKey, location);
+          this.setStorage(this.locationLongStorageKey, location);
+          this.setLocationData(location);
+          this.locationEvent.map(item=>{
+            item({city, location})
+          })
+          return;
+        }
+      }
+
+      //定位成功定位信息并且定位城市与默认或者上次选中城市一致（只保存当前经纬度操作）
+      if(location && (prev.city_code == city.city_code)) {
+        cb(false);
+        return;
+      }
+
+      //已选中定位操作
+      if(userActionStatus){
+        cb(false);
+        return;
+      }
+
+      //卡券登陆，用户登陆页面为静默模式
+      if(this.checkPathIsLoginAndOrCard()) {
+        cb(false);
+        return;
+      }
+
+      //定位成功并且获得城市信息处理
+      if(!this.isPop && location) {
+        if(city.is_default === 'Y') {
+          this.setStorage(this.prevUserlocationCitySuccessKey,city);
+          this.setStorage(this.locationSuccessKey, location);
+          cb(false);
+          return;
+        }
+      }
+
+
+
+      //未选择，定位成功定位信息，定位城市失败并且与用户上次选中城市不一致
+      if(!userActionStatus
+        && location
+        && (city && city.is_default !== 'Y' && (prev.city_code != city.city_code))
+      ) {
+        this.show({
+          message:`已定位到您所在城市：${city.province_name} - ${city.city_name}，是否需要切换?`,
+          confirmText: '切换到'
+        },(res)=>{
+          this.setUserChangeCityStatue();
+          if(res.cancel) cb(false)
+          else cb(true)
+        })
+        return
+      }
+
+
+      //未选择，定位成功定位信息，定位城市成功并且与用户上次选中城市不一致
+      if(!userActionStatus
+        && location
+        && (city && city.is_default === 'Y' && (prev.city_code != city.city_code))
+      ) {
+        this.show({
+          message:`定位显示您在：${city.province_name} - ${city.city_name}，是否需要切换?`,
+          confirmText: '切换到'
+        },(res)=>{
+          this.setUserChangeCityStatue();
+          if(res.cancel) cb(false)
+          else cb(true)
+        })
+        return
+      }
+
+      //其他情况
+      cb(false)
+    },
+    //==城市相关=========================================
+  },
+}