【前端】智能库房综合管理系统前端项目
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

71 lines
2.0 KiB

<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>