You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
355 lines
9.5 KiB
355 lines
9.5 KiB
5 months ago
|
<script>
|
||
|
import { checkLogin } from './libs/login';
|
||
|
import { HTTP_REQUEST_URL, SYSTEM_VERSION } from './config/app';
|
||
|
import { getShopConfig, silenceAuth, getSystemVersion, basicConfig } from '@/api/public';
|
||
|
import Auth from '@/libs/wechat.js';
|
||
|
import Routine from './libs/routine.js';
|
||
|
import { silenceBindingSpread } from '@/utils';
|
||
|
import { colorChange, getCrmebCopyRight } from '@/api/api.js';
|
||
|
import { getLangJson, getLangVersion } from '@/api/user.js';
|
||
|
import { mapGetters } from 'vuex';
|
||
|
import colors from '@/mixins/color.js';
|
||
|
import Cache from '@/utils/cache';
|
||
|
import themeList from '@/utils/theme';
|
||
|
|
||
|
export default {
|
||
|
globalData: {
|
||
|
spid: 0,
|
||
|
code: 0,
|
||
|
isLogin: false,
|
||
|
userInfo: {},
|
||
|
MyMenus: [],
|
||
|
globalData: false,
|
||
|
isIframe: false,
|
||
|
tabbarShow: true,
|
||
|
windowHeight: 0,
|
||
|
locale: ''
|
||
|
},
|
||
|
mixins: [colors],
|
||
|
computed: mapGetters(['isLogin', 'cartNum']),
|
||
|
watch: {
|
||
|
isLogin: {
|
||
|
deep: true, //深度监听设置为 true
|
||
|
handler: function (newV, oldV) {
|
||
|
if (newV) {
|
||
|
// this.getCartNum()
|
||
|
} else {
|
||
|
this.$store.commit('indexData/setCartNum', '');
|
||
|
}
|
||
|
}
|
||
|
},
|
||
|
cartNum(newCart, b) {
|
||
|
this.$store.commit('indexData/setCartNum', newCart + '');
|
||
|
if (newCart > 0) {
|
||
|
uni.setTabBarBadge({
|
||
|
index: Number(uni.getStorageSync('FOOTER_ADDCART')) || 2,
|
||
|
text: newCart + ''
|
||
|
});
|
||
|
} else {
|
||
|
uni.hideTabBarRedDot({
|
||
|
index: Number(uni.getStorageSync('FOOTER_ADDCART')) || 2
|
||
|
});
|
||
|
}
|
||
|
}
|
||
|
},
|
||
|
onShow() {
|
||
|
const queryData = uni.getEnterOptionsSync(); // uni-app版本 3.5.1+ 支持
|
||
|
if (queryData.query.spread) {
|
||
|
this.$Cache.set('spread', queryData.query.spread);
|
||
|
this.globalData.spid = queryData.query.spread;
|
||
|
this.globalData.pid = queryData.query.spread;
|
||
|
silenceBindingSpread(this.globalData);
|
||
|
}
|
||
|
if (queryData.query.spid) {
|
||
|
this.$Cache.set('spread', queryData.query.spid);
|
||
|
this.globalData.spid = queryData.query.spid;
|
||
|
this.globalData.pid = queryData.query.spid;
|
||
|
silenceBindingSpread(this.globalData);
|
||
|
}
|
||
|
// #ifdef MP
|
||
|
if (queryData.query.scene) {
|
||
|
let param = this.$util.getUrlParams(decodeURIComponent(queryData.query.scene));
|
||
|
console.log(param, 'param');
|
||
|
if (param.pid) {
|
||
|
this.$Cache.set('spread', param.pid);
|
||
|
this.globalData.spid = param.pid;
|
||
|
this.globalData.pid = param.pid;
|
||
|
} else {
|
||
|
switch (queryData.scene) {
|
||
|
//扫描小程序码
|
||
|
case 1047:
|
||
|
this.globalData.code = queryData.query.scene;
|
||
|
break;
|
||
|
//长按图片识别小程序码
|
||
|
case 1048:
|
||
|
this.globalData.code = queryData.query.scene;
|
||
|
break;
|
||
|
//手机相册选取小程序码
|
||
|
case 1049:
|
||
|
this.globalData.code = queryData.query.scene;
|
||
|
break;
|
||
|
//直接进入小程序
|
||
|
case 1001:
|
||
|
this.globalData.spid = queryData.query.scene;
|
||
|
break;
|
||
|
}
|
||
|
}
|
||
|
silenceBindingSpread(this.globalData);
|
||
|
}
|
||
|
// #endif
|
||
|
},
|
||
|
async onLaunch(option) {
|
||
|
uni.hideTabBar();
|
||
|
let that = this;
|
||
|
// #ifdef H5
|
||
|
if (option.query.hasOwnProperty('mdType') && option.query.mdType == 'iframeWindow') {
|
||
|
this.globalData.isIframe = true;
|
||
|
} else {
|
||
|
this.globalData.isIframe = false;
|
||
|
}
|
||
|
// #endif
|
||
|
basicConfig().then((res) => {
|
||
|
uni.setStorageSync('BASIC_CONFIG', res.data);
|
||
|
});
|
||
|
colorChange('color_change').then((res) => {
|
||
|
uni.setStorageSync('is_diy', res.data.is_diy);
|
||
|
uni.$emit('is_diy', res.data.is_diy);
|
||
|
uni.setStorageSync('color_status', res.data.status);
|
||
|
switch (res.data.status) {
|
||
|
case 1:
|
||
|
uni.setStorageSync('viewColor', themeList.blue);
|
||
|
uni.$emit('ok', themeList.blue, res.data.status);
|
||
|
break;
|
||
|
case 2:
|
||
|
uni.setStorageSync('viewColor', themeList.green);
|
||
|
uni.$emit('ok', themeList.green, res.data.status);
|
||
|
break;
|
||
|
case 3:
|
||
|
uni.setStorageSync('viewColor', themeList.red);
|
||
|
uni.$emit('ok', themeList.red, res.data.status);
|
||
|
break;
|
||
|
case 4:
|
||
|
uni.setStorageSync('viewColor', themeList.pink);
|
||
|
uni.$emit('ok', themeList.pink, res.data.status);
|
||
|
break;
|
||
|
case 5:
|
||
|
uni.setStorageSync('viewColor', themeList.orange);
|
||
|
uni.$emit('ok', themeList.orange, res.data.status);
|
||
|
break;
|
||
|
default:
|
||
|
uni.setStorageSync('viewColor', themeList.red);
|
||
|
uni.$emit('ok', themeList.red, res.data.status);
|
||
|
break;
|
||
|
}
|
||
|
});
|
||
|
getLangVersion().then((res) => {
|
||
|
let version = res.data.version;
|
||
|
if (version != uni.getStorageSync('LANG_VERSION')) {
|
||
|
getLangJson().then((res) => {
|
||
|
let value = Object.keys(res.data)[0];
|
||
|
Cache.set('locale', Object.keys(res.data)[0]);
|
||
|
this.$i18n.setLocaleMessage(value, res.data[value]);
|
||
|
uni.setStorageSync('localeJson', res.data);
|
||
|
});
|
||
|
}
|
||
|
uni.setStorageSync('LANG_VERSION', version);
|
||
|
});
|
||
|
|
||
|
// #ifdef APP-PLUS || H5
|
||
|
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
|
||
|
// // #ifdef APP-PLUS
|
||
|
// that.globalData.windowHeight = height + '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;
|
||
|
}
|
||
|
|
||
|
const updateManager = wx.getUpdateManager();
|
||
|
const startParamObj = wx.getEnterOptionsSync();
|
||
|
if (wx.canIUse('getUpdateManager') && startParamObj.scene != 1154) {
|
||
|
const updateManager = wx.getUpdateManager();
|
||
|
updateManager.onCheckForUpdate(function (res) {
|
||
|
// 请求完新版本信息的回调
|
||
|
// console.log(res.hasUpdate)
|
||
|
if (res.hasUpdate) {
|
||
|
updateManager.onUpdateFailed(function () {
|
||
|
return that.Tips({
|
||
|
title: '新版本下载失败'
|
||
|
});
|
||
|
});
|
||
|
updateManager.onUpdateReady(function () {
|
||
|
wx.showModal({
|
||
|
title: '更新提示',
|
||
|
content: '新版本已经下载好,是否重启当前应用?',
|
||
|
success(res) {
|
||
|
if (res.confirm) {
|
||
|
updateManager.applyUpdate();
|
||
|
}
|
||
|
}
|
||
|
});
|
||
|
});
|
||
|
updateManager.onUpdateFailed(function () {
|
||
|
wx.showModal({
|
||
|
title: '发现新版本',
|
||
|
content: '请删除当前小程序,重启搜索打开...'
|
||
|
});
|
||
|
});
|
||
|
}
|
||
|
});
|
||
|
}
|
||
|
// #endif
|
||
|
|
||
|
// getShopConfig().then(res => {
|
||
|
// this.$store.commit('SETPHONESTATUS', res.data.status);
|
||
|
// });
|
||
|
// 获取导航高度;
|
||
|
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;
|
||
|
const version = uni.getSystemInfoSync().SDKVersion;
|
||
|
if (Routine.compareVersion(version, '2.21.3') >= 0) {
|
||
|
that.$Cache.set('MP_VERSION_ISNEW', true);
|
||
|
} else {
|
||
|
that.$Cache.set('MP_VERSION_ISNEW', false);
|
||
|
}
|
||
|
// #endif
|
||
|
|
||
|
// #ifdef MP
|
||
|
// 小程序静默授权
|
||
|
// if (!this.$store.getters.isLogin) {
|
||
|
// Routine.getCode()
|
||
|
// .then(code => {
|
||
|
// this.silenceAuth(code);
|
||
|
// })
|
||
|
// .catch(res => {
|
||
|
// uni.hideLoading();
|
||
|
// });
|
||
|
// }
|
||
|
// #endif
|
||
|
// #ifdef H5
|
||
|
// 添加crmeb chat 统计
|
||
|
var __s = document.createElement('script');
|
||
|
__s.src = `${HTTP_REQUEST_URL}/api/get_script`;
|
||
|
document.head.appendChild(__s);
|
||
|
// #endif
|
||
|
getCrmebCopyRight().then((res) => {
|
||
|
uni.setStorageSync('copyRight', res.data);
|
||
|
});
|
||
|
// #ifdef MP
|
||
|
getSystemVersion().then((res) => {
|
||
|
if (res.data.version_code < SYSTEM_VERSION) {
|
||
|
uni.showModal({
|
||
|
title: '提示',
|
||
|
content: '请重新打包并上传小程序',
|
||
|
success: function (res) {
|
||
|
if (res.confirm) {
|
||
|
}
|
||
|
}
|
||
|
});
|
||
|
}
|
||
|
});
|
||
|
// #endif
|
||
|
},
|
||
|
// #ifdef H5
|
||
|
onHide() {
|
||
|
this.$Cache.clear('snsapiKey');
|
||
|
},
|
||
|
// #endif
|
||
|
methods: {
|
||
|
// 小程序静默授权
|
||
|
// silenceAuth(code) {
|
||
|
// let that = this;
|
||
|
// let spread = that.globalData.spid ? that.globalData.spid : '';
|
||
|
// silenceAuth({
|
||
|
// code: code,
|
||
|
// spread_spid: spread,
|
||
|
// spread_code: that.globalData.code
|
||
|
// })
|
||
|
// .then(res => {
|
||
|
// if (res.data.token !== undefined && res.data.token) {
|
||
|
// uni.hideLoading();
|
||
|
// let time = res.data.expires_time - this.$Cache.time();
|
||
|
// that.$store.commit('LOGIN', {
|
||
|
// token: res.data.token,
|
||
|
// time: time
|
||
|
// });
|
||
|
// that.$store.commit('SETUID', res.data.userInfo.uid);
|
||
|
// that.$store.commit('UPDATE_USERINFO', res.data.userInfo);
|
||
|
// }
|
||
|
// })
|
||
|
// .catch(res => {});
|
||
|
// },
|
||
|
}
|
||
|
};
|
||
|
</script>
|
||
|
|
||
|
<style>
|
||
|
@import url('@/plugin/emoji-awesome/css/tuoluojiang.css');
|
||
|
@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';
|
||
|
|
||
|
view {
|
||
|
box-sizing: border-box;
|
||
|
}
|
||
|
|
||
|
page {
|
||
|
font-family: PingFang SC;
|
||
|
}
|
||
|
|
||
|
.bg-color-red {
|
||
|
background-color: var(--view-theme) !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;
|
||
|
}
|
||
|
|
||
|
.uni-system-open-location .map-content.fix-position {
|
||
|
height: 100vh;
|
||
|
top: 0;
|
||
|
bottom: 0;
|
||
|
}
|
||
|
|
||
|
.open-location {
|
||
|
width: 100%;
|
||
|
height: 100vh;
|
||
|
}
|
||
|
</style>
|