|
@ -394,14 +394,16 @@ |
|
|
</el-table> |
|
|
</el-table> |
|
|
<!-- :page-sizes="[ 10,20, 30, 50, 100]" sizes--> |
|
|
<!-- :page-sizes="[ 10,20, 30, 50, 100]" sizes--> |
|
|
<el-pagination |
|
|
<el-pagination |
|
|
v-show="tableData.length > 10" |
|
|
v-show="tableData.length > 1" |
|
|
style="margin-top: 10px" |
|
|
style="margin-top: 10px" |
|
|
v-model:current-page="currentPage" |
|
|
v-model:current-page="currentPage" |
|
|
v-model:page-size="pageSize" |
|
|
v-model:page-size="pageSize" |
|
|
|
|
|
:page-sizes="[1, 2, 3, 10]" |
|
|
:small="true" |
|
|
:small="true" |
|
|
:background="false" |
|
|
:background="false" |
|
|
layout="total, prev, pager, next, jumper" |
|
|
layout="total, sizes, prev, pager, next, jumper" |
|
|
:total="tableData.length" |
|
|
:total="tableData.length" |
|
|
|
|
|
@size-change="showTableData()" |
|
|
/> |
|
|
/> |
|
|
<div class="button flex" style="padding-top: 10px" v-if="isShowButton || isShowReduceButtonSelection"> |
|
|
<div class="button flex" style="padding-top: 10px" v-if="isShowButton || isShowReduceButtonSelection"> |
|
|
<el-button |
|
|
<el-button |
|
@ -705,9 +707,9 @@ const visibleChange = (field, val, row, index) => { |
|
|
emit('visibleChange', field, val, row, index) |
|
|
emit('visibleChange', field, val, row, index) |
|
|
} |
|
|
} |
|
|
const currentPage = ref(1) |
|
|
const currentPage = ref(1) |
|
|
const pageSize = ref(10) |
|
|
const pageSize = ref(2) |
|
|
const showTableData = () => { |
|
|
const showTableData = () => { |
|
|
if (props.tableData.length > 10) { |
|
|
if (props.tableData.length > 1) { |
|
|
return props.tableData.slice( |
|
|
return props.tableData.slice( |
|
|
(currentPage.value - 1) * pageSize.value, |
|
|
(currentPage.value - 1) * pageSize.value, |
|
|
currentPage.value * pageSize.value |
|
|
currentPage.value * pageSize.value |
|
|