243 lines
7.5 KiB
Vue
243 lines
7.5 KiB
Vue
|
<template>
|
|||
|
|
<view class="index">
|
|||
|
|
<TabHome v-if="actived === 'TabHome'" ref="TabHome"></TabHome>
|
|||
|
|
<!-- <TabTrade v-if="actived === 'TabTrade'" ref="TabTrade"></TabTrade> -->
|
|||
|
|
<!-- <TabInteraction v-if="actived === 'TabInteraction'" ref="TabInteraction"></TabInteraction> -->
|
|||
|
|
<Msg v-if="actived === 'Msg'" ref="Msg"></Msg>
|
|||
|
|
|
|||
|
|
<TabUser v-if="actived === 'TabUser'" ref="TabUser"></TabUser>
|
|||
|
|
<!-- <view class="tabbar-placeholder">
|
|||
|
|
|
|||
|
|
</view> -->
|
|||
|
|
<tabbar :list="tabPages" :actived="actived" @change="onChanged"></tabbar>
|
|||
|
|
</view>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
import {
|
|||
|
|
getUUID,
|
|||
|
|
versionCompare,
|
|||
|
|
getMacAddress,
|
|||
|
|
} from "@/common/utils/index.js";
|
|||
|
|
import tabbar from "./components/tabbar.vue";
|
|||
|
|
import TabHome from "../home/index.vue";
|
|||
|
|
// import TabTrade from "../trade/index.vue";
|
|||
|
|
import TabInteraction from "../interaction/index.vue";
|
|||
|
|
import TabUser from "../user/index.vue";
|
|||
|
|
import url from "@/common/http/url.js";
|
|||
|
|
import Msg from "../chat/index.vue";
|
|||
|
|
import {
|
|||
|
|
mapMutations
|
|||
|
|
} from "vuex";
|
|||
|
|
|
|||
|
|
let userInfo = uni.getStorageSync("userInfo");
|
|||
|
|
const upDater = uni.requireNativePlugin("CL-UpDater"); // 版本升级
|
|||
|
|
export default {
|
|||
|
|
components: {
|
|||
|
|
tabbar,
|
|||
|
|
TabHome,
|
|||
|
|
// TabTrade,
|
|||
|
|
TabInteraction,
|
|||
|
|
TabUser,
|
|||
|
|
Msg
|
|||
|
|
},
|
|||
|
|
data() {
|
|||
|
|
return {
|
|||
|
|
actived: "TabHome",
|
|||
|
|
tabPages: [{
|
|||
|
|
name: "首页",
|
|||
|
|
url: "/pages/home/index",
|
|||
|
|
iconPath: "/static/home-page/home.png",
|
|||
|
|
selectedIconPath: "/static/home-page/home-use.png",
|
|||
|
|
component: "TabHome",
|
|||
|
|
activeColor: '#22bd5e',
|
|||
|
|
inactiveColor: '#333333'
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
name: "我的",
|
|||
|
|
url: "/pages/user/index",
|
|||
|
|
iconPath: "/static/home-page/my.png",
|
|||
|
|
selectedIconPath: "/static/home-page/my-use.png",
|
|||
|
|
component: "TabUser",
|
|||
|
|
activeColor: '#22bd5e',
|
|||
|
|
inactiveColor: '#333333'
|
|||
|
|
},
|
|||
|
|
],
|
|||
|
|
};
|
|||
|
|
},
|
|||
|
|
onShow() {
|
|||
|
|
if (this.$refs["TabUser"]) {
|
|||
|
|
this.$refs["TabUser"].reset();
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
onLoad(e) {
|
|||
|
|
if (e.tab) this.actived = e.tab;
|
|||
|
|
},
|
|||
|
|
methods: {
|
|||
|
|
...mapMutations(["logout"]),
|
|||
|
|
getArrayValueByCode(array, code) {
|
|||
|
|
let value = "";
|
|||
|
|
array.forEach((v) => {
|
|||
|
|
if (v.keyCode === code) {
|
|||
|
|
value = v.keyValue;
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
return value;
|
|||
|
|
},
|
|||
|
|
async versionApp(showLoad) {
|
|||
|
|
let version = null; // 当前版本
|
|||
|
|
|
|||
|
|
await plus.runtime.getProperty(plus.runtime.appid, function(widgetInfo) {
|
|||
|
|
console.log("widgetInfo", widgetInfo);
|
|||
|
|
version = widgetInfo.version;
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
let res = await this.$http("GET", url.common.getAppVersion);
|
|||
|
|
console.log("res**********", res);
|
|||
|
|
|
|||
|
|
// let version = plus.runtime.version; // 当前版本
|
|||
|
|
let iosVersion = res.data["IOS"].keyValue; // ios版本
|
|||
|
|
let androidVersion = res.data["Android"].keyValue; // android版本
|
|||
|
|
console.log(
|
|||
|
|
uni.getSystemInfoSync().platform,
|
|||
|
|
"当前版本=====version",
|
|||
|
|
version,
|
|||
|
|
iosVersion,
|
|||
|
|
"安卓版本=====androidVersion",
|
|||
|
|
androidVersion
|
|||
|
|
);
|
|||
|
|
if (uni.getSystemInfoSync().platform === "ios") {
|
|||
|
|
if (!versionCompare(version, iosVersion)) {
|
|||
|
|
let list = res.data["IOS"].children;
|
|||
|
|
// 1-选择升级 2-强制升级 3-个人中心手动升级 4-忽略升级
|
|||
|
|
let type = this.getArrayValueByCode(list, "app_version_ios_upgrade");
|
|||
|
|
let con = this.getArrayValueByCode(list, "app_version_ios_detail");
|
|||
|
|
let downUrl = this.getArrayValueByCode(list, "app_version_ios_url");
|
|||
|
|
let options = {
|
|||
|
|
title: "发现新版本",
|
|||
|
|
con: con,
|
|||
|
|
downUrl: downUrl,
|
|||
|
|
hidCancelbtn: false, //是否隐藏取消按钮;
|
|||
|
|
btnBgColor: "#F8D247", //设置按钮背景色颜色
|
|||
|
|
updateBtnText: "立即更新", //升级按钮文字,默认为立即升级
|
|||
|
|
hidBackBtn: true, //可选 默认为false（即会显示后台更新按钮）， 设置android 整包更新弹框是否显示后台更新按钮，这个只有android整包更新才有这个参数，热更新是是无法设置的。
|
|||
|
|
// verCode:"1.0.1",//最新apk版本号 可选 用于Android整包升级,避免用户取消安装apk时,重复下载问题,如果不传的话,apk将会重新下载
|
|||
|
|
};
|
|||
|
|
if (type === "1" || type === "2" || (showLoad && type === "3")) {
|
|||
|
|
upDater.startUpdate(options, () => {
|
|||
|
|
if (type === "2") {
|
|||
|
|
plus.runtime.restart();
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
if (showLoad) {
|
|||
|
|
this.$msg("当前已是最新版～");
|
|||
|
|
}
|
|||
|
|
} else if (uni.getSystemInfoSync().platform === "android") {
|
|||
|
|
console.log(
|
|||
|
|
"versionCompare(version, androidVersion*********",
|
|||
|
|
versionCompare(version, androidVersion)
|
|||
|
|
);
|
|||
|
|
if (!versionCompare(version, androidVersion)) {
|
|||
|
|
let list = res.data["Android"].children;
|
|||
|
|
// 1-选择升级 2-强制升级 3-浏览器升级(暂不用) 4-个人中心手动升级 5-忽略升级
|
|||
|
|
let type = this.getArrayValueByCode(
|
|||
|
|
list,
|
|||
|
|
"app_version_android_upgrade"
|
|||
|
|
);
|
|||
|
|
let con = this.getArrayValueByCode(
|
|||
|
|
list,
|
|||
|
|
"app_version_android_detail"
|
|||
|
|
);
|
|||
|
|
let isMust = this.getArrayValueByCode(list, "qzgx");
|
|||
|
|
console.log("type***********", type);
|
|||
|
|
console.log("con**************", con);
|
|||
|
|
if (type === "1" || type === "2" || (showLoad && type === "4")) {
|
|||
|
|
let downUrl = this.getArrayValueByCode(
|
|||
|
|
list,
|
|||
|
|
"app_version_android_url"
|
|||
|
|
);
|
|||
|
|
let options = {
|
|||
|
|
title: "发现新版本",
|
|||
|
|
con: con,
|
|||
|
|
downUrl: downUrl,
|
|||
|
|
hidCancelbtn: isMust == 0 ? false : true, //是否隐藏取消按钮;
|
|||
|
|
btnBgColor: "#F8D247", //设置按钮背景色颜色
|
|||
|
|
updateBtnText: "立即更新", //升级按钮文字,默认为立即升级
|
|||
|
|
hidBackBtn: false, //可选 默认为false（即会显示后台更新按钮）， 设置android 整包更新弹框是否显示后台更新按钮，这个只有android整包更新才有这个参数，热更新是是无法设置的。
|
|||
|
|
// verCode:"1.0.1",//最新apk版本号 可选 用于Android整包升级,避免用户取消安装apk时,重复下载问题,如果不传的话,apk将会重新下载
|
|||
|
|
};
|
|||
|
|
upDater.startUpdate(options, () => {
|
|||
|
|
if (type === "2") {
|
|||
|
|
plus.runtime.quit();
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
if (showLoad) {
|
|||
|
|
this.$msg("当前已是最新版～");
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
async onChanged(tab) {
|
|||
|
|
// 中间短视频
|
|||
|
|
if (tab.midButton) {
|
|||
|
|
uni.navigateTo({
|
|||
|
|
url: tab.url,
|
|||
|
|
});
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
// #ifdef APP-PLUS
|
|||
|
|
this.versionApp();
|
|||
|
|
// #endif
|
|||
|
|
// #ifndef APP-PLUS
|
|||
|
|
// this.$msg("当前版本不支持检测更新～");
|
|||
|
|
// #endif
|
|||
|
|
this.actived = tab.component;
|
|||
|
|
this.checkToken()
|
|||
|
|
},
|
|||
|
|
//就是点击下边四个tab的时候调用一下这个接口，返回false的话就调用一下退出登录，给他退掉
|
|||
|
|
checkToken() {
|
|||
|
|
this.$http("GET", "/user/userCache").then((res) => {
|
|||
|
|
if (!res.data) {
|
|||
|
|
this.logout();
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
onLoad() {
|
|||
|
|
this.checkToken();
|
|||
|
|
},
|
|||
|
|
onPullDownRefresh() {
|
|||
|
|
const component = this.$refs[this.actived] || {};
|
|||
|
|
component.pullDownRefresh ?
|
|||
|
|
component.pullDownRefresh() :
|
|||
|
|
uni.stopPullDownRefresh();
|
|||
|
|
},
|
|||
|
|
onReachBottom() {
|
|||
|
|
const component = this.$refs[this.actived] || {};
|
|||
|
|
component.reachBottom && component.reachBottom();
|
|||
|
|
},
|
|||
|
|
onBackPress() {
|
|||
|
|
const component = this.$refs[this.actived] || {};
|
|||
|
|
component.backPress && component.backPress();
|
|||
|
|
},
|
|||
|
|
onPageScroll(e) {
|
|||
|
|
const component = this.$refs[this.actived] || {};
|
|||
|
|
component.pageScroll && component.pageScroll(e);
|
|||
|
|
},
|
|||
|
|
};
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style lang="scss">
|
|||
|
|
.index {
|
|||
|
|
.tabbar-placeholder {
|
|||
|
|
display: block;
|
|||
|
|
width: 100%;
|
|||
|
|
height: 98upx;
|
|||
|
|
background: transparent;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</style>
|