From d0354f25d7c6a56a567a1cc85cec4e7191e2eaca Mon Sep 17 00:00:00 2001 From: yangsy Date: Wed, 17 Sep 2025 15:40:50 +0800 Subject: [PATCH] feat: add button to vimp-log result column --- src/pages/vimp-log-page.vue | 26 +++++++++++++++++++++++++- 1 file changed, 25 insertions(+), 1 deletion(-) diff --git a/src/pages/vimp-log-page.vue b/src/pages/vimp-log-page.vue index 5416f0d..9265615 100644 --- a/src/pages/vimp-log-page.vue +++ b/src/pages/vimp-log-page.vue @@ -31,7 +31,28 @@ const tableColumns: DataTableColumns = [ { title: '操作类型', key: 'description' }, { title: '请求IP', key: 'requestIp' }, { title: '操作参数', key: 'params' }, - { title: '操作结果', key: 'result' }, + { + title: '操作结果', + key: 'result', + render: (rowData) => { + const result = JSON.stringify(destr(rowData.result), null, 2); + return h( + NPopover, + { trigger: 'click' }, + { + trigger: () => h(NButton, { size: 'tiny', text: true, type: 'primary' }, { default: () => '查看' }), + default: () => + h( + NScrollbar, + { style: { maxHeight: '40vh' } }, + { + default: () => h('pre', {}, { default: () => result }), + }, + ), + }, + ); + }, + }, ]; @@ -43,6 +64,7 @@ import { useStationStore } from '@/stores/station'; import { downloadByData } from '@/utils/download'; import { useMutation } from '@tanstack/vue-query'; import dayjs from 'dayjs'; +import destr from 'destr'; import { NButton, NDataTable, @@ -51,6 +73,8 @@ import { NFormItemGi, NGrid, NGridItem, + NPopover, + NScrollbar, NSelect, NSpace, NTag,