|
|
@@ -0,0 +1,356 @@
|
|
|
+<template>
|
|
|
+ <view class="versionUpgrade" v-if="show">
|
|
|
+ <view class="versionUpgradeView">
|
|
|
+ <view class="versionUpgradeViewV1">
|
|
|
+ <image class="img" src="./icon/upgrade.png" mode="aspectFill"></image>
|
|
|
+ <text class="v-text">发现新版本啦!</text>
|
|
|
+ </view>
|
|
|
+ <view class="versionUpgradeViewV2">
|
|
|
+ <text class="content-text">{{describe}}</text>
|
|
|
+ <view class="versionUpgradeViewIs_force0" v-if="is_force==false&&start==false">
|
|
|
+ <text class="text butClose" @click="close">下次在说</text>
|
|
|
+ <text class="text download" @click="downUpdate()">立即更新</text>
|
|
|
+ </view>
|
|
|
+ <view class="versionUpgradeViewIs_force0" v-if="is_force==true&&start==false">
|
|
|
+ <text class="downloadIs_force1" @click="downUpdate()">立即更新</text>
|
|
|
+ </view>
|
|
|
+ <view class="versionUpgradeViewStartTrue" v-if="start!=false">
|
|
|
+ <text class="title">下载进度</text>
|
|
|
+ <progress :percent="start" activeColor="#0094FE" :show-info="true" stroke-width="6"></progress>
|
|
|
+ </view>
|
|
|
+ <view class="versionUpgradeViewStartTrue" v-if="start!=false">
|
|
|
+ <text class="btn-text downloadStartTrue" v-if="start>=100" @click="install()">立即安装</text>
|
|
|
+ <text class="btn-text downloadStartFalse" v-else>立即安装</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+</template>
|
|
|
+<script>
|
|
|
+ export default {
|
|
|
+ name: 'luo-version-upgrade',
|
|
|
+ props: {
|
|
|
+ version: {
|
|
|
+ type: String,
|
|
|
+ default () {
|
|
|
+ return '1.0.0';
|
|
|
+ }
|
|
|
+ },
|
|
|
+ versionType: {
|
|
|
+ type: String,
|
|
|
+ default () {
|
|
|
+ return 'android';
|
|
|
+ }
|
|
|
+ },
|
|
|
+ url: {
|
|
|
+ type: String,
|
|
|
+ default () {
|
|
|
+ return '';
|
|
|
+ }
|
|
|
+ },
|
|
|
+ describe: {
|
|
|
+ type: String,
|
|
|
+ default () {
|
|
|
+ return `
|
|
|
+ 1. 修复badge组件的size参数无效问题
|
|
|
+ 2. 新增Modal模态框组件
|
|
|
+ 3. 新增压窗屏组件，可以在APP上以弹窗的形式遮盖导航栏和底部tabbar
|
|
|
+ 4. 修复键盘组件在微信小程序上遮罩无效的问题`
|
|
|
+ }
|
|
|
+ },
|
|
|
+ is_force: {
|
|
|
+ type: Boolean,
|
|
|
+ default () {
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ show: false,
|
|
|
+ start: false,
|
|
|
+ };
|
|
|
+
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ 'version': {
|
|
|
+ handler(newVal) {
|
|
|
+ if (newVal != '1.0.0') {
|
|
|
+ this.getVerison();
|
|
|
+ }
|
|
|
+ },
|
|
|
+ deep: true,
|
|
|
+ immediate: true,
|
|
|
+ }
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ versionTypes() {
|
|
|
+ return this.getPlatform(); //版本获取
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ /* 版本比较是否需要更新 */
|
|
|
+ getVerison: function() {
|
|
|
+ if (this.version == '1.0.0' || this.url == '') {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ //ios端判断
|
|
|
+ if (this.versionType == 'ios' || this.versionTypes == 'ios') {
|
|
|
+ uni.showModal({
|
|
|
+ title:"更新提醒",
|
|
|
+ content:"无法进行在线升级，请到AppStore进行升级..",
|
|
|
+ showCancel:false,
|
|
|
+ confirmText:"立即更新",
|
|
|
+ success: function (res) {
|
|
|
+ if (res.confirm) {
|
|
|
+ console.log('用户点击确定');
|
|
|
+ } else if (res.cancel) {
|
|
|
+ console.log('用户点击取消');
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })
|
|
|
+
|
|
|
+ // plus.nativeUI.alert('无法进行在线升级，请到AppStore进行升级..', '提示');
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if (this.versionType == 'android' && this.versionTypes == 'android') {
|
|
|
+ this.update();
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // 升级检测
|
|
|
+ update: function() {
|
|
|
+ let self = this;
|
|
|
+ /* 5+环境锁定屏幕方向 */
|
|
|
+ plus.screen.lockOrientation('portrait-primary'); //锁定
|
|
|
+ //客户端信息
|
|
|
+ plus.runtime.getProperty(plus.runtime.appid, function(res) {
|
|
|
+ let isupdate = self.isUpdate(res.version, self.version);
|
|
|
+ if (isupdate) {
|
|
|
+ self.versionShow();
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+
|
|
|
+ // * 比较版本大小，如果新版本nv大于旧版本ov则返回true，否则返回false
|
|
|
+ // * @param {String} ov
|
|
|
+ // * @param {String} nv
|
|
|
+ // * @return {Boolean}
|
|
|
+
|
|
|
+ isUpdate: function(ov, nv) {
|
|
|
+ if (!ov || !nv || ov == "" || nv == "") {
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ var b = false,
|
|
|
+ ova = ov.replace("V", "").replace("v", "").replace(" ", '').split(".", 4),
|
|
|
+ nva = nv.replace("V", "").replace("v", "").replace(" ", '').split(".", 4);
|
|
|
+ for (var i = 0; i < ova.length && i < nva.length; i++) {
|
|
|
+ var so = ova[i],
|
|
|
+ no = parseInt(so),
|
|
|
+ sn = nva[i],
|
|
|
+ nn = parseInt(sn);
|
|
|
+ if (nn > no || sn.length > so.length) {
|
|
|
+ return true;
|
|
|
+ } else if (nn < no) {
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (nva.length > ova.length && 0 == nv.indexOf(ov)) {
|
|
|
+ return true;
|
|
|
+ } else {
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ /* 获取版本类别 android/ios */
|
|
|
+ getPlatform: function() {
|
|
|
+ return uni.getSystemInfoSync().platform.toLowerCase();
|
|
|
+ },
|
|
|
+ /* 开启升级 */
|
|
|
+ versionShow: function() {
|
|
|
+ this.show = true;
|
|
|
+ uni.hideTabBar();
|
|
|
+ },
|
|
|
+ /* 取消升级 */
|
|
|
+ close: function() {
|
|
|
+ this.show = false;
|
|
|
+ uni.showTabBar();
|
|
|
+ },
|
|
|
+ downUpdate: function() {
|
|
|
+ //平台判断
|
|
|
+ if (this.versionTypes == 'ios') {
|
|
|
+ plus.nativeUI.alert('无法进行在线升级，请到AppStore进行升级..', '提示');
|
|
|
+ this.close();
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ //检测是否下载过更新
|
|
|
+ let self = this;
|
|
|
+ self.installPath = uni.getStorageSync('update_path');
|
|
|
+ plus.io.resolveLocalFileSystemURL(
|
|
|
+ self.installPath,
|
|
|
+ function(entry) {
|
|
|
+ self.install();
|
|
|
+ return;
|
|
|
+ },
|
|
|
+ function(err) {
|
|
|
+ const dtask = plus.downloader.createDownload(self.url, {
|
|
|
+ filename: '_downloads/'
|
|
|
+ });
|
|
|
+ dtask.addEventListener("statechanged", onStateChanged, false);
|
|
|
+ dtask.start();
|
|
|
+ }
|
|
|
+ );
|
|
|
+ //下载状态
|
|
|
+ function onStateChanged(download, status) {
|
|
|
+ let totalSize = download.totalSize;
|
|
|
+ let useSize = download.downloadedSize;
|
|
|
+ if(totalSize){
|
|
|
+ self.start = (useSize / totalSize * 100).toFixed(0);
|
|
|
+ }
|
|
|
+ // 下载完成
|
|
|
+ if (download.state == 4 && status == 200) {
|
|
|
+ self.installPath = download.filename;
|
|
|
+ uni.setStorageSync('update_path', self.installPath);
|
|
|
+ //需要用户点击立即安装才能安装去掉注释掉self.install();
|
|
|
+ self.install();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ //安装提示
|
|
|
+ install: function() {
|
|
|
+ this.close();
|
|
|
+ plus.nativeUI.showWaiting('安装中,请稍后...');
|
|
|
+ plus.runtime.install(this.installPath, {}, (res) => {
|
|
|
+ plus.nativeUI.closeWaiting();
|
|
|
+ plus.runtime.restart();
|
|
|
+ uni.removeStorageSync("update_path");
|
|
|
+ }, (err) => {
|
|
|
+ plus.nativeUI.closeWaiting();
|
|
|
+ plus.nativeUI.alert('error ' + err.code, '', '提示');
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+</script>
|
|
|
+<style lang="scss" scoped>
|
|
|
+ .versionUpgrade {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ position: fixed;
|
|
|
+ top: 0;
|
|
|
+ left: 0;
|
|
|
+ right: 0;
|
|
|
+ bottom: 0;
|
|
|
+ z-index: 999999;
|
|
|
+ background: rgba(0, 0, 0, 0.3);
|
|
|
+
|
|
|
+ .versionUpgradeView {
|
|
|
+ z-index: 9999999;
|
|
|
+ margin: 500rpx 60rpx 0 60rpx;
|
|
|
+ min-height: 200rpx;
|
|
|
+ max-height: 800rpx;
|
|
|
+ background: #FFFFFF;
|
|
|
+ border-radius: 30rpx;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column !important;
|
|
|
+ //padding: 30rpx;
|
|
|
+ overflow: hidden;
|
|
|
+
|
|
|
+ .versionUpgradeViewV1 {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row !important;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ background: #0094FE;
|
|
|
+ padding: 10rpx 0;
|
|
|
+ color: #FFFFFF;
|
|
|
+
|
|
|
+ .img {
|
|
|
+ width: 60rpx;
|
|
|
+ height: 60rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .v-text {
|
|
|
+ font-size: 16px;
|
|
|
+ margin-left: 10rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .versionUpgradeViewV2 {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column !important;
|
|
|
+ padding: 30upx;
|
|
|
+
|
|
|
+ .content-text {
|
|
|
+ font-size: 14px;
|
|
|
+ color: #626262;
|
|
|
+ }
|
|
|
+
|
|
|
+ .versionUpgradeViewIs_force0 {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row !important;
|
|
|
+ justify-content: space-between;
|
|
|
+ padding: 30rpx 0 0 0;
|
|
|
+
|
|
|
+ .text {
|
|
|
+ padding: 10rpx 70rpx;
|
|
|
+ border-radius: 30rpx;
|
|
|
+ font-size: 16px;
|
|
|
+ color: #FFFFFF;
|
|
|
+ }
|
|
|
+
|
|
|
+ .butClose {
|
|
|
+ background: #e2e2e2;
|
|
|
+ }
|
|
|
+
|
|
|
+ .download {
|
|
|
+ background: #0094FE;
|
|
|
+ }
|
|
|
+
|
|
|
+ .downloadIs_force1 {
|
|
|
+ width: 100%;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ padding: 10rpx 0;
|
|
|
+ border-radius: 30rpx;
|
|
|
+ font-size: 16px;
|
|
|
+ color: #FFFFFF;
|
|
|
+ background: #0094FE;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .versionUpgradeViewStartTrue {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column !important;
|
|
|
+ padding: 30rpx 0 0 0;
|
|
|
+
|
|
|
+ .title {
|
|
|
+ font-size: 14px;
|
|
|
+ color: #626262;
|
|
|
+ padding: 10rpx 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ .btn-text {
|
|
|
+ width: 100%;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ padding: 10rpx 0;
|
|
|
+ border-radius: 30rpx;
|
|
|
+ font-size: 16px;
|
|
|
+ color: #FFFFFF;
|
|
|
+ }
|
|
|
+
|
|
|
+ .downloadStartTrue {
|
|
|
+ background: #0094FE;
|
|
|
+ }
|
|
|
+
|
|
|
+ .downloadStartFalse {
|
|
|
+ background: #e2e2e2;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+</style>
|
caojunjie
