From bfbb0cbe87bbacbaf3fdfb5fb3caa935ec91da1f Mon Sep 17 00:00:00 2001
From: dubin <bindu_bean@163.com>
Date: 星期六, 10 一月 2026 16:23:36 +0800
Subject: [PATCH] #1
---
src/main/webapp/views/ai/diagnosis.html | 39 ++++++++++++++++++++++++++++++++++-----
1 files changed, 34 insertions(+), 5 deletions(-)
diff --git a/src/main/webapp/views/ai/diagnosis.html b/src/main/webapp/views/ai/diagnosis.html
index d705e67..b424504 100644
--- a/src/main/webapp/views/ai/diagnosis.html
+++ b/src/main/webapp/views/ai/diagnosis.html
@@ -28,6 +28,26 @@
.time { font-size: 12px; color: #909399; text-align: right; margin-top: 6px; }
.output .el-card__body { height: 100%; padding: 0; }
.assistant-running { display: flex; align-items: center; gap: 8px; color: #909399; }
+ details.think-block {
+ border: 1px solid #e4e7ed;
+ border-radius: 4px;
+ padding: 8px;
+ margin: 8px 0;
+ background-color: #fcfcfc;
+ }
+ details.think-block summary {
+ cursor: pointer;
+ color: #909399;
+ font-size: 13px;
+ font-weight: bold;
+ outline: none;
+ }
+ details.think-block .content {
+ margin-top: 8px;
+ color: #606266;
+ font-size: 13px;
+ white-space: pre-wrap;
+ }
</style>
</head>
<body>
@@ -130,6 +150,17 @@
}
},
methods: {
+ renderMarkdown: function(md, streaming) {
+ if (!md) return '';
+ var src = md.replace(/\\n/g, '\n');
+ var openAttr = streaming ? ' open' : '';
+ src = src.replace(/<think>/g, '<details class="think-block"' + openAttr + '><summary>AI娣卞害鎬濊��</summary><div class="content">');
+ src = src.replace(/<\/think>/g, '</div></details>');
+ if (streaming && src.indexOf('<details class="think-block"') >= 0 && src.indexOf('</div></details>') < 0) {
+ src += '</div></details>';
+ }
+ return DOMPurify.sanitize(marked.parse(src));
+ },
loadChats: function() {
var self = this;
fetch(baseUrl + '/ai/diagnose/chats', { headers: { 'token': localStorage.getItem('token') } })
@@ -146,7 +177,7 @@
var msgs = [];
for (var i=0;i<arr.length;i++) {
var m = arr[i];
- if (m.role === 'assistant') msgs.push({ role: 'assistant', md: m.content || '', html: DOMPurify.sanitize(marked.parse((m.content||'').replace(/\\n/g,'\n'))), ts: self.nowStr() });
+ if (m.role === 'assistant') msgs.push({ role: 'assistant', md: m.content || '', html: self.renderMarkdown(m.content || '', false), ts: self.nowStr() });
else msgs.push({ role: 'user', text: m.content || '', ts: self.nowStr() });
}
self.messages = msgs;
@@ -274,8 +305,7 @@
self.lastRenderTs = now;
var last = self.messages.length > 0 ? self.messages[self.messages.length - 1] : null;
if (last && last.role === 'assistant') {
- var renderSource = (last.md || '').replace(/\\n/g, '\n');
- last.html = DOMPurify.sanitize(marked.parse(renderSource));
+ last.html = self.renderMarkdown(last.md || '', true);
self.$nextTick(function() { self.scrollToBottom(true); });
}
}
@@ -298,8 +328,7 @@
this.typingTimer = null;
}
if (last && last.role === 'assistant') {
- var renderSource = (last.md || '').replace(/\n/g, '\n');
- last.html = DOMPurify.sanitize(marked.parse(renderSource));
+ last.html = this.renderMarkdown(last.md || '', false);
}
this.$nextTick(function() { this.scrollToBottom(true); }.bind(this));
this.loadChats();
--
Gitblit v1.9.1