refactor: 更换 ESLint 配置为 @antfu/eslint-config

src/views/monitor/log/index.vue

@@ -20,8 +20,8 @@ const route = useRoute()
 const router = useRouter()
 
 const PaneMap: Record<string, Component> = {
-  '1': LoginLog,
-  '2': OperationLog
+  1: LoginLog,
+  2: OperationLog
 }
 
 const activeKey = ref('1')

src/views/monitor/log/login/index.vue

@@ -6,7 +6,7 @@
     :loading="loading"
     :scroll="{ x: '100%', y: '100%', minWidth: 1000 }"
     :pagination="pagination"
-    :disabledTools="['size', 'setting']"
+    :disabled-tools="['size', 'setting']"
     @filter-change="filterChange"
     @refresh="search"
   >
@@ -45,14 +45,42 @@
 </template>
 
 <script setup lang="ts">
-import { exportLoginLog, listLog, type LogQuery } from '@/apis'
+import dayjs from 'dayjs'
+import { type LogQuery, exportLoginLog, listLog } from '@/apis'
 import type { TableInstanceColumns } from '@/components/GiTable/type'
 import DateRangePicker from '@/components/DateRangePicker/index.vue'
-import { useTable, useDownload } from '@/hooks'
-import dayjs from 'dayjs'
+import { useDownload, useTable } from '@/hooks'
 
 defineOptions({ name: 'LoginLog' })
 
