From 94ef796940807e666b0d82f0ef57b42a3e3b83a9 Mon Sep 17 00:00:00 2001
From: yangyin <1850366751@qq.com>
Date: 星期二, 05 十一月 2024 11:03:57 +0800
Subject: [PATCH] 切换场景显示不同的常用语
---
src/components/chat/components/playBar/phrase/CommonPhrases.vue | 71 +++++++++++++++++++++++++++--------
1 files changed, 55 insertions(+), 16 deletions(-)
diff --git a/src/components/chat/components/playBar/phrase/CommonPhrases.vue b/src/components/chat/components/playBar/phrase/CommonPhrases.vue
index ee4703f..ec1735c 100644
--- a/src/components/chat/components/playBar/phrase/CommonPhrases.vue
+++ b/src/components/chat/components/playBar/phrase/CommonPhrases.vue
@@ -1,7 +1,7 @@
<template>
<div class="container" :class="isHome ? 'top-[100%] mt-[8px]' : 'bottom-[100%] mb-[8px]'">
<div class="container_header">
- <div class="title">甯哥敤璇�</div>
+ <div class="question">甯哥敤璇�</div>
<span class="ywifont ywicon-guanbi text-[15px] cursor-pointer text-[#767a97]" @click="closeCommonPhrases"></span>
</div>
<div class="container_content">
@@ -11,8 +11,8 @@
<div style="overflow-anchor: none" v-for="(item, index) in commonPhrases" :key="index">
<div class="phase_item" @click="titleClick(item)">
<div class="flex flex-col">
- <div class="title">
- {{ item.title }}
+ <div class="question">
+ {{ item.question }}
</div>
<!-- <div class="content">
{{ item.content }}
@@ -60,14 +60,15 @@
<script setup lang="ts">
import { ElMessageBox } from 'element-plus';
-import { computed, reactive, ref } from 'vue';
-import { addUserSample } from '/@/api/ai/chat';
+import { computed, onMounted, reactive, ref } from 'vue';
+import { addUserSample, deleteUserSample, listUserSample, updateUserSample } from '/@/api/ai/chat';
import { activeGroupType, activeRoomId, activeSampleId, setRoomConfig } from '/@/stores/chatRoom';
const state = reactive({
useCommonPhrasesDialog: false,
show_sample_title: false,
inputCommonPhrases: '',
sample_title: null,
+ sample_id: null,
});
const commonPhrases = ref([]);
const props = defineProps(['isHome']);
@@ -85,7 +86,16 @@
isShow.value = false;
};
//#endregion
-
+//#region ====================== 鑾峰彇甯哥敤璇� ======================
+const getCommonPhrases = async () => {
+ const res = await listUserSample({
+ group_type: activeGroupType.value,
+ });
+ if (res.json_ok) {
+ commonPhrases.value = res.values;
+ }
+};
+//#endregion
//#region ====================== 娣诲姞甯哥敤璇� ======================
//鍏抽棴甯哥敤璇脊绐�
const handleClose = () => {
@@ -100,20 +110,41 @@
const editCommonPhrases = (item) => {
state.useCommonPhrasesDialog = true;
state.show_sample_title = true;
- state.inputCommonPhrases = item.title;
+ state.inputCommonPhrases = item.question;
+ state.sample_id = item.id;
};
-const deleteCommonPhrases = (item) => {
- ElMessageBox.confirm(`浣犵‘瀹氳鍒犻櫎甯哥敤璇悧?<div style="white-space: pre-line;">[${item.title}]</div>`, '鎻愮ず', {
+const deleteCommonPhrases = (row) => {
+ ElMessageBox.confirm(`浣犵‘瀹氳鍒犻櫎甯哥敤璇悧?`, '鎻愮ず', {
confirmButtonText: '纭畾',
cancelButtonText: '鍙栨秷',
- type: 'warning',
dangerouslyUseHTMLString: true,
+ type: 'warning',
}).then(async () => {
- commonPhrases.value = commonPhrases.value.filter((i) => i.id !== item.id);
+ const res = await deleteUserSample({
+ sample_id: row.id,
+ });
+ const foundIndex = commonPhrases.value.findIndex((item) => item === row);
+ foundIndex > -1 && commonPhrases.value.splice(foundIndex, 1);
});
};
//鎻愪氦甯哥敤璇�
const submitCommonPhrases = async () => {
+ if (state.show_sample_title) {
+ const res = await updateUserSample({
+ sample_id: state.sample_id,
+ question: state.inputCommonPhrases,
+ });
+ if (res.json_ok) {
+ const foundIndex = commonPhrases.value.findIndex((item) => item.id === state.sample_id);
+ foundIndex > -1 && (commonPhrases.value[foundIndex].question = state.inputCommonPhrases);
+ handleClose();
+ }
+ } else {
+ addCommonPhrasesData();
+ }
+};
+//娣诲姞涓�鏉℃暟鎹簮
+const addCommonPhrasesData = async () => {
const res = await addUserSample({
question: state.inputCommonPhrases,
group_type: activeGroupType.value,
@@ -121,9 +152,9 @@
if (res.json_ok) {
commonPhrases.value.push({
id: res.sample_id,
- title: state.inputCommonPhrases,
+ question: state.inputCommonPhrases,
});
- state.useCommonPhrasesDialog = false;
+ handleClose();
}
};
//#endregion
@@ -132,11 +163,19 @@
(event: 'updateCommonChatInput', val): void;
}>();
const titleClick = (item) => {
- emits('updateCommonChatInput', item.title);
+ emits('updateCommonChatInput', item.question);
setRoomConfig(activeRoomId.value, 'isAnswerByLLM', false);
activeSampleId.value = item.id;
};
+const commonChatByUser = (data) => {
+ state.inputCommonPhrases = data.question;
+ addCommonPhrasesData();
+};
//#endregion
+onMounted(() => {
+ getCommonPhrases();
+});
+defineExpose({ commonChatByUser,getCommonPhrases });
</script>
<style scoped lang="scss">
.container {
@@ -160,7 +199,7 @@
align-items: center;
padding: 10px 6px;
color: #060607;
- .title {
+ .question {
font-size: 14px;
color: #060607;
font-weight: 600;
@@ -194,7 +233,7 @@
&:hover {
background: #e5e7ed;
}
- .title {
+ .question {
font-size: 14px;
color: #8d8e99;
font-weight: 400;
--
Gitblit v1.9.3