373 lines
8.5 KiB
JavaScript
373 lines
8.5 KiB
JavaScript
// checkappupdate.js
|
||
import config from '../config/common.js'
|
||
const $iconUrl = "/static/huojian2.png";
|
||
const $closeUrl = "/static/modalclose1.png";
|
||
const $mainColor = "#FF5B78";
|
||
|
||
function check(param = {}) {
|
||
if (!param.appurl) return false;
|
||
let datass = {
|
||
versionContent: param.versionContent,
|
||
versionNumber: param.versionNumber,
|
||
versionNow:param.versionNow,
|
||
updateType: 'solicit', //solicity
|
||
appurl: param.appurl,
|
||
apk:param.apk
|
||
}
|
||
updatePopup(datass, '')
|
||
}
|
||
|
||
function updatePopup(data, callback) {
|
||
// 弹窗遮罩层
|
||
let maskLayer = new plus.nativeObj.View("maskLayer", { //先创建遮罩层
|
||
top: '0px',
|
||
left: '0px',
|
||
height: '100%',
|
||
width: '100%',
|
||
backgroundColor: 'rgba(0,0,0,0.5)'
|
||
});
|
||
// 以下为计算菜单的nview绘制布局，为固定算法，使用者无关关心
|
||
const screenWidth = plus.screen.resolutionWidth;
|
||
const screenHeight = plus.screen.resolutionHeight;
|
||
|
||
//弹窗容器宽度
|
||
const popupViewWidth = screenWidth * 0.7;
|
||
// 弹窗容器的Padding
|
||
const viewContentPadding = 20;
|
||
// 弹窗容器的宽度
|
||
const viewContentWidth = parseInt(popupViewWidth - (viewContentPadding * 2));
|
||
// 描述的列表
|
||
const descriptionList = drawtext(data.versionContent, viewContentWidth);
|
||
// 弹窗容器高度
|
||
let popupViewHeight = 80 + 20 + 20 + 90 + 10 + 60 + 40;
|
||
let popupViewContentList = [{
|
||
src: $iconUrl,
|
||
id: "logo",
|
||
tag: "img",
|
||
position: {
|
||
top: "-70px",
|
||
left: "0px",
|
||
width: popupViewWidth + 'px',
|
||
height: (screenHeight / 3) + "px",
|
||
}
|
||
},
|
||
{
|
||
tag: 'font',
|
||
id: 'title',
|
||
text: "发现新版本",
|
||
textStyles: {
|
||
size: '22px',
|
||
color: "#5F94F9",
|
||
// weight: "bold",
|
||
whiteSpace: "normal"
|
||
},
|
||
position: {
|
||
top: '140px',
|
||
left: (viewContentPadding * 2) + "px",
|
||
width: viewContentWidth - viewContentPadding * 2 + "px",
|
||
height: "30px",
|
||
}
|
||
}
|
||
];
|
||
popupViewContentList.push({
|
||
tag: 'rect', //绘制版本号
|
||
rectStyles: {
|
||
radius: "3px",
|
||
color: "#5F94F9"
|
||
},
|
||
position: {
|
||
top: '180px',
|
||
left: ((viewContentWidth - 150) / 2 + viewContentPadding) + "px",
|
||
width: 150 + "px",
|
||
height: "20px"
|
||
}
|
||
})
|
||
popupViewContentList.push({
|
||
tag: 'font',
|
||
id: 'versionText',
|
||
text: 'V' + data.versionNow+ ' -> ' +'V' + data.versionNumber,
|
||
textStyles: {
|
||
size: '14px',
|
||
color: "#FFF",
|
||
lineSpacing: "0%",
|
||
},
|
||
position: {
|
||
top: '180px',
|
||
left: ((viewContentWidth - 150) / 2 + viewContentPadding) + "px",
|
||
width: 150 + "px",
|
||
height: "20px"
|
||
}
|
||
})
|
||
const textHeight = 18;
|
||
let contentTop = 190;
|
||
descriptionList.forEach((item, index) => {
|
||
if (index > 0) {
|
||
popupViewHeight += textHeight;
|
||
contentTop += textHeight;
|
||
}
|
||
popupViewContentList.push({
|
||
tag: 'font',
|
||
id: 'content' + index + 1,
|
||
text: item.content,
|
||
textStyles: {
|
||
size: '15px',
|
||
color: "#666",
|
||
lineSpacing: "50%",
|
||
align: "left",
|
||
},
|
||
position: {
|
||
top: (contentTop + 30) + "px",
|
||
left: viewContentPadding + "px",
|
||
width: viewContentWidth + "px",
|
||
height: textHeight + "px",
|
||
}
|
||
});
|
||
if (item.type == "break") {
|
||
contentTop += 10;
|
||
popupViewHeight += 10;
|
||
}
|
||
});
|
||
popupViewContentList.push({ // 立即升级按钮
|
||
// src: $gotoUrl,
|
||
id: "gotos",
|
||
// tag: "rect",
|
||
tag: 'rect',
|
||
rectStyles: {
|
||
radius: "20px",
|
||
color: "#5F94F9"
|
||
},
|
||
position: {
|
||
bottom: (viewContentPadding) + 'px',
|
||
left: (viewContentPadding * 2) + "px",
|
||
width: (viewContentWidth - viewContentPadding * 2) + "px",
|
||
height: "35px"
|
||
},
|
||
})
|
||
popupViewContentList.push({ // 立即升级按钮
|
||
// src: $gotoUrl,
|
||
id: "gotoText",
|
||
// tag: "rect",
|
||
tag: 'font',
|
||
text: '立即升级',
|
||
textStyles: {
|
||
size: '14px',
|
||
color: "#FFF",
|
||
lineSpacing: "0%",
|
||
},
|
||
position: {
|
||
bottom: (viewContentPadding) + 'px',
|
||
left: (viewContentPadding * 2) + "px",
|
||
width: (viewContentWidth - viewContentPadding * 2) + "px",
|
||
height: "35px"
|
||
},
|
||
})
|
||
// 弹窗内容
|
||
let popupView = new plus.nativeObj.View("popupView", { //创建底部图标菜单
|
||
tag: "rect",
|
||
top: (screenHeight - popupViewHeight) / 2 + "px",
|
||
left: '15%',
|
||
height: popupViewHeight + "px",
|
||
width: "70%"
|
||
});
|
||
// 绘制白色背景
|
||
popupView.drawRect({
|
||
color: "#ffffff",
|
||
radius: "8px"
|
||
}, {
|
||
top: "40px",
|
||
height: (popupViewHeight - 40) + "px",
|
||
});
|
||
|
||
popupView.draw(popupViewContentList);
|
||
|
||
// 绘制关闭按钮
|
||
const errViewWidth = screenWidth * 0.8;
|
||
let errViewHeight = 80 + 20 + 20 + 90 + 10 + 60;
|
||
let errTop = (screenHeight - errViewHeight) / 3.3 + "px"
|
||
let errView = new plus.nativeObj.View('errView', {
|
||
top: errTop,
|
||
left: errViewWidth,
|
||
height: '40px',
|
||
width: '100%'
|
||
},
|
||
[{
|
||
tag: 'img',
|
||
id: 'img',
|
||
src: $closeUrl,
|
||
position: {
|
||
top: '0px',
|
||
left: '0px',
|
||
width: '40px',
|
||
height: '40px'
|
||
},
|
||
}],
|
||
);
|
||
|
||
popupView.addEventListener("click", function(e) {
|
||
let maxTop = popupViewHeight - viewContentPadding;
|
||
let maxLeft = popupViewWidth - viewContentPadding;
|
||
let buttonWidth = (viewContentWidth - viewContentPadding) / 2;
|
||
if (e.clientY > maxTop - 30 && e.clientY < maxTop) {
|
||
if (e.clientX > viewContentPadding && e.clientX < maxLeft) {
|
||
maskLayer.hide();
|
||
popupView.hide();
|
||
errView.hide();
|
||
newUpdateDownload(data)
|
||
}
|
||
}
|
||
});
|
||
|
||
errView.addEventListener("click", function() { //处理点击关闭按钮点击
|
||
maskLayer.hide();
|
||
popupView.hide();
|
||
errView.hide();
|
||
});
|
||
|
||
// 显示弹窗
|
||
maskLayer.show();
|
||
popupView.show();
|
||
errView.show();
|
||
}
|
||
|
||
// 文字换行
|
||
function drawtext(text, maxWidth) {
|
||
let textArr = text.split("");
|
||
let len = textArr.length;
|
||
// 上个节点
|
||
let previousNode = 0;
|
||
// 记录节点宽度
|
||
let nodeWidth = 0;
|
||
// 文本换行数组
|
||
let rowText = [];
|
||
// 如果是字母，侧保存长度
|
||
let letterWidth = 0;
|
||
// 汉字宽度
|
||
let chineseWidth = 15;
|
||
// otherFont宽度
|
||
let otherWidth = 7;
|
||
for (let i = 0; i < len; i++) {
|
||
if (/[\u4e00-\u9fa5]|[\uFE30-\uFFA0]/g.test(textArr[i])) {
|
||
if (letterWidth > 0) {
|
||
if (nodeWidth + chineseWidth + letterWidth * otherWidth > maxWidth) {
|
||
rowText.push({
|
||
type: "text",
|
||
content: text.substring(previousNode, i)
|
||
});
|
||
previousNode = i;
|
||
nodeWidth = chineseWidth;
|
||
letterWidth = 0;
|
||
} else {
|
||
nodeWidth += chineseWidth + letterWidth * otherWidth;
|
||
letterWidth = 0;
|
||
}
|
||
} else {
|
||
if (nodeWidth + chineseWidth > maxWidth) {
|
||
rowText.push({
|
||
type: "text",
|
||
content: text.substring(previousNode, i)
|
||
});
|
||
previousNode = i;
|
||
nodeWidth = chineseWidth;
|
||
} else {
|
||
nodeWidth += chineseWidth;
|
||
}
|
||
}
|
||
} else {
|
||
if (/\n/g.test(textArr[i])) {
|
||
rowText.push({
|
||
type: "break",
|
||
content: text.substring(previousNode, i)
|
||
});
|
||
previousNode = i + 1;
|
||
nodeWidth = 0;
|
||
letterWidth = 0;
|
||
} else if (textArr[i] == "\\" && textArr[i + 1] == "n") {
|
||
rowText.push({
|
||
type: "break",
|
||
content: text.substring(previousNode, i)
|
||
});
|
||
previousNode = i + 2;
|
||
nodeWidth = 0;
|
||
letterWidth = 0;
|
||
} else if (/[a-zA-Z0-9]/g.test(textArr[i])) {
|
||
letterWidth += 1;
|
||
if (nodeWidth + letterWidth * otherWidth > maxWidth) {
|
||
rowText.push({
|
||
type: "text",
|
||
content: text.substring(previousNode, i + 1 - letterWidth)
|
||
});
|
||
previousNode = i + 1 - letterWidth;
|
||
nodeWidth = letterWidth * otherWidth;
|
||
letterWidth = 0;
|
||
}
|
||
} else {
|
||
if (nodeWidth + otherWidth > maxWidth) {
|
||
rowText.push({
|
||
type: "text",
|
||
content: text.substring(previousNode, i)
|
||
});
|
||
previousNode = i;
|
||
nodeWidth = otherWidth;
|
||
} else {
|
||
nodeWidth += otherWidth;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
if (previousNode < len) {
|
||
rowText.push({
|
||
type: "text",
|
||
content: text.substring(previousNode, len)
|
||
});
|
||
}
|
||
return rowText;
|
||
}
|
||
|
||
// 新的下载
|
||
function newUpdateDownload(data) {
|
||
if (data.apk == 'true') {
|
||
var appurl = ''
|
||
if (plus.os.name === 'Android') {
|
||
appurl = data.appurl;
|
||
} else {
|
||
// 其它平台
|
||
// appurl = versionInfo.pathIos;
|
||
}
|
||
plus.runtime.openURL(appurl); // 跳转应用发布平台
|
||
}else{
|
||
uni.showLoading({
|
||
title: "下载资源包",
|
||
mask: true,
|
||
})
|
||
uni.downloadFile({ // 下载资源包
|
||
url: data.appurl,
|
||
success: (downloadResult) => {
|
||
uni.hideLoading()
|
||
if (downloadResult.statusCode ===
|
||
200) {
|
||
plus.runtime.install(downloadResult
|
||
.tempFilePath, { // 安装资源包
|
||
force: false
|
||
},
|
||
function() {
|
||
console.log(
|
||
'install success...'
|
||
);
|
||
plus.runtime
|
||
.restart(); // 重启APP
|
||
},
|
||
function(e) {
|
||
console.error(e,
|
||
'install fail...'
|
||
);
|
||
})
|
||
}
|
||
}
|
||
})
|
||
}
|
||
|
||
}
|
||
|
||
export default {
|
||
check
|
||
} |