<template>
  <div>
    <el-table size="mini" highlight-current-row @row-dblclick="dataBackFillGoods" :data="tableData" v-loading="loading"
      max-height="550px" border tooltip-effect="dark">
      <el-table-column align="center" prop="archiveNo" show-overflow-tooltip label="档号"></el-table-column>
      <el-table-column align="center" prop="maintitle" show-overflow-tooltip label="题名"  min-width="120" ></el-table-column>
      <el-table-column align="center" prop="percentage" show-overflow-tooltip label="满意率" min-width="50"></el-table-column>
      <el-table-column align="center" prop="num" show-overflow-tooltip label="利用次数" min-width="50"></el-table-column>
    </el-table>
  </div>
</template>
<script>
  export default {
    props: {
      tableData: {
        type: Array,
        default: () => [],
      },
      loading: {
        type: Boolean,
        default: () => false,
      },
    },
    data() {
      return {}
    },
    methods: {
      dataBackFillGoods(row, column, event) {
        this.$emit("dataBackFillGoods", row, column, event)
      },

    }
  }

</script>
