topnuomi
/
chat-fronted
mirror of https://gitee.com/topnuomi/chat-fronted
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

增加错误展示

This commit is contained in:
TOP糯米 2023-03-28 13:46:27 +08:00
parent 9ae8088737
commit 8db1f37bac
1 changed files with 10 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/views/Home.vue
View File

@ -4,7 +4,7 @@
<div class="message-group"> <div class="message-group">
<div class="message-item" :class="[item.role]" v-for="(item, index) in lists" :key="index"> <div class="message-item" :class="[item.role]" v-for="(item, index) in lists" :key="index">
<span class="name">{{ item.role == "user" ? "你" : pageTitle }}</span> <span class="name">{{ item.role == "user" ? "你" : pageTitle }}</span>
<v-md-preview class="content" :text="item.content"></v-md-preview> <v-md-preview class="content" :text="item.content" :class="{ error: item.error }"></v-md-preview>
</div> </div>
</div> </div>
</div> </div>
@ -38,6 +38,7 @@ export default {
lists: [ lists: [
{ {
role: "system", role: "system",
error: false,
content: "请问有什么可以帮你的吗？", content: "请问有什么可以帮你的吗？",
}, },
], ],
@ -57,6 +58,7 @@ export default {
if (!this.canUse || this.words == "") return; if (!this.canUse || this.words == "") return;
this.lists.push({ this.lists.push({
role: "user", role: "user",
error: false,
content: this.words, content: this.words,
}); });
let requestData = { let requestData = {
@ -67,6 +69,7 @@ export default {
this.lists.push({ this.lists.push({
role: "system", role: "system",
error: false,
content: "...", content: "...",
}); });
let lastMessage = this.lists[this.lists.length - 1]; let lastMessage = this.lists[this.lists.length - 1];
@ -85,7 +88,8 @@ export default {
let answer = JSON.parse(Base64.decode(r.data.data)); let answer = JSON.parse(Base64.decode(r.data.data));
lastMessage.content = answer.answer[0].message.content; lastMessage.content = answer.answer[0].message.content;
} else { } else {
lastMessage.content = "[网络错误]"; lastMessage.error = true;
lastMessage.content = "[" + r.data.msg + "]";
} }
this.$nextTick(() => { this.$nextTick(() => {
this.$refs.wordsInput.focus(); this.$refs.wordsInput.focus();
@ -153,6 +157,10 @@ export default {
background-color: #ffffff; background-color: #ffffff;
border-radius: 0 10px 10px 10px; border-radius: 0 10px 10px 10px;
} }
.content.error {
color: #ffffff;
background-color: #ff0000;
}
} }
.message-item.user { .message-item.user {
align-items: flex-end; align-items: flex-end;