feat: 系统日志详情新增 traceId 链路号显示

src/api/monitor/log.ts

@@ -35,6 +35,7 @@ export interface SystemLogRecord extends LogRecord {
 }
 
 export interface SystemLogDetailRecord extends SystemLogRecord {
+  traceId: string;
   requestHeaders: string;
   requestBody: string;
   responseHeaders: string;

src/views/monitor/log/system/index.vue

@@ -14,6 +14,7 @@
   const { copy, copied } = useClipboard();
   const systemLogList = ref<SystemLogRecord[]>([]);
   const systemLog = ref<SystemLogDetailRecord>({
+    traceId: '',
     requestUrl: '',
     requestMethod: '',
     requestHeaders: '',
@@ -35,6 +36,7 @@
   const data = reactive({
     // 查询参数
     queryParams: {
+      traceId: undefined,
       createTime: undefined,
       page: 1,
       size: 10,
@@ -335,6 +337,18 @@
                 />
               </span>
             </a-descriptions-item>
+            <a-descriptions-item label="Trace ID" :span="2">
+              <a-skeleton v-if="loading" :animation="true">
+                <a-skeleton-line :rows="1" />
+              </a-skeleton>
+              <span v-else>
+                {{ systemLog.traceId }}
+                <icon-copy
+                  class="copy-btn"
+                  @click="handleCopy(systemLog.traceId)"
+                />
+              </span>
+            </a-descriptions-item>
           </a-descriptions>
           <a-descriptions
             layout="inline-vertical"