feat: add operation log trace ID column (#80)

Author: wu-clan

src/api/log.ts

@@ -15,6 +15,7 @@ export interface LoginLogRes {
 
 export interface OperaLogRes {
   id: number;
+  trace_id: string;
   username?: string;
   method: string;
   title: string;

src/views/log/login/index.vue

@@ -176,6 +176,7 @@
       title: t('log.login.columns.login_time'),
       dataIndex: 'created_time',
       slotName: 'created_time',
+      width: 200,
     },
   ]);
   const statusOptions = computed<SelectOptionData[]>(() => [

src/views/log/opera/index.vue

@@ -79,9 +79,6 @@
             @page-change="onPageChange"
             @page-size-change="onPageSizeChange"
           >
-            <template #index="{ rowIndex }">
-              {{ rowIndex + 1 }}
-            </template>
             <template #method="{ record }">
               <a-tag
                 v-if="record.method === 'GET'"
@@ -167,12 +164,12 @@
   });
   const columns = computed<TableColumnData[]>(() => [
     {
-      title: t('log.opera.columns.index'),
-      dataIndex: 'index',
-      slotName: 'index',
+      title: t('log.opera.columns.trace_id'),
+      dataIndex: 'trace_id',
+      slotName: 'trace_id',
       ellipsis: true,
       tooltip: true,
-      width: 50,
+      width: 300,
     },
     {
       title: t('log.opera.columns.username'),
@@ -270,7 +267,7 @@
       title: t('log.opera.columns.opera_time'),
       dataIndex: 'opera_time',
       slotName: 'opera_time',
-      width: 180,
+      width: 200,
     },
   ]);
   const statusOptions = computed<SelectOptionData[]>(() => [

src/views/log/opera/locale/en-US.ts

@@ -12,7 +12,7 @@ export default {
   'log.opera.form.search': 'Search',
   'log.opera.form.reset': 'Reset',
   // columns
-  'log.opera.columns.index': 'ID',
+  'log.opera.columns.trace_id': 'Trace ID',
   'log.opera.columns.username': 'Username',
   'log.opera.columns.method': 'Method',
   'log.opera.columns.title': 'Title',

src/views/log/opera/locale/zh-CN.ts

@@ -12,7 +12,7 @@ export default {
   'log.opera.form.search': '搜索',
   'log.opera.form.reset': '重置',
   // columns
-  'log.opera.columns.index': 'ID',
+  'log.opera.columns.trace_id': '跟踪 ID',
   'log.opera.columns.username': '用户名',
   'log.opera.columns.method': '请求方式',
   'log.opera.columns.title': '操作名称',