320 lines
8.1 KiB
Vue
320 lines
8.1 KiB
Vue
<script>
|
||
import auth from 'common/js/auth.js';
|
||
import configExternal from 'common/js/config-external.js'
|
||
|
||
import {
|
||
Weixin
|
||
} from 'common/js/wx-jssdk.js';
|
||
|
||
export default {
|
||
mixins: [auth],
|
||
onLaunch: async function(options) {
|
||
// 方式：支持快应用，从url中query部分获取uniacid，或useragent中获取uniacid
|
||
if(options.query.uniacid){
|
||
uni.setStorageSync('uniacid', options.query.uniacid);
|
||
}
|
||
uni.hideTabBar();
|
||
|
||
// #ifdef MP
|
||
const updateManager = uni.getUpdateManager();
|
||
updateManager.onCheckForUpdate(function(res) {
|
||
// 请求完新版本信息的回调
|
||
});
|
||
|
||
updateManager.onUpdateReady(function(res) {
|
||
uni.showModal({
|
||
title: '更新提示',
|
||
content: '新版本已经准备好，是否重启应用？',
|
||
success(res) {
|
||
if (res.confirm) {
|
||
// 新的版本已经下载好，调用 applyUpdate 应用新版本并重启
|
||
updateManager.applyUpdate();
|
||
}
|
||
}
|
||
});
|
||
});
|
||
|
||
updateManager.onUpdateFailed(function(res) {
|
||
// 新的版本下载失败
|
||
});
|
||
// #endif
|
||
|
||
// #ifdef H5
|
||
if (this.$util.getDeviceInfo().platform == 'ios') {
|
||
uni.setStorageSync('initUrl', location.href);
|
||
}
|
||
// #endif
|
||
|
||
uni.onNetworkStatusChange(function(res) {
|
||
if (!res.isConnected) {
|
||
uni.showModal({
|
||
title: '网络失去链接',
|
||
content: '请检查网络链接',
|
||
showCancel: false
|
||
});
|
||
}
|
||
});
|
||
|
||
this.$store.dispatch('init');
|
||
|
||
// 存储到store中
|
||
|
||
// 主题风格
|
||
if (uni.getStorageSync('themeStyle')) {
|
||
const themeData = await configExternal.loadTheme(uni.getStorageSync('themeStyle'));
|
||
this.$store.commit('setThemeStyle', themeData);
|
||
this.$store.dispatch('themeColorSet');
|
||
}
|
||
|
||
// 插件是否存在
|
||
if (uni.getStorageSync('addonIsExist')) {
|
||
this.$store.commit('setAddonIsExist', uni.getStorageSync('addonIsExist'));
|
||
}
|
||
|
||
// 默认图
|
||
if (uni.getStorageSync('defaultImg')) {
|
||
this.$store.commit('setDefaultImg', uni.getStorageSync('defaultImg'));
|
||
}
|
||
|
||
// 站点信息
|
||
if (uni.getStorageSync('siteInfo')) {
|
||
this.$store.commit('setSiteInfo', uni.getStorageSync('siteInfo'));
|
||
}
|
||
|
||
// 门店配置
|
||
if (uni.getStorageSync('globalStoreConfig')) {
|
||
this.$store.commit('setGlobalStoreConfig', uni.getStorageSync('globalStoreConfig'));
|
||
}
|
||
|
||
// 门店信息
|
||
if (uni.getStorageSync('globalStoreInfo')) {
|
||
this.$store.commit('setGlobalStoreInfo', uni.getStorageSync('globalStoreInfo'));
|
||
}
|
||
|
||
// 默认门店信息
|
||
if (uni.getStorageSync('defaultStoreInfo')) {
|
||
this.$store.commit('setDefaultStoreInfo', uni.getStorageSync('defaultStoreInfo'));
|
||
}
|
||
|
||
// 客服配置
|
||
if (uni.getStorageSync('servicerConfig')) {
|
||
this.$store.commit('setServicerConfig', uni.getStorageSync('servicerConfig'));
|
||
}
|
||
|
||
// 企业微信配置
|
||
if (uni.getStorageSync('wxworkConfig')) {
|
||
this.$store.commit('setWxworkConfig', uni.getStorageSync('wxworkConfig'));
|
||
}
|
||
|
||
// 版权信息
|
||
if (uni.getStorageSync('copyright')) {
|
||
this.$store.commit('setCopyright', uni.getStorageSync('copyright'));
|
||
}
|
||
|
||
// 地址配置
|
||
if (uni.getStorageSync('mapConfig')) {
|
||
this.$store.commit('setMapConfig', uni.getStorageSync('mapConfig'));
|
||
}
|
||
|
||
if (uni.getStorageSync('token')) {
|
||
this.$store.commit('setToken', uni.getStorageSync('token'));
|
||
}
|
||
|
||
// 会员信息
|
||
if (uni.getStorageSync('memberInfo')) {
|
||
this.$store.commit('setMemberInfo', uni.getStorageSync('memberInfo'));
|
||
|
||
// 查询购物车信息
|
||
this.$store.dispatch('getCartNumber');
|
||
}
|
||
|
||
// #ifdef H5
|
||
// 自动授权登录
|
||
// 未登录情况下
|
||
if (!uni.getStorageSync('memberInfo')) {
|
||
this.getAuthInfo();
|
||
}
|
||
if (this.$store.state.token) {
|
||
this.$api.sendRequest({
|
||
url: '/api/member/info',
|
||
success: (res) => {
|
||
if (res.code >= 0) {
|
||
this.$store.commit('setMemberInfo', res.data);
|
||
}
|
||
}
|
||
});
|
||
}
|
||
// #endif
|
||
|
||
// #ifdef MP-ALIPAY
|
||
if (options.query && options.query.m) uni.setStorageSync('source_member', options.query.m);
|
||
// #endif
|
||
},
|
||
onShow: function(options) {
|
||
// #ifdef MP
|
||
// 自动授权登录
|
||
this.getAuthInfo();
|
||
if (this.$store.state.token) {
|
||
this.$api.sendRequest({
|
||
url: '/api/member/info',
|
||
success: (res) => {
|
||
if (res.code >= 0) {
|
||
this.$store.commit('setMemberInfo', res.data);
|
||
}
|
||
}
|
||
});
|
||
}
|
||
// #endif
|
||
|
||
// #ifdef MP-ALIPAY
|
||
if (options.query && options.query.m) uni.setStorageSync('source_member', options.query.m);
|
||
// #endif
|
||
},
|
||
onHide: function() {},
|
||
methods: {
|
||
/**
|
||
* 获取授权信息
|
||
*/
|
||
getAuthInfo() {
|
||
// #ifdef H5
|
||
if (this.$util.isWeiXin()) {
|
||
this.$util.getUrlCode(urlParams => {
|
||
if (urlParams.source_member) uni.setStorageSync('source_member', urlParams
|
||
.source_member);
|
||
|
||
if (urlParams.code == undefined) {
|
||
this.$api.sendRequest({
|
||
url: '/wechat/api/wechat/authcode',
|
||
data: {
|
||
redirect_url: location.href,
|
||
scopes: 'snsapi_userinfo'
|
||
},
|
||
success: res => {
|
||
if (res.code >= 0) {
|
||
location.href = res.data;
|
||
}
|
||
}
|
||
});
|
||
} else {
|
||
this.$api.sendRequest({
|
||
url: '/wechat/api/wechat/authcodetoopenid',
|
||
data: {
|
||
code: urlParams.code
|
||
},
|
||
success: res => {
|
||
if (res.code >= 0) {
|
||
let data = {};
|
||
if (res.data.openid) data.wx_openid = res.data.openid;
|
||
if (res.data.unionid) data.wx_unionid = res.data.unionid;
|
||
if (res.data.userinfo) Object.assign(data, res.data
|
||
.userinfo);
|
||
this.authLogin(data);
|
||
}
|
||
}
|
||
});
|
||
}
|
||
});
|
||
}
|
||
// #endif
|
||
|
||
// #ifdef MP
|
||
this.getCode(data => {
|
||
this.authLogin(data, 'authOnlyLogin');
|
||
});
|
||
// #endif
|
||
},
|
||
/**
|
||
* 授权登录
|
||
*/
|
||
authLogin(data, type = 'authLogin') {
|
||
if (uni.getStorageSync('source_member')) data.source_member = uni.getStorageSync('source_member');
|
||
|
||
uni.setStorageSync('authInfo', data);
|
||
|
||
this.$api.sendRequest({
|
||
url: type == 'authLogin' ? '/api/login/auth' : '/api/login/authonlylogin',
|
||
data,
|
||
success: res => {
|
||
if (res.code >= 0) {
|
||
this.$store.commit('setToken', res.data.token);
|
||
this.getMemberInfo()
|
||
this.$store.dispatch('getCartNumber');
|
||
}
|
||
}
|
||
});
|
||
},
|
||
/**
|
||
* 公众号分享设置
|
||
*/
|
||
shareConfig() {
|
||
this.$api.sendRequest({
|
||
url: '/wechat/api/wechat/share',
|
||
data: {
|
||
url: window.location.href
|
||
},
|
||
success: res => {
|
||
if (res.code == 0) {
|
||
var wxJS = new Weixin();
|
||
wxJS.init(res.data.jssdk_config);
|
||
|
||
let share_data = JSON.parse(JSON.stringify(res.data.share_config.data));
|
||
if (share_data) {
|
||
wxJS.setShareData({
|
||
title: share_data.title,
|
||
desc: share_data.desc,
|
||
link: share_data.link,
|
||
imgUrl: this.$util.img(share_data.imgUrl)
|
||
},
|
||
res => {
|
||
console.log(res);
|
||
}
|
||
);
|
||
}
|
||
|
||
let hideOptionMenu = res.data.share_config.permission.hideOptionMenu;
|
||
let hideMenuItems = res.data.share_config.permission.hideMenuItems;
|
||
|
||
if (hideOptionMenu) {
|
||
wxJS.weixin.hideOptionMenu(); //屏蔽分享好友等按钮
|
||
} else {
|
||
wxJS.weixin.showOptionMenu(); //放开分享好友等按钮
|
||
}
|
||
}
|
||
},
|
||
fail: err => {}
|
||
});
|
||
},
|
||
getMemberInfo() {
|
||
this.$api.sendRequest({
|
||
url: '/api/member/info',
|
||
success: (res) => {
|
||
if (res.code >= 0) {
|
||
// 登录成功，存储会员信息
|
||
this.$store.commit('setMemberInfo', res.data);
|
||
}
|
||
}
|
||
});
|
||
}
|
||
},
|
||
watch: {
|
||
$route: {
|
||
handler(newName, oldName) {
|
||
if (this.$util.isWeiXin()) {
|
||
this.shareConfig();
|
||
}
|
||
},
|
||
// 代表在watch里声明了firstName这个方法之后立即先去执行handler方法
|
||
immediate: true
|
||
}
|
||
}
|
||
};
|
||
</script>
|
||
<style lang="scss">
|
||
@import './common/css/main.scss';
|
||
@import './common/css/iconfont.css';
|
||
@import './common/css/icondiy.css'; // 自定义图标库
|
||
@import './common/css/icon/extend.css'; // 扩展图标库
|
||
page {
|
||
background: #f4f6fa;
|
||
}
|
||
</style> |