feat: 登录日志新增解锁和清空按钮

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'
+  });
+}

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']

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"