From 09bcf2dc2539a18321e6e6368d07bd526ad6989d Mon Sep 17 00:00:00 2001
From: TsMask <340112800@qq.com>
Date: Thu, 28 Sep 2023 11:05:09 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=A1=E4=BB=A4=E5=88=86=E6=9E=90-htm?=
 =?UTF-8?q?l=E6=A0=BC=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/traceManage/analysis/index.vue | 60 ++++++++++++++++++------
 1 file changed, 45 insertions(+), 15 deletions(-)

diff --git a/src/views/traceManage/analysis/index.vue b/src/views/traceManage/analysis/index.vue
index 81b457f7..d62c2c8f 100644
--- a/src/views/traceManage/analysis/index.vue
+++ b/src/views/traceManage/analysis/index.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { useRoute } from 'vue-router';
-import { reactive, ref, onMounted, toRaw } from 'vue';
+import { reactive, ref, onMounted, toRaw, nextTick } from 'vue';
 import { PageContainer } from '@ant-design-vue/pro-layout';
 import { message, Modal } from 'ant-design-vue/lib';
 import { SizeType } from 'ant-design-vue/lib/config-provider';
@@ -198,20 +198,8 @@ function fnModalVisible(row: Record<string, any>) {
   // RAW解析HTML
   getTraceRawInfo(row.id).then(res => {
     if (res.code === RESULT_CODE_SUCCESS) {
-      const htmlString = res.msg;
-      // 删除所有 <a> 标签
-      const withoutATags = htmlString.replace(/<a\b[^>]*>(.*?)<\/a>/gi, '');
-      // 删除所有 <script> 标签
-      const withoutScriptTags = withoutATags.replace(
-        /<script\b[^>]*>([\s\S]*?)<\/script>/gi,
-        ''
-      );
-      // 默认全展开
-      const withoutHiddenElements = withoutScriptTags.replace(
-        /style="display:none"/gi,
-        'style="background:#ffffff"'
-      );
-      modalState.from.rawDataHTML = withoutHiddenElements;
+      const htmlString = rawDataHTMLScript(res.msg);
+      modalState.from.rawDataHTML = htmlString;
       modalState.from.downBtn = true;
     } else {
       modalState.from.rawDataHTML = t('views.traceManage.analysis.noData');
@@ -290,6 +278,48 @@ function convertToReadableFormat(hexString: string) {
   return arr;
 }
 
+// 信息详情HTMl内容处理
+function rawDataHTMLScript(htmlString: string) {
+  // 删除所有 <a> 标签
+  // const withoutATags = htmlString.replace(/<a\b[^>]*>(.*?)<\/a>/gi, '');
+  // 删除所有 <script> 标签
+  let withoutScriptTags = htmlString.replace(
+    /<script\b[^>]*>([\s\S]*?)<\/script>/gi,
+    ''
+  );
+  // 默认全展开
+  // const withoutHiddenElements = withoutScriptTags.replace(
+  //   /style="display:none"/gi,
+  //   'style="background:#ffffff"'
+  // );
+
+  function set_node(node: any, str: string) {
+    if (!node) return;
+    node.style.display = str;
+    node.style.background = '#ffffff';
+  }
+  Reflect.set(window, 'set_node', set_node);
+  function toggle_node(node: any) {
+    node = document.getElementById(node);
+    if (!node) return;
+    set_node(node, node.style.display != 'none' ? 'none' : 'block');
+  }
+  Reflect.set(window, 'toggle_node', toggle_node);
+  function hide_node(node: any) {
+    node = document.getElementById(node);
+    if (!node) return;
+    set_node(node, 'none');
+  }
+  Reflect.set(window, 'hide_node', hide_node);
+
+  // 展开第一个
+  withoutScriptTags = withoutScriptTags.replace(
+    'id="f1c" style="display:none"',
+    'id="f1c" style="display:block"'
+  );
+  return withoutScriptTags;
+}
+
 /**信息文件下载 */
 function fnDownloadFile() {
   Modal.confirm({