sac/sf-ui/src/views/FDS/publishList/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="12">
                <el-form-item label="APP名称："></el-form-item>
                <el-form-item label="上传类型：">安装包11111</el-form-item>
              </el-col>
              <el-col :span="12">
                <el-form-item label="所选系统：">安装包1111.excel</el-form-item>
                <el-form-item label="安装包名称：">58.1kb</el-form-item>
              </el-col>
              <el-col :span="12">
                <el-form-item label="版本号：">安卓</el-form-item>
                <el-form-item label="子版本号：">登录模块</el-form-item>
              </el-col>
              <el-col :span="12">
                <el-form-item label="版本说明：">说明说明</el-form-item>
                <el-form-item label="发布环境：">发布环境</el-form-item>
              </el-col>
              <el-col :span="12">
                <el-form-item label="发布策略：">说明说明</el-form-item>
                <el-form-item label="结果通知：">说明说明</el-form-item>
              </el-col>
              <el-col :span="12">
                <el-form-item label="强制更新：">说明说明</el-form-item>
                <el-form-item label="公开版：">说明说明</el-form-item>
              </el-col>
              <el-col :span="12">
                <el-form-item label="下载验证：">说明说明</el-form-item>
                <el-form-item label="更新客群：">说明说明</el-form-item>
              </el-col>
              <el-col :span="12">
                <el-form-item label="下载地址：">说明说明</el-form-item>
                <el-form-item label="下载量：">说明说明</el-form-item>
              </el-col>
              <el-col :span="12">
                <el-form-item label="注册数：">说明说明</el-form-item>
                <el-form-item label="最后刷新：">说明说明</el-form-item>
              </el-col>

              <el-col :span="12">
                <el-form-item label="发布时间：">说明说明</el-form-item>
                <el-form-item label="创建人：">说明说明</el-form-item>
              </el-col>
              <el-col :span="12">
                <el-form-item label="发布状态：">说明说明</el-form-item>
                <el-form-item label="发布日志：">说明说明</el-form-item>
              </el-col>
              <el-col :span="12">
                <el-form-item label="有效期：">说明说明</el-form-item>
                <el-form-item label="备注：">说明说明</el-form-item>
              </el-col>
            </el-row>
          </el-form>
        </div>
      </el-main>
    </el-container>
  </div>

</template>
<script>
export default {
  name: 'PublishDetail',
  dicts: ['sys_yes_no'],
  components: {},
  data() {

    return {
      list: {
        rule: {
          regularRule: false,
          customRule: false
        },
        // headerOperations: [],
        packId: '', // 安装包ID
        grayFlag: '0', // 发布类型: 0灰度 1正式
        upgradeMode: '0', //
        releaseDestType: '0', // 发布条件： 0白名单 1时间窗
        headerOperations: [// 自定义规则
          // {
          //   'scope': '', // 范围：region地区 platform平台
          //   'inclued': '', // 是否包含  1包含 2不包含
          //   'condition': '', // 发布条件
          //   'desp': ''// 备注
          // }
        ],
        grayUserNum: '', // 灰度人数
        numType: '0',
        expiryTime: '', // 灰度结束时间
        desp: '',
        releaseRuleId: '', // 常用规则
        // deviceListId: '', // 设备白名单
        whiteListId: '',// 用户白名单id
        enableVerify: false, //是否开启下载验证
        imprint: '', //版本说明
        versionNumber: '',
        AppName: '', //APP名称
        platform: 'android' //系统
      },
      // 显示搜索条件
      // 总条数
      packOpen: false,
      // 遮罩层
      loading: true,
      dataList: [],
      form: {}
    }
  },
  methods: {}
}
</script>
<style lang="scss" scoped>
.app-container {
  background: #ffffff;
  margin: 24px;
}

.form-main {
  width: 900px;
  margin: 0 auto;
}

::v-deep .el-input.is-disabled .el-input__inner, .el-textarea.is-disabled .el-textarea__inner {
  border: 1px solid #E4E7ED !important;
}

.tag-group {
  .el-tag {
    cursor: pointer;
  }
}

.el-tag + .el-tag {
  margin-left: 10px
}
</style>