From 14a83d91f14559459c20b00a18bb66fafa9a372d Mon Sep 17 00:00:00 2001
From: xingyu4j <xingyu4j@vip.qq.com>
Date: Fri, 17 Oct 2025 15:29:51 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BC=98=E5=8C=96=E6=98=BE=E7=A4=BA?=
 =?UTF-8?q?=E6=95=88=E6=9E=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/operate-log/operate-log.vue    | 24 +++++--------------
 1 file changed, 6 insertions(+), 18 deletions(-)

diff --git a/apps/web-antd/src/components/operate-log/operate-log.vue b/apps/web-antd/src/components/operate-log/operate-log.vue
index 0bde86400..e78df6b74 100644
--- a/apps/web-antd/src/components/operate-log/operate-log.vue
+++ b/apps/web-antd/src/components/operate-log/operate-log.vue
@@ -15,26 +15,14 @@ withDefaults(defineProps<OperateLogProps>(), {
 
 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';
-    }
+  if (dict && dict.colorType) {
+    return `hsl(var(--${dict.colorType}))`;
   }
-  return '#409EFF';
+  return 'hsl(var(--primary))';
 }
 </script>
 <template>
   <div>
-    <!-- TODO @xingyu：有没可能美化下？ -->
     <Timeline>
       <Timeline.Item
         v-for="log in logList"
@@ -44,13 +32,13 @@ function getUserTypeColor(userType: number) {
         <template #dot>
           <p
             :style="{ backgroundColor: getUserTypeColor(log.userType) }"
-            class="absolute left--1 flex h-5 w-5 items-center justify-center rounded-full text-xs text-white"
+            class="absolute left-1 top-0 flex h-5 w-5 items-center justify-center rounded-full text-xs text-white"
           >
             {{ getDictLabel(DICT_TYPE.USER_TYPE, log.userType)[0] }}
           </p>
         </template>
-        <p>{{ formatDateTime(log.createTime) }}</p>
-        <p>
+        <p class="ml-2">{{ formatDateTime(log.createTime) }}</p>
+        <p class="ml-2 mt-2">
           <Tag :color="getUserTypeColor(log.userType)">
             {{ log.userName }}
           </Tag>