|
|
// #ifdef APP-PLUS
|
|
|
/**** 此文件说明请看注释 *****/
|
|
|
// 可以用自己项目的请求方法
|
|
|
// 请求配置说明：https://ext.dcloud.net.cn/plugin?id=822
|
|
|
import $http from "@/utils/request";
|
|
|
import { any } from "lodash/fp";
|
|
|
import http from "@/utils/request";
|
|
|
import { url } from "@/utils/url";
|
|
|
/**** 结束 *****/
|
|
|
|
|
|
const platform = uni.getSystemInfoSync().platform;
|
|
|
// 主颜色
|
|
|
const $mainColor = "FF5B78";
|
|
|
// 弹窗图标url
|
|
|
const $iconUrl = "/static/icon/ic_ar.png";
|
|
|
|
|
|
const PlusNativeObjView = plus.nativeObj.View as any;
|
|
|
|
|
|
// 获取当前应用的版本号
|
|
|
export const getCurrentNo = function (callback: (params: any) => void): void {
|
|
|
// 获取本地应用资源版本号
|
|
|
plus.runtime.getProperty(plus.runtime.appid, function (inf: any) {
|
|
|
callback &&
|
|
|
callback({
|
|
|
versionCode: inf.versionCode,
|
|
|
versionName: inf.version,
|
|
|
});
|
|
|
});
|
|
|
};
|
|
|
// 发起ajax请求获取服务端版本号
|
|
|
const getServerNo = function (
|
|
|
version: any,
|
|
|
isPrompt = false,
|
|
|
callback: (params: any) => void
|
|
|
) {
|
|
|
const httpData: any = {
|
|
|
version: version.versionCode,
|
|
|
versionName: version.versionName,
|
|
|
};
|
|
|
if (platform == "android") {
|
|
|
httpData.type = 1101;
|
|
|
} else {
|
|
|
httpData.type = 1102;
|
|
|
}
|
|
|
/* 接口入参说明
|
|
|
* version: 应用当前版本号（已自动获取）
|
|
|
* versionName: 应用当前版本名称（已自动获取）
|
|
|
* type：平台（1101是安卓，1102是IOS）
|
|
|
*/
|
|
|
/****************以下是示例*******************/
|
|
|
// setTimeout(() => {
|
|
|
// // http://minio.dev.juyuansoft.com/jmsplat/test/__UNI__EB8E54F.wgt
|
|
|
// callback &&
|
|
|
// callback({
|
|
|
// versionCode: 2,
|
|
|
// versionName: '0.0.2',
|
|
|
// versionInfo: '测试更新',
|
|
|
// forceUpdate: false,
|
|
|
// downloadUrl: 'http://minio.dev.juyuansoft.com/jmsplat/test/__UNI__EB8E54F.wgt',
|
|
|
// });
|
|
|
// }, 1000);
|
|
|
// 可以用自己项目的请求方法
|
|
|
// $http
|
|
|
// .get('api/common/v1/app_version', httpData, {
|
|
|
// isPrompt: isPrompt,
|
|
|
// })
|
|
|
// .then((res: any) => {
|
|
|
// /* res的数据说明
|
|
|
// * | 参数名称 | 一定返回 | 类型 | 描述
|
|
|
// * | -------------|--------- | --------- | ------------- |
|
|
|
// * | versionCode | y | int | 版本号 |
|
|
|
// * | versionName | y | String | 版本名称 |
|
|
|
// * | versionInfo | y | String | 版本信息 |
|
|
|
// * | forceUpdate | y | boolean | 是否强制更新 |
|
|
|
// * | downloadUrl | y | String | 版本下载链接（IOS安装包更新请放跳转store应用商店链接,安卓apk和wgt文件放文件下载链接） |
|
|
|
// */
|
|
|
// if (res && res.downloadUrl) {
|
|
|
// callback && callback(res);
|
|
|
// } else if (isPrompt) {
|
|
|
// uni.showToast({
|
|
|
// title: '暂无新版本',
|
|
|
// icon: 'none',
|
|
|
// });
|
|
|
// }
|
|
|
// });
|
|
|
/****************以上是示例*******************/
|
|
|
};
|
|
|
// 从服务器下载应用资源包（wgt文件）
|
|
|
const getDownload = function (data: any) {
|
|
|
const popupData = {
|
|
|
progress: true,
|
|
|
buttonNum: 2,
|
|
|
};
|
|
|
if (data.forceUpdate) {
|
|
|
popupData.buttonNum = 0;
|
|
|
}
|
|
|
let lastProgressValue = 0;
|
|
|
const popupObj: any = downloadPopup(popupData);
|
|
|
const dtask = plus.downloader.createDownload(
|
|
|
data.downloadUrl,
|
|
|
{
|
|
|
filename: "_downloads/",
|
|
|
},
|
|
|
function (download, status) {
|
|
|
if (status == 200) {
|
|
|
popupObj.change({
|
|
|
progressValue: 100,
|
|
|
progressTip: "正在安装文件...",
|
|
|
progress: true,
|
|
|
buttonNum: 0,
|
|
|
});
|
|
|
plus.runtime.install(
|
|
|
download.filename as
|
|
|
| "_www/"
|
|
|
| "_doc/"
|
|
|
| "_documents/"
|
|
|
| "_downloads/",
|
|
|
{},
|
|
|
function () {
|
|
|
popupObj.change({
|
|
|
contentText: "应用资源更新完成！",
|
|
|
buttonNum: 1,
|
|
|
progress: false,
|
|
|
});
|
|
|
},
|
|
|
function (e) {
|
|
|
popupObj.cancel();
|
|
|
plus.nativeUI.alert("安装文件失败[" + e.code + "]：" + e.message);
|
|
|
}
|
|
|
);
|
|
|
} else {
|
|
|
popupObj.change({
|
|
|
contentText: "文件下载失败...",
|
|
|
buttonNum: 1,
|
|
|
progress: false,
|
|
|
});
|
|
|
}
|
|
|
}
|
|
|
);
|
|
|
dtask.start();
|
|
|
dtask.addEventListener("statechanged", function (task, status) {
|
|
|
switch (task.state) {
|
|
|
case 1: // 开始
|
|
|
popupObj.change({
|
|
|
progressValue: 0,
|
|
|
progressTip: "准备下载...",
|
|
|
progress: true,
|
|
|
});
|
|
|
break;
|
|
|
case 2: // 已连接到服务器
|
|
|
popupObj.change({
|
|
|
progressValue: 0,
|
|
|
progressTip: "开始下载...",
|
|
|
progress: true,
|
|
|
});
|
|
|
break;
|
|
|
case 3:
|
|
|
// eslint-disable-next-line
|
|
|
const progress = parseInt(
|
|
|
String(((task.downloadedSize || 0) / (task.totalSize || 1)) * 100)
|
|
|
);
|
|
|
if (progress - lastProgressValue >= 2) {
|
|
|
lastProgressValue = progress;
|
|
|
popupObj.change({
|
|
|
progressValue: progress,
|
|
|
progressTip: "已下载" + progress + "%",
|
|
|
progress: true,
|
|
|
});
|
|
|
}
|
|
|
break;
|
|
|
}
|
|
|
});
|
|
|
// 取消下载
|
|
|
popupObj.cancelDownload = function () {
|
|
|
dtask && dtask.abort();
|
|
|
uni.showToast({
|
|
|
title: "已取消下载",
|
|
|
icon: "none",
|
|
|
});
|
|
|
};
|
|
|
// 重启APP
|
|
|
popupObj.reboot = function () {
|
|
|
plus.runtime.restart();
|
|
|
};
|
|
|
};
|
|
|
// 文字换行
|
|
|
function drawtext(text: string, maxWidth: number) {
|
|
|
const textArr = text.split("");
|
|
|
const len = textArr.length;
|
|
|
// 上个节点
|
|
|
let previousNode = 0;
|
|
|
// 记录节点宽度
|
|
|
let nodeWidth = 0;
|
|
|
// 文本换行数组
|
|
|
const rowText = [];
|
|
|
// 如果是字母，侧保存长度
|
|
|
let letterWidth = 0;
|
|
|
// 汉字宽度
|
|
|
const chineseWidth = 14;
|
|
|
// otherFont宽度
|
|
|
const 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 updatePopup(data: any, callback: () => any) {
|
|
|
// 弹窗遮罩层
|
|
|
const maskLayer = new PlusNativeObjView("maskLayer", {
|
|
|
//先创建遮罩层
|
|
|
top: "0px",
|
|
|
left: "0px",
|
|
|
height: "100%",
|
|
|
width: "100%",
|
|
|
backgroundColor: "rgba(0,0,0,0.5)",
|
|
|
});
|
|
|
|
|
|
// 以下为计算菜单的nview绘制布局，为固定算法，使用者无关关心
|
|
|
const screenWidth = plus.screen.resolutionWidth as number;
|
|
|
const screenHeight = plus.screen.resolutionHeight as number;
|
|
|
//弹窗容器宽度
|
|
|
const popupViewWidth = screenWidth * 0.7;
|
|
|
// 弹窗容器的Padding
|
|
|
const viewContentPadding = 20;
|
|
|
// 弹窗容器的宽度
|
|
|
const viewContentWidth = popupViewWidth - viewContentPadding * 2;
|
|
|
// 描述的列表
|
|
|
const descriptionList = drawtext(data.versionInfo, viewContentWidth);
|
|
|
// 弹窗容器高度
|
|
|
let popupViewHeight = 80 + 20 + 20 + 90 + 10;
|
|
|
const popupViewContentList: any[] = [
|
|
|
{
|
|
|
src: $iconUrl,
|
|
|
id: "logo",
|
|
|
tag: "img",
|
|
|
position: {
|
|
|
top: "0px",
|
|
|
left: (popupViewWidth - 124) / 2 + "px",
|
|
|
width: "124px",
|
|
|
height: "80px",
|
|
|
},
|
|
|
},
|
|
|
{
|
|
|
tag: "font",
|
|
|
id: "title",
|
|
|
text: "发现新版本" + data.versionName,
|
|
|
textStyles: {
|
|
|
size: "18px",
|
|
|
color: "#333",
|
|
|
weight: "bold",
|
|
|
whiteSpace: "normal",
|
|
|
},
|
|
|
position: {
|
|
|
top: "90px",
|
|
|
left: viewContentPadding + "px",
|
|
|
width: viewContentWidth + "px",
|
|
|
height: "30px",
|
|
|
},
|
|
|
},
|
|
|
];
|
|
|
const textHeight = 18;
|
|
|
let contentTop = 130;
|
|
|
descriptionList.forEach((item, index) => {
|
|
|
if (index > 0) {
|
|
|
popupViewHeight += textHeight;
|
|
|
contentTop += textHeight;
|
|
|
}
|
|
|
popupViewContentList.push({
|
|
|
tag: "font",
|
|
|
id: "content" + index + 1,
|
|
|
text: item.content,
|
|
|
textStyles: {
|
|
|
size: "14px",
|
|
|
color: "#666",
|
|
|
lineSpacing: "50%",
|
|
|
align: "left",
|
|
|
},
|
|
|
position: {
|
|
|
top: contentTop + "px",
|
|
|
left: viewContentPadding + "px",
|
|
|
width: viewContentWidth + "px",
|
|
|
height: textHeight + "px",
|
|
|
},
|
|
|
});
|
|
|
if (item.type == "break") {
|
|
|
contentTop += 10;
|
|
|
popupViewHeight += 10;
|
|
|
}
|
|
|
});
|
|
|
// 弹窗内容
|
|
|
const popupView = new PlusNativeObjView("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.drawRect(
|
|
|
{
|
|
|
radius: "3px",
|
|
|
borderColor: "#f1f1f1",
|
|
|
borderWidth: "1px",
|
|
|
},
|
|
|
{
|
|
|
bottom: viewContentPadding + "px",
|
|
|
left: viewContentPadding + "px",
|
|
|
width: (viewContentWidth - viewContentPadding) / 2 + "px",
|
|
|
height: "30px",
|
|
|
}
|
|
|
);
|
|
|
// 绘制底边按钮
|
|
|
popupView.drawRect(
|
|
|
{
|
|
|
radius: "3px",
|
|
|
color: $mainColor,
|
|
|
},
|
|
|
{
|
|
|
bottom: viewContentPadding + "px",
|
|
|
left:
|
|
|
(viewContentWidth - viewContentPadding) / 2 +
|
|
|
viewContentPadding * 2 +
|
|
|
"px",
|
|
|
width: (viewContentWidth - viewContentPadding) / 2 + "px",
|
|
|
height: "30px",
|
|
|
}
|
|
|
);
|
|
|
popupViewContentList.push({
|
|
|
tag: "font",
|
|
|
id: "cancelText",
|
|
|
text: "暂不升级",
|
|
|
textStyles: {
|
|
|
size: "14px",
|
|
|
color: "#666",
|
|
|
lineSpacing: "0%",
|
|
|
whiteSpace: "normal",
|
|
|
},
|
|
|
position: {
|
|
|
bottom: viewContentPadding + "px",
|
|
|
left: viewContentPadding + "px",
|
|
|
width: (viewContentWidth - viewContentPadding) / 2 + "px",
|
|
|
height: "30px",
|
|
|
},
|
|
|
});
|
|
|
popupViewContentList.push({
|
|
|
tag: "font",
|
|
|
id: "confirmText",
|
|
|
text: "立即升级",
|
|
|
textStyles: {
|
|
|
size: "14px",
|
|
|
color: "#FFF",
|
|
|
lineSpacing: "0%",
|
|
|
whiteSpace: "normal",
|
|
|
},
|
|
|
position: {
|
|
|
bottom: viewContentPadding + "px",
|
|
|
left:
|
|
|
(viewContentWidth - viewContentPadding) / 2 +
|
|
|
viewContentPadding * 2 +
|
|
|
"px",
|
|
|
width: (viewContentWidth - viewContentPadding) / 2 + "px",
|
|
|
height: "30px",
|
|
|
},
|
|
|
});
|
|
|
popupView.draw(popupViewContentList);
|
|
|
popupView.addEventListener("click", function (e: MouseEvent) {
|
|
|
const maxTop = popupViewHeight - viewContentPadding;
|
|
|
const maxLeft = popupViewWidth - viewContentPadding;
|
|
|
const buttonWidth = (viewContentWidth - viewContentPadding) / 2;
|
|
|
if (e.clientY > maxTop - 30 && e.clientY < maxTop) {
|
|
|
// 暂不升级
|
|
|
if (
|
|
|
e.clientX > viewContentPadding &&
|
|
|
e.clientX < maxLeft - buttonWidth - viewContentPadding
|
|
|
) {
|
|
|
maskLayer.hide();
|
|
|
popupView.hide();
|
|
|
} else if (e.clientX > maxLeft - buttonWidth && e.clientX < maxLeft) {
|
|
|
// 立即升级
|
|
|
maskLayer.hide();
|
|
|
popupView.hide();
|
|
|
callback && callback();
|
|
|
}
|
|
|
}
|
|
|
});
|
|
|
// 点击遮罩层
|
|
|
maskLayer.addEventListener("click", function () {
|
|
|
//处理遮罩层点击
|
|
|
maskLayer.hide();
|
|
|
popupView.hide();
|
|
|
});
|
|
|
// 显示弹窗
|
|
|
maskLayer.show();
|
|
|
popupView.show();
|
|
|
}
|
|
|
// 文件下载的弹窗绘图
|
|
|
function downloadPopupDrawing(data: any): any {
|
|
|
// 以下为计算菜单的nview绘制布局，为固定算法，使用者无关关心
|
|
|
const screenWidth = plus.screen.resolutionWidth as number;
|
|
|
const screenHeight = plus.screen.resolutionHeight as number;
|
|
|
//弹窗容器宽度
|
|
|
const popupViewWidth = screenWidth * 0.7;
|
|
|
// 弹窗容器的Padding
|
|
|
const viewContentPadding = 20;
|
|
|
// 弹窗容器的宽度
|
|
|
const viewContentWidth = popupViewWidth - viewContentPadding * 2;
|
|
|
// 弹窗容器高度
|
|
|
let popupViewHeight = viewContentPadding * 3 + 60;
|
|
|
const progressTip = data.progressTip || "准备下载...";
|
|
|
const contentText = data.contentText || "正在为您更新，请耐心等待";
|
|
|
let elementList: any[] = [
|
|
|
{
|
|
|
tag: "rect", //背景色
|
|
|
color: "#FFFFFF",
|
|
|
rectStyles: {
|
|
|
radius: "8px",
|
|
|
},
|
|
|
},
|
|
|
{
|
|
|
tag: "font",
|
|
|
id: "title",
|
|
|
text: "升级APP",
|
|
|
textStyles: {
|
|
|
size: "16px",
|
|
|
color: "#333",
|
|
|
weight: "bold",
|
|
|
verticalAlign: "middle",
|
|
|
whiteSpace: "normal",
|
|
|
},
|
|
|
position: {
|
|
|
top: viewContentPadding + "px",
|
|
|
height: "30px",
|
|
|
},
|
|
|
},
|
|
|
{
|
|
|
tag: "font",
|
|
|
id: "content",
|
|
|
text: contentText,
|
|
|
textStyles: {
|
|
|
size: "14px",
|
|
|
color: "#333",
|
|
|
verticalAlign: "middle",
|
|
|
whiteSpace: "normal",
|
|
|
},
|
|
|
position: {
|
|
|
top: viewContentPadding * 2 + 30 + "px",
|
|
|
height: "20px",
|
|
|
},
|
|
|
},
|
|
|
];
|
|
|
// 是否有进度条
|
|
|
if (data.progress) {
|
|
|
popupViewHeight += viewContentPadding + 40;
|
|
|
elementList = elementList.concat([
|
|
|
{
|
|
|
tag: "font",
|
|
|
id: "progressValue",
|
|
|
text: progressTip,
|
|
|
textStyles: {
|
|
|
size: "14px",
|
|
|
color: $mainColor,
|
|
|
whiteSpace: "normal",
|
|
|
},
|
|
|
position: {
|
|
|
top: viewContentPadding * 4 + 20 + "px",
|
|
|
height: "30px",
|
|
|
},
|
|
|
},
|
|
|
{
|
|
|
tag: "rect", //绘制进度条背景
|
|
|
id: "progressBg",
|
|
|
rectStyles: {
|
|
|
radius: "4px",
|
|
|
borderColor: "#f1f1f1",
|
|
|
borderWidth: "1px",
|
|
|
},
|
|
|
position: {
|
|
|
top: viewContentPadding * 4 + 60 + "px",
|
|
|
left: viewContentPadding + "px",
|
|
|
width: viewContentWidth + "px",
|
|
|
height: "8px",
|
|
|
},
|
|
|
},
|
|
|
]);
|
|
|
}
|
|
|
if (data.buttonNum == 2) {
|
|
|
popupViewHeight += viewContentPadding + 30;
|
|
|
elementList = elementList.concat([
|
|
|
{
|
|
|
tag: "rect", //绘制底边按钮
|
|
|
rectStyles: {
|
|
|
radius: "3px",
|
|
|
borderColor: "#f1f1f1",
|
|
|
borderWidth: "1px",
|
|
|
},
|
|
|
position: {
|
|
|
bottom: viewContentPadding + "px",
|
|
|
left: viewContentPadding + "px",
|
|
|
width: (viewContentWidth - viewContentPadding) / 2 + "px",
|
|
|
height: "30px",
|
|
|
},
|
|
|
},
|
|
|
{
|
|
|
tag: "rect", //绘制底边按钮
|
|
|
rectStyles: {
|
|
|
radius: "3px",
|
|
|
color: $mainColor,
|
|
|
},
|
|
|
position: {
|
|
|
bottom: viewContentPadding + "px",
|
|
|
left:
|
|
|
(viewContentWidth - viewContentPadding) / 2 +
|
|
|
viewContentPadding * 2 +
|
|
|
"px",
|
|
|
width: (viewContentWidth - viewContentPadding) / 2 + "px",
|
|
|
height: "30px",
|
|
|
},
|
|
|
},
|
|
|
{
|
|
|
tag: "font",
|
|
|
id: "cancelText",
|
|
|
text: "取消下载",
|
|
|
textStyles: {
|
|
|
size: "14px",
|
|
|
color: "#666",
|
|
|
lineSpacing: "0%",
|
|
|
whiteSpace: "normal",
|
|
|
},
|
|
|
position: {
|
|
|
bottom: viewContentPadding + "px",
|
|
|
left: viewContentPadding + "px",
|
|
|
width: (viewContentWidth - viewContentPadding) / 2 + "px",
|
|
|
height: "30px",
|
|
|
},
|
|
|
},
|
|
|
{
|
|
|
tag: "font",
|
|
|
id: "confirmText",
|
|
|
text: "后台下载",
|
|
|
textStyles: {
|
|
|
size: "14px",
|
|
|
color: "#FFF",
|
|
|
lineSpacing: "0%",
|
|
|
whiteSpace: "normal",
|
|
|
},
|
|
|
position: {
|
|
|
bottom: viewContentPadding + "px",
|
|
|
left:
|
|
|
(viewContentWidth - viewContentPadding) / 2 +
|
|
|
viewContentPadding * 2 +
|
|
|
"px",
|
|
|
width: (viewContentWidth - viewContentPadding) / 2 + "px",
|
|
|
height: "30px",
|
|
|
},
|
|
|
},
|
|
|
]);
|
|
|
}
|
|
|
if (data.buttonNum == 1) {
|
|
|
popupViewHeight += viewContentPadding + 40;
|
|
|
elementList = elementList.concat([
|
|
|
{
|
|
|
tag: "rect", //绘制底边按钮
|
|
|
rectStyles: {
|
|
|
radius: "6px",
|
|
|
color: $mainColor,
|
|
|
},
|
|
|
position: {
|
|
|
bottom: viewContentPadding + "px",
|
|
|
left: viewContentPadding + "px",
|
|
|
width: viewContentWidth + "px",
|
|
|
height: "40px",
|
|
|
},
|
|
|
},
|
|
|
{
|
|
|
tag: "font",
|
|
|
id: "confirmText",
|
|
|
text: "关闭",
|
|
|
textStyles: {
|
|
|
size: "14px",
|
|
|
color: "#FFF",
|
|
|
lineSpacing: "0%",
|
|
|
},
|
|
|
position: {
|
|
|
bottom: viewContentPadding + "px",
|
|
|
left: viewContentPadding + "px",
|
|
|
width: viewContentWidth + "px",
|
|
|
height: "40px",
|
|
|
},
|
|
|
},
|
|
|
]);
|
|
|
}
|
|
|
return {
|
|
|
popupViewHeight: popupViewHeight,
|
|
|
popupViewWidth: popupViewWidth,
|
|
|
screenHeight: screenHeight,
|
|
|
viewContentWidth: viewContentWidth,
|
|
|
viewContentPadding: viewContentPadding,
|
|
|
elementList: elementList,
|
|
|
};
|
|
|
}
|
|
|
// 文件下载的弹窗
|
|
|
function downloadPopup(data: any) {
|
|
|
// 弹窗遮罩层
|
|
|
const maskLayer = new PlusNativeObjView("maskLayer", {
|
|
|
//先创建遮罩层
|
|
|
top: "0px",
|
|
|
left: "0px",
|
|
|
height: "100%",
|
|
|
width: "100%",
|
|
|
backgroundColor: "rgba(0,0,0,0.5)",
|
|
|
});
|
|
|
let popupViewData = downloadPopupDrawing(data);
|
|
|
// 弹窗内容
|
|
|
const popupView = new PlusNativeObjView("popupView", {
|
|
|
//创建底部图标菜单
|
|
|
tag: "rect",
|
|
|
top:
|
|
|
(popupViewData.screenHeight - popupViewData.popupViewHeight) / 2 + "px",
|
|
|
left: "15%",
|
|
|
height: popupViewData.popupViewHeight + "px",
|
|
|
width: "70%",
|
|
|
});
|
|
|
let progressValue = 0;
|
|
|
let progressTip = 0;
|
|
|
let contentText = 0;
|
|
|
let buttonNum = 2;
|
|
|
if (data.buttonNum >= 0) {
|
|
|
buttonNum = data.buttonNum;
|
|
|
}
|
|
|
popupView.draw(popupViewData.elementList);
|
|
|
const callbackData: any = {
|
|
|
change: function (res: any) {
|
|
|
let progressElement: any[] = [];
|
|
|
if (res.progressValue) {
|
|
|
progressValue = res.progressValue;
|
|
|
// 绘制进度条
|
|
|
progressElement.push({
|
|
|
tag: "rect", //绘制进度条背景
|
|
|
id: "progressValueBg",
|
|
|
rectStyles: {
|
|
|
radius: "4px",
|
|
|
color: $mainColor,
|
|
|
},
|
|
|
position: {
|
|
|
top: popupViewData.viewContentPadding * 4 + 60 + "px",
|
|
|
left: popupViewData.viewContentPadding + "px",
|
|
|
width:
|
|
|
popupViewData.viewContentWidth * (res.progressValue / 100) + "px",
|
|
|
height: "8px",
|
|
|
},
|
|
|
});
|
|
|
}
|
|
|
if (res.progressTip) {
|
|
|
progressTip = res.progressTip;
|
|
|
progressElement.push({
|
|
|
tag: "font",
|
|
|
id: "progressValue",
|
|
|
text: res.progressTip,
|
|
|
textStyles: {
|
|
|
size: "14px",
|
|
|
color: $mainColor,
|
|
|
whiteSpace: "normal",
|
|
|
},
|
|
|
position: {
|
|
|
top: popupViewData.viewContentPadding * 4 + 20 + "px",
|
|
|
height: "30px",
|
|
|
},
|
|
|
});
|
|
|
}
|
|
|
if (res.contentText) {
|
|
|
contentText = res.contentText;
|
|
|
progressElement.push({
|
|
|
tag: "font",
|
|
|
id: "content",
|
|
|
text: res.contentText,
|
|
|
textStyles: {
|
|
|
size: "16px",
|
|
|
color: "#333",
|
|
|
whiteSpace: "normal",
|
|
|
},
|
|
|
position: {
|
|
|
top: popupViewData.viewContentPadding * 2 + 30 + "px",
|
|
|
height: "30px",
|
|
|
},
|
|
|
});
|
|
|
}
|
|
|
if (res.buttonNum >= 0 && buttonNum != res.buttonNum) {
|
|
|
buttonNum = res.buttonNum;
|
|
|
popupView.reset();
|
|
|
popupViewData = downloadPopupDrawing(
|
|
|
Object.assign(
|
|
|
{
|
|
|
progressValue: progressValue,
|
|
|
progressTip: progressTip,
|
|
|
contentText: contentText,
|
|
|
},
|
|
|
res
|
|
|
)
|
|
|
);
|
|
|
const newElement: any[] = [];
|
|
|
popupViewData.elementList.map((item: any, index: number) => {
|
|
|
let have = false;
|
|
|
progressElement.forEach((childItem, childIndex) => {
|
|
|
if (item.id == childItem.id) {
|
|
|
have = true;
|
|
|
}
|
|
|
});
|
|
|
if (!have) {
|
|
|
newElement.push(item);
|
|
|
}
|
|
|
});
|
|
|
progressElement = newElement.concat(progressElement);
|
|
|
popupView.setStyle({
|
|
|
tag: "rect",
|
|
|
top:
|
|
|
(popupViewData.screenHeight - popupViewData.popupViewHeight) / 2 +
|
|
|
"px",
|
|
|
left: "15%",
|
|
|
height: popupViewData.popupViewHeight + "px",
|
|
|
width: "70%",
|
|
|
});
|
|
|
popupView.draw(progressElement);
|
|
|
} else {
|
|
|
popupView.draw(progressElement);
|
|
|
}
|
|
|
},
|
|
|
cancel: function () {
|
|
|
maskLayer.hide();
|
|
|
popupView.hide();
|
|
|
},
|
|
|
};
|
|
|
popupView.addEventListener("click", function (e: MouseEvent) {
|
|
|
const maxTop =
|
|
|
popupViewData.popupViewHeight - popupViewData.viewContentPadding;
|
|
|
const maxLeft =
|
|
|
popupViewData.popupViewWidth - popupViewData.viewContentPadding;
|
|
|
if (e.clientY > maxTop - 40 && e.clientY < maxTop) {
|
|
|
if (buttonNum == 1) {
|
|
|
// 单按钮
|
|
|
if (
|
|
|
e.clientX > popupViewData.viewContentPadding &&
|
|
|
e.clientX < maxLeft
|
|
|
) {
|
|
|
maskLayer.hide();
|
|
|
popupView.hide();
|
|
|
callbackData.reboot();
|
|
|
}
|
|
|
} else if (buttonNum == 2) {
|
|
|
// 双按钮
|
|
|
const buttonWidth =
|
|
|
(popupViewData.viewContentWidth - popupViewData.viewContentPadding) /
|
|
|
2;
|
|
|
if (
|
|
|
e.clientX > popupViewData.viewContentPadding &&
|
|
|
e.clientX < maxLeft - buttonWidth - popupViewData.viewContentPadding
|
|
|
) {
|
|
|
maskLayer.hide();
|
|
|
popupView.hide();
|
|
|
callbackData.cancelDownload();
|
|
|
} else if (e.clientX > maxLeft - buttonWidth && e.clientX < maxLeft) {
|
|
|
maskLayer.hide();
|
|
|
popupView.hide();
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
});
|
|
|
// 显示弹窗
|
|
|
maskLayer.show();
|
|
|
popupView.show();
|
|
|
// 改变进度条
|
|
|
return callbackData;
|
|
|
}
|
|
|
// export default function (isPrompt = false) {
|
|
|
// console.log(1);
|
|
|
// getCurrentNo((versionInfo: any) => {
|
|
|
// getServerNo(versionInfo, isPrompt, (res: any) => {
|
|
|
// if (res.forceUpdate) {
|
|
|
// if (/\.wgt$/i.test(res.downloadUrl)) {
|
|
|
// getDownload(res);
|
|
|
// } else if (/\.html$/i.test(res.downloadUrl)) {
|
|
|
// plus.runtime.openURL(res.downloadUrl);
|
|
|
// } else {
|
|
|
// if (platform == "android") {
|
|
|
// getDownload(res);
|
|
|
// } else {
|
|
|
// plus.runtime.openURL(res.downloadUrl);
|
|
|
// }
|
|
|
// }
|
|
|
// } else {
|
|
|
// updatePopup(res, function () {
|
|
|
// if (/\.wgt$/i.test(res.downloadUrl)) {
|
|
|
// getDownload(res);
|
|
|
// } else if (/\.html$/i.test(res.downloadUrl)) {
|
|
|
// plus.runtime.openURL(res.downloadUrl);
|
|
|
// } else {
|
|
|
// if (platform == "android") {
|
|
|
// getDownload(res);
|
|
|
// } else {
|
|
|
// plus.runtime.openURL(res.downloadUrl);
|
|
|
// }
|
|
|
// }
|
|
|
// });
|
|
|
// }
|
|
|
// });
|
|
|
// });
|
|
|
// }
|
|
|
export default async function checkUpdateVersion() {
|
|
|
//锁定屏幕方向
|
|
|
console.log(1);
|
|
|
plus.screen.lockOrientation("portrait-primary"); //锁定屏幕方向 竖屏正方向
|
|
|
try {
|
|
|
//发送ajax 获取版本更新
|
|
|
let {
|
|
|
data: { data, code, flag, message },
|
|
|
} = await http.post('', {
|
|
|
data: {
|
|
|
versionCode: uni.getStorageSync("versionCode"), //从本地缓存中同步获取指定 key 对应的内容
|
|
|
},
|
|
|
});
|
|
|
if (code === 20000) {
|
|
|
uni.showModal({
|
|
|
title: "温馨提示",
|
|
|
content: `有新的版本可下载${data.versionCode}是否下载？`,
|
|
|
success: (res) => {
|
|
|
if (res.confirm) {
|
|
|
console.log(res.confirm);
|
|
|
//判断手机类型
|
|
|
// 也可以用5+app的方法:plus.os.name.toLowerCase() == 'ios'
|
|
|
if (uni.getSystemInfoSync().platform === "ios") {
|
|
|
plus.runtime.openURL(data.updateUrl);
|
|
|
} else {
|
|
|
//新建下载任务
|
|
|
var downloadTask = plus.downloader.createDownload(
|
|
|
data.updateUrl,
|
|
|
{},
|
|
|
(download, status) => {
|
|
|
if (status === 200) {
|
|
|
//安装APK文件
|
|
|
plus.runtime.install(
|
|
|
download.filename as any,
|
|
|
{},
|
|
|
function (error) {
|
|
|
uni.showModal({
|
|
|
content: "安装失败",
|
|
|
});
|
|
|
}
|
|
|
);
|
|
|
} else {
|
|
|
uni.showModal({
|
|
|
title: "更新失败!!!",
|
|
|
});
|
|
|
}
|
|
|
}
|
|
|
);
|
|
|
try {
|
|
|
// 开始下载
|
|
|
downloadTask.start();
|
|
|
//监听下载
|
|
|
// var that = this;
|
|
|
var showLoading = plus.nativeUI.showWaiting("正在下载");
|
|
|
downloadTask.addEventListener(
|
|
|
"statechanged",
|
|
|
function (download, status) {
|
|
|
switch (download.state) {
|
|
|
case 1:
|
|
|
uni.showToast({
|
|
|
title: "下载中",
|
|
|
});
|
|
|
break;
|
|
|
case 2:
|
|
|
break;
|
|
|
case 3:
|
|
|
plus.nativeUI.closeWaiting();
|
|
|
}
|
|
|
}
|
|
|
);
|
|
|
} catch (err) {
|
|
|
plus.nativeUI.closeWaiting();
|
|
|
uni.showModal({
|
|
|
content: "下载失败，请稍后重试",
|
|
|
});
|
|
|
}
|
|
|
}
|
|
|
//检验过一次版本就加入缓存，不再检测
|
|
|
uni.setStorageSync("isCheckVersion", true);
|
|
|
}
|
|
|
},
|
|
|
});
|
|
|
} else {
|
|
|
uni.showModal({
|
|
|
content: message,
|
|
|
});
|
|
|
}
|
|
|
} catch (e) {
|
|
|
uni.showModal({
|
|
|
content: "获取数据失败",
|
|
|
});
|
|
|
}
|
|
|
}
|
|
|
// #endif
|