From 861ec5281ddc2edf94a52735ceb199919a527f98 Mon Sep 17 00:00:00 2001
From: xingyu4j <xingyu4j@vip.qq.com>
Date: Tue, 3 Jun 2025 18:44:13 +0800
Subject: [PATCH] feat: add operate comps

---
 .../src/components/operate-log/index.ts       |  3 ++
 .../components/operate-log/operate-log.vue    | 46 +++++++++++++++++++
 .../src/components/operate-log/typing.ts      |  5 ++
 3 files changed, 54 insertions(+)
 create mode 100644 apps/web-antd/src/components/operate-log/index.ts
 create mode 100644 apps/web-antd/src/components/operate-log/operate-log.vue
 create mode 100644 apps/web-antd/src/components/operate-log/typing.ts

diff --git a/apps/web-antd/src/components/operate-log/index.ts b/apps/web-antd/src/components/operate-log/index.ts
new file mode 100644
index 000000000..cf38b5e70
--- /dev/null
+++ b/apps/web-antd/src/components/operate-log/index.ts
@@ -0,0 +1,3 @@
+export { default as OperateLog } from './operate-log.vue';
+
+export type { OperateLogProps } from './typing';
diff --git a/apps/web-antd/src/components/operate-log/operate-log.vue b/apps/web-antd/src/components/operate-log/operate-log.vue
new file mode 100644
index 000000000..e1e9eb448
--- /dev/null
+++ b/apps/web-antd/src/components/operate-log/operate-log.vue
@@ -0,0 +1,46 @@
+<script setup lang="ts">
+import type { OperateLogProps } from './typing';
+
+import { Timeline } from 'ant-design-vue';
+
+import { DICT_TYPE, getDictLabel, getDictObj } from '#/utils';
+
+defineOptions({ name: 'OperateLogV2' });
+
+withDefaults(defineProps<OperateLogProps>(), {
+  logList: () => [],
+});
+
+function getUserTypeColor(userType: number) {
+  const dict = getDictObj(DICT_TYPE.USER_TYPE, userType);
+  switch (dict?.colorType) {
+    case 'danger': {
+      return '#F56C6C';
+    }
+    case 'info': {
+      return '#909399';
+    }
+    case 'success': {
+      return '#67C23A';
+    }
+    case 'warning': {
+      return '#E6A23C';
+    }
+  }
+  return '#409EFF';
+}
+</script>
+<template>
+  <div>
+    <Timeline>
+      <Timeline.Item
+        v-for="log in logList"
+        :key="log.id"
+        :color="getUserTypeColor(log.userType)"
+      >
+        <p>{{ log.createTime }}</p>
+        <p>{{ getDictLabel(DICT_TYPE.USER_TYPE, log.userType)[0] }}</p>
+      </Timeline.Item>
+    </Timeline>
+  </div>
+</template>
diff --git a/apps/web-antd/src/components/operate-log/typing.ts b/apps/web-antd/src/components/operate-log/typing.ts
new file mode 100644
index 000000000..773237b96
--- /dev/null
+++ b/apps/web-antd/src/components/operate-log/typing.ts
@@ -0,0 +1,5 @@
+import type { SystemOperateLogApi } from '#/api/system/operate-log';
+
+export interface OperateLogProps {
+  logList: SystemOperateLogApi.OperateLog[]; // 操作日志列表
+}