From 72c0f86c75c8a9a5eb7435d72b6ebece4c5382e8 Mon Sep 17 00:00:00 2001
From: wanshenmean <cathay_xy@163.com>
Date: 星期二, 14 四月 2026 18:21:27 +0800
Subject: [PATCH] feat: 添加vue3-json-viewer并优化日志显示
---
Code/WMS/WIDESEA_WMSClient/src/extension/system/Sys_Log.jsx | 76 +++++++++++++++++--------------------
1 files changed, 35 insertions(+), 41 deletions(-)
diff --git a/Code/WMS/WIDESEA_WMSClient/src/extension/system/Sys_Log.jsx b/Code/WMS/WIDESEA_WMSClient/src/extension/system/Sys_Log.jsx
index 96340be..43c918c 100644
--- a/Code/WMS/WIDESEA_WMSClient/src/extension/system/Sys_Log.jsx
+++ b/Code/WMS/WIDESEA_WMSClient/src/extension/system/Sys_Log.jsx
@@ -1,5 +1,7 @@
-import { h, createApp } from 'vue';
+import { createApp } from 'vue';
import { ElDrawer } from 'element-plus';
+import { JsonViewer } from 'vue3-json-viewer';
+import 'vue3-json-viewer/dist/vue3-json-viewer.css';
let extension = {
components: {
@@ -39,13 +41,12 @@
const content = type === 'request' ? row.requestParam : row.responseParam;
const title = type === 'request' ? '馃搵 璇锋眰鍙傛暟' : '馃摜 鍝嶅簲鍙傛暟';
- // 鏍煎紡鍖� JSON
- let formattedJson = '';
+ // 瑙ｆ瀽 JSON 瀵硅薄锛岃В鏋愬け璐ュ垯淇濈暀鍘熷瀛楃涓�
+ let jsonData;
try {
- const obj = typeof content === 'string' ? JSON.parse(content) : content;
- formattedJson = JSON.stringify(obj, null, 2);
+ jsonData = typeof content === 'string' ? JSON.parse(content) : content;
} catch (e) {
- formattedJson = String(content);
+ jsonData = String(content);
}
// 鍒涘缓涓存椂瀹瑰櫒娓叉煋鎶藉眽
@@ -54,45 +55,38 @@
const app = createApp({
render() {
- return h('div', [
- h(ElDrawer, {
- modelValue: true,
- 'onUpdate:modelValue': (val) => {
- if (!val) {
- app.unmount();
- document.body.removeChild(container);
- }
- },
- title: title,
- size: '30%',
- destroyOnClose: true,
- closeOnClickModal: true
- }, {
- default: () => h('div', {
- style: {
- height: '30%',
- backgroundColor: '#f5f5f5',
- padding: '16px',
- borderRadius: '4px'
- }
- }, [
- h('pre', {
- style: {
- margin: '0',
- fontSize: '14px',
- lineHeight: '1.5',
- fontFamily: 'Consolas, Monaco, "Courier New", monospace',
- whiteSpace: 'pre-wrap',
- wordBreak: 'break-all'
- }
- }, formattedJson)
- ])
- })
- ]);
+ const onClose = (val) => {
+ if (!val) {
+ app.unmount();
+ document.body.removeChild(container);
+ }
+ };
+ return (
+ <div>
+ <ElDrawer
+ modelValue={true}
+ onUpdate:modelValue={onClose}
+ title={title}
+ size="30%"
+ destroyOnClose={true}
+ closeOnClickModal={true}
+ >
+ <JsonViewer
+ value={jsonData}
+ expanded={true}
+ expandDepth={5}
+ copyable={true}
+ sort={false}
+ theme="light"
+ />
+ </ElDrawer>
+ </div>
+ );
}
});
app.use(window.ElementPlus);
+ app.component('JsonViewer', JsonViewer);
app.mount(container);
}
}
--
Gitblit v1.9.3