feat：增加 operatelog 操作日志

apps/web-antd/src/views/system/operatelog/modules/detail.vue

@@ -0,0 +1,76 @@
+<script lang="ts" setup>
+import type { SystemOperateLogApi } from '#/api/system/operate-log';
+
+import { useVbenModal } from '@vben/common-ui';
+import { Descriptions } from 'ant-design-vue';
+
+import { ref } from 'vue';
+import { formatDateTime } from '@vben/utils';
+
+const formData = ref<SystemOperateLogApi.SystemOperateLog>();
+
+const [Modal, modalApi] = useVbenModal({
+  async onOpenChange(isOpen: boolean) {
+    if (!isOpen) {
+      return;
+    }
+    // 加载数据
+    const data = modalApi.getData<SystemOperateLogApi.SystemOperateLog>();
+    if (!data || !data.id) {
+      return;
+    }
+    modalApi.lock();
+    try {
+      formData.value = data;
+    } finally {
+      modalApi.lock(false);
+    }
+  },
+});
+</script>
+
+<template>
+  <Modal title="操作日志详情" class="w-1/2" :show-cancel-button="false" :show-confirm-button="false">
+    <Descriptions bordered :column="1" size="middle" class="mx-4" :label-style="{ width: '110px' }">
+      <Descriptions.Item label="日志编号">
+        {{ formData?.id }}
+      </Descriptions.Item>
+      <Descriptions.Item label="链路追踪" v-if="formData?.traceId">
+        {{ formData?.traceId }}
+      </Descriptions.Item>
+      <Descriptions.Item label="操作人编号">
+        {{ formData?.userId }}
+      </Descriptions.Item>
+      <Descriptions.Item label="操作人名字">
+        {{ formData?.userName }}
+      </Descriptions.Item>
+      <Descriptions.Item label="操作人IP">
+        {{ formData?.userIp }}
+      </Descriptions.Item>
+      <Descriptions.Item label="操作人UA">
+        {{ formData?.userAgent }}
+      </Descriptions.Item>
+      <Descriptions.Item label="操作模块">
+        {{ formData?.type }}
+      </Descriptions.Item>
+      <Descriptions.Item label="操作名">
+        {{ formData?.subType }}
+      </Descriptions.Item>
+      <Descriptions.Item label="操作内容">
+        {{ formData?.action }}
+      </Descriptions.Item>
+      <Descriptions.Item v-if="formData?.extra" label="操作拓展参数">
+        {{ formData?.extra }}
+      </Descriptions.Item>
+      <Descriptions.Item label="请求URL">
+        {{ formData?.requestMethod }} {{ formData?.requestUrl }}
+      </Descriptions.Item>
+      <Descriptions.Item label="操作时间">
+        {{ formatDateTime(formData?.createTime || '') }}
+      </Descriptions.Item>
+      <Descriptions.Item label="业务编号">
+        {{ formData?.bizId }}
+      </Descriptions.Item>
+    </Descriptions>
+  </Modal>
+</template>