<template>
  <div class="page">
    <el-table
      :data="tableData"
      v-loading="loading"
      border
      size="mini"
      style="width: 100%"
    >
      <el-table-column prop="className" label="门类名称" align="center">
      </el-table-column>
      <el-table-column label="条目数">
        <el-table-column prop="anjuan_count" label="案卷" align="center">
        </el-table-column>
        <el-table-column prop="juannei_count" label="文件" align="center">
        </el-table-column>
        <el-table-column prop="anjuan_juannei_sum" label="合计" align="center">
        </el-table-column>
      </el-table-column>
      <el-table-column label="原文个数">
        <el-table-column prop="anjuan_file_count" label="案卷" align="center">
        </el-table-column>
        <el-table-column prop="juannei_file_count" label="文件" align="center">
        </el-table-column>
        <el-table-column
          prop="anjuan_juannei_file_sum"
          label="合计"
          align="center"
        >
        </el-table-column>
      </el-table-column>
      <el-table-column label="原文页数">
        <el-table-column prop="anjuan_file_pages_count" label="案卷" align="center">
        </el-table-column>
        <el-table-column prop="juannei_file_pages_count" label="文件" align="center">
        </el-table-column>
        <el-table-column
          prop="anjuan_juannei_file_pages_sum"
          label="合计"
          align="center"
        >
        </el-table-column>
      </el-table-column>
      <el-table-column label="原文大小(MB)">
        <el-table-column prop="anjuan_file_size" label="案卷" align="center">
        </el-table-column>
        <el-table-column prop="juannei_file_size" label="文件" align="center">
        </el-table-column>
        <el-table-column
          prop="anjuan_juannei_file_size_sum"
          label="合计"
          align="center"
        >
        </el-table-column>
      </el-table-column>
    </el-table>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
  props: {
    tableData: {
      type: Array,
      default: () => []
    },
    loading: {
      type: Boolean,
      default: () => false
    }
  },
  methods: {}
};
</script>

<style lang="scss" scoped>
.page {
  ::v-deep {
    .el-table {
      .el-table__row:last-child {
        background-color: #f5f7fa;
      }
    }
  }
}
</style>
