<template>
  <div class="to-lend">
    <headSlot>
      <el-button icon="el-icon-plus" size="mini" @click="handleRecord">登记</el-button>
      <el-button icon="el-icon-minus" size="mini">移出</el-button>
    </headSlot>

    <!--表格渲染-->
    <el-table
      ref="fieldTable"
      style="min-width: 100%"
      height="calc(100vh - 302px)"
      @selection-change="selectionChangeHandler"
      @row-click="clickRowHandler"
    >
      <el-table-column type="selection" width="55" />
      <el-table-column type="index" label="序号" width="55" />
      <el-table-column prop="fieldCnName" label="所属门类" min-width="140" />
      <el-table-column prop="fieldName" label="档号" min-width="140" />
      <el-table-column label="题名" min-width="85" />
      <el-table-column prop="isColumnLength" label="盒名称" min-width="85" />
      <el-table-column prop="isColumnLength" label="存放位置" min-width="85" />
      <el-table-column prop="isColumnLength" label="借阅状态" min-width="85" />
      <el-table-column prop="isColumnLength" label="操作时间" min-width="85" />
    </el-table>
    <!-- 分页 -->
    <el-pagination
      :current-page="currentPage4"
      :page-sizes="[100, 200, 300, 400]"
      :page-size="100"
      layout="total, sizes, prev, pager, next, jumper"
      :total="400"
      @size-change="handleSizeChange"
      @current-change="handleCurrentChange"
    />
    <!-- <pagination /> -->
  </div>
</template>

<script>
// import pagination from '@crud/Pagination'
// import crudOperation from '@crud/CRUD.operation'
// import CRUD, { presenter } from '@crud/crud'
import headSlot from '../components/headSlot.vue'
export default {
  components: { headSlot },

  data() {
    return {
      tableData: []
    }
  },
  methods: {
    handleRecord() {
      console.log(111111)
    },
    selectionChangeHandler() {
      console.log('selectionChangeHandler')
    },
    clickRowHandler() {
      console.log('clickRowHandler')
    }
  }
}
</script>

<style lang="scss" scoped>
.to-lend {

}
</style>
