380 lines
12 KiB
Vue
380 lines
12 KiB
Vue
|
<script>
|
|||
|
|
import {
|
|||
|
|
HTTP_REQUEST_URL
|
|||
|
|
} from './config/app';
|
|||
|
|
import Auth from './libs/wechat.js';
|
|||
|
|
import Routine from './libs/routine.js';
|
|||
|
|
import {
|
|||
|
|
getTheme
|
|||
|
|
} from './api/api.js';
|
|||
|
|
import Cache from './utils/cache.js';
|
|||
|
|
import store from './store'
|
|||
|
|
import {
|
|||
|
|
silenceBindingSpread
|
|||
|
|
} from "./utils";
|
|||
|
|
import locationManager from './utils/locationManager.js';
|
|||
|
|
var statusBarHeight = uni.getSystemInfoSync().statusBarHeight; //手机端头部手机时间位置高度
|
|||
|
|
export default {
|
|||
|
|
globalData: {
|
|||
|
|
spread: 0, //推广人id，绑定关系
|
|||
|
|
isLogin: false,
|
|||
|
|
windowHeight: 0,
|
|||
|
|
navHeight: 0, //导航高度
|
|||
|
|
navH: 0,
|
|||
|
|
id: 0, // 小程序扫码进入商品id，首页id
|
|||
|
|
isIframe: false,
|
|||
|
|
theme: 'theme1',
|
|||
|
|
statusBarHeight: statusBarHeight, //手机端头部手机时间位置高度
|
|||
|
|
mainWidth: 0, //获取设备宽度
|
|||
|
|
marketingType: '', //商品类型，normal普通商品
|
|||
|
|
publicLoginType: Cache.get('publicLoginType') ? Cache.get('publicLoginType') : '', //公众号登录方式(单选),1微信授权，2手机号登录
|
|||
|
|
routinePhoneVerification: '1,2', //小程序手机号校验类型（多选）1微信小程序验证 2短信验证
|
|||
|
|
companyName: uni.getStorageSync('companyName') ? uni.getStorageSync('companyName') : '欢迎你', //公司名称
|
|||
|
|
tokenIsExist: false, //登录是否失效 false 失效，true没失效
|
|||
|
|
mobileLoginLogo: uni.getStorageSync('mobileLoginLogo') || '/static/images/logo2.png', //登录页logo
|
|||
|
|
paidMemberPriceDisplay: 'all', //付费会员-会员价格展示 all-全部，paid-仅付费会员
|
|||
|
|
userIsPaidMember: false, //用户是否是付费会员
|
|||
|
|
changeColorConfig: '', //颜色配置
|
|||
|
|
copyrightCompanyImage: '', //版权图片
|
|||
|
|
frontDomain: '', //移动端域名
|
|||
|
|
imageDomain: '', //全局本地图片域名
|
|||
|
|
authorizeAddress: '', //授权备案-地址
|
|||
|
|
authorizeFilingNum: '', //授权备案-备案号
|
|||
|
|
authorizeInfo: '', //授权备案-授权信息
|
|||
|
|
authorizePhone: '', //授权备案-联系电话
|
|||
|
|
merId: 0 //扫码进入商户id
|
|||
|
|
},
|
|||
|
|
onLaunch: function(option) {
|
|||
|
|
// 设置开屏广告显示
|
|||
|
|
store.commit('Change_Advertisement', true);
|
|||
|
|
|
|||
|
|
let that = this;
|
|||
|
|
//获取登录配置
|
|||
|
|
store.dispatch('GetLoginConfig');
|
|||
|
|
//获取全局配置
|
|||
|
|
store.dispatch('GetGlobalConfig');
|
|||
|
|
//校验token是否有效,true为有效，false为无效
|
|||
|
|
store.dispatch("GetTokenIsExist");
|
|||
|
|
|
|||
|
|
// 主题变色
|
|||
|
|
getTheme().then(res => {
|
|||
|
|
that.globalData.theme = `theme${Number(res.data.value)}`
|
|||
|
|
Cache.set('theme', `theme${Number(res.data.value)}`);
|
|||
|
|
store.commit('Change_GLOBAL_theme', `theme${Number(res.data.value)}`)
|
|||
|
|
// #ifdef H5
|
|||
|
|
window.document.documentElement.setAttribute('data-theme', that.globalData.theme);
|
|||
|
|
// #endif
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
// 获取页面高度
|
|||
|
|
uni.getSystemInfo({
|
|||
|
|
success: function(res) {
|
|||
|
|
// 首页没有title获取的整个页面的高度，里面的页面有原生标题要减掉就是视口的高度
|
|||
|
|
// 状态栏是动态的可以拿到 标题栏是固定写死的是44px
|
|||
|
|
let height = res.windowHeight - res.statusBarHeight - 44;
|
|||
|
|
// #ifdef H5 || APP-PLUS
|
|||
|
|
that.globalData.windowHeight = res.windowHeight + 'px';
|
|||
|
|
// #endif
|
|||
|
|
// 获取导航高度；
|
|||
|
|
that.globalData.navHeight = res.statusBarHeight * (750 / res.windowWidth) + 81;
|
|||
|
|
// 获取设备宽度；
|
|||
|
|
that.globalData.mainWidth = res.windowWidth
|
|||
|
|
store.commit('SYSTEM_PLATFORM', res.platform.toLowerCase());
|
|||
|
|
|
|||
|
|
// 动态设置CSS变量
|
|||
|
|
that.setCSSVariables(res);
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// 获取浏览器推广人id
|
|||
|
|
if (option.query.sd) {
|
|||
|
|
that.globalData.spread = option.query.sd;
|
|||
|
|
store.commit('Change_Spread', that.globalData.spread);
|
|||
|
|
}
|
|||
|
|
if (option.sd) {
|
|||
|
|
that.globalData.spread = option.sd;
|
|||
|
|
store.commit('Change_Spread', that.globalData.spread);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// #ifdef MP
|
|||
|
|
//小程序扫码进入获取浏览器值
|
|||
|
|
if (option.query.hasOwnProperty('scene')) {
|
|||
|
|
switch (option.scene) {
|
|||
|
|
case 1001: //直接进入小程序
|
|||
|
|
case 1047: //扫描小程序码
|
|||
|
|
case 1048: //长按图片识别小程序码
|
|||
|
|
case 1049: //手机相册选取小程序码
|
|||
|
|
case 1001: //直接进入小程序
|
|||
|
|
let value = this.$util.getUrlParams(decodeURIComponent(option.query.scene));
|
|||
|
|
that.globalData.spread = value.sd ? value.sd : '';
|
|||
|
|
that.globalData.id = value.id ? value.id : '';
|
|||
|
|
that.globalData.marketingType = value.mt ? value.mt : '0';
|
|||
|
|
that.globalData.merId = value.merId ? value.merId : '0';
|
|||
|
|
break;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
let menuButtonInfo = uni.getMenuButtonBoundingClientRect();
|
|||
|
|
that.globalData.navH = menuButtonInfo.top * 2 + menuButtonInfo.height / 2;
|
|||
|
|
const updateManager = uni.getUpdateManager();
|
|||
|
|
if (!updateManager) return;
|
|||
|
|
updateManager.onCheckForUpdate(function(res) {
|
|||
|
|
// 请求完新版本信息的回调
|
|||
|
|
if (res.hasUpdate) {
|
|||
|
|
updateManager.onUpdateReady(function(res2) {
|
|||
|
|
uni.showModal({
|
|||
|
|
title: '更新提示',
|
|||
|
|
content: '发现新版本，是否重启应用?',
|
|||
|
|
confirmColor: '#f55850',
|
|||
|
|
success(res2) {
|
|||
|
|
if (res2.confirm) {
|
|||
|
|
// 新的版本已经下载好，调用 applyUpdate 应用新版本并重启
|
|||
|
|
updateManager.applyUpdate();
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
updateManager.onUpdateFailed(function(res) {
|
|||
|
|
// 新的版本下载失败
|
|||
|
|
uni.showModal({
|
|||
|
|
title: '提示',
|
|||
|
|
content: '检查到有新版本，但下载失败，请检查网络设置',
|
|||
|
|
confirmColor: '#f55850',
|
|||
|
|
success(res) {
|
|||
|
|
if (res.confirm) {
|
|||
|
|
// 新的版本已经下载好，调用 applyUpdate 应用新版本并重启
|
|||
|
|
updateManager.applyUpdate();
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
if (HTTP_REQUEST_URL == '') {
|
|||
|
|
console.error(
|
|||
|
|
"请配置根目录下的config.js文件中的 'HTTP_REQUEST_URL'\n\n请修改开发者工具中【详情】->【AppID】改为自己的Appid\n\n请前往后台【小程序】->【小程序配置】填写自己的 appId and AppSecret"
|
|||
|
|
);
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
// #endif
|
|||
|
|
|
|||
|
|
// #ifdef H5
|
|||
|
|
if (option.query.hasOwnProperty('type') && option.query.type == "iframeVisualizing") {
|
|||
|
|
this.globalData.isIframe = true;
|
|||
|
|
} else {
|
|||
|
|
this.globalData.isIframe = false;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// wx公众号自动授权登录
|
|||
|
|
let snsapiBase = 'snsapi_base';
|
|||
|
|
let urlData = location.pathname + location.search;
|
|||
|
|
//publicLoginType，公众号登录方式(单选),1微信授权，2手机号登录
|
|||
|
|
if (!store.getters.isLogin && Auth.isWeixin() && this.globalData.publicLoginType == 1 && !that.globalData
|
|||
|
|
.tokenIsExist) {
|
|||
|
|
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.spread ? that.globalData.spread : 0;
|
|||
|
|
Auth.auth(code, Cache.get('spread'))
|
|||
|
|
.then(res => {
|
|||
|
|
uni.setStorageSync('snRouter', decodeURIComponent(decodeURIComponent(option.query
|
|||
|
|
.back_url)));
|
|||
|
|
if (res.type === 'register') {
|
|||
|
|
Cache.set('snsapiKey', res.key);
|
|||
|
|
}
|
|||
|
|
if (res.type === 'login') {
|
|||
|
|
store.commit('LOGIN', {
|
|||
|
|
token: res.token
|
|||
|
|
});
|
|||
|
|
store.commit("SETUID", res.id);
|
|||
|
|
location.replace(decodeURIComponent(decodeURIComponent(option.query.back_url)));
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
.catch(error => {
|
|||
|
|
if (!Cache.has('snsapiKey')) {
|
|||
|
|
if (location.pathname.indexOf('/pages/users/wechat_login/index') === -1) {
|
|||
|
|
Auth.oAuth(snsapiBase, option.query.back_url);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
} else {
|
|||
|
|
if (!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 (!store.getters.isLogin) {
|
|||
|
|
Routine.getCode().then(code => {
|
|||
|
|
let userInfo = {
|
|||
|
|
code: code,
|
|||
|
|
spreadPid: this.globalData.spread, //获取推广人ID
|
|||
|
|
type: 'routine'
|
|||
|
|
};
|
|||
|
|
Routine.authUserInfo(userInfo)
|
|||
|
|
})
|
|||
|
|
.catch(res => {
|
|||
|
|
uni.hideLoading();
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 小程序首次启动时清理历史圈层缓存
|
|||
|
|
this.checkAndClearHistoricalCache();
|
|||
|
|
|
|||
|
|
// #endif
|
|||
|
|
|
|||
|
|
//分销绑定
|
|||
|
|
silenceBindingSpread(store.getters.isLogin, this.globalData.spread)
|
|||
|
|
|
|||
|
|
//配置项存储
|
|||
|
|
store.commit('SET_GLOBAL_DATA', JSON.parse(JSON.stringify(that.globalData)));
|
|||
|
|
},
|
|||
|
|
async mounted() {
|
|||
|
|
//if (this.$store.getters.isLogin && !this.$Cache.get('USER_INFO')) await this.$store.dispatch('USERINFO');
|
|||
|
|
},
|
|||
|
|
methods: {
|
|||
|
|
handleResize(e) {
|
|||
|
|
let systemInfo = uni.getSystemInfoSync();
|
|||
|
|
let isPhone = systemInfo.platform === 'android' || systemInfo.platform === 'ios'
|
|||
|
|
/* 窗口宽度大于430px且不在PC页面且不在移动设备时跳转至 PC.html 页面 */
|
|||
|
|
if (e.size.windowWidth > 430 && !isPhone) {
|
|||
|
|
// window.location.pathname = 'https://java.crmeb.net/';
|
|||
|
|
/* 若你的项目未设置根目录（默认为 / 时），则使用下方代码 */
|
|||
|
|
window.location.pathname = '/static/html/pc.html';
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
// #ifdef MP
|
|||
|
|
// 检测并清理历史缓存
|
|||
|
|
checkAndClearHistoricalCache() {
|
|||
|
|
try {
|
|||
|
|
// 检查当前是否有有效的位置数据
|
|||
|
|
const locationInfo = uni.getStorageSync('location_info');
|
|||
|
|
const hasValidLocation = locationInfo && (locationInfo.name || locationInfo.address);
|
|||
|
|
|
|||
|
|
// 如果顶部地址还没有数据（即没有有效的位置信息），则清理历史圈层缓存
|
|||
|
|
if (!hasValidLocation) {
|
|||
|
|
// 清理历史圈层缓存
|
|||
|
|
locationManager.clearHistoricalAreaCache();
|
|||
|
|
}
|
|||
|
|
} catch (error) {
|
|||
|
|
console.warn('清理历史缓存时出错:', error);
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
// #endif
|
|||
|
|
|
|||
|
|
// 设置CSS变量
|
|||
|
|
setCSSVariables(systemInfo) {
|
|||
|
|
// #ifdef H5
|
|||
|
|
const root = document.documentElement;
|
|||
|
|
if (root && root.style) {
|
|||
|
|
// 设置屏幕高度相关变量
|
|||
|
|
root.style.setProperty('--screen-height', `${systemInfo.windowHeight}px`);
|
|||
|
|
root.style.setProperty('--screen-width', `${systemInfo.windowWidth}px`);
|
|||
|
|
root.style.setProperty('--status-bar-height', `${systemInfo.statusBarHeight}px`);
|
|||
|
|
root.style.setProperty('--nav-bar-height', '44px');
|
|||
|
|
|
|||
|
|
// 设置安全圈层变量
|
|||
|
|
root.style.setProperty('--safe-area-inset-top', 'env(safe-area-inset-top)');
|
|||
|
|
root.style.setProperty('--safe-area-inset-bottom', 'env(safe-area-inset-bottom)');
|
|||
|
|
root.style.setProperty('--safe-area-inset-left', 'env(safe-area-inset-left)');
|
|||
|
|
root.style.setProperty('--safe-area-inset-right', 'env(safe-area-inset-right)');
|
|||
|
|
}
|
|||
|
|
// #endif
|
|||
|
|
|
|||
|
|
// #ifdef MP
|
|||
|
|
// 小程序环境下，生成CSS变量对象并缓存
|
|||
|
|
const vars = {
|
|||
|
|
'--screen-height': `${systemInfo.windowHeight}px`,
|
|||
|
|
'--screen-width': `${systemInfo.windowWidth}px`,
|
|||
|
|
'--status-bar-height': `${systemInfo.statusBarHeight}px`,
|
|||
|
|
'--nav-bar-height': '44px',
|
|||
|
|
'--safe-area-inset-top': 'env(safe-area-inset-top)',
|
|||
|
|
'--safe-area-inset-bottom': 'env(safe-area-inset-bottom)',
|
|||
|
|
'--safe-area-inset-left': 'env(safe-area-inset-left)',
|
|||
|
|
'--safe-area-inset-right': 'env(safe-area-inset-right)'
|
|||
|
|
};
|
|||
|
|
this.$root.$cssVars = vars;
|
|||
|
|
uni.setStorageSync('__CSS_VARS__', vars);
|
|||
|
|
this.$eventHub.$emit('css-vars:updated', vars);
|
|||
|
|
// #endif
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
onShow: function() {
|
|||
|
|
// #ifdef H5
|
|||
|
|
uni.onWindowResize(this.handleResize);
|
|||
|
|
// #endif
|
|||
|
|
},
|
|||
|
|
onUnload() {
|
|||
|
|
// 页面销毁时移除监听
|
|||
|
|
uni.offWindowResize(this.handleResize);
|
|||
|
|
},
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style lang="scss">
|
|||
|
|
/* #ifndef APP-PLUS-NVUE || APP-NVUE */
|
|||
|
|
@import "@/plugin/animate/animate.min.css";
|
|||
|
|
@import 'static/css/theme_vars.scss';
|
|||
|
|
@import 'static/css/style.scss';
|
|||
|
|
@import 'static/css/base.css';
|
|||
|
|
|
|||
|
|
@import 'static/iconfont/iconfont.css';
|
|||
|
|
@import 'static/css/unocss.css';
|
|||
|
|
@import 'static/fonts/font.css';
|
|||
|
|
|
|||
|
|
view {
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
body::-webkit-scrollbar,
|
|||
|
|
html::-webkit-scrollbar {
|
|||
|
|
display: none;
|
|||
|
|
}
|
|||
|
|
// 导航高度重置
|
|||
|
|
.open-location {
|
|||
|
|
height: 100vh;
|
|||
|
|
}
|
|||
|
|
.bg-color-red {
|
|||
|
|
background-color: #E93323;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.syspadding {
|
|||
|
|
padding-top: var(--status-bar-height);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/deep/.uni-scroll-view::-webkit-scrollbar {
|
|||
|
|
/* 隐藏滚动条，但依旧具备可以滚动的功能 */
|
|||
|
|
display: none
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
::-moz-scrollbar {
|
|||
|
|
width: 0;
|
|||
|
|
height: 0;
|
|||
|
|
color: transparent;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
::-webkit-scrollbar {
|
|||
|
|
display: none;
|
|||
|
|
width: 0 !important;
|
|||
|
|
height: 0 !important;
|
|||
|
|
-webkit-appearance: none;
|
|||
|
|
background: transparent;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/*#endif*/
|
|||
|
|
</style>
|