| | |
| | | /> |
| | | </template> |
| | | <template #content> |
| | | <a-card v-if="isExistTip(sessionDetail.content)"> |
| | | <a-card v-if="isExistTip(sessionDetail.content)" style="padding: 10px"> |
| | | <div |
| | | :class="{ chatItemAnswer: theme === 'light' }" |
| | | :style="{ |
| | |
| | | " |
| | | > |
| | | <img |
| | | style="width: 20px; height: 20px" |
| | | style="width: 15px; height: 15px" |
| | | :src="tipImage" |
| | | /> |
| | | </a-tooltip> |
| | | <span v-if="tipIndex == item.len - 1"> |
| | | {{ breakContent.substring(item.index + 5) }} |
| | | </span> |
| | | </span> |
| | | <span v-else-if="tipIndex == item.len - 1"> |
| | | {{ |
| | |
| | | " |
| | | > |
| | | <img |
| | | style="width: 20px; height: 20px" |
| | | style="width: 15px; height: 15px" |
| | | :src="tipImage" |
| | | /> |
| | | </a-tooltip> |
| | |
| | | " |
| | | > |
| | | <img |
| | | style="width: 20px; height: 20px" |
| | | style="width: 15px; height: 15px" |
| | | :src="tipImage" |
| | | /> |
| | | </a-tooltip> |
| | |
| | | </ul> |
| | | </div> --> |
| | | </template> |
| | | <!-- <div>{{ sessionDetail.role === 'assistant' }}</div> --> |
| | | |
| | | <template #actions> |
| | | <!-- <div |
| | | v-for="(item, leng) in messagenList.reference" |
| | | :key="leng" |
| | | > --> |
| | | |
| | | <div> |
| | | <div> |
| | | <template |
| | |
| | | /> |
| | | </template> |
| | | <template #content> |
| | | <a-textarea |
| | | readonly |
| | | auto-size |
| | | v-model="displayedText" |
| | | :class="{ chatItemAnswer: theme === 'light' }" |
| | | :style="{ |
| | | backgroundColor: |
| | | theme === 'light' ? '#ffffff' : '#000000', |
| | | }" |
| | | style="border: none" |
| | | > |
| | | </a-textarea> |
| | | <a-spin :loading="chartLoading" dot style="width: 100%"> |
| | | <a-textarea |
| | | readonly |
| | | auto-size |
| | | v-model="displayedText" |
| | | :class="{ chatItemAnswer: theme === 'light' }" |
| | | :style="{ |
| | | backgroundColor: |
| | | theme === 'light' ? '#ffffff' : '#000000', |
| | | }" |
| | | style="border: none" |
| | | > |
| | | </a-textarea> |
| | | </a-spin> |
| | | </template> |
| | | |
| | | <template #actions> |
| | | <!-- <div class="icon-box"> |
| | | <div> |
| | | <img :src="getIconByExtension('pdf')" alt="" /> |
| | | </div> |
| | | <div class="icon-text"> 文件类型 </div> |
| | | </div> --> |
| | | |
| | | <div |
| | | class="action" |
| | | @click="stopChat" |
| | |
| | | </template> |
| | | </a-comment> |
| | | </div> |
| | | <!-- <div class="chartStart" v-if="isStart" @click="startChat" |
| | | >停止生成</div |
| | | > |
| | | <div class="chartStart v-else" @click="stopChat">重新生成</div> --> |
| | | |
| | | </a-scrollbar> |
| | | |
| | | <div class="chat_bottom"> |
| | | <div class="center-bottom"> |
| | | <!-- <a-textarea |
| | | v-model="inputMsg" |
| | | @keydown.shift.enter="sendMessage" |
| | | style="height: 180px" |
| | | placeholder="输入您想了解的内容,Shift+Enter发送" |
| | | :max-length="500" |
| | | allow-clear |
| | | show-word-limit |
| | | > |
| | | </a-textarea> --> |
| | | |
| | | <a-textarea |
| | | v-model="inputMsg" |
| | | @keydown.shift.enter="handleShiftEnter" |
| | |
| | | display: flex; |
| | | justify-content: space-between; |
| | | " |
| | | class="uploadFileDis" |
| | | > |
| | | <updataFile |
| | | ref="fileInput" |
| | | :sessionId="activeSessionId" |
| | | :hide="hide_upload" |
| | | @selectFileCallback="selectFileCallback" |
| | | ></updataFile> |
| | | |
| | | <a-button |
| | | :disabled="chatDis" |
| | | @click="sentClick" |
| | |
| | | ></smartAi> |
| | | </div> |
| | | </a-col> |
| | | <a-col :span="23" v-show="agentType == '5'"> |
| | | <div class="center"> |
| | | <seniorAgentSession :modalObj="agentObj"></seniorAgentSession> |
| | | </div> |
| | | </a-col> |
| | | </a-row> |
| | | <a-modal title=" " v-model:visible="fileVisible" :footer="false" fullscreen> |
| | | <!-- <docx previewSrc="http://192.168.20.116:1080/v1/document/get/405c3efa4d8c11ef97560242ac120006"></docx>--> |
| | | <docx v-if="documenttype == 'docx'" :previewSrc="previewSrc"></docx> |
| | | <excel v-if="documenttype == 'excel'" :previewSrc="previewSrc"></excel> |
| | | <txtPdf v-if="documenttype == 'txtPdf'" :previewSrc="previewSrc"></txtPdf> |
| | | <excel v-if="documenttype == ('xlsx' || 'xls')" :previewSrc="previewSrc"></excel> |
| | | <Pdf v-if="documenttype == 'pdf'" :previewSrc="previewSrc"></Pdf> |
| | | <txt v-if="documenttype == 'txt'" :previewSrc="previewSrc"></txt> |
| | | </a-modal> |
| | | <a-modal |
| | | v-model:visible="visible" |
| | |
| | | import chatMenu from '@/views/sessionManager/components/chatMenu.vue'; |
| | | import AddSession from '@/views/sessionManager/components/addSession.vue'; |
| | | import agentSession from '@/views/sessionManager/components/agentSession.vue'; |
| | | import seniorAgentSession from '@/views/sessionManager/components/seniorAgentSession.vue'; |
| | | import historySession from '@/views/sessionManager/components/historySession.vue'; |
| | | import smartAi from '@/views/sessionManager/components/smartAi.vue'; |
| | | import updataFile from '@/views/sessionManager/components/updataFile.vue'; |
| | | |
| | | import EventBus from '@/utils/EventBus'; |
| | | import { |
| | | addSessionApi, |
| | |
| | | getSessionDetailsApi, |
| | | sessionListApi, |
| | | uploadWithoutKb, |
| | | uploadAndParse, |
| | | chatInfos, |
| | | chatRm, |
| | | } from '@/api/session'; |
| | | import { getAuthorization } from '@/utils/auth'; |
| | | import { queryCanvasList } from '@/api/Agent'; |
| | |
| | | |
| | | import docx from '@/views/dmx/knowledgeLib/components/docx.vue'; |
| | | import excel from '@/views/dmx/knowledgeLib/components/excel.vue'; |
| | | import txtPdf from '@/views/dmx/knowledgeLib/components/txtPdf.vue'; |
| | | import Pdf from '@/views/dmx/knowledgeLib/components/Pdf.vue'; |
| | | import txt from '@/views/dmx/knowledgeLib/components/txt.vue'; |
| | | import { is } from 'immutable'; |
| | | import uploadFile from './components/uploadFile.vue'; |
| | | |
| | | // const url = ref('../../assets/session/PDF.png'); |
| | | |
| | |
| | | const modalObj = reactive({ add: false }); |
| | | const dialogId = ref(''); |
| | | const chatDis = ref(false); |
| | | const chartLoading = ref(false); |
| | | const loading = ref(false); |
| | | const agentType = ref('1'); |
| | | const agentTitle = ref('未命名会话'); |
| | |
| | | let from = reactive({ |
| | | name: '未命名会话', |
| | | }); |
| | | const isStopChat = ref(false); |
| | | |
| | | const currIndex = ref(0); |
| | | const displayedText = ref(''); // 正在显示的文字 |
| | | let timer: number | null = null; |
| | | const streamStr = ref(''); |
| | | const inputMsg = ref(''); |
| | | const activeSessionId = ref(''); |
| | | const hide_upload=ref(2); |
| | | const fieldNames = { value: 'id', label: 'name' }; |
| | | const dialogs = ref([]); |
| | | const dialogObj = reactive({}); |
| | |
| | | const uploadRef = ref(); |
| | | const files = ref([]); |
| | | const file = ref(''); |
| | | const fileInput = ref(null); |
| | | const fileInput = ref(); |
| | | const chatDataMeg = reactive({}); |
| | | const visible = ref(false); |
| | | const fileVisible = ref(false); |
| | |
| | | if (errors) return; |
| | | let chatData = { |
| | | id: chatObj.id, |
| | | conversation_id: chatObj.id, |
| | | name: from.name, |
| | | dialog_id: chatObj.dialog_id, |
| | | conversation_desc: from.name, |
| | | }; |
| | | const { code, data } = await addSessionApi(chatData); |
| | | if (data) { |
| | | Message.success('修改成功'); |
| | | handleCancel(); |
| | | if (data?.id) { |
| | | activeSessionId.value = data.id; |
| | | } |
| | | queryNewSessionDetail(activeSessionId.value); |
| | | } |
| | | }; |
| | |
| | | if (isExistTip(message)) { |
| | | if (role == 'assistant' && index) { |
| | | let i = index / 2 - 1 > 0 ? index / 2 - 1 : 0; |
| | | if (data.length == 1) { |
| | | i = 0; |
| | | } |
| | | if (data.length == i) { |
| | | i = data.length-1; |
| | | } |
| | | dataItem = data[i].doc_aggs; |
| | | } |
| | | } else { |
| | |
| | | const getTipContent = (data, index): string => { |
| | | let maxSimilarityContent = ''; |
| | | let i = index / 2 - 1 > 0 ? index / 2 - 1 : 0; |
| | | if (data.length == 1) { |
| | | i = 0; |
| | | } |
| | | if (data.length == i) { |
| | | i = data.length-1; |
| | | } |
| | | let maxSimilarity = 0; |
| | | data[i].chunks.forEach((chunk) => { |
| | | if (chunk.similarity > maxSimilarity) { |
| | |
| | | |
| | | const clickHref = async (item) => { |
| | | documenttype.value = item.doc_name.split('.').pop(); |
| | | previewSrc.value = httpUrl + `/api/v1/document/get/${item.doc_id}`; |
| | | previewSrc.value = httpUrl + `/api/v1/document/get/${item.doc_id}`+"?t="+new Date().getTime(); |
| | | fileVisible.value = true; |
| | | }; |
| | | |
| | |
| | | // formRef.value.resetFields(); |
| | | }; |
| | | |
| | | const selectFileCallback = (data) => { |
| | | console.log(data, 'selectFileCallback'); |
| | | const selectFileCallback = (data,conversation_id) => { |
| | | uploaditemList.value = [...uploaditemList.value, ...data]; |
| | | activeSessionId.value = conversation_id; |
| | | }; |
| | | |
| | | |
| | | //上传成功解析getinfo |
| | | const getInfo = async (id) => { |
| | | const { code, data } = await chatInfos({ |
| | | doc_ids: activeSessionId.value, |
| | | }); |
| | | if (code === 200) { |
| | | uploaditemList.value = data; |
| | | } |
| | | }; |
| | | //删除上传文档 |
| | | const deleteUpload = async (id) => { |
| | | const { code, data } = await chatRm({ |
| | | doc_id: id, |
| | | }); |
| | | if (code === 200) { |
| | | getInfo(); |
| | | } |
| | | }; |
| | | |
| | | let onFileSelectedLoading = ref(false); |
| | |
| | | const deleteFile = (item) => { |
| | | console.log(uploaditemList.value); |
| | | uploaditemList.value.splice(item.index, 1); |
| | | // EventBus.emit('queryAgent', item); |
| | | }; |
| | | |
| | | const { toClipboard } = useClipboard(); |
| | |
| | | |
| | | // 发送 |
| | | const sentClick = () => { |
| | | displayedText.value=""; |
| | | sendMessage('click'); |
| | | uploaditemList.value = []; |
| | | }; |
| | |
| | | } |
| | | }; |
| | | |
| | | let message_stop = []; |
| | | let message_id = ""; |
| | | const startChat = async (valMsg) => { |
| | | chatDis.value = true; |
| | | loading.value = true; |
| | | toStop = false; |
| | | displayedText.value = ''; |
| | | chartLoading.value = true; |
| | | sessionDetailList.value.push({ |
| | | content: valMsg, |
| | | role: 'user', |
| | |
| | | currIndex.value = 0; |
| | | while (true) { |
| | | if (toStop) { |
| | | displayedText.value = ''; |
| | | message_stop.push(message_id); |
| | | setChatDataMeg(chatDataMeg); |
| | | //displayedText.value = ''; |
| | | break; |
| | | } |
| | | const x = await reader?.read(); |
| | |
| | | try { |
| | | const val = JSON.parse(value?.data || ''); |
| | | const d = val?.data; |
| | | if (message_id != d.message_id) { |
| | | message_id = d.message_id; |
| | | message_stop = []; |
| | | } else { |
| | | //message_stop中查找message_id |
| | | const index = message_stop.findIndex(item => item === message_id); |
| | | if (index > -1) { |
| | | break; |
| | | } |
| | | } |
| | | if (typeof d !== 'boolean') { |
| | | // console.info("data:", d); |
| | | streamStr.value = d.content; |
| | | chartLoading.value = false; |
| | | startDisplayStr(); |
| | | } |
| | | } catch (e) { |
| | |
| | | if (done) { |
| | | console.info('done'); |
| | | displayedText.value = ''; |
| | | if (isStopChat.value) { |
| | | setChatDataMeg(chatDataMeg); |
| | | } else { |
| | | queryNewSessionDetail(activeSessionId.value); |
| | | EventBus.emit('queryAppUsageList'); |
| | | } |
| | | chartLoading.value = false; |
| | | queryNewSessionDetail(activeSessionId.value); |
| | | EventBus.emit('queryAppUsageList'); |
| | | break; |
| | | } |
| | | } |
| | |
| | | }; |
| | | |
| | | const stopChat = async () => { |
| | | // const { code, data } = await stopChatApi(activeSessionId.value); |
| | | // if (code === 200) { |
| | | // Message.success("已停止"); |
| | | // queryNewSessionDetail(activeSessionId.value); |
| | | // } |
| | | loading.value = false; |
| | | chatDis.value = false; |
| | | isStopChat.value = true; |
| | | toStop = true; |
| | | console.log('stopChat'); |
| | | console.log(displayedText.value, 'displayedText'); |
| | |
| | | .concat(lastArr); |
| | | console.log(sessionDetailList.value, 'sessionDetailList2'); |
| | | console.log(chatObj, 'chatObj对象'); |
| | | chatObj.message = chatObj.message.concat(lastArr); |
| | | if (chatObj?.message) { |
| | | chatObj.message = chatObj.message.concat(lastArr); |
| | | } |
| | | Object.assign(chatDataMeg, { |
| | | id: chatObj.id, |
| | | conversation_id: chatObj.id, |
| | |
| | | agentTitle.value = data.name; |
| | | from.name = data.name; |
| | | refreshScroll(); //刷新滚动条位置 |
| | | isStopChat.value = false; |
| | | } |
| | | }; |
| | | |
| | | const changeAgentType = (val, session) => { |
| | | hide_upload.value = hide_upload.value+1; |
| | | uploaditemList.value=[]; |
| | | agentType.value = val; |
| | | console.log(val, 'val'); |
| | | }; |
| | |
| | | from.name = session.name; |
| | | const { code, data } = await getSessionDetailsApi(session.id); |
| | | if (code === 200) { |
| | | Object.assign(chatObj, data); |
| | | sessionDetailList.value = data.message; |
| | | messagenList.value = data; |
| | | refreshScroll(); //刷新滚动条位置 |
| | |
| | | activeSessionId.value = ''; |
| | | }); |
| | | onMounted(() => { |
| | | document.getElementsByTagName; |
| | | let container = document.getElementById('container'); |
| | | container.addEventListener('click', () => { |
| | | fileInput.value.cancel(); |
| | | // fileInput.value.cancel(); |
| | | }); |
| | | EventBus.on('newChat', () => { |
| | | uploaditemList.value = []; |
| | | agentType.value = '1'; |
| | | chatObj = {}; |
| | | hide_upload.value = hide_upload.value+1; |
| | | // createSession(''); |
| | | activeSessionId.value = ''; |
| | | sessionDetailList.value = [ |
| | |
| | | } |
| | | } |
| | | } |
| | | // .uploadFileDis { |
| | | // :deep(.arco-upload-list-type-text) { |
| | | // display: none; |
| | | // } |
| | | // } |
| | | .prompt { |
| | | ul { |
| | | margin: 0; |
| | |
| | | } |
| | | } |
| | | } |
| | | .uploadFileDis { |
| | | :deep(.arco-upload-list-type-text) { |
| | | display: none; |
| | | } |
| | | } |
| | | |
| | | .chat-item { |
| | | padding: 10px 0; |
| | |
| | | margin-left: 10px; |
| | | } |
| | | } |
| | | :deep(.arco-spin-loading .arco-spin-mask-icon) { |
| | | left: 10%; |
| | | } |
| | | } |
| | | |
| | | .right { |