220 lines
6.8 KiB
Vue
220 lines
6.8 KiB
Vue
|
<template>
|
|||
|
|
<div class="app-container">
|
|||
|
|
<el-container>
|
|||
|
|
<el-header>
|
|||
|
|
<div>发布详情</div>
|
|||
|
|
<el-divider />
|
|||
|
|
</el-header>
|
|||
|
|
<el-main>
|
|||
|
|
<div class="form-main">
|
|||
|
|
<el-form ref="form" :model="form" label-width="100px" size="mini">
|
|||
|
|
<el-row>
|
|||
|
|
<el-col :span="24">
|
|||
|
|
<el-form-item label="APP名称："></el-form-item>
|
|||
|
|
<el-form-item label="上传类型：">安装包11111</el-form-item>
|
|||
|
|
</el-col>
|
|||
|
|
<el-col :span="24">
|
|||
|
|
<el-form-item label="所选系统：">安装包1111.excel</el-form-item>
|
|||
|
|
<el-form-item label="安装包名称：">58.1kb</el-form-item>
|
|||
|
|
</el-col>
|
|||
|
|
<el-col :span="24">
|
|||
|
|
<el-form-item label="版本号：">安卓</el-form-item>
|
|||
|
|
<el-form-item label="子版本号：">登录模块</el-form-item>
|
|||
|
|
</el-col>
|
|||
|
|
<el-col :span="24">
|
|||
|
|
<el-form-item label="版本说明：">说明说明</el-form-item>
|
|||
|
|
</el-col>
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
<el-col :span="24">
|
|||
|
|
<el-form-item label="发布环境：">发布环境</el-form-item>
|
|||
|
|
</el-col>
|
|||
|
|
<el-col :span="24">
|
|||
|
|
<el-form-item label="发布策略：">说明说明</el-form-item>
|
|||
|
|
</el-col>
|
|||
|
|
<el-col :span="24">
|
|||
|
|
<el-form-item label="结果通知：">说明说明</el-form-item>
|
|||
|
|
</el-col>
|
|||
|
|
<el-col :span="24">
|
|||
|
|
<el-form-item label="公开版：">说明说明</el-form-item>
|
|||
|
|
</el-col>
|
|||
|
|
<el-col :span="24">
|
|||
|
|
<el-form-item label="强制更新：">说明说明</el-form-item>
|
|||
|
|
</el-col>
|
|||
|
|
<el-col :span="24">
|
|||
|
|
<el-form-item label="下载验证：">说明说明</el-form-item>
|
|||
|
|
</el-col>
|
|||
|
|
<el-col :span="24">
|
|||
|
|
<el-form-item label="更新客群：">说明说明</el-form-item>
|
|||
|
|
</el-col>
|
|||
|
|
<el-col :span="24">
|
|||
|
|
<el-form-item label="有效期：">说明说明</el-form-item>
|
|||
|
|
</el-col>
|
|||
|
|
<el-col :span="24">
|
|||
|
|
<el-form-item label="备注：">说明说明</el-form-item>
|
|||
|
|
</el-col>
|
|||
|
|
|
|||
|
|
|
|||
|
|
<el-col :span="24">
|
|||
|
|
<el-form-item label="下载地址：">说明说明</el-form-item>
|
|||
|
|
</el-col>
|
|||
|
|
|
|||
|
|
<el-col :span="24">
|
|||
|
|
<el-form-item label="下载量：">说明说明</el-form-item>
|
|||
|
|
</el-col>
|
|||
|
|
|
|||
|
|
<el-col :span="24">
|
|||
|
|
<el-form-item label="注册数：">说明说明</el-form-item>
|
|||
|
|
</el-col>
|
|||
|
|
<el-col :span="24">
|
|||
|
|
<el-form-item label="最后刷新：">说明说明</el-form-item>
|
|||
|
|
</el-col>
|
|||
|
|
<el-col :span="24">
|
|||
|
|
<el-form-item label="发布时间：">说明说明</el-form-item>
|
|||
|
|
</el-col>
|
|||
|
|
<el-col :span="24">
|
|||
|
|
<el-form-item label="创建人：">说明说明</el-form-item>
|
|||
|
|
</el-col>
|
|||
|
|
<el-col :span="24">
|
|||
|
|
<el-form-item label="发布状态：">说明说明</el-form-item>
|
|||
|
|
</el-col>
|
|||
|
|
<el-col :span="24">
|
|||
|
|
<el-form-item label="发布日志：">说明说明</el-form-item>
|
|||
|
|
</el-col>
|
|||
|
|
</el-row>
|
|||
|
|
</el-form>
|
|||
|
|
</div>
|
|||
|
|
</el-main>
|
|||
|
|
</el-container>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</template>
|
|||
|
|
<script>
|
|||
|
|
export default {
|
|||
|
|
name: 'InstallationPackDetail',
|
|||
|
|
components: {
|
|||
|
|
},
|
|||
|
|
data() {
|
|||
|
|
return {
|
|||
|
|
disabledFlag: true,
|
|||
|
|
selectValue: 'code',
|
|||
|
|
checkList: ['Android'],
|
|||
|
|
disabledCode: false,
|
|||
|
|
ruleFlag: null,
|
|||
|
|
ruleFlagList: null,
|
|||
|
|
list: {
|
|||
|
|
rule: {
|
|||
|
|
regularRule: false,
|
|||
|
|
customRule: false
|
|||
|
|
},
|
|||
|
|
// headerOperations: [],
|
|||
|
|
packId: '', // 安装包ID
|
|||
|
|
grayFlag: JSON.parse(this.$route.query.params).list.grayFlag, // 发布类型: 0灰度 1正式
|
|||
|
|
pattern: JSON.parse(this.$route.query.params).list.pattern, //
|
|||
|
|
patternHint: JSON.parse(this.$route.query.params).list.patternHint,
|
|||
|
|
deployType: JSON.parse(this.$route.query.params).list.deployType, // 发布条件： 0白名单 1时间窗
|
|||
|
|
headerOperations: [// 自定义规则
|
|||
|
|
// {
|
|||
|
|
// 'scope': '', // 范围：region地区 platform平台
|
|||
|
|
// 'inclued': '', // 是否包含 1包含 2不包含
|
|||
|
|
// 'condition': '', // 发布条件
|
|||
|
|
// 'desp': ''// 备注
|
|||
|
|
// }
|
|||
|
|
],
|
|||
|
|
grayUserNum: '', // 灰度人数
|
|||
|
|
expiryTime: '', // 灰度结束时间
|
|||
|
|
desp: JSON.parse(this.$route.query.params).list.desp,
|
|||
|
|
releaseRuleId: '', // 常用规则
|
|||
|
|
// deviceListId: '', // 设备白名单
|
|||
|
|
whiteListId: ''// 用户白名单id
|
|||
|
|
},
|
|||
|
|
whiteOptions: [{
|
|||
|
|
value: 'allLeader',
|
|||
|
|
label: '所有领导'
|
|||
|
|
}, {
|
|||
|
|
value: 'allBanker',
|
|||
|
|
label: '所有行员'
|
|||
|
|
}, {
|
|||
|
|
value: 'allBusimess',
|
|||
|
|
label: '所有业务'
|
|||
|
|
}],
|
|||
|
|
releaseOptions: [],
|
|||
|
|
fileList: [],
|
|||
|
|
typeList: [],
|
|||
|
|
rules: {
|
|||
|
|
grayFlag: [
|
|||
|
|
{ required: true }
|
|||
|
|
],
|
|||
|
|
pattern: [
|
|||
|
|
{ required: true }
|
|||
|
|
],
|
|||
|
|
patternHint: [
|
|||
|
|
{ required: true }
|
|||
|
|
],
|
|||
|
|
deployType: [
|
|||
|
|
{ required: true }
|
|||
|
|
],
|
|||
|
|
whiteListId: [
|
|||
|
|
{ required: true }
|
|||
|
|
],
|
|||
|
|
expiryTime: [
|
|||
|
|
{ required: true }
|
|||
|
|
],
|
|||
|
|
grayUserNum: [
|
|||
|
|
{ required: true }
|
|||
|
|
]
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
mounted() {
|
|||
|
|
if (JSON.parse(this.$route.query.params)) {
|
|||
|
|
const dataParams = JSON.parse(this.$route.query.params)
|
|||
|
|
dataParams.list.releaseRuleItemList = dataParams.list.releaseRuleItemList || []
|
|||
|
|
dataParams.list.releaseRuleResponseMode = dataParams.list.releaseRuleResponseMode || {}
|
|||
|
|
this.list = dataParams.list
|
|||
|
|
this.list.desp = this.list.desp || '无'
|
|||
|
|
this.list.whiteListIdName = this.list.whiteListIdName ? (this.list.whiteListType === '0' ? '用户' : '设备') + '/' + this.list.whiteListIdName : '无'
|
|||
|
|
if (this.list.releaseRuleResponseMode.id) {
|
|||
|
|
this.ruleFlag = true
|
|||
|
|
} else {
|
|||
|
|
this.ruleFlag = false
|
|||
|
|
}
|
|||
|
|
if (this.list.releaseRuleItemList.length === 0) {
|
|||
|
|
this.ruleFlagList = false
|
|||
|
|
} else {
|
|||
|
|
this.ruleFlagList = true
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
methods: {
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
<style lang="scss" scoped>
|
|||
|
|
.app-container{
|
|||
|
|
background: #ffffff;
|
|||
|
|
margin: 24px;
|
|||
|
|
}
|
|||
|
|
.form-main{
|
|||
|
|
width: 700px;
|
|||
|
|
margin: 0 auto;
|
|||
|
|
}
|
|||
|
|
.form-row {
|
|||
|
|
margin-top: 20px;
|
|||
|
|
}
|
|||
|
|
::v-deep .el-input.is-disabled .el-input__inner, .el-textarea.is-disabled .el-textarea__inner{
|
|||
|
|
border: 1px solid #E4E7ED !important;
|
|||
|
|
}
|
|||
|
|
.custom-table {
|
|||
|
|
font-size: 12px;
|
|||
|
|
}
|
|||
|
|
.addRow {
|
|||
|
|
width:100px;
|
|||
|
|
}
|
|||
|
|
.remark-input {
|
|||
|
|
width: 400px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
</style>
|