emis-frontend/src/views/system/updater/appUpdater.vue
2025-04-15 13:27:26 +08:00

155 lines
4.6 KiB
Vue

<template>
<div class="app-container">
<el-form ref="form" :model="form" size="mini" :rules="rules" label-width="150px">
<el-row :gutter="0" style="display: flex;flex-wrap: wrap;">
<el-col :span="12">
<el-form-item label="主版本号" prop="version">
<el-input v-model="form.version" placeholder="" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="次版本号" prop="versionCode">
<el-input v-model="form.versionCode" placeholder="" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="主版本apk安装包" prop="apkUrl">
<FileUpload :showTip="true" v-model="form.apkUrl" :isNeedUpload="true" :fileType="['apk']" :limit="1"></FileUpload>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="次版本wgt更新文件" prop="wgtUrl">
<FileUpload :showTip="true" v-model="form.wgtUrl" :isNeedUpload="true" :fileType="['wgt']" :limit="1"></FileUpload>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="升级设备白名单" prop="whiteDeviceIds">
<el-input v-model="form.whiteDeviceIds" type="textarea" placeholder="设备ID逗号隔开" />
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="备注" prop="remark">
<el-input v-model="form.remark" type="textarea" placeholder="" />
</el-form-item>
</el-col>
</el-row>
</el-form>
<div style="text-align: center;margin-bottom: 10px;">
<el-button type="primary" @click="submitForm">Save </el-button>
<el-button @click="cancel">Cancel</el-button>
</div>
</div>
</template>
<script>
import { getConfigKey,updateConfigByKey } from "@/api/system/config";
export default {
name: "AppUpdater",
props:{
id:{
type:Number
}
},
components: { },
dicts: [
],
data() {
return {
emisSiteSettleRecordOptions: [],
// 遮罩层
loading: true,
// 表单参数
form: {},
// 表单校验
rules: {
version: [
{ required: true, message: "主版本号不能为空", trigger: "blur" }
],
versionCode: [
{ required: true, message: "次版本号不能为空", trigger:["blur",'change'] }
],
apkUrl: [
{ required: true, message: "apkUrl不能为空", trigger:["blur",'change'] }
],
wgtUrl: [
{ required: true, message: "wgtUrl不能为空", trigger: ["blur",'change'] }
],
}
};
},
watch: {
"id": {
handler (newValue, oldValue) {
this.id = newValue;
this.initData();
},
deep: true
}
},
created() {
this.initData();
},
methods: {
initData() {
/*
{ version: '1.0.0', versionCode: 101, apkUrl: 'https://oss-emis.jtrs56.com/app/t240616.apk', wgtUrl: 'https://oss-emis.jtrs56.com/app/240616-1.wgt', whiteDeviceIds: [], remark: '' }
*/
getConfigKey("sys.app.version").then(response => {
let str=response.msg;
str = str.replace(/[ ]/g,"")
str = str.replace(/[\r\n]/g,"");
let obj= eval("("+str+")");
obj.whiteDeviceIds=obj.whiteDeviceIds.join(",");
this.form = Object.assign({},obj);
});
},
// 取消按钮
cancel() {
this.reset();
},
// 表单重置
reset() {
this.form = {
version: null,
versionCode: null,
apkUrl: null,
wgtUrl: null,
whiteDeviceIds: null,
remark: null
};
this.resetForm("form");
},
/** 提交按钮 */
submitForm() {
this.$refs["form"].validate(valid => {
if (valid) {
let postData = Object.assign({},this.form);
let str=postData.whiteDeviceIds;
str = str.replace(/[ ]/g,"")
str = str.replace(/[\r\n]/g,"");
let wdisTmp=str.split(",");
const wdis = wdisTmp.filter(el => {
return el != null && el != '';
});
if(wdis&&wdis.length>0) {
postData.whiteDeviceIds=wdis;
}
else{
postData.whiteDeviceIds=[];
}
updateConfigByKey("sys.app.version",JSON.stringify(postData)).then(response => {
this.$modal.msgSuccess("更新成功");
});
}
});
},
}
};
</script>