feat(portal):优化AI对话框宽度与消息展示

- 将AI对话框宽度从65%调整为800px- 修改初始欢迎消息格式,使用HTML标签替换Markdown语法-修复机器人消息显示逻辑,确保displayText正确赋值- 优化消息渲染流程,提升用户体验
This commit is contained in:
陈昱达
2025-10-14 15:43:13 +08:00
parent 3720b5667d
commit 0afd733f47
2 changed files with 7 additions and 5 deletions

View File

@@ -4,7 +4,7 @@
<el-dialog
v-if="dialogVisible"
:visible="true"
width="65%"
width="800px"
:close-on-click-modal="false"
:show-close="true"
@close="onClose"
@@ -128,10 +128,10 @@ export default {
{
typing:true,
isBot: true, // 是否为机器人
text: `\n\n **您好!我是京东方案侧智能问答助手,随时为您服务。** \n\n
\n\n我可以帮您快速查找和解读平台内的各类案例内容。只需输入您想了解的问题或关键词,我会从案例库中精准匹配相关信息,并提供清晰的解答。每条回答都会附上来源链接,方便您随时查阅原始案例全文。\n\n
\n\n我还会根据您的提问,智能推荐相关延伸问题,助您更高效地探索知识、解决问题。\n\n
\n\n现在,欢迎随时向我提问,开启高效的知识查询体验吧!\n\n `
text: `<p><b>您好!我是京东方案侧智能问答助手,随时为您服务。</b></p>
<p>我可以帮您快速查找和解读平台内的各类案例内容。只需输入您想了解的问题或关键词,我会从案例库中精准匹配相关信息,并提供清晰的解答。每条回答都会附上来源链接,方便您随时查阅原始案例全文。</p>
<p>我还会根据您的提问,智能推荐相关延伸问题,助您更高效地探索知识、解决问题。</p>
<p>现在,欢迎随时向我提问,开启高效的知识查询体验吧!</p>`
}
],
suggestions:[],

View File

@@ -128,6 +128,8 @@ export default {
if (this.messageData.isBot && !this.messageData.typing) {
this.startTyping(newVal); // 启动打字机效果
this.displayText = newVal || ''
} else {
this.displayText = this.md.render(newVal);
this.$nextTick(this.renderMermaid); // 直接渲染 Mermaid