feat: 所有列表新增展示数据总数

pull/1/head
刘释隆 1 year ago
parent f6544852d0
commit 36fe5f172d

@ -84,6 +84,7 @@ const columns: DataTableColumns<RowData> = [
]; ];
const loading = ref(true); const loading = ref(true);
const total = ref(0);
const pagination = reactive({ const pagination = reactive({
page: 1, page: 1,
pageCount: 1, pageCount: 1,
@ -108,7 +109,7 @@ const pagination = reactive({
}, },
], ],
showQuickJumper: true, showQuickJumper: true,
itemCount:100 prefix:()=>`${total.value} 条数据`
}); });
const tableData = ref<Array<RowData>>([]); const tableData = ref<Array<RowData>>([]);
const keyword = ref(""); const keyword = ref("");
@ -119,6 +120,7 @@ async function query(page: number, pageSize: number) {
}; };
const result = await getConditionList({ pageNo: page, pageSize }, searchParam, 1); const result = await getConditionList({ pageNo: page, pageSize }, searchParam, 1);
const { data, pageCount } = result; const { data, pageCount } = result;
total.value = data.total;
tableData.value = data; tableData.value = data;
pagination.page = page; pagination.page = page;
pagination.pageCount = pageCount; pagination.pageCount = pageCount;

@ -95,6 +95,7 @@ const columnsRef = ref(columns);
const tableRef = ref<InstanceType<typeof NDataTable>>(); const tableRef = ref<InstanceType<typeof NDataTable>>();
const rowKey = (row: RowData) => row.id; const rowKey = (row: RowData) => row.id;
const loading = ref(true); const loading = ref(true);
const total = ref(0);
const pagination = reactive({ const pagination = reactive({
page: 1, page: 1,
pageCount: 1, pageCount: 1,
@ -119,7 +120,7 @@ const pagination = reactive({
}, },
], ],
showQuickJumper: true, showQuickJumper: true,
itemCount:100 prefix:()=>`${total.value} 条数据`
}); });
const tableData = ref<Array<RowData>>([]); const tableData = ref<Array<RowData>>([]);
const selectionIds = ref<DataTableRowKey[]>([]); const selectionIds = ref<DataTableRowKey[]>([]);
@ -138,6 +139,7 @@ async function query(page: number, pageSize: number) {
sortname: "", sortname: "",
}); });
const { data, pageCount } = result; const { data, pageCount } = result;
total.value = data.totalCount;
tableData.value = data; tableData.value = data;
pagination.page = page; pagination.page = page;
pagination.pageCount = pageCount; pagination.pageCount = pageCount;

@ -374,6 +374,7 @@ onUnmounted(() => {
const tableRef = ref<InstanceType<typeof NDataTable>>() const tableRef = ref<InstanceType<typeof NDataTable>>()
const rowKey = (row: RowData) => row.id const rowKey = (row: RowData) => row.id
const loading = ref(true) const loading = ref(true)
const total = ref(0);
const pagination = reactive({ const pagination = reactive({
page: 1, page: 1,
pageCount: 1, pageCount: 1,
@ -398,6 +399,7 @@ const pagination = reactive({
}, },
], ],
showQuickJumper: true, showQuickJumper: true,
prefix:()=>`${total.value} 条数据`
}) })
const tableData = ref<Array<RowData>>([]) const tableData = ref<Array<RowData>>([])
const selectionIds = ref<DataTableRowKey[]>([]) const selectionIds = ref<DataTableRowKey[]>([])
@ -418,7 +420,7 @@ async function query(page: number, pageSize: number, filterId?: any) {
}) })
const { data, pageCount } = result const { data, pageCount } = result
tableData.value = data tableData.value = data
console.log(data, 'tableData') total.value = data.totalCount;
pagination.page = page pagination.page = page
pagination.pageCount = pageCount pagination.pageCount = pageCount
loading.value = false loading.value = false

@ -75,7 +75,7 @@ const columns: DataTableColumns<RowData> = [
width: 180 width: 180
}, },
]; ];
const total = ref(0);
const loading = ref(true); const loading = ref(true);
const pagination = reactive({ const pagination = reactive({
page: 1, page: 1,
@ -102,6 +102,7 @@ const pagination = reactive({
}, },
], ],
showQuickJumper: true, showQuickJumper: true,
prefix:()=>`${total.value} 条数据`
}); });
const tableData = ref<Array<RowData>>([]); const tableData = ref<Array<RowData>>([]);
const keyword = ref(""); const keyword = ref("");
@ -112,8 +113,10 @@ async function query(page: number, pageSize: number) {
}; };
const result = await getConditionList({ pageNo: page, pageSize }, searchParam, 0); const result = await getConditionList({ pageNo: page, pageSize }, searchParam, 0);
const { data, pageCount } = result; const { data, pageCount } = result;
total.value = data.total;
tableData.value = data; tableData.value = data;
pagination.page = page; pagination.page = page;
total.value = data.total;
pagination.pageCount = pageCount; pagination.pageCount = pageCount;
loading.value = false; loading.value = false;
} }

Loading…
Cancel
Save