From 51156fb489d31fcbbbd26bee86905634a2a2f497 Mon Sep 17 00:00:00 2001
From: Bunny <1319900154@qq.com>
Date: Sun, 29 Dec 2024 22:52:16 +0800
Subject: [PATCH] =?UTF-8?q?fixbug:=20=F0=9F=90=9B=20=E5=AE=89=E5=85=A8?=
 =?UTF-8?q?=E6=97=A5=E5=BF=97=E5=88=86=E9=A1=B5=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/account-settings/security-log.vue | 23 ++++++++++++++++++---
 1 file changed, 20 insertions(+), 3 deletions(-)

diff --git a/src/views/account-settings/security-log.vue b/src/views/account-settings/security-log.vue
index 361acf7..34252f0 100644
--- a/src/views/account-settings/security-log.vue
+++ b/src/views/account-settings/security-log.vue
@@ -11,8 +11,8 @@ const userLoginLogs = reactive({
 	loading: false,
 	datalist: [],
 	currentPage: 1,
-	pageSize: 150,
-	total: 100,
+	pageSize: 15,
+	total: 0,
 	background: true,
 	layout: 'prev, pager, next',
 });
@@ -23,10 +23,19 @@ const onSearchByLoginLog = async () => {
 
 	const data = await userLoginLogStore.getUserLoginLogListByLocalUser(userLoginLogs);
 	userLoginLogs.datalist = data.list;
+	userLoginLogs.currentPage = data.pageNo;
+	userLoginLogs.pageSize = data.pageSize;
+	userLoginLogs.total = data.total;
 
 	userLoginLogs.loading = false;
 };
 
+/** 当前页改变时 */
+const onCurrentPageChange = async (value: number) => {
+	userLoginLogs.currentPage = value;
+	await onSearchByLoginLog();
+};
+
 onMounted(() => {
 	onSearchByLoginLog();
 });
@@ -35,6 +44,14 @@ onMounted(() => {
 <template>
 	<div :class="['min-w-[280px]', deviceDetection() ? 'max-w-[100%]' : 'max-w-[70%]']">
 		<h3 class="my-8">{{ $t('security_log') }}</h3>
-		<pure-table :columns="columns" :data="userLoginLogs.datalist" :loading="userLoginLogs.loading" :pagination="userLoginLogs" row-key="id" table-layout="auto" />
+		<pure-table
+			:columns="columns"
+			:data="userLoginLogs.datalist"
+			:loading="userLoginLogs.loading"
+			:pagination="userLoginLogs"
+			row-key="id"
+			table-layout="auto"
+			@page-current-change="onCurrentPageChange"
+		/>
 	</div>
 </template>