fix: 日志管理

zhengyiming

2025-09-25 402fea403bbd4b4d3f6a1d568a34a7f05b3bb5ff

 src/views/TraceIdLogManage/components/ExceptionLogsView.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 exceptionLogs"
      :key="item.createdTime"
@@ -25,14 +25,36 @@
        >
      </ProForm>
    </el-collapse-item>
  </el-collapse>
  </el-collapse> -->
  <AppContainer>
    <ProTableV2
      :columns="columns"
      :show-pagination="false"
      :table-data="exceptionLogs"
      :column-render-map="columnsRenderProps"
    >
      <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 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: 'ExceptionLogsView',
@@ -41,12 +63,25 @@
type Props = {
  exceptionLogs: API.GetExceptionLogsQueryResultItem[];
};
const activeName = ref('1');
const props = withDefaults(defineProps<Props>(), {
  exceptionLogs: () => [] as API.GetExceptionLogsQueryResultItem[],
});
</script>

<style lang="scss" scoped>
@use '@/style/common.scss' as *;
</style>
const columns = defineColumns(
  ['type', 'code', 'message', 'stackTrace', 'createdUser', 'createdTime'].map((x, index) => ({
    id: index + '',
    enCode: x,
    name: x,
  }))
);

const columnsRenderProps: ProTableV2Props['columnRenderMap'] = {
  createdTime: { type: 'date', format: 'YYYY-MM-DD HH:mm:ss' },
};

const { dialogProps, handleAdd } = useFormDialog({
  defaultFormParams: {
    json: null,
  },
});
</script>