首次完整推送，
V：1.20240808.006
This commit is contained in:
fm453
@ -0,0 +1,52 @@
|
||||
<template>
|
||||
<view style="position: relative;">
|
||||
<uni-icons @mouseenter.native="mouseenter" @mouseleave.native="showStableInfo = false"
|
||||
style="padding:0 10px;color: #a8a8a8;cursor: pointer;" type="info" />
|
||||
<view v-if="showStableInfo" class="show-stable" :style="{top:`${top}px`,left:`${left}px`}">
|
||||
<text>{{content}}</text>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
props: {
|
||||
content: String,
|
||||
top: {
|
||||
type: [Number, String],
|
||||
default: -60
|
||||
},
|
||||
left: {
|
||||
type: [Number, String],
|
||||
default: -100
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
showStableInfo: false,
|
||||
arrowStyle: {}
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
mouseenter(e) {
|
||||
this.showStableInfo = true
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
$main_color: #fff;
|
||||
$main_back_color: #303133;
|
||||
|
||||
.show-stable {
|
||||
width: 200px;
|
||||
position: absolute;
|
||||
padding: 5px 10px;
|
||||
background-color: $main_back_color;
|
||||
color: $main_color;
|
||||
border-radius: 4px;
|
||||
border: 1px solid #e9e9eb;
|
||||
z-index: 99999;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,209 @@
|
||||
import {
|
||||
validator,
|
||||
enumConverter
|
||||
} from '@/js_sdk/validator/opendb-app-versions.js';
|
||||
|
||||
const platform_iOS = 'iOS';
|
||||
const platform_Android = 'Android';
|
||||
const db = uniCloud.database();
|
||||
|
||||
function getValidator(fields) {
|
||||
let reuslt = {}
|
||||
for (let key in validator) {
|
||||
if (fields.includes(key)) {
|
||||
reuslt[key] = validator[key]
|
||||
}
|
||||
}
|
||||
return reuslt
|
||||
}
|
||||
|
||||
export const fields =
|
||||
'appid,name,title,contents,platform,type,version,min_uni_version,url,stable_publish,is_silently,is_mandatory,create_date,store_list'
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
labelWidth: '100px',
|
||||
enableiOSWgt: true, // 是否开启iOS的wgt更新
|
||||
silentlyContent: '静默更新：App升级时会在后台下载wgt包并自行安装。新功能在下次启动App时生效',
|
||||
mandatoryContent: '强制更新：App升级弹出框不可取消',
|
||||
stablePublishContent: '同时只可有一个线上发行版，线上发行不可更设为下线。\n未上线可以设为上线发行并自动替换当前线上发行版',
|
||||
stablePublishContent2: '使用本包替换当前线上发行版',
|
||||
uploadFileContent: '可下载安装包地址。上传文件到云存储自动填写，也可以手动填写',
|
||||
minUniVersionContent: '上次使用新Api或打包新模块的App版本',
|
||||
priorityContent: '检查更新时，按照优先级从大到小依次尝试跳转商店。如果都跳转失败，则会打开浏览器使用下载链接下载apk安装包',
|
||||
latestStableData: [], // 库中最新已上线版
|
||||
appFileList: null, // 上传包
|
||||
type_valuetotext: enumConverter.type_valuetotext,
|
||||
preUrl: '',
|
||||
formData: {
|
||||
"appid": "",
|
||||
"name": "",
|
||||
"title": "",
|
||||
"contents": "",
|
||||
"platform": [],
|
||||
"store_list": [],
|
||||
"type": "",
|
||||
"version": "",
|
||||
"min_uni_version": "",
|
||||
"url": "",
|
||||
"stable_publish": false,
|
||||
"create_date": null
|
||||
},
|
||||
formOptions: {
|
||||
"platform_localdata": [{
|
||||
"value": "Android",
|
||||
"text": "安卓"
|
||||
},
|
||||
{
|
||||
"value": "iOS",
|
||||
"text": "苹果"
|
||||
}
|
||||
],
|
||||
"type_localdata": [{
|
||||
"value": "native_app",
|
||||
"text": "原生App安装包"
|
||||
},
|
||||
{
|
||||
"value": "wgt",
|
||||
"text": "App资源包"
|
||||
}
|
||||
]
|
||||
},
|
||||
rules: {
|
||||
...getValidator([
|
||||
"appid", "contents", "platform", "type",
|
||||
"version", "min_uni_version", "url", "stable_publish",
|
||||
"title", "name", "is_silently", "is_mandatory", "store_list"
|
||||
])
|
||||
}
|
||||
}
|
||||
},
|
||||
onReady() {
|
||||
this.$refs.form.setRules(this.rules)
|
||||
},
|
||||
computed: {
|
||||
isWGT() {
|
||||
return this.formData.type === 'wgt'
|
||||
},
|
||||
isiOS() {
|
||||
return !this.isWGT ? this.formData.platform.includes(platform_iOS) : false;
|
||||
},
|
||||
hasPackage() {
|
||||
return this.appFileList && !!Object.keys(this.appFileList).length
|
||||
},
|
||||
fileExtname() {
|
||||
return this.isWGT ? ['wgt'] : ['apk']
|
||||
},
|
||||
platformLocaldata() {
|
||||
return !this.isWGT ? this.formOptions.platform_localdata : this.enableiOSWgt ? this.formOptions
|
||||
.platform_localdata : [this.formOptions.platform_localdata[0]]
|
||||
},
|
||||
uni_platform() {
|
||||
return (this.isiOS ? platform_iOS : platform_Android).toLocaleLowerCase()
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
getStoreList(appid) {
|
||||
return db.collection('opendb-app-list')
|
||||
.where({
|
||||
appid
|
||||
})
|
||||
.get()
|
||||
.then(res => {
|
||||
const data = res.result.data[0]
|
||||
return data ? data.store_list || [] : []
|
||||
})
|
||||
},
|
||||
packageUploadSuccess(res) {
|
||||
uni.showToast({
|
||||
icon: 'success',
|
||||
title: '上传成功',
|
||||
duration: 800
|
||||
})
|
||||
this.preUrl = this.formData.url
|
||||
this.formData.url = res.tempFilePaths[0]
|
||||
},
|
||||
deleteFile(fileList) {
|
||||
return this.$request('deleteFile', {
|
||||
fileList
|
||||
}, {
|
||||
functionName: 'uni-upgrade-center'
|
||||
})
|
||||
},
|
||||
async packageDelete(res) {
|
||||
if (!this.hasPackage) return;
|
||||
await this.deleteFile([res.tempFilePath])
|
||||
uni.showToast({
|
||||
icon: 'success',
|
||||
title: '删除成功',
|
||||
duration: 800
|
||||
})
|
||||
this.formData.url = this.preUrl
|
||||
this.$refs.form.clearValidate('url')
|
||||
},
|
||||
selectFile() {
|
||||
if (this.hasPackage) {
|
||||
uni.showToast({
|
||||
icon: 'none',
|
||||
title: '只可上传一个文件，请删除已上传后重试',
|
||||
duration: 1000
|
||||
});
|
||||
}
|
||||
},
|
||||
createCenterRecord(value) {
|
||||
return {
|
||||
...value,
|
||||
uni_platform: this.uni_platform,
|
||||
create_env: 'upgrade-center'
|
||||
}
|
||||
},
|
||||
createCenterQuery({
|
||||
appid
|
||||
}) {
|
||||
return {
|
||||
appid,
|
||||
create_env: 'upgrade-center'
|
||||
}
|
||||
},
|
||||
createStatQuery({
|
||||
appid,
|
||||
type,
|
||||
version,
|
||||
uni_platform
|
||||
}) {
|
||||
return {
|
||||
appid,
|
||||
type,
|
||||
version,
|
||||
uni_platform: uni_platform ? uni_platform : this.uni_platform,
|
||||
create_env: 'uni-stat',
|
||||
stable_publish: false
|
||||
}
|
||||
},
|
||||
toUrl(url){
|
||||
// #ifdef H5
|
||||
window.open(url);
|
||||
// #endif
|
||||
// #ifndef H5
|
||||
uni.showToast({
|
||||
title: '请在浏览器中打开',
|
||||
icon: 'none'
|
||||
});
|
||||
// #endif
|
||||
},
|
||||
getCloudStorageConfig(){
|
||||
return uni.getStorageSync('uni-admin-cloud-storage-config') || {};
|
||||
},
|
||||
setCloudStorageConfig(data={}){
|
||||
uni.setStorageSync('uni-admin-cloud-storage-config', data);
|
||||
},
|
||||
// 临时方法，后面会优化
|
||||
setCloudStorage(data){
|
||||
// uniCloud.setCloudStorage 不是标准的API，临时挂载在uniCloud对象上的，后面会优化
|
||||
if (typeof uniCloud.setCloudStorage === "function") {
|
||||
uniCloud.setCloudStorage(data);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
26
uni_modules/uni-upgrade-center/pages/utils.js
Normal file
26
uni_modules/uni-upgrade-center/pages/utils.js
Normal file
@ -0,0 +1,26 @@
|
||||
// 判断arr是否为一个数组，返回一个bool值
|
||||
function isArray(arr) {
|
||||
return Object.prototype.toString.call(arr) === '[object Array]';
|
||||
}
|
||||
|
||||
// 深度克隆
|
||||
export function deepClone(obj) {
|
||||
// 对常见的“非”值，直接返回原来值
|
||||
if ([null, undefined, NaN, false].includes(obj)) return obj;
|
||||
if (typeof obj !== "object" && typeof obj !== 'function') {
|
||||
//原始类型直接返回
|
||||
return obj;
|
||||
}
|
||||
let o = isArray(obj) ? [] : {};
|
||||
for (let i in obj) {
|
||||
if (obj.hasOwnProperty(i)) {
|
||||
o[i] = typeof obj[i] === "object" ? deepClone(obj[i]) : obj[i];
|
||||
}
|
||||
}
|
||||
return o;
|
||||
}
|
||||
|
||||
export const appListDbName = 'opendb-app-list'
|
||||
export const appVersionListDbName = 'opendb-app-versions'
|
||||
// 版本列表默认显示应用Appid
|
||||
export const defaultDisplayApp = ''
|
||||
478
uni_modules/uni-upgrade-center/pages/version/add.vue
Normal file
478
uni_modules/uni-upgrade-center/pages/version/add.vue
Normal file
@ -0,0 +1,478 @@
|
||||
<template>
|
||||
<view class="uni-container">
|
||||
<view class="uni-header">
|
||||
<view class="uni-group">
|
||||
<view class="uni-title">包类型</view>
|
||||
<view class="uni-sub-title">{{type_valuetotext[formData.type]}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<uni-forms ref="form" :value="formData" validateTrigger="bind" :labelWidth="labelWidth">
|
||||
<uni-forms-item name="appid" label="AppID" required>
|
||||
<uni-easyinput :disabled="true" v-model="formData.appid" trim="both" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item name="name" label="应用名称">
|
||||
<uni-easyinput :disabled="true" v-model="formData.name" trim="both" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item name="title" label="更新标题">
|
||||
<uni-easyinput placeholder="更新标题" v-model="formData.title" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item name="contents" label="更新内容" required>
|
||||
<textarea auto-height style="box-sizing: content-box;" :maxlength="-1"
|
||||
@input="binddata('contents', $event.detail.value)" class="uni-textarea-border"
|
||||
:value="formData.contents" @update:value="val => formData.contents = val"></textarea>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item name="platform" label="平台" required>
|
||||
<uni-data-checkbox :multiple="isWGT" v-model="formData.platform" :localdata="platformLocaldata" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item name="version" label="版本号" required>
|
||||
<uni-easyinput v-model="formData.version" placeholder="当前包版本号，必须大于当前线上发行版本号" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item v-if="isWGT" key="min_uni_version" name="min_uni_version" label="原生App最低版本"
|
||||
:required="isWGT">
|
||||
<uni-easyinput placeholder="原生App最低版本" v-model="formData.min_uni_version" />
|
||||
<show-info :content="minUniVersionContent"></show-info>
|
||||
</uni-forms-item>
|
||||
|
||||
<uni-forms-item label="存储选择">
|
||||
<view class="flex">
|
||||
<radio-group @change="e => uniFilePickerProvider = e.detail.value" style="width: 100%;">
|
||||
<view class="flex" style="flex-wrap: nowrap;">
|
||||
上传至：
|
||||
<label>
|
||||
<radio value="unicloud" :checked="uniFilePickerProvider === 'unicloud'"/><text>内置存储</text>
|
||||
</label>
|
||||
<label style="margin-left: 20rpx;">
|
||||
<radio value="extStorage" :checked="uniFilePickerProvider === 'extStorage'"/><text>扩展存储</text>
|
||||
</label>
|
||||
</view>
|
||||
</radio-group>
|
||||
<text class="uni-sub-title" style="margin-top: 10px;font-size: 12px;color: #666;width: 100%;">内置存储是服务空间开通后自带的云存储，不支持自定义域名，不支持阶梯计费</text>
|
||||
<text class="uni-sub-title" style="margin-top: 10px;font-size: 12px;color: #666;">扩展存储支持自定义域名、阶梯计费，越用越便宜、功能更强大</text>
|
||||
<text class="uni-sub-title" style="margin-top: 10px;font-size: 12px;color: #2979ff;cursor: pointer;text-decoration: underline; margin-left: 10px;" @click="toUrl('https://doc.dcloud.net.cn/uniCloud/ext-storage/service.html')">扩展存储开通文档</text>
|
||||
</view>
|
||||
</uni-forms-item>
|
||||
|
||||
<uni-forms-item label="自定义域名" v-if="uniFilePickerProvider === 'extStorage'">
|
||||
<view class="flex" style="flex-direction: column;align-items:flex-start;">
|
||||
<uni-easyinput placeholder="请输入扩展存储自定义域名" v-model="domain" :maxlength="-1" style="width: 550px;" />
|
||||
<text class="uni-sub-title" style="margin-top: 10px;font-size: 12px;color: #666;">输入扩展存储绑定的域名，在服务空间-云存储-扩展存储页面可查看，如：cdn.example.com</text>
|
||||
</view>
|
||||
</uni-forms-item>
|
||||
|
||||
<uni-forms-item v-if="!isiOS" :label="'上传'+fileExtname[0]+'包'">
|
||||
<uni-file-picker v-model="appFileList" :file-extname="fileExtname" :disabled="hasPackage"
|
||||
returnType="object" file-mediatype="all" limit="1" @success="packageUploadSuccess" :provider="uniFilePickerProvider"
|
||||
@delete="packageDelete">
|
||||
<view class="flex">
|
||||
<button type="primary" size="mini" @click="selectFile" style="margin: 0px;">选择文件</button>
|
||||
</view>
|
||||
<view class="flex">
|
||||
<text style="margin-top: 10px;font-size: 12px;color: #666;">上传{{fileExtname[0]}}到当前服务空间的云存储中，上传成功后，会自动使用云存储地址填充下载链接</text>
|
||||
<text style="margin-top: 10px;font-size: 12px;color: #666;">上传文件后同步到各地cdn缓存节点有延迟。请适当等候再提交新版信息入库，触发客户端更新提示。</text>
|
||||
</view>
|
||||
</uni-file-picker>
|
||||
<text v-if="hasPackage" style="padding-left: 20px;color: #a8a8a8;">{{Number(appFileList.size / 1024 / 1024).toFixed(2)}}M</text>
|
||||
</uni-forms-item>
|
||||
|
||||
<uni-forms-item key="url" name="url" :label="isiOS ? 'AppStore' : '下载链接'" required>
|
||||
<view class="flex" style="flex-direction: column;align-items:flex-start;flex: 1;">
|
||||
<view class="flex" style="width: 100%;">
|
||||
<uni-easyinput placeholder="链接" v-model="formData.url" :maxlength="-1" />
|
||||
<text style="margin-left: 10px;color: #2979ff;cursor: pointer;text-decoration: underline;" v-if="formData.url" @click="toUrl(formData.url)">测试下载</text>
|
||||
</view>
|
||||
<text style="margin-top: 10px;font-size: 12px;color: #666;" v-if="formData.url">建议点击【测试下载】能正常下载后，再进行发布</text>
|
||||
</view>
|
||||
</uni-forms-item>
|
||||
|
||||
<uni-forms-item v-if="!isiOS && !isWGT && formData.store_list.length" label="Android应用市场" labelWidth="125px"
|
||||
key="store_list" name="store_list">
|
||||
<view style="flex: 1;">
|
||||
<view v-for="(item) in formData.store_list" :key="item.id">
|
||||
<uni-card style="margin: 0px 0px 20px 0px;">
|
||||
<view style="display: flex;">
|
||||
<checkbox-group style="user-select: none;"
|
||||
@change="({detail:{value}}) => {item.enable = !!value.length}">
|
||||
<label class="title_padding">
|
||||
<checkbox value="scheme" :checked="item.enable" />
|
||||
<text>是否启用</text>
|
||||
</label>
|
||||
</checkbox-group>
|
||||
|
||||
</view>
|
||||
<uni-forms-item label="商店名称">
|
||||
<uni-easyinput disabled v-model="item.name" trim="both"></uni-easyinput>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="Scheme">
|
||||
<uni-easyinput disabled v-model="item.scheme" trim="both"></uni-easyinput>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="优先级">
|
||||
<uni-easyinput v-model="item.priority" type="number"></uni-easyinput>
|
||||
<show-info :top="-100" :left="-180" :content="priorityContent"></show-info>
|
||||
</uni-forms-item>
|
||||
</uni-card>
|
||||
</view>
|
||||
</view>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item v-if="isWGT" key="is_silently" name="is_silently" label="静默更新">
|
||||
<switch @change="binddata('is_silently', $event.detail.value)" :checked="formData.is_silently" />
|
||||
<show-info :top="-80" :content="silentlyContent"></show-info>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item v-if="!isiOS" key="is_mandatory" name="is_mandatory" label="强制更新">
|
||||
<switch @change="binddata('is_mandatory', $event.detail.value)" :checked="formData.is_mandatory" />
|
||||
<show-info :content="mandatoryContent"></show-info>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item name="stable_publish" label="上线发行">
|
||||
<switch @change="binddata('stable_publish', $event.detail.value)" :checked="formData.stable_publish" />
|
||||
<show-info :top="-40" :content="stablePublishContent2"></show-info>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item v-show="false" name="type" label="安装包类型">
|
||||
<uni-data-checkbox v-model="formData.type" :localdata="formOptions.type_localdata" />
|
||||
</uni-forms-item>
|
||||
<view class="uni-button-group">
|
||||
<button type="primary" class="uni-button" style="width: 100px;" @click="submit">发布</button>
|
||||
<button type="warn" class="uni-button" style="width: 100px;margin-left: 15px;" @click="back">取消</button>
|
||||
</view>
|
||||
</uni-forms>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
validator,
|
||||
enumConverter
|
||||
} from '@/js_sdk/validator/opendb-app-versions.js';
|
||||
import addAndDetail, {
|
||||
fields
|
||||
} from '../mixin/version_add_detail_mixin.js';
|
||||
import {
|
||||
appVersionListDbName
|
||||
} from '../utils.js';
|
||||
|
||||
const db = uniCloud.database();
|
||||
const dbCmd = db.command;
|
||||
const dbCollectionName = appVersionListDbName;
|
||||
|
||||
const platform_iOS = 'iOS';
|
||||
const platform_Android = 'Android';
|
||||
|
||||
/**
|
||||
* 对比版本号，如需要，请自行修改判断规则
|
||||
* 支持比对 ("3.0.0.0.0.1.0.1", "3.0.0.0.0.1") ("3.0.0.1", "3.0") ("3.1.1", "3.1.1.1") 之类的
|
||||
* @param {Object} v1
|
||||
* @param {Object} v2
|
||||
* v1 > v2 return 1
|
||||
* v1 < v2 return -1
|
||||
* v1 == v2 return 0
|
||||
*/
|
||||
function compare(v1 = '0', v2 = '0') {
|
||||
v1 = String(v1).split('.')
|
||||
v2 = String(v2).split('.')
|
||||
const minVersionLens = Math.min(v1.length, v2.length);
|
||||
|
||||
let result = 0;
|
||||
for (let i = 0; i < minVersionLens; i++) {
|
||||
const curV1 = Number(v1[i])
|
||||
const curV2 = Number(v2[i])
|
||||
|
||||
if (curV1 > curV2) {
|
||||
result = 1
|
||||
break;
|
||||
} else if (curV1 < curV2) {
|
||||
result = -1
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
if (result === 0 && (v1.length !== v2.length)) {
|
||||
const v1BiggerThenv2 = v1.length > v2.length;
|
||||
const maxLensVersion = v1BiggerThenv2 ? v1 : v2;
|
||||
for (let i = minVersionLens; i < maxLensVersion.length; i++) {
|
||||
const curVersion = Number(maxLensVersion[i])
|
||||
if (curVersion > 0) {
|
||||
v1BiggerThenv2 ? result = 1 : result = -1
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return result;
|
||||
}
|
||||
|
||||
export default {
|
||||
mixins: [addAndDetail],
|
||||
data() {
|
||||
return {
|
||||
latestVersion: '0.0.0',
|
||||
lastVersionId: '',
|
||||
uniFilePickerProvider: 'unicloud',
|
||||
domain: ""
|
||||
}
|
||||
},
|
||||
async onLoad({
|
||||
appid,
|
||||
name,
|
||||
type
|
||||
}) {
|
||||
let { domain, provider } = this.getCloudStorageConfig();
|
||||
if (domain) this.domain = domain;
|
||||
if (provider) this.uniFilePickerProvider = provider;
|
||||
|
||||
if (appid && type && name) {
|
||||
const store_list = await this.getStoreList(appid)
|
||||
this.formData = {
|
||||
...this.formData,
|
||||
...{
|
||||
appid,
|
||||
name,
|
||||
type,
|
||||
store_list,
|
||||
}
|
||||
}
|
||||
|
||||
this.latestStableData = await this.getDetail(appid, type)
|
||||
// 如果有数据，否则为发布第一版，默认为Android
|
||||
if (!this.isWGT && this.latestStableData.length) {
|
||||
this.setFormData(platform_Android)
|
||||
}
|
||||
// 如果是wgt ，则需要将 min_uni_version 设为必填
|
||||
if (this.isWGT) {
|
||||
this.rules.min_uni_version.rules.push({
|
||||
"required": true
|
||||
})
|
||||
}
|
||||
}
|
||||
},
|
||||
onUnload() {
|
||||
// 临时处理，后面会再优化
|
||||
this.setCloudStorage({
|
||||
provider: null
|
||||
});
|
||||
},
|
||||
watch: {
|
||||
isiOS(val) {
|
||||
if (!val && this.hasPackage) {
|
||||
this.formData.url = this.appFileList.url
|
||||
return;
|
||||
}
|
||||
this.formData.url = ''
|
||||
},
|
||||
"formData.platform"(val) {
|
||||
this.setFormData(val)
|
||||
},
|
||||
"domain"(val) {
|
||||
this.setCloudStorage({
|
||||
domain: val
|
||||
});
|
||||
if (this.formData.url) {
|
||||
// 替换 this.formData.url 内的域名
|
||||
if (!val) val = "请输入自定义域名"
|
||||
this.formData.url = this.formData.url.replace(/^(https?:\/\/)[^\/]+/, `$1${val}`);
|
||||
}
|
||||
},
|
||||
uniFilePickerProvider:{
|
||||
immediate: true,
|
||||
handler(val){
|
||||
this.setCloudStorage({
|
||||
provider: val
|
||||
});
|
||||
}
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
setFormData(os) {
|
||||
uni.showLoading({
|
||||
mask: true
|
||||
})
|
||||
// 每次需初始化 版本 与 id ，因为可能是新增第一版
|
||||
this.latestVersion = '0.0.0';
|
||||
this.lastVersionId = ''
|
||||
|
||||
const data = this.getData(this.latestStableData, os)[0]
|
||||
|
||||
if (data) {
|
||||
const {
|
||||
_id,
|
||||
version,
|
||||
name,
|
||||
platform,
|
||||
min_uni_version,
|
||||
url
|
||||
} = data
|
||||
|
||||
this.lastVersionId = _id
|
||||
this.latestVersion = version;
|
||||
|
||||
this.formData.name = name
|
||||
|
||||
// 如果不是wgt，则需要删除 min_uni_version 字段
|
||||
if (!this.isWGT) {
|
||||
delete this.formData.min_uni_version;
|
||||
this.formData.platform = platform[0]
|
||||
|
||||
// iOS需要带出上一版本的AppStore链接
|
||||
if (this.isiOS) {
|
||||
this.formData.url = url;
|
||||
}
|
||||
} else {
|
||||
this.formData.min_uni_version = min_uni_version
|
||||
// this.formData.platform = [os]
|
||||
}
|
||||
} else if (this.isWGT) {
|
||||
this.formData.min_uni_version = ''
|
||||
}
|
||||
uni.hideLoading()
|
||||
},
|
||||
/**
|
||||
* 触发表单提交
|
||||
*/
|
||||
submit() {
|
||||
uni.showLoading({
|
||||
mask: true
|
||||
})
|
||||
this.$refs.form.validate(['store_list']).then((res) => {
|
||||
if (compare(this.latestVersion, res.version) >= 0) {
|
||||
uni.showModal({
|
||||
content: `版本号必须大于当前已上线版本（${this.latestVersion}）`,
|
||||
showCancel: false
|
||||
})
|
||||
throw new Error('版本号必须大于已上线版本（${this.latestVersion}）');
|
||||
}
|
||||
// 如果不是 wgt 更新，则需将 platform 字段还原为 array
|
||||
if (!this.isWGT) {
|
||||
res.platform = [res.platform]
|
||||
}
|
||||
if (this.isiOS || this.isWGT) delete res.store_list;
|
||||
if (res.store_list) {
|
||||
res.store_list.forEach(item => {
|
||||
item.priority = parseFloat(item.priority)
|
||||
})
|
||||
}
|
||||
this.submitForm(res)
|
||||
}).catch((errors) => {
|
||||
uni.hideLoading()
|
||||
})
|
||||
},
|
||||
async submitForm(value) {
|
||||
value = this.createCenterRecord(value)
|
||||
const collectionDB = db.collection(dbCollectionName)
|
||||
// uni-stat 会创建这些字段 appid
|
||||
let recordCreateByUniStat = []
|
||||
if (!this.isWGT) {
|
||||
recordCreateByUniStat = await this.getDetail(value.appid, value.type, this.createStatQuery(value))
|
||||
}
|
||||
|
||||
let dbOperate
|
||||
if (!recordCreateByUniStat.length) {
|
||||
dbOperate = collectionDB.add(value)
|
||||
} else {
|
||||
value.create_date = Date.now()
|
||||
dbOperate = collectionDB.doc(recordCreateByUniStat[0]._id).update(value)
|
||||
}
|
||||
|
||||
// 使用 clientDB 提交数据
|
||||
dbOperate.then(async (res) => {
|
||||
// 如果新增版本为上线发行，且之前有该平台的上线发行，则自动将上一版设为下线
|
||||
if (value.stable_publish && this.lastVersionId) {
|
||||
await collectionDB.doc(this.lastVersionId).update({
|
||||
stable_publish: false
|
||||
})
|
||||
}
|
||||
uni.showToast({
|
||||
title: '新增成功'
|
||||
})
|
||||
this.getOpenerEventChannel().emit('refreshData')
|
||||
setTimeout(() => uni.navigateBack(), 500)
|
||||
}).catch((err) => {
|
||||
uni.showModal({
|
||||
content: err.message || '请求服务失败',
|
||||
showCancel: false
|
||||
})
|
||||
}).finally(() => {
|
||||
uni.hideLoading()
|
||||
})
|
||||
|
||||
this.setCloudStorageConfig({
|
||||
provider: this.uniFilePickerProvider,
|
||||
domain: this.domain,
|
||||
});
|
||||
},
|
||||
/**
|
||||
* 获取表单数据
|
||||
* @param {Object} id
|
||||
*/
|
||||
getDetail(appid, type, args = {}) {
|
||||
uni.showLoading({
|
||||
mask: true
|
||||
})
|
||||
return db.collection(dbCollectionName)
|
||||
.where(
|
||||
Object.assign({
|
||||
appid,
|
||||
type,
|
||||
stable_publish: true
|
||||
}, args)
|
||||
)
|
||||
.field(fields)
|
||||
.get()
|
||||
.then((res) => res.result.data)
|
||||
.catch((err) => {
|
||||
uni.showModal({
|
||||
content: err.message || '请求服务失败',
|
||||
showCancel: false
|
||||
})
|
||||
}).finally(() => {
|
||||
uni.hideLoading()
|
||||
})
|
||||
},
|
||||
getData(data = [], platform) {
|
||||
if (typeof platform === 'string') {
|
||||
return data.filter(item => item.platform.includes(platform))
|
||||
} else {
|
||||
return data.filter(item => item.platform.toString() === platform.toString())
|
||||
}
|
||||
},
|
||||
back() {
|
||||
uni.showModal({
|
||||
title: '取消发布',
|
||||
content: this.hasPackage ? '将会删除已上传的包' : undefined,
|
||||
success: res => {
|
||||
if (res.confirm) {
|
||||
// 若已上传包但取消发布，则自动将包删除
|
||||
if (this.hasPackage) {
|
||||
this.deleteFile([this.appFileList.url])
|
||||
}
|
||||
|
||||
uni.navigateBack()
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
::v-deep .uni-forms-item__content {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.uni-button-group {
|
||||
& button {
|
||||
margin-left: 15px;
|
||||
}
|
||||
|
||||
& button:first-child {
|
||||
margin-left: 0px;
|
||||
}
|
||||
}
|
||||
|
||||
.title_padding {
|
||||
padding-bottom: 15px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
::v-deep .uni-file-picker__files {
|
||||
max-width: 100%;
|
||||
}
|
||||
</style>
|
||||
401
uni_modules/uni-upgrade-center/pages/version/detail.vue
Normal file
401
uni_modules/uni-upgrade-center/pages/version/detail.vue
Normal file
@ -0,0 +1,401 @@
|
||||
<template>
|
||||
<view class="uni-container">
|
||||
<view class="uni-header">
|
||||
<view class="uni-group">
|
||||
<view class="uni-title">包类型</view>
|
||||
<view class="uni-sub-title" style="display: flex;justify-content: center;align-items: center;">
|
||||
{{type_valuetotext[formData.type]}}
|
||||
</view>
|
||||
</view>
|
||||
<view v-if="!isStable" class="uni-group">
|
||||
<button class="uni-button" type="warn" size="mini" @click="deletePackage">删除</button>
|
||||
</view>
|
||||
</view>
|
||||
<uni-forms ref="form" :value="formData" validateTrigger="bind" :labelWidth="labelWidth">
|
||||
<uni-forms-item name="appid" label="AppID" required>
|
||||
<uni-easyinput :disabled="true" v-model="formData.appid" trim="both" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item name="name" label="应用名称">
|
||||
<uni-easyinput :disabled="true" v-model="formData.name" trim="both" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item name="title" label="更新标题">
|
||||
<uni-easyinput :disabled="detailsState" placeholder="更新标题" v-model="formData.title" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item name="contents" label="更新内容" required>
|
||||
<textarea auto-height style="box-sizing: content-box;" :disabled="detailsState"
|
||||
@input="binddata('contents', $event.detail.value)" class="uni-textarea-border"
|
||||
:value="formData.contents" @update:value="val => formData.contents = val"></textarea>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item name="platform" label="平台" required>
|
||||
<uni-data-checkbox :disabled="true" :multiple="true" v-model="formData.platform"
|
||||
:localdata="platformLocaldata" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item name="version" label="版本号" required>
|
||||
<uni-easyinput :disabled="true" v-model="formData.version" placeholder="当前包版本号，必须大于当前已上线版本号" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item v-if="isWGT" key="min_uni_version" name="min_uni_version" label="原生App最低版本"
|
||||
:required="isWGT">
|
||||
<uni-easyinput :disabled="detailsState" placeholder="原生App最低版本" v-model="formData.min_uni_version" />
|
||||
<show-info :content="minUniVersionContent"></show-info>
|
||||
</uni-forms-item>
|
||||
|
||||
<uni-forms-item label="存储选择" v-if="!detailsState">
|
||||
<view class="flex">
|
||||
<radio-group @change="e => uniFilePickerProvider = e.detail.value" style="width: 100%;">
|
||||
<view class="flex" style="flex-wrap: nowrap;">
|
||||
上传至：
|
||||
<label>
|
||||
<radio value="unicloud" :checked="uniFilePickerProvider === 'unicloud'"/><text>内置存储</text>
|
||||
</label>
|
||||
<label style="margin-left: 20rpx;">
|
||||
<radio value="extStorage" :checked="uniFilePickerProvider === 'extStorage'"/><text>扩展存储</text>
|
||||
</label>
|
||||
</view>
|
||||
</radio-group>
|
||||
<text class="uni-sub-title" style="margin-top: 10px;font-size: 12px;color: #666;width: 100%;">内置存储是服务空间开通后自带的云存储，不支持自定义域名，不支持阶梯计费</text>
|
||||
<text class="uni-sub-title" style="margin-top: 10px;font-size: 12px;color: #666;">扩展存储支持自定义域名、阶梯计费，越用越便宜、功能更强大</text>
|
||||
<text class="uni-sub-title" style="margin-top: 10px;font-size: 12px;color: #2979ff;cursor: pointer;text-decoration: underline; margin-left: 10px;" @click="toUrl('https://doc.dcloud.net.cn/uniCloud/ext-storage/service.html')">扩展存储开通文档</text>
|
||||
</view>
|
||||
</uni-forms-item>
|
||||
|
||||
|
||||
<uni-forms-item label="自定义域名" v-if="uniFilePickerProvider === 'extStorage' && !detailsState">
|
||||
<view class="flex" style="flex-direction: column;align-items:flex-start;">
|
||||
<uni-easyinput placeholder="请输入扩展存储自定义域名" v-model="domain" :maxlength="-1" style="width: 550px;"/>
|
||||
<text class="uni-sub-title" style="margin-top: 10px;font-size: 12px;color: #666;">输入扩展存储绑定的域名，在服务空间-云存储-扩展存储页面可查看，如：cdn.example.com</text>
|
||||
</view>
|
||||
</uni-forms-item>
|
||||
|
||||
<uni-forms-item v-if="!isiOS && !detailsState" :label="'上传'+fileExtname[0]+'包'">
|
||||
<uni-file-picker v-model="appFileList" :file-extname="fileExtname" :disabled="hasPackage"
|
||||
returnType="object" file-mediatype="all" limit="1" @success="packageUploadSuccess" :provider="uniFilePickerProvider"
|
||||
@delete="packageDelete">
|
||||
<view class="flex">
|
||||
<button type="primary" size="mini" @click="selectFile" style="margin: 0px;">选择文件</button>
|
||||
</view>
|
||||
</uni-file-picker>
|
||||
<text v-if="hasPackage"
|
||||
style="padding-left: 20px;color: #a8a8a8;">{{Number(appFileList.size / 1024 / 1024).toFixed(2)}}M</text>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item key="url" name="url" :label="isiOS ? 'AppStore' : '下载链接'" required>
|
||||
<view class="flex" style="flex-direction: column;align-items:flex-start;flex: 1;">
|
||||
<view class="flex" style="width: 100%;">
|
||||
<uni-easyinput :disabled="detailsState" placeholder="下载链接" v-model="formData.url" :maxlength="-1" />
|
||||
<text style="margin-left: 10px;color: #2979ff;cursor: pointer;text-decoration: underline;" v-if="formData.url" @click="toUrl(formData.url)">测试下载</text>
|
||||
</view>
|
||||
<text style="margin-top: 10px;font-size: 12px;color: #666;" v-if="formData.url && !detailsState">建议点击【测试下载】能正常下载后，再进行发布</text>
|
||||
</view>
|
||||
</uni-forms-item>
|
||||
|
||||
<uni-forms-item v-if="!isiOS && !isWGT && formData.store_list.length" label="Android应用市场" key="store_list"
|
||||
name="store_list" labelWidth="120">
|
||||
<view style="flex: 1;">
|
||||
<view v-for="(item,index) in formData.store_list" :key="item.id">
|
||||
<uni-card style="margin: 0px 0px 20px 0px;">
|
||||
<view style="display: flex;">
|
||||
<checkbox-group style="user-select: none;"
|
||||
@change="({detail:{value}}) => {item.enable = !!value.length}">
|
||||
<label class="title_padding">
|
||||
<checkbox :disabled="detailsState" value="scheme" :checked="item.enable" />
|
||||
<text>是否启用</text>
|
||||
</label>
|
||||
</checkbox-group>
|
||||
</view>
|
||||
<uni-forms-item label="商店名称">
|
||||
<uni-easyinput disabled v-model="item.name" trim="both"></uni-easyinput>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="Scheme">
|
||||
<uni-easyinput disabled v-model="item.scheme" trim="both"></uni-easyinput>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="优先级">
|
||||
<uni-easyinput :disabled="detailsState" v-model="item.priority" type="number">
|
||||
</uni-easyinput>
|
||||
<show-info :top="-100" :left="-180" :content="priorityContent"></show-info>
|
||||
</uni-forms-item>
|
||||
</uni-card>
|
||||
</view>
|
||||
</view>
|
||||
</uni-forms-item>
|
||||
|
||||
<uni-forms-item v-if="isWGT" key="is_silently" name="is_silently" label="静默更新">
|
||||
<switch :disabled="detailsState"
|
||||
@change="binddata('is_silently', $event.detail.value),formData.is_silently=$event.detail.value"
|
||||
:checked="formData.is_silently" />
|
||||
<show-info :top="-80" :content="silentlyContent"></show-info>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item v-if="!isiOS" key="is_mandatory" name="is_mandatory" label="强制更新">
|
||||
<switch :disabled="detailsState"
|
||||
@change="binddata('is_mandatory', $event.detail.value),formData.is_mandatory=$event.detail.value"
|
||||
:checked="formData.is_mandatory" />
|
||||
<show-info width="230" :top="-30" :content="mandatoryContent"></show-info>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item name="stable_publish" label="上线发行">
|
||||
<switch :disabled="detailsState || isStable"
|
||||
@change="binddata('stable_publish', $event.detail.value),formData.stable_publish=$event.detail.value"
|
||||
:checked="formData.stable_publish" />
|
||||
<show-info v-if="isStable" :top="-50" width="350" :content="stablePublishContent"></show-info>
|
||||
<show-info v-else :top="-40" :content="stablePublishContent2"></show-info>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item name="create_date" label="上传时间">
|
||||
<uni-dateformat format="yyyy-MM-dd hh:mm:ss" :date="formData.create_date" :threshold="[0, 0]" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item v-show="false" name="type" label="安装包类型">
|
||||
<uni-data-checkbox v-model="formData.type" :localdata="formOptions.type_localdata" />
|
||||
</uni-forms-item>
|
||||
<view class="uni-button-group">
|
||||
<button type="primary" class="uni-button" style="width: 100px;" @click="detailsState = false"
|
||||
v-if="detailsState">修改</button>
|
||||
<button type="primary" class="uni-button" style="width: 100px;" @click="submit"
|
||||
v-if="!detailsState">提交</button>
|
||||
<button type="warn" class="uni-button" style="width: 100px;" @click="cancelEdit"
|
||||
v-if="!detailsState">取消</button>
|
||||
<navigator open-type="navigateBack" style="margin-left: 15px;">
|
||||
<button class="uni-button" style="width: 100px;">返回</button>
|
||||
</navigator>
|
||||
</view>
|
||||
</uni-forms>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
validator,
|
||||
enumConverter
|
||||
} from '@/js_sdk/validator/opendb-app-versions.js';
|
||||
import addAndDetail, {
|
||||
fields
|
||||
} from '../mixin/version_add_detail_mixin.js'
|
||||
import {
|
||||
deepClone,
|
||||
appVersionListDbName
|
||||
} from '../utils.js'
|
||||
|
||||
const db = uniCloud.database();
|
||||
const dbCmd = db.command;
|
||||
const dbCollectionName = appVersionListDbName;
|
||||
|
||||
const platform_iOS = 'iOS';
|
||||
const platform_Android = 'Android';
|
||||
|
||||
function getValidator(fields) {
|
||||
let reuslt = {}
|
||||
for (let key in validator) {
|
||||
if (fields.includes(key)) {
|
||||
reuslt[key] = validator[key]
|
||||
}
|
||||
}
|
||||
return reuslt
|
||||
}
|
||||
|
||||
export default {
|
||||
mixins: [addAndDetail],
|
||||
data() {
|
||||
return {
|
||||
showStableInfo: false,
|
||||
isStable: true, // 是否是线上发行版
|
||||
originalData: {}, // 原始数据，用于恢复状态
|
||||
detailsState: true, // 查看状态,
|
||||
uniFilePickerProvider: 'unicloud',
|
||||
domain: ""
|
||||
}
|
||||
},
|
||||
async onLoad(e) {
|
||||
let { domain, provider } = this.getCloudStorageConfig();
|
||||
if (domain) this.domain = domain;
|
||||
if (provider) this.uniFilePickerProvider = provider;
|
||||
|
||||
const id = e.id
|
||||
this.formDataId = id
|
||||
await this.getDetail(id)
|
||||
this.isStable = this.formData.stable_publish;
|
||||
this.latestStableData = await this.getLatestVersion();
|
||||
if (this.isWGT) {
|
||||
this.rules.min_uni_version.rules.push({
|
||||
"required": true
|
||||
})
|
||||
}
|
||||
},
|
||||
onUnload() {
|
||||
// 临时处理，后面会再优化
|
||||
this.setCloudStorage({
|
||||
provider: null
|
||||
});
|
||||
},
|
||||
watch: {
|
||||
"domain"(val) {
|
||||
this.setCloudStorage({
|
||||
domain: val
|
||||
});
|
||||
if (this.formData.url) {
|
||||
// 替换 this.formData.url 内的域名
|
||||
if (!val) val = "请输入自定义域名"
|
||||
this.formData.url = this.formData.url.replace(/^(https?:\/\/)[^\/]+/, `$1${val}`);
|
||||
}
|
||||
},
|
||||
uniFilePickerProvider(val){
|
||||
this.setCloudStorage({
|
||||
provider: val
|
||||
});
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
/**
|
||||
* 触发表单提交
|
||||
*/
|
||||
submit() {
|
||||
uni.showLoading({
|
||||
mask: true
|
||||
})
|
||||
this.$refs.form.validate(['store_list']).then((res) => {
|
||||
if (res.store_list) {
|
||||
res.store_list.forEach(item => {
|
||||
item.priority = parseFloat(item.priority)
|
||||
})
|
||||
}
|
||||
this.submitForm(res)
|
||||
}).catch((errors) => {
|
||||
uni.hideLoading()
|
||||
})
|
||||
},
|
||||
async submitForm(value) {
|
||||
const collectionDB = db.collection(dbCollectionName)
|
||||
// 使用 clientDB 提交数据
|
||||
collectionDB.doc(this.formDataId).update(value).then(async (res) => {
|
||||
// 如果不是线上发行版，则在设置为上线发行时，需将之前的已上线版设为下线
|
||||
if (!this.isStable && value.stable_publish === true && this.latestStableData) {
|
||||
await collectionDB.doc(this.latestStableData._id).update({
|
||||
stable_publish: false
|
||||
})
|
||||
}
|
||||
|
||||
uni.showToast({
|
||||
title: '修改成功'
|
||||
})
|
||||
|
||||
this.getOpenerEventChannel().emit('refreshData')
|
||||
setTimeout(() => uni.navigateBack(), 500)
|
||||
}).catch((err) => {
|
||||
uni.showModal({
|
||||
content: err.message || '请求服务失败',
|
||||
showCancel: false
|
||||
})
|
||||
}).finally(() => {
|
||||
uni.hideLoading()
|
||||
})
|
||||
},
|
||||
/**
|
||||
* 获取表单数据
|
||||
* @param {Object} id
|
||||
*/
|
||||
getDetail(id) {
|
||||
uni.showLoading({
|
||||
mask: true
|
||||
})
|
||||
return db.collection(dbCollectionName)
|
||||
.doc(id)
|
||||
.field(fields)
|
||||
.get()
|
||||
.then((res) => {
|
||||
const data = res.result.data[0]
|
||||
if (data) {
|
||||
if (!data.store_list) data.store_list = []
|
||||
this.formData = data
|
||||
this.originalData = deepClone(this.formData)
|
||||
}
|
||||
}).catch((err) => {
|
||||
uni.showModal({
|
||||
content: err.message || '请求服务失败',
|
||||
showCancel: false
|
||||
})
|
||||
}).finally(() => {
|
||||
uni.hideLoading()
|
||||
})
|
||||
},
|
||||
deletePackage() {
|
||||
uni.showModal({
|
||||
title: '提示',
|
||||
content: '是否删除该版本',
|
||||
success: res => {
|
||||
if (res.confirm) {
|
||||
uni.showLoading({
|
||||
mask: true
|
||||
})
|
||||
db.collection(dbCollectionName).doc(this.formDataId).remove()
|
||||
.then(() => {
|
||||
uni.showToast({
|
||||
title: '删除成功'
|
||||
})
|
||||
this.getOpenerEventChannel().emit('refreshData')
|
||||
setTimeout(() => uni.navigateBack(), 500)
|
||||
}).catch((err) => {
|
||||
uni.showModal({
|
||||
content: err.message || '请求服务失败',
|
||||
showCancel: false
|
||||
})
|
||||
}).finally(() => {
|
||||
uni.hideLoading()
|
||||
})
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
async getLatestVersion() {
|
||||
const where = {
|
||||
appid: this.formData.appid,
|
||||
type: this.formData.type,
|
||||
stable_publish: true
|
||||
};
|
||||
if (!this.isWGT) {
|
||||
where.platform = this.formData.platform[0]
|
||||
}
|
||||
const latestStableData = await db.collection(dbCollectionName).where(where).get()
|
||||
return latestStableData.result.data.find(item => item.platform.toString() === this.formData.platform
|
||||
.toString());
|
||||
},
|
||||
cancelEdit() {
|
||||
let content = '';
|
||||
!this.isiOS && this.hasPackage ? content += '\n将会删除已上传的包' : '';
|
||||
uni.showModal({
|
||||
title: '取消修改',
|
||||
content,
|
||||
success: res => {
|
||||
if (res.confirm) {
|
||||
this.formData = deepClone(this.originalData)
|
||||
this.detailsState = true
|
||||
|
||||
if (this.hasPackage) {
|
||||
this.deleteFile([this.appFileList.url])
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style lang="scss">
|
||||
.show-stable-info {
|
||||
position: absolute;
|
||||
left: 165px;
|
||||
padding: 5px 10px;
|
||||
background-color: #f4f4f5;
|
||||
color: #909399;
|
||||
border-radius: 4px;
|
||||
border: 1px solid #e9e9eb;
|
||||
}
|
||||
|
||||
::v-deep .uni-forms-item__content {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.uni-button-group {
|
||||
& button {
|
||||
margin-left: 15px;
|
||||
}
|
||||
|
||||
& button:first-child {
|
||||
margin-left: 0px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
364
uni_modules/uni-upgrade-center/pages/version/list.vue
Normal file
364
uni_modules/uni-upgrade-center/pages/version/list.vue
Normal file
@ -0,0 +1,364 @@
|
||||
<template>
|
||||
<view class="main">
|
||||
<view v-if="loaded">
|
||||
<view class="uni-header">
|
||||
<view class="uni-group">
|
||||
<view class="uni-sub-title">当前应用：</view>
|
||||
<view class="uni-title app-list">
|
||||
<picker @change="(e) => showAppIndex = e.detail.value" :value="showAppIndex"
|
||||
:range="appNameList">
|
||||
<view class="uni-input" style="font-size: 14px;">
|
||||
{{appNameList[showAppIndex]}}
|
||||
<uni-icons type="bottom"></uni-icons>
|
||||
</view>
|
||||
</picker>
|
||||
</view>
|
||||
</view>
|
||||
<view class="uni-group">
|
||||
<input class="uni-search" type="text" v-model="query" @confirm="search" placeholder="请输入搜索内容" />
|
||||
<button class="uni-button" type="default" size="mini" @click="search">搜索</button>
|
||||
<button class="uni-button publish" type="primary" size="mini" @click="publish">发布新版</button>
|
||||
<button class="uni-button" type="warn" size="mini" :disabled="!selectedIndexs.length"
|
||||
@click="delTable">批量删除</button>
|
||||
</view>
|
||||
</view>
|
||||
<view class="uni-container">
|
||||
<unicloud-db ref="udb" :collection="appVersionListDbName"
|
||||
field="store_list,appid,contents,platform,type,version,min_uni_version,url,stable_publish,create_date,title,name"
|
||||
:where="where" page-data="replace" :orderby="orderby" :getcount="true" :page-size="options.pageSize"
|
||||
:page-current="options.pageCurrent" v-slot:default="{data,pagination,loading,error,options}"
|
||||
:options="options">
|
||||
<uni-table style="overflow-y: hidden;" :loading="loading" :emptyText="error.message || '没有更多数据'"
|
||||
border stripe type="selection" @selection-change="selectionChange">
|
||||
<uni-tr>
|
||||
<uni-th align="center">AppID</uni-th>
|
||||
<uni-th align="center">更新标题</uni-th>
|
||||
<uni-th align="center">安装包类型</uni-th>
|
||||
<uni-th align="center">平台</uni-th>
|
||||
<uni-th align="center">已上架应用市场</uni-th>
|
||||
<uni-th align="center">版本号</uni-th>
|
||||
<uni-th align="center">安装包状态</uni-th>
|
||||
<uni-th align="center">上传时间</uni-th>
|
||||
<uni-th align="center">操作</uni-th>
|
||||
</uni-tr>
|
||||
<uni-tr v-for="(item,index) in data" :key="index" :disabled="item.stable_publish">
|
||||
<uni-td align="center"> {{item.appid}} </uni-td>
|
||||
<uni-td align="center"> {{item.title || '-'}} </uni-td>
|
||||
<uni-td align="center">
|
||||
<text :style="{
|
||||
padding: '5px 8px',
|
||||
backgroundColor: item.type === 'wgt' ? '#f0f9eb' : '#ecf5ff',
|
||||
color: item.type === 'wgt' ? '#67c23a' : '#409eff',
|
||||
border: `1px solid ${item.type === 'wgt' ? '#e1f3d8' : '#d9ecff'}`,
|
||||
borderRadius: '4px'
|
||||
}">{{options.type_valuetotext[item.type]}}</text>
|
||||
</uni-td>
|
||||
<uni-td align="center">
|
||||
<uni-data-picker :localdata="options.platform_valuetotext" :value="item.platform"
|
||||
:border="false" :readonly="true" split="," />
|
||||
</uni-td>
|
||||
<uni-td align="center">
|
||||
<text>{{store_list_key(item.store_list)}}</text>
|
||||
</uni-td>
|
||||
<uni-td align="center"> {{item.version}} </uni-td>
|
||||
<uni-td align="center"> {{item.stable_publish == true ? '已上线' : '已下线'}} </uni-td>
|
||||
<uni-td align="center">
|
||||
<uni-dateformat format="yyyy-MM-dd hh:mm:ss" :date="item.create_date"
|
||||
:threshold="[0, 0]" />
|
||||
</uni-td>
|
||||
<uni-td align="center">
|
||||
<button @click="navigateTo('./detail?id='+item._id, false)" class="uni-button" size="mini" type="primary">详情</button>
|
||||
</uni-td>
|
||||
</uni-tr>
|
||||
</uni-table>
|
||||
<view class="uni-pagination-box">
|
||||
<uni-pagination show-icon :page-size="pagination.size" v-model="pagination.current"
|
||||
:total="pagination.count" @change="onPageChanged" />
|
||||
</view>
|
||||
</unicloud-db>
|
||||
</view>
|
||||
</view>
|
||||
<view v-else class="page-loading" :style="containerTop">
|
||||
<i class="uni-icon_toast uni-loading"></i>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
enumConverter
|
||||
} from '@/js_sdk/validator/opendb-app-versions.js';
|
||||
import {
|
||||
appListDbName,
|
||||
appVersionListDbName,
|
||||
defaultDisplayApp
|
||||
} from '../utils.js'
|
||||
import {
|
||||
mapState
|
||||
} from 'vuex'
|
||||
|
||||
const db = uniCloud.database()
|
||||
const dbCmd = db.command
|
||||
// 表查询配置
|
||||
const dbOrderBy = 'stable_publish desc,create_date desc' // 排序字段
|
||||
const dbSearchFields = ['name', 'title', 'stable_publish', 'type'] // 模糊搜索字段，支持模糊搜索的字段列表
|
||||
// 分页配置
|
||||
const pageSize = 20
|
||||
const pageCurrent = 1
|
||||
|
||||
const appidKey = '__app_version_appid'
|
||||
const nameKey = '__app_version_name'
|
||||
|
||||
function getScreenHeight() {
|
||||
return document.documentElement ? document.documentElement.clientHeight : window.innerHeight;
|
||||
}
|
||||
|
||||
function createListQuery(condition = {}) {
|
||||
return {
|
||||
create_env: dbCmd.neq("uni-stat"),
|
||||
...condition
|
||||
}
|
||||
}
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
backButtonHover: false,
|
||||
appVersionListDbName,
|
||||
currentAppid: '',
|
||||
currentAppName: '',
|
||||
query: '',
|
||||
where: '',
|
||||
orderby: dbOrderBy,
|
||||
selectedIndexs: [],
|
||||
options: {
|
||||
pageSize,
|
||||
pageCurrent,
|
||||
...enumConverter
|
||||
},
|
||||
imageStyles: {
|
||||
width: 64,
|
||||
height: 64
|
||||
},
|
||||
loaded: false,
|
||||
containerTop: {},
|
||||
appList: [],
|
||||
showAppIndex: 0
|
||||
}
|
||||
},
|
||||
async onLoad({
|
||||
appid
|
||||
}) {
|
||||
await this.getAppList()
|
||||
if (!this.appList.length) {
|
||||
this.showModalToAppManager()
|
||||
return
|
||||
}
|
||||
this.loaded = true
|
||||
|
||||
this.appList.forEach((item, index) => {
|
||||
if (item.appid === appid || defaultDisplayApp) {
|
||||
this.showAppIndex = index
|
||||
}
|
||||
})
|
||||
this.setAppInfo(this.showAppIndex)
|
||||
this.where = createListQuery({
|
||||
appid: this.currentAppid
|
||||
})
|
||||
},
|
||||
computed: {
|
||||
...mapState('app', ['appid']),
|
||||
appNameList() {
|
||||
return this.appList.map(item => item.name)
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
showAppIndex(val) {
|
||||
this.setAppInfo(val)
|
||||
|
||||
this.where = createListQuery({
|
||||
appid: this.currentAppid
|
||||
})
|
||||
}
|
||||
},
|
||||
onReady() {
|
||||
this.containerTop.height = `${getScreenHeight()}px`
|
||||
},
|
||||
methods: {
|
||||
setAppInfo(index) {
|
||||
this.currentAppid = this.appList[index].appid
|
||||
this.currentAppName = this.appList[index].name
|
||||
},
|
||||
navigateBack() {
|
||||
uni.navigateBack()
|
||||
},
|
||||
getWhere() {
|
||||
const query = this.query.trim()
|
||||
if (!query) {
|
||||
return ''
|
||||
}
|
||||
const queryRe = new RegExp(query, 'i')
|
||||
return dbSearchFields.map(name => queryRe + '.test(' + name + ')').join(' || ')
|
||||
},
|
||||
search() {
|
||||
const newWhere = this.getWhere()
|
||||
const isSameWhere = newWhere === this.where
|
||||
this.where = newWhere
|
||||
if (this.where) {
|
||||
this.where = `(${this.where}) && `
|
||||
}
|
||||
this.where += `${new RegExp(this.currentAppid, 'i')}.test(appid)`
|
||||
if (isSameWhere) { // 相同条件时，手动强制刷新
|
||||
this.loadData()
|
||||
}
|
||||
},
|
||||
loadData(clear = true) {
|
||||
this.$refs.udb.loadData({
|
||||
clear
|
||||
})
|
||||
},
|
||||
onPageChanged(e) {
|
||||
this.$refs.udb.loadData({
|
||||
current: e.current
|
||||
})
|
||||
},
|
||||
navigateTo(url, clear) {
|
||||
// clear 表示刷新列表时是否清除页码，true 表示刷新并回到列表第 1 页，默认为 true
|
||||
uni.navigateTo({
|
||||
url,
|
||||
events: {
|
||||
refreshData: () => {
|
||||
this.loadData(clear)
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
// 多选处理
|
||||
selectedItems() {
|
||||
let dataList = this.$refs.udb.dataList
|
||||
return this.selectedIndexs.map(i => dataList[i]._id)
|
||||
},
|
||||
// 批量删除
|
||||
delTable() {
|
||||
this.$refs.udb.remove(this.selectedItems())
|
||||
},
|
||||
// 多选
|
||||
selectionChange(e) {
|
||||
this.selectedIndexs = e.detail.index
|
||||
},
|
||||
confirmDelete(id) {
|
||||
this.$refs.udb.remove(id)
|
||||
},
|
||||
publish(e) {
|
||||
// #ifdef H5
|
||||
const {
|
||||
top,
|
||||
left,
|
||||
width,
|
||||
height
|
||||
} = document.querySelector('.uni-button.publish').getBoundingClientRect()
|
||||
// #endif
|
||||
|
||||
const platforms = Object.keys(this.options.type_valuetotext)
|
||||
uni.showActionSheet({
|
||||
itemList: Object.values(this.options.type_valuetotext),
|
||||
// #ifdef H5
|
||||
popover: {
|
||||
top: top + height,
|
||||
left,
|
||||
width
|
||||
},
|
||||
// #endif
|
||||
success: async (res) => {
|
||||
this.navigateTo(
|
||||
`./add?appid=${this.currentAppid}&name=${this.currentAppName}&type=${platforms[res.tapIndex]}`
|
||||
)
|
||||
}
|
||||
});
|
||||
},
|
||||
async getAppList() {
|
||||
try {
|
||||
const {
|
||||
result
|
||||
} = await db.collection(appListDbName).get()
|
||||
if (result && result.data && result.data.length > 0) {
|
||||
this.appList = result.data.filter(item => item.appid !== this.appid)
|
||||
} else {
|
||||
this.showModalToAppManager()
|
||||
}
|
||||
} catch (e) {
|
||||
const arr = ['TOKEN_INVALID_TOKEN_EXPIRED', 'TOKEN_INVALID_ANONYMOUS_USER']
|
||||
if (arr.indexOf(e.code) === -1)
|
||||
this.showModalToAppManager()
|
||||
}
|
||||
},
|
||||
showModalToAppManager() {
|
||||
let timer = null
|
||||
let second = 3
|
||||
|
||||
function jump() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/system/app/list'
|
||||
})
|
||||
clearInterval(timer)
|
||||
}
|
||||
|
||||
timer = setInterval(() => {
|
||||
if (--second <= 0) {
|
||||
jump()
|
||||
}
|
||||
}, 1000)
|
||||
|
||||
uni.showModal({
|
||||
title: '请先添加应用',
|
||||
content: '即将跳转至应用管理……',
|
||||
showCancel: false,
|
||||
confirmText: '立即跳转',
|
||||
success: (res) => jump()
|
||||
})
|
||||
},
|
||||
store_list_key(store_list) {
|
||||
const arr = store_list ? store_list.filter(item => item.enable) : []
|
||||
return arr.length ?
|
||||
arr.sort((a, b) => b.priority - a.priority)
|
||||
.map(item => item.name).join(',') :
|
||||
'-'
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style lang="scss">
|
||||
.page-loading {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
flex: 1;
|
||||
|
||||
i {
|
||||
$icon-size: 80rpx;
|
||||
width: $icon-size;
|
||||
height: $icon-size;
|
||||
}
|
||||
}
|
||||
|
||||
page,
|
||||
page .main,
|
||||
.page-loading {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.app-list {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 5px 10px;
|
||||
border-radius: 4px;
|
||||
border: 1px solid #2e76ba;
|
||||
color: #3A8EE6;
|
||||
|
||||
uni-text {
|
||||
margin-left: 10px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user