修改删除常用语时面板被关闭的问题

yangyin

2024-11-08 b5e920831f3e2ea94c809b0dd99f08c16d9feceb

 src/components/chat/components/playBar/PlayBar.vue

@@ -116,6 +116,7 @@
         :isHome="isHome"
         ref="commonPhrasesRef"
         @updateCommonChatInput="updateCommonChatInput"
	
      />
   </div>
</template>
@@ -126,14 +127,23 @@
import { ElMessage } from 'element-plus';
import _ from 'lodash';
import getCaretCoordinates from 'textarea-caret';
import { computed, nextTick, ref } from 'vue';
import { computed, nextTick, ref, toRefs, watch } from 'vue';
import InfoDetail from './InfoDetail.vue';
import CommonPhrases from './phrase/CommonPhrases.vue';
import VoicePage from './voicePage/VoicePage.vue';
import { getMetricsNames, querySimilarityHistory } from '/@/api/ai/chat';
import { activeGroupType, groupTypeList, groupTypeMapIcon } from '/@/stores/chatRoom';
const emits = defineEmits(['sendClick', 'showUpChatClick', 'showDownChatClick']);
const props = defineProps(['isTalking', 'isHome']);
const props = defineProps({
   isTalking: Boolean,
   isHome: Boolean,
   setCommonQuestionInfo: {
      type: Object,
      default: {},
   },
});

const { setCommonQuestionInfo } = toRefs(props);
const voicePageIsShow = defineModel('voicePageIsShow', {
   type: Boolean,
   default: false,
@@ -198,6 +208,7 @@
onClickOutside(tipEleRef, () => {
   triggerShow.value = false;
});

const inputText = (text) => {
   nextTick(() => {
      setTimeout(() => {
@@ -429,11 +440,10 @@

//#region ====================== 当前应用场景 ======================
const currentGroupTypeIsShow = computed(() => !!activeGroupType.value);

const groupTypeClick = (item) => {
   activeGroupType.value = item;

   inputRef.value.focus();
   commonPhrasesRef.value.getCommonPhrases();
};

// 关闭当前 groupType 面板
@@ -444,13 +454,36 @@

//#region ====================== 常用语功能 ======================
const commonPhrasesRef = ref(null);
const isMessageBoxVisible = ref(false);
// 常用语功能点击
const commonPhrasesClick = () => {
   isShowPhrase.value = true;
};
// 区域关闭常用语功能面板
onClickOutside(commonPhrasesRef, () => {
   const messageBoxElement = document.querySelector('.el-message-box');
   if (messageBoxElement) {
      isMessageBoxVisible.value = true;
      return;
   }
   isShowPhrase.value = false;
});
// 常用语功能输入框更新
const updateCommonChatInput = (val) => {
   inputValue.value = val;
   isShowPhrase.value = false;
};

watch(setCommonQuestionInfo, (val) => {
   if (!props.isHome) {
      let obj = {
         id: val?.historyId,
         question: val?.content.values,
      };
      commonPhrasesRef.value.commonChatByUser(obj);
      isShowPhrase.value = true;
   }
});
//#endregion
</script>
<style scoped lang="scss">