From 988c18d919820360f8a62243861532c96d47447a Mon Sep 17 00:00:00 2001 From: duanxiaohai <1812246227@qq.com> Date: Wed, 24 Jul 2024 19:05:34 +0800 Subject: [PATCH] gx --- src/view/sy_details.vue | 42 +++++++++++++++++++++++++++-------------- 1 file changed, 28 insertions(+), 14 deletions(-) diff --git a/src/view/sy_details.vue b/src/view/sy_details.vue index d4080f3..bdb96f9 100644 --- a/src/view/sy_details.vue +++ b/src/view/sy_details.vue @@ -66,10 +66,11 @@ background layout="prev, pager, next" :page-size="pagination1.pageSize" - :total="pagination1.total" + :total="data.tableData2.length" prev-text="上一页" next-text="下一页" - @current-change="handle" + @size-change="handleSizeChange" + @current-change="handleCurrentChange" v-model:current-page="pagination1.currentPage" /> @@ -122,7 +123,7 @@ :total="pagination2.total" prev-text="上一页" next-text="下一页" - @current-change="handle" + @current-change="handle2" v-model:current-page="pagination2.currentPage" /> @@ -286,6 +287,13 @@ const data = reactive({ SubsidyStandards: "人均保障面积15平方米,10元/平方米·月。", ProcessingMethod: "浙里办线上办理,常态化受理", }, + { + SerialNumber: "11", + SubsidyType: "公共租赁住房补贴111", + SubsidRecipients: "符合条件的城镇住房困难家庭", + SubsidyStandards: "人均保障面积15平方米,10元/平方米·月。", + ProcessingMethod: "浙里办线上办理,常态化受理", + }, ], tableData2: [ { @@ -362,31 +370,37 @@ const data = reactive({ }); // 表格分页 const pagination = reactive({ - total: 100, + total: 10, pageSize: 10, currentPage: 1, }); const pagination1 = reactive({ - total: 100, + total: 20, pageSize: 10, currentPage: 1, }); const pagination2 = reactive({ - total: 100, + total: 10, pageSize: 10, currentPage: 1, }); //表格分页 -const handlePagination = (current) => { - pagination.currentPage = current; - // getTable(tableType.url, pagination.currentPage); +// const handlePagination = (current) => { +// console.log(current); +// pagination.currentPage = current; +// // getTable(tableType.url, pagination.currentPage); +// }; +// //Tab切换分页 +// const handlePaginationTab = (current) => { +// pagination.currentPage = current; +// getTableTab(dataTab.url, pagination.currentPage); +// }; +const handleSizeChange = (val) => { + console.log(`${val} items per page`); }; -//Tab切换分页 -const handlePaginationTab = (current) => { - pagination.currentPage = current; - getTableTab(dataTab.url, pagination.currentPage); +const handleCurrentChange = (val) => { + console.log(`current page: ${val}`); }; - // 服务表格样式 const tableHeaderColor = (arg) => { return {