| | |
| | | <script setup lang="ts"> |
| | | import _ from 'lodash'; |
| | | import moment from 'moment'; |
| | | import { computed, onMounted, ref, triggerRef } from 'vue'; |
| | | import { v4 as uuidv4 } from 'uuid'; |
| | | import { computed, onMounted, ref } from 'vue'; |
| | | import FeedbackPanel from './components/FeedbackPanel.vue'; |
| | | import Loding from './components/Loding.vue'; |
| | | import { useAssistantContentOpt } from './hooks/useAssistantContentOpt'; |
| | | import { useQueryProcess } from './hooks/useQueryProcess'; |
| | | import { convertProcessItem, useScrollLoad } from './hooks/useScrollLoad'; |
| | | import { useScrollLoad } from './hooks/useScrollLoad'; |
| | | import { useScrollToBottom } from './hooks/useScrollToBottom'; |
| | | import type { ChatContent, StepItem } from './model/types'; |
| | | import { |
| | | AnswerState, |
| | | AnswerType, |
| | | RoleEnum, |
| | | answerTypeMapCom, |
| | | roleImageMap, |
| | | type ChatMessage, |
| | | StepEnum, |
| | | stepEnumMap, |
| | | } from './model/types'; |
| | | import { extCallQuery, questionStreamByPost } from '/@/api/ai/chat'; |
| | | import type { ChatContent } from './model/types'; |
| | | import { AnswerState, AnswerType, RoleEnum, answerTypeMapCom, roleImageMap, type ChatMessage } from './model/types'; |
| | | import { QuestionAi, extCallQuery, questionStreamByPost } from '/@/api/ai/chat'; |
| | | import PlayBar from '/@/components/chat/components/playBar/PlayBar.vue'; |
| | | import CustomDrawer from '/@/components/drawer/CustomDrawer.vue'; |
| | | import router from '/@/router'; |
| | |
| | | getRoomConfig, |
| | | roomConfig, |
| | | } from '/@/stores/chatRoom'; |
| | | import { deepClone } from '/@/utils/other'; |
| | | import { ErrorCode } from '/@/utils/request'; |
| | | |
| | | const chatWidth = '75%'; |
| | | const voicePageIsShow = ref(false); |
| | | let isTalking = ref(false); |
| | |
| | | //用户问题设置为常用语 |
| | | const setCommonQuestionClick = () => {}; |
| | | //#endregion |
| | | |
| | | //#endregion |
| | | </script> |
| | | |
| | | <style scoped lang="scss"> |
| | |
| | | position: absolute; |
| | | top: 0; |
| | | } |
| | | .action { |
| | | left: 0; |
| | | padding: 4px; |
| | | gap: 4px; |
| | | border-radius: 4px; |
| | | display: flex; |
| | | align-items: center; |
| | | flex-direction: row; |
| | | position: absolute; |
| | | top: 0; |
| | | } |
| | | </style> |