nd_admin/src/components/idata/IOutList.vue

<template>
  <div>
    <el-table :data="tableData.slice( page*size-size, page*size)" border highlight-current-row style="width: 100%;margin-top:20px;">
	  <el-table-column prop="username"    label="姓名" width="80" align="center"></el-table-column>
	  <el-table-column prop="post"     	  label="职务" min-width="100" align="center"></el-table-column>
	  <el-table-column prop="reasons"     min-width="160"  label="外出事由"></el-table-column>
	  <el-table-column prop="fromDate"    label="外出时间" width="95"></el-table-column>
	  <el-table-column prop="toDate"      label="回来时间" width="95"></el-table-column>
	  <el-table-column prop="signName"    label="签批人1" min-width="90"></el-table-column>
	  <el-table-column prop="signConfirm" label="签批人2" min-width="90"></el-table-column>
	</el-table>
	<el-pagination :current-page="page" 
		:page-size="size" 
		:page-sizes="[10,20,  50, 100]" 
		:style="{ float: 'right', padding: '20px' }"
		 :total="tableData.length" 
		 @current-change="(page)=>{this.page= page}" 
		 @size-change="(size)=>{this.size= size}" 
		 layout="total, sizes, prev, pager, next, jumper">
	</el-pagination>
		
  </div>
</template>

<script>
export default {
  name: 'UploadExcel',
  data() {
    return {
	  page:1,
	  size:10
    }
  },
  props:['tableData'],
  methods: {
	
  }
}
</script>
<style scoped=""></style>
<style>
	.message{ z-index: 1000 !important;}
</style>