334 lines
8.8 KiB
Vue
334 lines
8.8 KiB
Vue
<script>
|
||
import auth from 'common/js/auth.js';
|
||
import colorList from 'common/js/style_color.js'
|
||
import {
|
||
Weixin
|
||
} from 'common/js/wx-jssdk.js';
|
||
// 新增：引入多语言核心工具类
|
||
import langConfig from '@/common/js/lang.js';
|
||
|
||
export default {
|
||
mixins: [auth],
|
||
onLaunch: function(options) {
|
||
// console.log(options.query.uniacid)
|
||
if(options.query.uniacid){
|
||
uni.setStorageSync('uniacid', options.query.uniacid);
|
||
console.log(uni.getStorageSync('uniacid'))
|
||
}
|
||
uni.hideTabBar();
|
||
|
||
// 新增：应用启动时初始化多语言（核心修改）
|
||
this.initLang();
|
||
|
||
// #ifdef MP
|
||
const updateManager = uni.getUpdateManager();
|
||
updateManager.onCheckForUpdate(function(res) {
|
||
// 请求完新版本信息的回调
|
||
});
|
||
|
||
updateManager.onUpdateReady(function(res) {
|
||
uni.showModal({
|
||
title: langConfig.lang('common.updateTip'), // 新增：多语言标题
|
||
content: langConfig.lang('common.updateContent'), // 新增：多语言内容
|
||
success(res) {
|
||
if (res.confirm) {
|
||
// 新的版本已经下载好，调用 applyUpdate 应用新版本并重启
|
||
updateManager.applyUpdate();
|
||
}
|
||
}
|
||
});
|
||
});
|
||
|
||
updateManager.onUpdateFailed(function(res) {
|
||
// 新的版本下载失败
|
||
});
|
||
// #endif
|
||
|
||
// #ifdef H5
|
||
if (uni.getSystemInfoSync().platform == 'ios') {
|
||
uni.setStorageSync('initUrl', location.href);
|
||
}
|
||
// #endif
|
||
|
||
uni.onNetworkStatusChange(function(res) {
|
||
if (!res.isConnected) {
|
||
uni.showModal({
|
||
title: langConfig.lang('common.networkTip'), // 新增：多语言标题
|
||
content: langConfig.lang('common.networkContent'), // 新增：多语言内容
|
||
showCancel: false
|
||
});
|
||
}
|
||
});
|
||
|
||
this.$store.dispatch('init');
|
||
|
||
// 存储到store中
|
||
|
||
// 主题风格
|
||
if (uni.getStorageSync('themeStyle')) {
|
||
this.$store.commit('setThemeStyle', colorList[uni.getStorageSync('themeStyle')]);
|
||
}
|
||
|
||
// 插件是否存在
|
||
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('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) {
|
||
// 新增：应用前台显示时刷新多语言（确保切后台后语言仍生效）
|
||
langConfig.refresh();
|
||
|
||
// #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: {
|
||
// 新增：多语言初始化方法
|
||
initLang() {
|
||
// 1. 读取本地存储的语言，无则默认中文
|
||
const currentLang = uni.getStorageSync('lang') || 'zh-cn';
|
||
// 2. 初始化lang.js的locale变量（确保全局语言一致）
|
||
langConfig.locale = currentLang;
|
||
// 3. 刷新多语言配置（标题、tabBar等）
|
||
langConfig.refresh();
|
||
// 4. 挂载全局多语言方法（方便所有页面直接调用）
|
||
uni.$lang = langConfig.lang;
|
||
// 5. 挂载全局语言切换方法（可选，方便全局调用）
|
||
uni.$switchLang = langConfig.change;
|
||
},
|
||
/**
|
||
* 获取授权信息
|
||
*/
|
||
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();
|
||
}
|
||
},
|
||
// 代表在wacth里声明了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> |