新增：新增系统监控/操作日志功能，优化日志表结构

2025-09-11 16:57:12 +08:00 · 2023-01-16 23:00:54 +08:00
parent f4ea2d44d6
commit aa726fc6b6
26 changed files with 386 additions and 83 deletions
--- a/continew-admin-ui/src/api/monitor/operation-log.ts
+++ b/continew-admin-ui/src/api/monitor/operation-log.ts
@@ -4,8 +4,8 @@ import qs from 'query-string';
 export interface OperationLogRecord {
  logId: string;
  description: string;
-  result: number,
-  requestIp: string,
+  status: number,
+  clientIp: string,
  location: string,
  browser: string,
  createUserString: string;
@@ -16,7 +16,7 @@ export interface OperationLogParams extends Partial<OperationLogRecord> {
  page: number;
  size: number;
  sort: Array<string>;
-  uid: string;
+  uid?: string;
 }

 export interface OperationLogListRes {
--- a/continew-admin-ui/src/locale/en-US.ts
+++ b/continew-admin-ui/src/locale/en-US.ts
@@ -5,6 +5,11 @@ import localeWorkplace from '@/views/dashboard/workplace/locale/en-US';

 import localeMonitor from '@/views/dashboard/monitor/locale/en-US';

+import localeDataAnalysis from '@/views/visualization/data-analysis/locale/en-US';
+import localeMultiDAnalysis from '@/views/visualization/multi-dimension-data-analysis/locale/en-US';
+
+import localeLog from '@/views/monitor/log/operation/locale/en-US';
+
 import localeSearchTable from '@/views/list/search-table/locale/en-US';
 import localeCardList from '@/views/list/card/locale/en-US';

@@ -13,9 +18,6 @@ import localeGroupForm from '@/views/form/group/locale/en-US';

 import localeBasicProfile from '@/views/profile/basic/locale/en-US';

-import localeDataAnalysis from '@/views/visualization/data-analysis/locale/en-US';
-import localeMultiDAnalysis from '@/views/visualization/multi-dimension-data-analysis/locale/en-US';
-
 import localeSuccess from '@/views/result/success/locale/en-US';
 import localeError from '@/views/result/error/locale/en-US';

@@ -33,12 +35,13 @@ export default {
  'menu.server.dashboard': 'Dashboard-Server',
  'menu.server.workplace': 'Workplace-Server',
  'menu.server.monitor': 'Monitor-Server',
+  'menu.visualization': 'Data Visualization',
+  'menu.monitor': 'Monitor',
  'menu.list': 'List',
-  'menu.result': 'Result',
-  'menu.exception': 'Exception',
  'menu.form': 'Form',
  'menu.profile': 'Profile',
-  'menu.visualization': 'Data Visualization',
+  'menu.result': 'Result',
+  'menu.exception': 'Exception',
  'menu.user': 'User Center',
  'menu.arcoWebsite': 'Arco Design',
  'menu.faq': 'FAQ',
@@ -48,15 +51,17 @@ export default {
  ...localeMessageBox,
  ...localeLogin,
  ...localeWorkplace,
-
  ...localeMonitor,
+  ...localeDataAnalysis,
+  ...localeMultiDAnalysis,
+
+  ...localeLog,
+
  ...localeSearchTable,
  ...localeCardList,
  ...localeStepForm,
  ...localeGroupForm,
  ...localeBasicProfile,
-  ...localeDataAnalysis,
-  ...localeMultiDAnalysis,
  ...localeSuccess,
  ...localeError,
  ...locale403,
--- a/continew-admin-ui/src/locale/zh-CN.ts
+++ b/continew-admin-ui/src/locale/zh-CN.ts
@@ -5,6 +5,11 @@ import localeWorkplace from '@/views/dashboard/workplace/locale/zh-CN';

 import localeMonitor from '@/views/dashboard/monitor/locale/zh-CN';

+import localeDataAnalysis from '@/views/visualization/data-analysis/locale/zh-CN';
+import localeMultiDAnalysis from '@/views/visualization/multi-dimension-data-analysis/locale/zh-CN';
+
+import localeLog from '@/views/monitor/log/operation/locale/zh-CN';
+
 import localeSearchTable from '@/views/list/search-table/locale/zh-CN';
 import localeCardList from '@/views/list/card/locale/zh-CN';

@@ -13,9 +18,6 @@ import localeGroupForm from '@/views/form/group/locale/zh-CN';

 import localeBasicProfile from '@/views/profile/basic/locale/zh-CN';

-import localeDataAnalysis from '@/views/visualization/data-analysis/locale/zh-CN';
-import localeMultiDAnalysis from '@/views/visualization/multi-dimension-data-analysis/locale/zh-CN';
-
 import localeSuccess from '@/views/result/success/locale/zh-CN';
 import localeError from '@/views/result/error/locale/zh-CN';

@@ -33,12 +35,13 @@ export default {
  'menu.server.dashboard': '仪表盘-服务端',
  'menu.server.workplace': '工作台-服务端',
  'menu.server.monitor': '实时监控-服务端',
+  'menu.visualization': '数据可视化',
+  'menu.monitor': '系统监控',
  'menu.list': '列表页',
-  'menu.result': '结果页',
-  'menu.exception': '异常页',
  'menu.form': '表单页',
  'menu.profile': '详情页',
-  'menu.visualization': '数据可视化',
+  'menu.result': '结果页',
+  'menu.exception': '异常页',
  'menu.user': '个人中心',
  'menu.arcoWebsite': 'Arco Design',
  'menu.faq': '常见问题',
@@ -48,15 +51,17 @@ export default {
  ...localeMessageBox,
  ...localeLogin,
  ...localeWorkplace,
-
  ...localeMonitor,
+  ...localeDataAnalysis,
+  ...localeMultiDAnalysis,
+
+  ...localeLog,
+
  ...localeSearchTable,
  ...localeCardList,
  ...localeStepForm,
  ...localeGroupForm,
  ...localeBasicProfile,
-  ...localeDataAnalysis,
-  ...localeMultiDAnalysis,
  ...localeSuccess,
  ...localeError,
  ...locale403,
--- a/continew-admin-ui/src/router/routes/modules/exception.ts
+++ b/continew-admin-ui/src/router/routes/modules/exception.ts
@@ -9,7 +9,7 @@ const EXCEPTION: AppRouteRecordRaw = {
    locale: 'menu.exception',
    requiresAuth: true,
    icon: 'icon-exclamation-circle',
-    order: 6,
+    order: 7,
  },
  children: [
    {
--- a/continew-admin-ui/src/router/routes/modules/form.ts
+++ b/continew-admin-ui/src/router/routes/modules/form.ts
@@ -9,7 +9,7 @@ const FORM: AppRouteRecordRaw = {
    locale: 'menu.form',
    icon: 'icon-settings',
    requiresAuth: true,
-    order: 3,
+    order: 4,
  },
  children: [
    {
--- a/continew-admin-ui/src/router/routes/modules/list.ts
+++ b/continew-admin-ui/src/router/routes/modules/list.ts
@@ -9,7 +9,7 @@ const LIST: AppRouteRecordRaw = {
    locale: 'menu.list',
    requiresAuth: true,
    icon: 'icon-list',
-    order: 2,
+    order: 3,
  },
  children: [
    {
--- a/continew-admin-ui/src/router/routes/modules/monitor.ts
+++ b/continew-admin-ui/src/router/routes/modules/monitor.ts
@@ -0,0 +1,28 @@
+import { DEFAULT_LAYOUT } from '../base';
+import { AppRouteRecordRaw } from '../types';
+
+const Monitor: AppRouteRecordRaw = {
+  path: '/monitor',
+  name: 'monitor',
+  component: DEFAULT_LAYOUT,
+  meta: {
+    locale: 'menu.monitor',
+    requiresAuth: true,
+    icon: 'icon-computer',
+    order: 2,
+  },
+  children: [
+    {
+      path: 'log/operation',
+      name: 'OperationLog',
+      component: () => import('@/views/monitor/log/operation/index.vue'),
+      meta: {
+        locale: 'menu.log.operation.list',
+        requiresAuth: true,
+        roles: ['*'],
+      },
+    },
+  ],
+};
+
+export default Monitor;
--- a/continew-admin-ui/src/router/routes/modules/profile.ts
+++ b/continew-admin-ui/src/router/routes/modules/profile.ts
@@ -9,7 +9,7 @@ const PROFILE: AppRouteRecordRaw = {
    locale: 'menu.profile',
    requiresAuth: true,
    icon: 'icon-file',
-    order: 4,
+    order: 5,
  },
  children: [
    {
--- a/continew-admin-ui/src/router/routes/modules/result.ts
+++ b/continew-admin-ui/src/router/routes/modules/result.ts
@@ -9,7 +9,7 @@ const RESULT: AppRouteRecordRaw = {
    locale: 'menu.result',
    icon: 'icon-check-circle',
    requiresAuth: true,
-    order: 5,
+    order: 6,
  },
  children: [
    {
--- a/continew-admin-ui/src/router/routes/modules/user.ts
+++ b/continew-admin-ui/src/router/routes/modules/user.ts
@@ -9,7 +9,7 @@ const USER: AppRouteRecordRaw = {
    locale: 'menu.user',
    icon: 'icon-user',
    requiresAuth: true,
-    order: 7,
+    order: 8,
  },
  children: [
    {
--- a/continew-admin-ui/src/views/monitor/log/operation/index.vue
+++ b/continew-admin-ui/src/views/monitor/log/operation/index.vue
@@ -0,0 +1,222 @@
+<template>
+  <div class="container">
+    <Breadcrumb :items="['menu.monitor', 'menu.log.operation.list']" />
+    <a-card class="general-card" :title="$t('menu.log.operation.list')">
+      <a-row style="margin-bottom: 15px">
+        <a-col :span="24">
+          <a-form
+            ref="queryFormRef"
+            :model="queryFormData"
+            layout="inline"
+          >
+            <a-form-item
+              field="description"
+              hide-label
+            >
+              <a-input
+                v-model="queryFormData.description"
+                placeholder="输入操作内容搜索"
+                allow-clear
+                style="width: 150px;"
+                @press-enter="toQuery"
+              />
+            </a-form-item>
+            <a-form-item
+              field="status"
+              hide-label
+            >
+              <a-select
+                v-model="queryFormData.status"
+                :options="statusOptions"
+                placeholder="操作状态搜索"
+                allow-clear
+                style="width: 150px;"
+              />
+            </a-form-item>
+            <a-form-item
+              field="createTime"
+              hide-label
+            >
+              <a-range-picker
+                v-model="queryFormData.createTime"
+                format="YYYY-MM-DD HH:mm:ss"
+                show-time
+                style="width: 100%"
+              />
+            </a-form-item>
+            <a-button type="primary" @click="toQuery">
+              <template #icon>
+                <icon-search />
+              </template>
+              查询
+            </a-button>
+            <a-button @click="resetQuery">
+              <template #icon>
+                <icon-refresh />
+              </template>
+              重置
+            </a-button>
+          </a-form>
+        </a-col>
+      </a-row>
+      <a-table
+        row-key="logId"
+        :loading="loading"
+        :pagination="pagination"
+        :columns="columns"
+        :data="renderData"
+        :bordered="false"
+        :stripe="true"
+        size="large"
+        @page-change="onPageChange"
+      >
+        <template #index="{ rowIndex }">
+          {{ rowIndex + 1 + (pagination.current - 1) * pagination.pageSize }}
+        </template>
+        <template #status="{ record }">
+          <a-space v-if="record.status === 1">
+            <a-tag color="green">
+              <span class="circle pass"></span>
+              成功
+            </a-tag>
+          </a-space>
+          <a-space v-else>
+            <a-tag color="red">
+              <span class="circle fail"></span>
+              失败
+            </a-tag>
+          </a-space>
+        </template>
+      </a-table>
+    </a-card>
+  </div>
+</template>
+
+<script lang="ts" setup>
+  import { computed, ref, reactive } from 'vue';
+  import useLoading from '@/hooks/loading';
+  import { queryOperationLogList, OperationLogRecord, OperationLogParams } from '@/api/monitor/operation-log';
+  import { Pagination } from '@/types/global';
+  import type { SelectOptionData } from '@arco-design/web-vue/es/select/interface';
+  import type { TableColumnData } from '@arco-design/web-vue/es/table/interface';
+  import { FormInstance } from '@arco-design/web-vue/es/form';
+
+  const { loading, setLoading } = useLoading(true);
+  const queryFormRef = ref<FormInstance>();
+  const renderData = ref<OperationLogRecord[]>([]);
+
+  const queryFormData = ref({
+    description: '',
+    status: undefined,
+    createTime: [],
+  });
+  const statusOptions = computed<SelectOptionData[]>(() => [
+    {
+      label: '成功',
+      value: 1,
+    },
+    {
+      label: '失败',
+      value: 2,
+    },
+  ]);
+
+  const basePagination: Pagination = {
+    current: 1,
+    pageSize: 10,
+  };
+  const pagination = reactive({
+    ...basePagination,
+  });
+  const columns = computed<TableColumnData[]>(() => [
+    {
+      title: '序号',
+      dataIndex: 'index',
+      slotName: 'index',
+    },
+    {
+      title: '操作时间',
+      dataIndex: 'createTime',
+    },
+    {
+      title: '操作人',
+      dataIndex: 'createUserString',
+    },
+    {
+      title: '操作内容',
+      dataIndex: 'description',
+    },
+    {
+      title: '操作状态',
+      dataIndex: 'status',
+      slotName: 'status',
+    },
+    {
+      title: '操作IP',
+      dataIndex: 'clientIp',
+    },
+    {
+      title: '操作地点',
+      dataIndex: 'location',
+    },
+    {
+      title: '浏览器',
+      dataIndex: 'browser',
+    },
+  ]);
+  const fetchData = async (
+    params: OperationLogParams = { page: 1, size: 10, sort: ['createTime,desc'] }
+  ) => {
+    setLoading(true);
+    try {
+      const { data } = await queryOperationLogList(params);
+      renderData.value = data.list;
+      pagination.current = params.page;
+      pagination.total = data.total;
+    } catch (err) {
+      // you can report use errorHandler or other
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  const onPageChange = (current: number) => {
+    fetchData({ page: current, size: pagination.pageSize, sort: ['createTime,desc'] });
+  };
+
+  // 查询
+  const toQuery = () => {
+    fetchData({
+      page: pagination.current,
+      size: pagination.pageSize,
+      sort: ['createTime,desc'],
+      ...queryFormData.value,
+    } as unknown as OperationLogParams);
+  };
+
+  // 重置
+  const resetQuery = async () => {
+    await queryFormRef.value?.resetFields();
+    await fetchData();
+  };
+  fetchData();
+</script>
+
+<script lang="ts">
+  export default {
+    name: 'OperationLog',
+  };
+</script>
+
+<style scoped lang="less">
+  .container {
+    padding: 0 20px 20px 20px;
+  }
+  :deep(.arco-table-th) {
+    &:last-child {
+      .arco-table-th-item-title {
+        margin-left: 16px;
+      }
+    }
+  }
+</style>
--- a/continew-admin-ui/src/views/monitor/log/operation/locale/en-US.ts
+++ b/continew-admin-ui/src/views/monitor/log/operation/locale/en-US.ts
@@ -0,0 +1,3 @@
+export default {
+  'menu.log.operation.list': 'Operation log',
+};
--- a/continew-admin-ui/src/views/monitor/log/operation/locale/zh-CN.ts
+++ b/continew-admin-ui/src/views/monitor/log/operation/locale/zh-CN.ts
@@ -0,0 +1,3 @@
+export default {
+  'menu.log.operation.list': '操作日志',
+};
--- a/continew-admin-ui/src/views/system/user/center/components/operation-log.vue
+++ b/continew-admin-ui/src/views/system/user/center/components/operation-log.vue
@@ -1,20 +1,21 @@
 <template>
  <div class="container">
    <a-table
-      row-key="id"
+      row-key="logId"
      :loading="loading"
      :pagination="pagination"
      :columns="columns"
      :data="renderData"
      :bordered="false"
+      :stripe="true"
      size="large"
      @page-change="onPageChange"
    >
      <template #index="{ rowIndex }">
        {{ rowIndex + 1 + (pagination.current - 1) * pagination.pageSize }}
      </template>
-      <template #result="{ record }">
-        <a-space v-if="record.result === 1">
+      <template #status="{ record }">
+        <a-space v-if="record.status === 1">
          <a-tag color="green">
            <span class="circle pass"></span>
            成功
@@ -72,13 +73,13 @@
      dataIndex: 'description',
    },
    {
-      title: '操作结果',
-      dataIndex: 'result',
-      slotName: 'result',
+      title: '操作状态',
+      dataIndex: 'status',
+      slotName: 'status',
    },
    {
      title: '操作IP',
-      dataIndex: 'requestIp',
+      dataIndex: 'clientIp',
    },
    {
      title: '操作地点',