aidlab/FiDA_Front
7
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 对话结构修改

Browse Source
This commit is contained in:
zhangyahui
2026-03-13 14:37:16 +08:00
parent 2f094ab332
commit 5a4683b6c6
2 changed files with 27 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
src/views/home/agent/components/Item.vue
View File

@@ -7,10 +7,7 @@
<div class="thumb">
<img :src="content.isUser ? userThumb : agentThumb" class="thumb-icon" />
</div>
<div
class="message-context"
v-show="!content.loading && !content.thinking && !content.streaming"
>
<div class="message-context" v-show="!content.loading">
<div class="img-list flex" v-if="imageList.length > 0">
<img
v-for="(item, index) in imageList"
@@ -19,6 +16,20 @@
class="img-item"
/>
</div>
<div class="message-context" v-show="content.thinking">
<div class="thinking">
<div
class="thinking-header flex align-center"
@click="toggleThinkingCollapsed"
>
<span>思考中</span>
<!-- <SvgIcon :name="content.thinkingCollapsed ? 'arrowDown' : 'arrowUp'" size="16" color="#666" /> -->
</div>
<div class="thinking-content" v-show="!content.thinkingCollapsed">
<pre>{{ content.thinkingText }}</pre>
</div>
</div>
</div>
<div class="message-txt markdown-body flex flex-col">
<!-- <div v-html="formatMessage"></div> -->
<VueMarkdown
@@ -27,7 +38,10 @@
:rehype-plugins="[rehypeRaw]"
>
<template v-slot:s-ReportCard="" {children:children,...attrs}>
<ReportCard :report="{ title: attrs.title, content: attrs.content }" @click="handleClickReport(content)" />
<ReportCard
:report="{ title: attrs.title, content: attrs.content }"
@click="handleClickReport(content)"
/>
</template>
</VueMarkdown>
</div>
@@ -57,17 +71,6 @@
class="loading-gif"
></video>
</div>
<div class="message-context" v-show="content.thinking">
<div class="thinking">
<div class="thinking-header flex align-center" @click="toggleThinkingCollapsed">
<span>思考中</span>
<!-- <SvgIcon :name="content.thinkingCollapsed ? 'arrowDown' : 'arrowUp'" size="16" color="#666" /> -->
</div>
<div class="thinking-content" v-show="!content.thinkingCollapsed">
<pre>{{ content.thinkingText }}</pre>
</div>
</div>
</div>
</div>
</div>
</template>
@@ -195,15 +198,14 @@
const toggleThinkingCollapsed = () => {
props.content.thinkingCollapsed = !props.content.thinkingCollapsed
}
}
const handleClickReport = (data) => {
const handleClickReport = (data) => {
// 点击显示报告
}
const handleClickUrls = (data) => {
}
const handleClickUrls = (data) => {
// 点击显示来源
}
</script>
<style lang="less" scoped>