前端和后端源码，合并到一个git仓库中，方便用户下载，避免前后端不匹配的问题

2026-02-05 01:55:29 +08:00 · 2024-06-23 10:39:52 +08:00
parent bb918b742e
commit 0325e34dcb
1439 changed files with 171106 additions and 0 deletions
--- a/jeecgboot-vue3/src/views/monitor/log/index.vue
+++ b/jeecgboot-vue3/src/views/monitor/log/index.vue
@ -0,0 +1,98 @@
+<template>
+  <BasicTable :ellipsis="true" @register="registerTable" :searchInfo="searchInfo" :columns="logColumns" :expand-column-width="16">
+    <template #tableTitle>
+      <a-tabs defaultActiveKey="4" @change="tabChange" size="small">
+        <a-tab-pane tab="异常日志" key="4"></a-tab-pane>
+        <a-tab-pane tab="登录日志" key="1"></a-tab-pane>
+        <a-tab-pane tab="操作日志" key="2"></a-tab-pane>
+      </a-tabs>
+    </template>
+    <template #expandedRowRender="{ record }">
+      <div v-if="searchInfo.logType == 2">
+        <div style="margin-bottom: 5px">
+          <a-badge status="success" style="vertical-align: middle" />
+          <span style="vertical-align: middle">请求方法:{{ record.method }}</span></div
+        >
+        <div>
+          <a-badge status="processing" style="vertical-align: middle" />
+          <span style="vertical-align: middle">请求参数:{{ record.requestParam }}</span></div
+        >
+      </div>
+      <div v-if="searchInfo.logType == 4">
+        <div style="margin-bottom: 5px">
+          <a-badge status="success" style="vertical-align: middle" />
+          <span class="error-box" style="vertical-align: middle">异常堆栈:{{ record.requestParam }}</span>
+        </div>
+      </div>
+    </template>
+  </BasicTable>
+</template>
+<script lang="ts" name="monitor-log" setup>
+  import { ref } from 'vue';
+  import { BasicTable, useTable, TableAction } from '/@/components/Table';
+  import { getLogList } from './log.api';
+  import {
+    columns,
+    searchFormSchema,
+    operationLogColumn,
+    operationSearchFormSchema,
+    exceptionColumns
+  } from './log.data';
+  import { useMessage } from '/@/hooks/web/useMessage';
+  import { useListPage } from '/@/hooks/system/useListPage';
+  const { createMessage } = useMessage();
+  const checkedKeys = ref<Array<string | number>>([]);
+
+  const logColumns = ref<any>(columns);
+  const searchSchema = ref<any>(searchFormSchema);
+  const searchInfo = { logType: '4' };
+  // 列表页面公共参数、方法
+  const { prefixCls, tableContext } = useListPage({
+    designScope: 'user-list',
+    tableProps: {
+      title: '日志列表',
+      api: getLogList,
+      expandRowByClick: true,
+      showActionColumn: false,
+      rowSelection: {
+        columnWidth: 20,
+      },
+      formConfig: {
+        schemas: searchSchema,
+        fieldMapToTime: [['fieldTime', ['createTime_begin', 'createTime_end'], 'YYYY-MM-DD']],
+      },
+    },
+  });
+
+  const [registerTable, { reload }] = tableContext;
+
+  // 日志类型
+  function tabChange(key) {
+    searchInfo.logType = key;
+    //update-begin---author:wangshuai ---date:20220506  for：[VUEN-943]vue3日志管理列表翻译不对------------
+    if (key == '2') {
+      logColumns.value = operationLogColumn;
+      searchSchema.value = operationSearchFormSchema;
+    }else if(key == '4'){
+      searchSchema.value = searchFormSchema;
+      logColumns.value = exceptionColumns;
+    } else {
+      searchSchema.value = searchFormSchema;
+      logColumns.value = columns;
+    }
+    //update-end---author:wangshuai ---date:20220506  for：[VUEN-943]vue3日志管理列表翻译不对--------------
+    reload();
+  }
+
+  /**
+   * 选择事件
+   */
+  function onSelectChange(selectedRowKeys: (string | number)[]) {
+    checkedKeys.value = selectedRowKeys;
+  }
+</script>
+<style lang="less" scoped>
+  .error-box {
+    white-space: break-spaces;
+  }
+</style>