From d6514c8e44b4e5dac09fc1f71a973ddf6d58b077 Mon Sep 17 00:00:00 2001
From: xlsea <m@xlsea.cn>
Date: Sat, 10 May 2025 10:56:45 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E7=99=BB=E5=BD=95=E6=97=A5=E5=BF=97?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9E=E8=A7=A3=E9=94=81=E5=92=8C=E6=B8=85=E7=A9=BA?=
 =?UTF-8?q?=E6=8C=89=E9=92=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/service/api/monitor/login-infor.ts  | 16 ++++++
 src/typings/components.d.ts             |  1 +
 src/views/monitor/login-infor/index.vue | 70 +++++++++++++++++++++++--
 3 files changed, 84 insertions(+), 3 deletions(-)

diff --git a/src/service/api/monitor/login-infor.ts b/src/service/api/monitor/login-infor.ts
index cbe4dc85..532584e9 100644
--- a/src/service/api/monitor/login-infor.ts
+++ b/src/service/api/monitor/login-infor.ts
@@ -16,3 +16,19 @@ export function fetchBatchDeleteLoginInfor(infoIds: CommonType.IdType[]) {
     method: 'delete'
   });
 }
+
+/** 解锁系统访问记录 */
+export function fetchUnlockLoginInfor(username: string) {
+  return request<boolean>({
+    url: `/monitor/logininfor/unlock/${username}`,
+    method: 'get'
+  });
+}
+
+/** 清空系统访问记录 */
+export function fetchCleanLoginInfor() {
+  return request<boolean>({
+    url: '/monitor/logininfor/clean',
+    method: 'delete'
+  });
+}
diff --git a/src/typings/components.d.ts b/src/typings/components.d.ts
index 16a98c67..65e48791 100644
--- a/src/typings/components.d.ts
+++ b/src/typings/components.d.ts
@@ -47,6 +47,7 @@ declare module 'vue' {
     'IconMaterialSymbols:downloadRounded': typeof import('~icons/material-symbols/download-rounded')['default']
     'IconMaterialSymbols:expandAllRounded': typeof import('~icons/material-symbols/expand-all-rounded')['default']
     'IconMaterialSymbols:imageOutline': typeof import('~icons/material-symbols/image-outline')['default']
+    'IconMaterialSymbols:lockOpenOutlineRounded': typeof import('~icons/material-symbols/lock-open-outline-rounded')['default']
     'IconMaterialSymbols:refreshRounded': typeof import('~icons/material-symbols/refresh-rounded')['default']
     'IconMaterialSymbols:settingsOutlineRounded': typeof import('~icons/material-symbols/settings-outline-rounded')['default']
     'IconMaterialSymbols:syncOutline': typeof import('~icons/material-symbols/sync-outline')['default']
diff --git a/src/views/monitor/login-infor/index.vue b/src/views/monitor/login-infor/index.vue
index e9954aa0..b2c30e5a 100644
--- a/src/views/monitor/login-infor/index.vue
+++ b/src/views/monitor/login-infor/index.vue
@@ -1,5 +1,11 @@
 <script setup lang="tsx">
-import { fetchBatchDeleteLoginInfor, fetchGetLoginInforList } from '@/service/api/monitor/login-infor';
+import { NDivider } from 'naive-ui';
+import {
+  fetchBatchDeleteLoginInfor,
+  fetchCleanLoginInfor,
+  fetchGetLoginInforList,
+  fetchUnlockLoginInfor
+} from '@/service/api/monitor/login-infor';
 import { useAppStore } from '@/store/modules/app';
 import { useAuth } from '@/hooks/business/auth';
 import { useDownload } from '@/hooks/business/download';
@@ -151,7 +157,28 @@ const {
             />
           );
         };
-        return <div class="flex-center gap-8px">{viewBtn()}</div>;
+
+        const unlockBtn = () => {
+          return (
+            <>
+              <NDivider vertical />
+              <ButtonIcon
+                type="primary"
+                text
+                icon="material-symbols:lock-open-outline"
+                tooltipContent="解锁"
+                popconfirmContent={`确认解锁用户 ${row.userName} 吗？`}
+                onPositiveClick={() => handleUnlockLoginInfor(row.userName!)}
+              />
+            </>
+          );
+        };
+        return (
+          <div class="flex-center gap-8px">
+            {viewBtn()}
+            {unlockBtn()}
+          </div>
+        );
       }
     }
   ]
@@ -173,6 +200,28 @@ async function view(infoId: CommonType.IdType) {
 async function handleExport() {
   download('/monitor/logininfor/export', searchParams, `登录日志记录_${new Date().getTime()}.xlsx`);
 }
+
+async function handleCleanLoginInfor() {
+  window.$dialog?.error({
+    title: '提示',
+    content: '是否确认清空所有登录日志数据项?',
+    positiveText: '确认清空',
+    negativeText: '取消',
+    onPositiveClick: async () => {
+      const { error } = await fetchCleanLoginInfor();
+      if (error) return;
+      window.$message?.success('清空成功');
+      await getData();
+    }
+  });
+}
+
+async function handleUnlockLoginInfor(username: string) {
+  const { error } = await fetchUnlockLoginInfor(username);
+  if (error) return;
+  window.$message?.success('解锁成功');
+  await getDataByPage();
+}
 </script>
 
 <template>
@@ -190,7 +239,22 @@ async function handleExport() {
           @delete="handleBatchDelete"
           @export="handleExport"
           @refresh="getData"
-        />
+        >
+          <template #prefix>
+            <NButton
+              v-if="hasAuth('monitor:logininfor:remove')"
+              type="error"
+              ghost
+              size="small"
+              @click="handleCleanLoginInfor"
+            >
+              <template #icon>
+                <icon-material-symbols:warning-outline-rounded />
+              </template>
+              清空
+            </NButton>
+          </template>
+        </TableHeaderOperation>
       </template>
       <NDataTable
         v-model:checked-row-keys="checkedRowKeys"