<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="150px" size="mini">
            <el-row>
              <el-col :span="24">
                <el-form-item label="上传方式：">

                  <dict-tag :options="dict.type.sys_apk_uploading_type" :value="form.uploadingType"/>
                </el-form-item>
                <el-form-item
                    label="安装包名称："
                >{{ form.sysApkName }}
                </el-form-item>
                <el-form-item label="安装包文件名称：">{{ form.sysApk }}</el-form-item>
                <el-form-item label="安装包大小：">{{ form.sysApkSize }}</el-form-item>
                <el-form-item label="适用系统：">

                  <dict-tag :options="dict.type.sys_apk_type" :value="form.sysType"/>

                </el-form-item>
                <el-form-item v-if="activeTabs!='1'" label="适用模块：">登录模块</el-form-item>
                <el-form-item label="上传时间：">{{ form.createTime }}</el-form-item>
                <el-form-item label="上传状态：">
                  <dict-tag :options="dict.type.uploading_status" :value="form.uploadingStatus"/>
                </el-form-item>
                <el-form-item label="上传人员：">{{ form.created }}</el-form-item>
                <el-form-item label="上传日志：">日志日志</el-form-item>
                <el-form-item size="large">
                  <el-button @click="cancel">关 闭</el-button>
                </el-form-item>
              </el-col>
            </el-row>
          </el-form>
        </div>
      </el-main>
    </el-container>
  </div>

</template>
<script>

import { getINFO } from '@/api/FDS/installList'

export default {
  name: 'InstallDetail',
  dicts: ['sys_apk_uploading_type', 'uploading_status', 'sys_apk_type'],
  data() {

    return {
      form: {},
      activeTabs: '1',
      id: ''
    }
  },
  created() {
    this.getInfo()
  },
  methods: {
    /** 查询安装包管理详情 */
    getInfo() {
      getINFO(this.$route.query.id).then(response => {
        this.form = response.data
      })
    },
    cancel() {
      this.$router.push({ path: '/build/installationList' })
    }
  }
}
</script>
<style lang="scss" scoped>
.app-container {
  background: #ffffff;
  margin: 24px;
}

.form-main {
  width: 700px;
  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>
