sac/sf-ui/src/views/FDS/publishList/setting/detail.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>