<template>
  <el-col>
    <el-row class="title" >
      <p>{{title}}</p>
    </el-row>
    <el-row>
      <p>{{detail}}</p>
      <el-link src="{{link}}" type="warning" style="margin: 0 10px;">详情</el-link>
      <el-table ref="table" style="margin:0 3px;background:transparent;" :header-cell-style="{background:'#2e4a89',color:'#676d7c'}" 
        :cell-style="{background:'#101d3c',color:'#fff'}" :data="this.tableData">
        <el-table-column v-for="(it,id) in this.columns" :key="id" :label="it.name" :prop="it.value"></el-table-column>
      </el-table>
    </el-row>
  </el-col>
</template>

<script>
export default {
  props: ['title','detail',"link","tableData","columns"],
  data(){
    return {
      
    }
  },
  mounted(){
    //this.$refs.table.height
    //this.$el.height = 300;
  }
}
</script>

<style scoped>
.title{
  background-image:url(../assets/title@2x.png);
  background-repeat: no-repeat;
  background-size:cover;
  height: 40px;
}
p{
  margin:0 20px;
  text-align:left;
  color: white;
  display: flex;
  align-items: center;
}
</style>