This commit is contained in:
duanxiaohai 2024-07-24 19:05:34 +08:00
parent 0819d00921
commit 988c18d919
1 changed files with 28 additions and 14 deletions

View File

@ -66,10 +66,11 @@
background background
layout="prev, pager, next" layout="prev, pager, next"
:page-size="pagination1.pageSize" :page-size="pagination1.pageSize"
:total="pagination1.total" :total="data.tableData2.length"
prev-text="上一页" prev-text="上一页"
next-text="下一页" next-text="下一页"
@current-change="handle" @size-change="handleSizeChange"
@current-change="handleCurrentChange"
v-model:current-page="pagination1.currentPage" v-model:current-page="pagination1.currentPage"
/> />
</div> </div>
@ -122,7 +123,7 @@
:total="pagination2.total" :total="pagination2.total"
prev-text="上一页" prev-text="上一页"
next-text="下一页" next-text="下一页"
@current-change="handle" @current-change="handle2"
v-model:current-page="pagination2.currentPage" v-model:current-page="pagination2.currentPage"
/> />
</div> </div>
@ -286,6 +287,13 @@ const data = reactive({
SubsidyStandards: "人均保障面积15平方米10元/平方米·月。", SubsidyStandards: "人均保障面积15平方米10元/平方米·月。",
ProcessingMethod: "浙里办线上办理,常态化受理", ProcessingMethod: "浙里办线上办理,常态化受理",
}, },
{
SerialNumber: "11",
SubsidyType: "公共租赁住房补贴111",
SubsidRecipients: "符合条件的城镇住房困难家庭",
SubsidyStandards: "人均保障面积15平方米10元/平方米·月。",
ProcessingMethod: "浙里办线上办理,常态化受理",
},
], ],
tableData2: [ tableData2: [
{ {
@ -362,31 +370,37 @@ const data = reactive({
}); });
// //
const pagination = reactive({ const pagination = reactive({
total: 100, total: 10,
pageSize: 10, pageSize: 10,
currentPage: 1, currentPage: 1,
}); });
const pagination1 = reactive({ const pagination1 = reactive({
total: 100, total: 20,
pageSize: 10, pageSize: 10,
currentPage: 1, currentPage: 1,
}); });
const pagination2 = reactive({ const pagination2 = reactive({
total: 100, total: 10,
pageSize: 10, pageSize: 10,
currentPage: 1, currentPage: 1,
}); });
// //
const handlePagination = (current) => { // const handlePagination = (current) => {
pagination.currentPage = current; // console.log(current);
// getTable(tableType.url, pagination.currentPage); // 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 handleCurrentChange = (val) => {
const handlePaginationTab = (current) => { console.log(`current page: ${val}`);
pagination.currentPage = current;
getTableTab(dataTab.url, pagination.currentPage);
}; };
// //
const tableHeaderColor = (arg) => { const tableHeaderColor = (arg) => {
return { return {