From 93c5273910225ae370e576460ee49cac171cc2ea Mon Sep 17 00:00:00 2001
From: wupengfei <834520024@qq.com>
Date: 星期四, 25 九月 2025 16:32:59 +0800
Subject: [PATCH] Merge branch 'dev-v1.1.1' of http://120.26.58.240:8888/r/flexJobAdmin into dev-v1.1.1

---
 src/views/TraceIdLogManage/components/DbAuditLogsView.vue |   72 ++++++++++++++++++++++++++++++++---
 1 files changed, 65 insertions(+), 7 deletions(-)

diff --git a/src/views/TraceIdLogManage/components/DbAuditLogsView.vue b/src/views/TraceIdLogManage/components/DbAuditLogsView.vue
index af3d68d..5d6f420 100644
--- a/src/views/TraceIdLogManage/components/DbAuditLogsView.vue
+++ b/src/views/TraceIdLogManage/components/DbAuditLogsView.vue
@@ -1,5 +1,5 @@
 <template>
-  <el-collapse v-model="activeName" accordion>
+  <!-- <el-collapse v-model="activeName" accordion>
     <el-collapse-item
       v-for="item in dbAuditLogs"
       :key="item.createdTime"
@@ -38,15 +38,46 @@
         >
       </ProForm>
     </el-collapse-item>
-  </el-collapse>
+  </el-collapse> -->
+  <AppContainer>
+    <ProTableV2
+      :columns="columns"
+      :show-pagination="false"
+      :table-data="dbAuditLogs"
+      :column-render-map="columnsRenderProps"
+    >
+      <template #oldValues="{ row }">
+        <el-button type="primary" link @click="handleAdd({ json: JSON.stringify(row.oldValues) })"
+          >鏌ョ湅</el-button
+        >
+      </template>
+      <template #newValues="{ row }">
+        <el-button type="primary" link @click="handleAdd({ json: JSON.stringify(row.newValues) })"
+          >鏌ョ湅</el-button
+        >
+      </template>
+      <template #createdUser="{ row }">
+        <el-button
+          type="primary"
+          link
+          @click="handleAdd({ json: JSON.parse(JSON.stringify(row.createdUser)) })"
+          >鏌ョ湅</el-button
+        >
+      </template>
+    </ProTableV2>
+    <JsonViewerDialog v-bind="dialogProps" />
+  </AppContainer>
 </template>
 
 <script setup lang="ts">
-import { ProForm, ProFormItemV2 } from '@bole-core/components';
-import { EnumDbAuditOperateText } from '@/constants';
-import JsonViewer from 'vue-json-viewer';
-
-import { format } from '@/utils';
+import {
+  AppContainer,
+  ProTableV2,
+  defineColumns,
+  ProTableV2Props,
+  useFormDialog,
+} from '@bole-core/components';
+import JsonViewerDialog from './JsonViewerDialog.vue';
 
 defineOptions({
   name: 'DbAuditLogsView',
@@ -59,6 +90,33 @@
 const props = withDefaults(defineProps<Props>(), {
   dbAuditLogs: () => [] as API.GetDbAuditLogsQueryResultItem[],
 });
+
+const columns = defineColumns(
+  [
+    'tableName',
+    'primaryKey',
+    'operate',
+    'oldValues',
+    'newValues',
+    'createdUser',
+    'createdTime',
+  ].map((x, index) => ({
+    id: index + '',
+    enCode: x,
+    name: x,
+  }))
+);
+
+const columnsRenderProps: ProTableV2Props['columnRenderMap'] = {
+  operate: { type: 'enum', valueEnum: EnumDbAuditOperateText },
+  createdTime: { type: 'date', format: 'YYYY-MM-DD HH:mm:ss' },
+};
+
+const { dialogProps, handleAdd } = useFormDialog({
+  defaultFormParams: {
+    json: null,
+  },
+});
 </script>
 
 <style lang="scss" scoped>

--
Gitblit v1.9.1