+const queryForm = reactive<LogQuery>({
+  module: '登录',
+  createTime: [
+    dayjs().subtract(6, 'day').startOf('day').format('YYYY-MM-DD HH:mm:ss'),
+    dayjs().endOf('day').format('YYYY-MM-DD HH:mm:ss')
+  ],
+  sort: ['createTime,desc']
+})
+
+const {
+  tableData: dataList,
+  loading,
+  pagination,
+  search
+} = useTable((p) => listLog({ ...queryForm, page: p.page, size: p.size }), { immediate: true })
+
+// 重置
+const reset = () => {
+  queryForm.ip = undefined
+  queryForm.createUserString = undefined
+  queryForm.createTime = [
+    dayjs().subtract(6, 'day').startOf('day').format('YYYY-MM-DD HH:mm:ss'),
+    dayjs().endOf('day').format('YYYY-MM-DD HH:mm:ss')
+  ]
+  queryForm.status = undefined
+  search()
+}
+
 const columns: TableInstanceColumns[] = [
   {
     title: '序号',
@@ -90,22 +118,6 @@ const columns: TableInstanceColumns[] = [
   { title: '终端系统', dataIndex: 'os', ellipsis: true, tooltip: true }
 ]
 
-const queryForm = reactive<LogQuery>({
-  module: '登录',
-  createTime: [
-    dayjs().subtract(6, 'day').startOf('day').format('YYYY-MM-DD HH:mm:ss'),
-    dayjs().endOf('day').format('YYYY-MM-DD HH:mm:ss')
-  ],
-  sort: ['createTime,desc']
-})
-
-const {
-  tableData: dataList,
-  loading,
-  pagination,
-  search
-} = useTable((p) => listLog({ ...queryForm, page: p.page, size: p.size }), { immediate: true })
-
 // 过滤查询
 const filterChange = (dataIndex, filteredValues) => {
   try {
@@ -117,18 +129,6 @@ const filterChange = (dataIndex, filteredValues) => {
   }
 }
 
-// 重置
-const reset = () => {
-  queryForm.ip = undefined
-  queryForm.createUserString = undefined
-  queryForm.createTime = [
-    dayjs().subtract(6, 'day').startOf('day').format('YYYY-MM-DD HH:mm:ss'),
-    dayjs().endOf('day').format('YYYY-MM-DD HH:mm:ss')
-  ]
-  queryForm.status = undefined
-  search()
-}
-
 // 导出
 const onExport = () => {
   useDownload(() => exportLoginLog(queryForm))

src/views/monitor/log/operation/OperationLogDetailDrawer.vue

@@ -2,9 +2,7 @@
   <a-drawer v-model:visible="visible" title="日志详情" :width="720" :footer="false">
     <a-descriptions title="基本信息" :column="2" size="large" class="general-description">
       <a-descriptions-item label="日志 ID">{{ dataDetail?.id }}</a-descriptions-item>
-      <a-descriptions-item label="Trace ID"
-        >{{ dataDetail?.traceId }}<TextCopy :value="dataDetail?.traceId"
-      /></a-descriptions-item>
+      <a-descriptions-item label="Trace ID">{{ dataDetail?.traceId }}<TextCopy :value="dataDetail?.traceId" /></a-descriptions-item>
       <a-descriptions-item label="操作人">{{ dataDetail?.createUserString }}</a-descriptions-item>
       <a-descriptions-item label="操作时间">{{ dataDetail?.createTime }}</a-descriptions-item>
       <a-descriptions-item label="操作内容">{{ dataDetail?.description }}</a-descriptions-item>
@@ -70,7 +68,7 @@
 </template>
 
 <script lang="ts" setup>
-import { getLog, type LogDetailResp } from '@/apis'
+import { type LogDetailResp, getLog } from '@/apis'
 
 const dataId = ref('')
 const dataDetail = ref<LogDetailResp>()

src/views/monitor/log/operation/index.vue

@@ -7,7 +7,7 @@
     :scroll="{ x: '100%', y: '100%', minWidth: 1000 }"
     :pagination="pagination"
     column-resizable
-    :disabledTools="['size', 'setting']"
+    :disabled-tools="['size', 'setting']"
     @filter-change="filterChange"
     @refresh="search"
   >
@@ -56,15 +56,43 @@
 </template>
 
 <script setup lang="ts">
-import { listLog, exportOperationLog, type LogResp, type LogQuery } from '@/apis'
+import dayjs from 'dayjs'
 import OperationLogDetailDrawer from './OperationLogDetailDrawer.vue'
+import { type LogQuery, type LogResp, exportOperationLog, listLog } from '@/apis'
 import type { TableInstanceColumns } from '@/components/GiTable/type'
 import DateRangePicker from '@/components/DateRangePicker/index.vue'
-import { useTable, useDownload } from '@/hooks'
-import dayjs from 'dayjs'
+import { useDownload, useTable } from '@/hooks'
 
 defineOptions({ name: 'OperationLog' })
 
+const queryForm = reactive<LogQuery>({
+  createTime: [
+    dayjs().subtract(6, 'day').startOf('day').format('YYYY-MM-DD HH:mm:ss'),
+    dayjs().endOf('day').format('YYYY-MM-DD HH:mm:ss')
+  ],
+  sort: ['createTime,desc']
+})
+
+const {
+  loading,
+  tableData: dataList,
+  pagination,
+  search
+} = useTable((p) => listLog({ ...queryForm, page: p.page, size: p.size }), { immediate: true })
+
+// 重置
+const reset = () => {
+  queryForm.description = undefined
+  queryForm.ip = undefined
+  queryForm.createUserString = undefined
+  queryForm.createTime = [
+    dayjs().subtract(6, 'day').startOf('day').format('YYYY-MM-DD HH:mm:ss'),
+    dayjs().endOf('day').format('YYYY-MM-DD HH:mm:ss')
+  ]
+  queryForm.status = undefined
+  search()
+}
+
 const columns: TableInstanceColumns[] = [
   {
     title: '序号',
@@ -102,21 +130,6 @@ const columns: TableInstanceColumns[] = [
   { title: '终端系统', dataIndex: 'os', ellipsis: true, tooltip: true }
 ]
 
-const queryForm = reactive<LogQuery>({
-  createTime: [
-    dayjs().subtract(6, 'day').startOf('day').format('YYYY-MM-DD HH:mm:ss'),
-    dayjs().endOf('day').format('YYYY-MM-DD HH:mm:ss')
-  ],
-  sort: ['createTime,desc']
-})
-
-const {
-  loading,
-  tableData: dataList,
-  pagination,
-  search
-} = useTable((p) => listLog({ ...queryForm, page: p.page, size: p.size }), { immediate: true })
-
 // 过滤查询
 const filterChange = (dataIndex, filteredValues) => {
   try {
@@ -128,19 +141,6 @@ const filterChange = (dataIndex, filteredValues) => {
   }
 }
 
-// 重置
-const reset = () => {
-  queryForm.description = undefined
-  queryForm.ip = undefined
-  queryForm.createUserString = undefined
-  queryForm.createTime = [
-    dayjs().subtract(6, 'day').startOf('day').format('YYYY-MM-DD HH:mm:ss'),
-    dayjs().endOf('day').format('YYYY-MM-DD HH:mm:ss')
-  ]
-  queryForm.status = undefined
-  search()
-}
-
 // 导出
 const onExport = () => {
   useDownload(() => exportOperationLog(queryForm))

src/views/monitor/online/index.vue

@@ -8,7 +8,7 @@
         :loading="loading"
         :scroll="{ x: '100%', y: '100%', minWidth: 1000 }"
         :pagination="pagination"
-        :disabledTools="['size', 'setting']"
+        :disabled-tools="['size', 'setting']"
         @refresh="search"
       >
         <template #custom-left>
@@ -44,8 +44,8 @@
 </template>
 
 <script setup lang="ts">
-import { listOnlineUser, kickout, type OnlineUserQuery } from '@/apis'
 import { Message } from '@arco-design/web-vue'
+import { type OnlineUserQuery, kickout, listOnlineUser } from '@/apis'
 import type { TableInstanceColumns } from '@/components/GiTable/type'
 import DateRangePicker from '@/components/DateRangePicker/index.vue'
 import { useUserStore } from '@/stores'
@@ -57,6 +57,25 @@ defineOptions({ name: 'MonitorOnline' })
 
 const userStore = useUserStore()
 const currentToken = userStore.token
+
+const queryForm = reactive<OnlineUserQuery>({
+  sort: ['createTime,desc']
+})
+
+const {
+  tableData: dataList,
+  loading,
+  pagination,
+  search
+} = useTable((p) => listOnlineUser({ ...queryForm, page: p.page, size: p.size }), { immediate: true })
+
+// 重置
+const reset = () => {
+  queryForm.nickname = undefined
+  queryForm.loginTime = undefined
+  search()
+}
+
 const columns: TableInstanceColumns[] = [
   {
     title: '序号',
@@ -79,24 +98,6 @@ const columns: TableInstanceColumns[] = [
   }
 ]
 
-const queryForm = reactive<OnlineUserQuery>({
-  sort: ['createTime,desc']
-})
-
-const {
-  tableData: dataList,
-  loading,
-  pagination,
-  search
-} = useTable((p) => listOnlineUser({ ...queryForm, page: p.page, size: p.size }), { immediate: true })
-
-// 重置
-const reset = () => {
-  queryForm.nickname = undefined
-  queryForm.loginTime = undefined
-  search()
-}
-
 // 强退
 const handleKickout = (token: string) => {
   kickout(token).then(() => {