|
|
@@ -4,18 +4,23 @@
|
|
|
<el-table stripe :data="softwareDownloadData.tableModel"
|
|
|
v-loading="softwareDownloadData.loading"
|
|
|
size="default"
|
|
|
- style="height: 70vh" class="my-fill mt8" shadow="hover">
|
|
|
+ style="height: 40vh" class="my-fill mt8" shadow="hover">
|
|
|
<el-table-column v-for="column in softwareDownloadData.dynamicColumns" :key="column.prop" :prop="column.prop" :label="column.label" align="center" >
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
<div class="my-flex my-flex-end" style="margin-top: 20px">
|
|
|
- <el-pagination
|
|
|
- :total="softwareDownloadData.total"
|
|
|
- small
|
|
|
- background
|
|
|
- layout="total"
|
|
|
+ <el-pagination
|
|
|
+ v-model:currentPage="softwareDownloadData.pageInput.CurrentPage"
|
|
|
+ v-model:page-size="softwareDownloadData.pageInput.PageSize"
|
|
|
+ :total="softwareDownloadData.total"
|
|
|
+ :page-sizes="[10, 20, 50, 100]"
|
|
|
+ small
|
|
|
+ background
|
|
|
+ @size-change="onSizeChange"
|
|
|
+ @current-change="onCurrentChange"
|
|
|
+ layout="total, sizes, prev, pager, next, jumper"
|
|
|
/>
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
<template #footer>
|
|
|
<span class="dialog-footer">
|
|
|
<el-button type="primary" icon="ele-CircleClose" @click="onClose" size="default">关闭</el-button>
|
|
|
@@ -46,7 +51,7 @@ const softwareDownloadData = reactive({
|
|
|
total: 0,
|
|
|
pageInput: {
|
|
|
currentPage: 1,
|
|
|
- pageSize: 100,
|
|
|
+ pageSize: 10,
|
|
|
} as pageInputDownloadRecordDto,
|
|
|
tableModel: [] as Array<DownloadRecordDto>,
|
|
|
/**动态表头 */
|
|
|
@@ -70,6 +75,15 @@ const softwareDownloadData = reactive({
|
|
|
softwareDownloadData.loading = false
|
|
|
isShowDialog.value = true
|
|
|
}
|
|
|
+ /**页条数变化*/
|
|
|
+const onSizeChange = () => {
|
|
|
+ openDialog(softwareDownloadData.filterModel.fileId)
|
|
|
+}
|
|
|
+
|
|
|
+/**页数变化*/
|
|
|
+const onCurrentChange = () =>{
|
|
|
+ openDialog(softwareDownloadData.filterModel.fileId)
|
|
|
+}
|
|
|
//关闭弹窗
|
|
|
const onClose = () => {
|
|
|
isShowDialog.value = false
|
