cyywl_server/yudao-ui-app/App.vue

<script>
  import {
    checkLogin
  } from "./libs/login";
  import {
    refreshToken,
    getWeChatOpenId,
    fetchTenantInfo,
    fetchMemberChangeSpreadId
  } from "@/api/api";
  import {
    HTTP_REQUEST_URL,
    SPREAD_LINK,
    WX_APP_ID
  } from './config/app';
  import Auth from './libs/wechat.js';
  import Routine from './libs/routine.js';
  import Apps from './libs/apps.js';
  import {
    mapActions,
    mapGetters
  } from 'vuex'
  import {
    memberGradeInfo
  } from '@/api/member.js';
  export default {
    globalData: {
      spid: 0,
      code: 0,
      isLogin: false,
      userInfo: {},
      MyMenus: [],
      windowHeight: 0,
      id: 0
    },
    onLaunch: function(option) {
      let that = this;
      // #ifdef H5
      uni.getSystemInfo({
        success: function(res) {
          // 首页没有title获取的整个页面的高度，里面的页面有原生标题要减掉就是视口的高度
          // 状态栏是动态的可以拿到 标题栏是固定写死的是44px
          let height = res.windowHeight - res.statusBarHeight - 44
          // #ifdef H5
          that.globalData.windowHeight = res.windowHeight + 'px'
          // #endif

        }
      });
      // #endif

      // #ifdef MP
      if (HTTP_REQUEST_URL == '') {
        console.error(
          "请配置根目录下的config.js文件中的 'HTTP_REQUEST_URL'\n\n请修改开发者工具中【详情】->【AppID】改为自己的Appid\n\n请前往后台【小程序】->【小程序配置】填写自己的 appId and AppSecret"
        );
        return false;
      }
      if (option.query.hasOwnProperty('scene')) {
        switch (option.scene) {
          case 1047: //扫描小程序码
          case 1048: //长按图片识别小程序码
          case 1049: //手机相册选取小程序码
          case 1001: //直接进入小程序
            let value = this.$util.getUrlParams(decodeURIComponent(option.query.scene));
            let values = value.split(',');
            if (values.length === 2) {
              let v1 = values[0].split(":");
              if (v1[0] === 'pid') {
                that.globalData.spid = v1[1];
              } else {
                that.globalData.id = v1[1];
              }
              let v2 = values[1].split(":");
              if (v2[0] === 'pid') {
                that.globalData.spid = v2[1];
              } else {
                that.globalData.id = v2[1];
              }
            } else {
              that.globalData.spid = values[0].split(":")[1];
            }
            break;
        }
      }
      // #endif
      // 获取导航高度；
      uni.getSystemInfo({
        success: function(res) {
          that.globalData.navHeight = res.statusBarHeight * (750 / res.windowWidth) + 91;
        }
      });
      // #ifdef MP
      let menuButtonInfo = uni.getMenuButtonBoundingClientRect();
      that.globalData.navH = menuButtonInfo.top * 2 + menuButtonInfo.height / 2;
      // #endif

      // #ifdef H5
      let snsapiBase = 'snsapi_base';
      let urlData = location.pathname + location.search;
      if (!that.$store.getters.isLogin && Auth.isWeixin()) {
        const {
          code,
          state,
          scope
        } = option.query;
        if (code && code != uni.getStorageSync('snsapiCode') && location.pathname.indexOf(
            '/pages/users/wechat_login/index') === -1) {
          // 存储静默授权code
          uni.setStorageSync('snsapiCode', code);
          let spread = that.globalData.spid ? that.globalData.spid : 0;
          Auth.auth(code, that.$Cache.get('spread'))
            .then(res => {
              uni.setStorageSync('snRouter', decodeURIComponent(decodeURIComponent(option.query
                .back_url)));
              if (res.type === 'register') {
                this.$Cache.set('snsapiKey', res.key);
              }
              if (res.type === 'login') {
                this.$store.commit('LOGIN', {
                  token: res.token
                });
                this.$store.commit("SETUID", res.uid);
                location.replace(decodeURIComponent(decodeURIComponent(option.query.back_url)));
              }
            })
            .catch(error => {
              // this.$util.Tips({
              // 	title: error
              // });
              if (!this.$Cache.has('snsapiKey')) {
                if (location.pathname.indexOf('/pages/users/wechat_login/index') === -1) {
                  Auth.oAuth(snsapiBase, option.query.back_url);
                }
              }
            });
        } else {
          if (!this.$Cache.has('snsapiKey')) {
            if (location.pathname.indexOf('/pages/users/wechat_login/index') === -1) {
              Auth.oAuth(snsapiBase, urlData);
            }
          }
        }
      } else {
        if (option.query.back_url) {
          location.replace(uni.getStorageSync('snRouter'));
        }
      }
      // #endif

      // #ifdef MP
      // 小程序静默授权
      if (!this.$store.getters.isLogin) {
        let spread = that.globalData.spid ? that.globalData.spid : 0;
        Routine.getCode()
          .then(code => {
            Routine.authUserInfo(code, {
              'spread_spid': spread
            }).then(res => {
              // that.$store.commit('AuthorizeType', res.data.type);
            })
          })
          .catch(res => {
            uni.hideLoading();
          });
      }
      // #endif
    },
    computed: {
      ...mapGetters(['tenantId', 'uid', 'spreadId']),
      spreadDataChange() {
        return {
          uid: this.uid,
          spreadId: this.spreadId
        }
      }
    },
    mounted() {
      console.log('query--print', this.$route.query)
      this.initLoad()
    },
    watch: {
      spreadDataChange: function() {
        if (this.uid && this.spreadId) {
          fetchMemberChangeSpreadId(this.spreadId)
        }
      }
    },
    methods: {
      async initLoad() {
        this.isQRCode()
        this.isProperty()
        this.setSpreadId()
        if (this.$store.getters.isLogin && !this.$Cache.get('USER_INFO')) {
          await this.$store.dispatch('USERINFO');
        }
        if (!this.$Cache.get('TENANT_ID') || this.$route.query.tenantId) {
          this.getTenantId()
        } else {
          this.getTenantInfo()
        }
        if (!this.$Cache.get('OPEN_ID') && this.$route.query.code) {
          this.getWxChatCode()
        }
        setInterval(() => {
          if (this.$store.getters.isLogin) {
            this.setRefreshToken()
          }
        }, 600000)
      },
      // 是否扫码跳转
      isQRCode() {
        const redirectUrl = this.$route.query.redirectUrl || ''
        if (redirectUrl) {
          const tenantId = this.$route.query.tenantId || ''
          const spreadId = this.$route.query.spreadId || ''
          const isProperty = this.$route.query.isProperty || ''
          const wechatUrl = 'https://open.weixin.qq.com/connect/oauth2/authorize?appid=' + WX_APP_ID
          const url = encodeURIComponent(`${redirectUrl}${SPREAD_LINK}?tenantId=${tenantId}&spreadId=${spreadId}&isProperty=${isProperty}`)
          location.href =
            `${wechatUrl}&redirect_uri=${url}&response_type=code&scope=snsapi_base#wechat_redirect`
        }
      },
      // 是否扫物业二维码
      isProperty() {
        const is_property = this.$route.query.isProperty || '0'
        if(parseInt(is_property) === 1){
          this.$store.commit("SET_IS_PROPERTY", !!is_property)
        }
      },
      // 获取租户信息
      getTenantInfo() {
        fetchTenantInfo(this.tenantId).then(res => {
          this.$store.commit("SET_TENANT_INFO", res.data);
        })
      },
      // 获取租户ID
      getTenantId() {
        const tenantId = this.$route.query.tenantId || ''
        if (tenantId) {
          this.$store.commit("SET_TENANTID", tenantId);
          this.getTenantInfo()
        } else {
          this.$util.Tips({
            title: '请扫码物业公司二维码访问'
          });
        }
      },
      // 获取推广员ID
      setSpreadId() {
        const spreadId = this.$route.query.spreadId || ''
        if (spreadId) {
          this.$store.commit("SET_SPREADID", spreadId);
        }
      },
      // 获取微信授权code
      getWxChatCode() {
        const code = this.$route.query.code
        getWeChatOpenId(code).then(res => {
          if (res.data) {
            this.$store.commit("SET_OPENID", res.data);
          }
        })
      },
      setRefreshToken() {
        refreshToken(this.$Cache.get("REFRESH_TOKEN"))
          .then(res => {
            let data = res.data;
            this.$store.commit("LOGIN", {
              'token': data.accessToken,
              'refreshToken': data.refreshToken
            });
          })
          .catch(res => {
            this.$util.Tips({
              title: res
            });
          });
      }
    },
    onShow: async function() {
      // const res = await memberGradeInfo()
      //      if(res.data.some((item) => !!parseInt(item.isExist))){
      //        uni.setTabBarItem({
      //          index: 0,
      //          pagePath: '/pages/member_equity/index'
      //        })
      //        uni.switchTab({
      //          url:'/pages/member_equity/index'
      //        })
      //      }
      // #ifdef H5
      uni.getSystemInfo({
        success(e) {
          /* 窗口宽度大于420px且不在PC页面且不在移动设备时跳转至 PC.html 页面 */
          if (e.windowWidth > 420 && !window.top.isPC && !/iOS|Android/i.test(e.system)) {
            // window.location.pathname = 'https://java.crmeb.net/';
            /* 若你的项目未设置根目录（默认为 / 时），则使用下方代码 */
            window.location.pathname = '/static/html/pc.html';
          }
        }
      })
      // #endif
    },
    onHide: function() {
      //console.log('App Hide')
    }
  }
</script>

<style>
  @import url("@/plugin/animate/animate.min.css");
  @import 'static/css/base.css';
  @import 'static/iconfont/iconfont.css';
  @import 'static/css/guildford.css';
  @import 'static/css/style.scss';

  /* 条件编译，仅在H5平台生效 */
  // #ifdef H5
  body::-webkit-scrollbar,
  html::-webkit-scrollbar {
    display: none;
  }

  // #endif
  view {
    box-sizing: border-box;
  }

  .bg-color-red {
    background-color: #E93323 !important;
  }

  .syspadding {
    padding-top: var(--status-bar-height);
  }

  .flex {
    display: flex;
  }

  .uni-scroll-view::-webkit-scrollbar {
    /* 隐藏滚动条，但依旧具备可以滚动的功能 */
    display: none
  }

  ::-webkit-scrollbar {
    width: 0;
    height: 0;
    color: transparent;
  }
</style>