feat(软件包下载记录)：新增软件包下载记录分页显示功能

admin.ui.plus-master/src/views/admin/authorize/softwarePackageManagement/components/table-download.vue

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