gx

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"
         />
       </div>
@@ -122,7 +123,7 @@
           :total="pagination2.total"
           prev-text="上一页"
           next-text="下一页"
-          @current-change="handle"
+          @current-change="handle2"
           v-model:current-page="pagination2.currentPage"
         />
       </div>
@@ -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 {