<template>
  <div>
    <crumbs title="版本信息维护-明细" linkTo="/admin/LT-YXSJWH-BBXXWH"></crumbs>
    <div class="contents">
      <div class="content">
        <el-form ref="form" :label-position="labelPosition" label-width="85px" class="add-admin-form">
          <el-form-item label="版本号：">
              <p>{{data.name}}</p>
          </el-form-item>
          <el-form-item label="版本时间：">
              <p>{{data.refreshTime}}</p>
          </el-form-item>
          <el-form-item label="版本备注：">
              <p>{{data.remark}}</p>
          </el-form-item>
          <el-form-item label="版本说明：" v-if="list.length>0">
              <!-- <p>{{data.remark}}</p> -->
          </el-form-item>
        </el-form>
        <!-- 只有第一条可修改，内部的说明也是 -->
        <VersionDesc :detail="list" :versionId="data.id" :isFirst="isFirst"/>
      </div>    
    </div>
  </div>
</template>
<script type="text/javascript">
  import api from '@api/icss.js';
  import VersionDesc from './VersionDesc.vue';
  export default {
    name:'VersionDetail',
    data(){
      return{
        data:{},
        list:[],
        labelPosition:'left',
        isFirst:null
      }
    },
    created(){
      const info = this.$route.params.info;
      this.data = info;
      this.list = info.detail?info.detail:[];
      this.isFirst = this.$route.params.isFirst;
    },
    components:{
      VersionDesc
    }
  }
</script>
<style lang="less" scoped>
  @import "../../less/admin.less";
  .content{
    background: #fff;
    padding: 20px 20px 30px;
    color: #545455;
    min-width: 980px;
  }
</style>