From cee87e8401fdfb46f9cb9a4ad2818daeb09a59b4 Mon Sep 17 00:00:00 2001
From: wujingjing <gersonwu@qq.com>
Date: 星期日, 03 十一月 2024 15:15:55 +0800
Subject: [PATCH] Merge branch 'test' of http://47.103.154.90:83/r/WI/Web.V1.0 into test
---
src/components/chat/components/playBar/phrase/CommonPhrases.vue | 103 +++++++++++++++++++++++++++++++++------------------
1 files changed, 67 insertions(+), 36 deletions(-)
diff --git a/src/components/chat/components/playBar/phrase/CommonPhrases.vue b/src/components/chat/components/playBar/phrase/CommonPhrases.vue
index 213e05c..ee4703f 100644
--- a/src/components/chat/components/playBar/phrase/CommonPhrases.vue
+++ b/src/components/chat/components/playBar/phrase/CommonPhrases.vue
@@ -5,27 +5,27 @@
<span class="ywifont ywicon-guanbi text-[15px] cursor-pointer text-[#767a97]" @click="closeCommonPhrases"></span>
</div>
<div class="container_content">
- <div class="set_phrases" :style="{ height: commonPhrases.length * 40 + 'px' }">
+ <div class="set_phrases" :style="{ height: commonPhrases.length * 46 + 'px' }">
<div class="w-full h-full absolute top-0">
<div class="py-0 mt-0 box-border h-full">
<div style="overflow-anchor: none" v-for="(item, index) in commonPhrases" :key="index">
- <div class="phase_item">
+ <div class="phase_item" @click="titleClick(item)">
<div class="flex flex-col">
<div class="title">
{{ item.title }}
</div>
- <div class="content">
+ <!-- <div class="content">
{{ item.content }}
- </div>
+ </div> -->
</div>
<div class="py-2">
<span
class="ywifont ywicon-bianji cursor-pointer text-[#767a97] pt-[4px] pr-[6px] pb-[2px] pl-0 rounded-lg !text-[13px]"
- @click="editCommonPhrases(item)"
+ @click.stop="editCommonPhrases(item)"
></span>
<span
class="ywifont ywicon-shanchu3 cursor-pointer text-[red] pt-[4px] pr-[6px] pb-[2px] pl-0 rounded-lg"
- @click="deleteCommonPhrases(item)"
+ @click.stop="deleteCommonPhrases(item)"
></span>
</div>
</div>
@@ -38,12 +38,20 @@
<span class="ywifont ywicon-jia text-[15px] cursor-pointer text-[#767a97]"></span>
<div class="grow">娣诲姞甯哥敤璇�</div>
</div>
- <el-dialog v-model="state.useCommonPhrasesDialog" :title="`${showCommonPhrases}甯哥敤璇璥" width="500" :before-close="handleClose">
- <el-input v-model="state.inputCommonPhrases" :rows="10" type="textarea"></el-input>
+ <el-dialog
+ v-model="state.useCommonPhrasesDialog"
+ :title="`${showCommonPhrases}甯哥敤璇璥"
+ width="500"
+ :before-close="handleClose"
+ style="z-index: 999"
+ >
+ <el-input v-model="state.inputCommonPhrases" :rows="10" type="textarea" placeholder="鑷畾涔夊父鐢ㄨ"></el-input>
<template #footer>
<div class="dialog-footer">
<el-button @click="handleClose">鍙栨秷</el-button>
- <el-button type="primary" @click="submitCommonPhrases"> {{ showCommonPhrases }} </el-button>
+ <el-button type="primary" @click="submitCommonPhrases" :disabled="is_input_title">
+ {{ showCommonPhrases }}
+ </el-button>
</div>
</template>
</el-dialog>
@@ -53,35 +61,32 @@
<script setup lang="ts">
import { ElMessageBox } from 'element-plus';
import { computed, reactive, ref } from 'vue';
+import { addUserSample } 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,
});
-const commonPhrases = ref([
- {
- id: 1,
- title: '浣犲ソ锛岃闂湁浠�涔堝彲浠ュ府鍔╂偍锛�',
- content: '鎮ㄥソ锛屾垜鎯冲挩璇竴涓嬪叧浜庢偍鐨勮鍗曘��',
- },
- {
- id: 2,
- title: '娴嬭瘯1?',
- content: '鎴戞兂鍜ㄨ涓�涓嬪叧浜庢偍鐨勮鍗曘��',
- },
- {
- id: 3,
- title: '娴嬭瘯2?',
- content: '鎴戞兂鍜ㄨ涓�涓嬪叧浜庢偍鐨勮鍗曘��',
- },
-]);
+const commonPhrases = ref([]);
const props = defineProps(['isHome']);
-const closeCommonPhrases = () => {};
+const isShow = defineModel('isShow', {
+ type: Boolean,
+});
+//#region ====================== 鏄惁鏄剧ず甯哥敤璇� ======================
const showCommonPhrases = computed(() => {
return state.show_sample_title == true ? (state.sample_title = '缂栬緫') : (state.sample_title = '娣诲姞');
});
+const is_input_title = computed(() => {
+ return state.inputCommonPhrases == '' ? true : false;
+});
+const closeCommonPhrases = () => {
+ isShow.value = false;
+};
+//#endregion
+//#region ====================== 娣诲姞甯哥敤璇� ======================
//鍏抽棴甯哥敤璇脊绐�
const handleClose = () => {
state.useCommonPhrasesDialog = false;
@@ -94,8 +99,8 @@
};
const editCommonPhrases = (item) => {
state.useCommonPhrasesDialog = true;
- state.inputCommonPhrases = item.content;
state.show_sample_title = true;
+ state.inputCommonPhrases = item.title;
};
const deleteCommonPhrases = (item) => {
ElMessageBox.confirm(`浣犵‘瀹氳鍒犻櫎甯哥敤璇悧?<div style="white-space: pre-line;">[${item.title}]</div>`, '鎻愮ず', {
@@ -108,13 +113,36 @@
});
};
//鎻愪氦甯哥敤璇�
-const submitCommonPhrases = () => {};
+const submitCommonPhrases = async () => {
+ const res = await addUserSample({
+ question: state.inputCommonPhrases,
+ group_type: activeGroupType.value,
+ });
+ if (res.json_ok) {
+ commonPhrases.value.push({
+ id: res.sample_id,
+ title: state.inputCommonPhrases,
+ });
+ state.useCommonPhrasesDialog = false;
+ }
+};
+//#endregion
+//#region ====================== 甯哥敤璇埌瀵硅瘽妗� ======================
+const emits = defineEmits<{
+ (event: 'updateCommonChatInput', val): void;
+}>();
+const titleClick = (item) => {
+ emits('updateCommonChatInput', item.title);
+ setRoomConfig(activeRoomId.value, 'isAnswerByLLM', false);
+ activeSampleId.value = item.id;
+};
+//#endregion
</script>
<style scoped lang="scss">
.container {
position: absolute;
width: 100%;
- max-height: 45vh;
+ max-height: 40vh;
padding: 0 8px 8px;
left: 0px;
border-radius: 12px;
@@ -123,7 +151,7 @@
box-shadow: 0px 8px 25px 0px #0000000d;
display: flex;
flex-direction: column;
- z-index: 100;
+ z-index: 990;
&_header {
width: 100%;
display: flex;
@@ -144,8 +172,9 @@
}
&_content {
width: 100%;
- max-height: 40vh;
+ max-height: 35vh;
height: fit-content;
+ overflow-y: auto;
.set_phrases {
outline: none;
overflow-y: auto;
@@ -167,14 +196,17 @@
}
.title {
font-size: 14px;
- color: #060607;
- font-family: PingFang HK;
- font-weight: 600;
+ color: #8d8e99;
+ font-weight: 400;
font-style: normal;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
+ &:hover {
+ color: #060607;
+ }
}
+
.content {
font-size: 12px;
color: #5e6772;
@@ -200,4 +232,3 @@
}
}
</style>
-import { ElMessageBox } from 'element-plus';
--
Gitblit v1.9.3