<script>
export default {
  name: 'outWarehouseDetail',
  props:{
    height:{
      type:Number,
      default:300
    },
    dataList:{
      type:Array,
      default:()=>[]
    },
    columnList:{
      type:Array,
      default:()=>[]
    },
    loading:{
      type:Boolean,
      default:false
    }
  },
  data(){
    return{

    }
  },
  methods:{

  },
}
</script>

<template>
<div>
  <el-table :data="dataList" border v-loading="loading" style="width: 100%" :height="height">
    <el-table-column
      v-for="(item,index) in columnList" :key="index"
      :sortable="item.columnSortable"
      :prop="item.columnProp"
      :header-align="item.headerAlign"
      :show-overflow-tooltip="item.showOverflowTooltip"
      :align="item.align"
      :fixed="item.fixed==''?false:item.fixed"
      :min-width="item.columnWidth"
      :label="item.columnLabel">
      <template slot-scope="scope">
        <span v-if="!item.columnHidden"> {{ scope.row[item.columnProp] }}</span>
        <span v-if="item.columnImage"><img :src="scope.row[item.columnProp]"
                                           style="width: 100px; height: 80px"/></span>
      </template>
    </el-table-column>
  </el-table>
</div>
</template>

<style scoped>

</style>
