fix: Optimize the refresh issue of conversation history。
parent
617937fe58
commit
7ee33b82dc
|
|
@ -59,7 +59,7 @@
|
||||||
</template>
|
</template>
|
||||||
<TransitionContent
|
<TransitionContent
|
||||||
v-if="transcribing"
|
v-if="transcribing"
|
||||||
:text="t('chat.transcribing')"
|
:text="t('chat.inputPlaceholder.recorderLoading')"
|
||||||
:type="type"
|
:type="type"
|
||||||
:application="applicationDetails"
|
:application="applicationDetails"
|
||||||
>
|
>
|
||||||
|
|
|
||||||
|
|
@ -59,8 +59,8 @@ export default {
|
||||||
prologueMessage: 'Sorry, the service is currently under maintenance. Please try again later!',
|
prologueMessage: 'Sorry, the service is currently under maintenance. Please try again later!',
|
||||||
},
|
},
|
||||||
inputPlaceholder: {
|
inputPlaceholder: {
|
||||||
speaking: 'Speaking...',
|
speaking: 'Speaking',
|
||||||
recorderLoading: 'Transcribing...',
|
recorderLoading: 'Transcribing',
|
||||||
default: 'Type your question',
|
default: 'Type your question',
|
||||||
},
|
},
|
||||||
uploadFile: {
|
uploadFile: {
|
||||||
|
|
|
||||||
|
|
@ -131,19 +131,19 @@ function clearChat() {
|
||||||
paginationConfig.current_page = 1
|
paginationConfig.current_page = 1
|
||||||
paginationConfig.total = 0
|
paginationConfig.total = 0
|
||||||
currentRecordList.value = []
|
currentRecordList.value = []
|
||||||
getChatLog(applicationDetail.value.id)
|
getChatLog()
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
function deleteLog(row: any) {
|
function deleteLog(row: any) {
|
||||||
chatAPI.deleteChat(row.id, left_loading).then(() => {
|
chatAPI.deleteChat(row.id).then(() => {
|
||||||
if (currentChatId.value === row.id) {
|
if (currentChatId.value === row.id) {
|
||||||
currentChatId.value = 'new'
|
currentChatId.value = 'new'
|
||||||
paginationConfig.current_page = 1
|
paginationConfig.current_page = 1
|
||||||
paginationConfig.total = 0
|
paginationConfig.total = 0
|
||||||
currentRecordList.value = []
|
currentRecordList.value = []
|
||||||
}
|
}
|
||||||
getChatLog(applicationDetail.value.id)
|
chatLogData.value = chatLogData.value.filter((item) => item.id !== row.id)
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -139,19 +139,19 @@ function clearChat() {
|
||||||
paginationConfig.current_page = 1
|
paginationConfig.current_page = 1
|
||||||
paginationConfig.total = 0
|
paginationConfig.total = 0
|
||||||
currentRecordList.value = []
|
currentRecordList.value = []
|
||||||
getChatLog(applicationDetail.value.id)
|
getChatLog()
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
function deleteLog(row: any) {
|
function deleteLog(row: any) {
|
||||||
chatAPI.deleteChat(row.id, left_loading).then(() => {
|
chatAPI.deleteChat(row.id).then(() => {
|
||||||
if (currentChatId.value === row.id) {
|
if (currentChatId.value === row.id) {
|
||||||
currentChatId.value = 'new'
|
currentChatId.value = 'new'
|
||||||
paginationConfig.current_page = 1
|
paginationConfig.current_page = 1
|
||||||
paginationConfig.total = 0
|
paginationConfig.total = 0
|
||||||
currentRecordList.value = []
|
currentRecordList.value = []
|
||||||
}
|
}
|
||||||
getChatLog(applicationDetail.value.id)
|
chatLogData.value = chatLogData.value.filter((item) => item.id !== row.id)
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
function handleScroll(event: any) {
|
function handleScroll(event: any) {
|
||||||
|
|
|
||||||
|
|
@ -41,16 +41,16 @@
|
||||||
chatUser.chat_profile.authentication_type === 'password'
|
chatUser.chat_profile.authentication_type === 'password'
|
||||||
"
|
"
|
||||||
>
|
>
|
||||||
<img src="@/assets/user-icon.svg" style="width: 54%" alt=""/>
|
<img src="@/assets/user-icon.svg" style="width: 54%" alt="" />
|
||||||
</el-avatar>
|
</el-avatar>
|
||||||
<el-dropdown v-else trigger="click" type="primary" class="w-full">
|
<el-dropdown v-else trigger="click" type="primary" class="w-full">
|
||||||
<div class="flex align-center">
|
<div class="flex align-center">
|
||||||
<el-avatar :size="32">
|
<el-avatar :size="32">
|
||||||
<img src="@/assets/user-icon.svg" style="width: 54%" alt=""/>
|
<img src="@/assets/user-icon.svg" style="width: 54%" alt="" />
|
||||||
</el-avatar>
|
</el-avatar>
|
||||||
<span v-show="!isPcCollapse" class="ml-8 color-text-primary">{{
|
<span v-show="!isPcCollapse" class="ml-8 color-text-primary">{{
|
||||||
chatUser.chatUserProfile?.nick_name
|
chatUser.chatUserProfile?.nick_name
|
||||||
}}</span>
|
}}</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<template #dropdown>
|
<template #dropdown>
|
||||||
|
|
@ -58,7 +58,7 @@
|
||||||
<div class="flex align-center p-8">
|
<div class="flex align-center p-8">
|
||||||
<div class="mr-8 flex align-center">
|
<div class="mr-8 flex align-center">
|
||||||
<el-avatar :size="40">
|
<el-avatar :size="40">
|
||||||
<img src="@/assets/user-icon.svg" style="width: 54%" alt=""/>
|
<img src="@/assets/user-icon.svg" style="width: 54%" alt="" />
|
||||||
</el-avatar>
|
</el-avatar>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
|
|
@ -83,7 +83,7 @@
|
||||||
style="padding-top: 8px; padding-bottom: 8px"
|
style="padding-top: 8px; padding-bottom: 8px"
|
||||||
@click="logout"
|
@click="logout"
|
||||||
>
|
>
|
||||||
<AppIcon iconName="app-export" class="color-secondary"/>
|
<AppIcon iconName="app-export" class="color-secondary" />
|
||||||
{{ $t('layout.logout') }}
|
{{ $t('layout.logout') }}
|
||||||
</el-dropdown-item>
|
</el-dropdown-item>
|
||||||
</el-dropdown-menu>
|
</el-dropdown-menu>
|
||||||
|
|
@ -98,7 +98,7 @@
|
||||||
@click="isPcCollapse = !isPcCollapse"
|
@click="isPcCollapse = !isPcCollapse"
|
||||||
>
|
>
|
||||||
<el-icon>
|
<el-icon>
|
||||||
<component :is="isPcCollapse ? 'ArrowRightBold' : 'ArrowLeftBold'"/>
|
<component :is="isPcCollapse ? 'ArrowRightBold' : 'ArrowLeftBold'" />
|
||||||
</el-icon>
|
</el-icon>
|
||||||
</el-button>
|
</el-button>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -134,13 +134,13 @@
|
||||||
<template #dropdown>
|
<template #dropdown>
|
||||||
<el-dropdown-menu>
|
<el-dropdown-menu>
|
||||||
<el-dropdown-item @click="exportMarkdown"
|
<el-dropdown-item @click="exportMarkdown"
|
||||||
>{{ $t('common.export') }} Markdown</el-dropdown-item
|
>{{ $t('common.export') }} Markdown</el-dropdown-item
|
||||||
>
|
>
|
||||||
<el-dropdown-item @click="exportHTML"
|
<el-dropdown-item @click="exportHTML"
|
||||||
>{{ $t('common.export') }} HTML</el-dropdown-item
|
>{{ $t('common.export') }} HTML</el-dropdown-item
|
||||||
>
|
>
|
||||||
<el-dropdown-item @click="openPDFExport"
|
<el-dropdown-item @click="openPDFExport"
|
||||||
>{{ $t('common.export') }} PDF</el-dropdown-item
|
>{{ $t('common.export') }} PDF</el-dropdown-item
|
||||||
>
|
>
|
||||||
</el-dropdown-menu>
|
</el-dropdown-menu>
|
||||||
</template>
|
</template>
|
||||||
|
|
@ -191,8 +191,8 @@
|
||||||
</span> -->
|
</span> -->
|
||||||
<span>
|
<span>
|
||||||
<el-button text @click="closeExecutionDetail">
|
<el-button text @click="closeExecutionDetail">
|
||||||
<el-icon size="20"><Close/></el-icon
|
<el-icon size="20"><Close /></el-icon
|
||||||
></el-button>
|
></el-button>
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -206,7 +206,7 @@
|
||||||
:detail="executionDetail"
|
:detail="executionDetail"
|
||||||
:appType="applicationDetail?.type"
|
:appType="applicationDetail?.type"
|
||||||
/>
|
/>
|
||||||
<ParagraphDocumentContent :detail="rightPanelDetail" v-else/>
|
<ParagraphDocumentContent :detail="rightPanelDetail" v-else />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -222,31 +222,28 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import {ref, onMounted, nextTick, computed, watch} from 'vue'
|
import { ref, onMounted, nextTick, computed, watch } from 'vue'
|
||||||
import {marked} from 'marked'
|
import { marked } from 'marked'
|
||||||
import {saveAs} from 'file-saver'
|
import { saveAs } from 'file-saver'
|
||||||
import chatAPI from '@/api/chat/chat'
|
import chatAPI from '@/api/chat/chat'
|
||||||
import useStore from '@/stores'
|
import useStore from '@/stores'
|
||||||
import useResize from '@/layout/hooks/useResize'
|
import useResize from '@/layout/hooks/useResize'
|
||||||
import {hexToRgba} from '@/utils/theme'
|
import { hexToRgba } from '@/utils/theme'
|
||||||
import {useRoute, useRouter} from 'vue-router'
|
import { useRoute, useRouter } from 'vue-router'
|
||||||
import ResetPassword from '@/layout/layout-header/avatar/ResetPassword.vue'
|
import ResetPassword from '@/layout/layout-header/avatar/ResetPassword.vue'
|
||||||
import {t} from '@/locales'
|
import { t } from '@/locales'
|
||||||
import type {ResetCurrentUserPasswordRequest} from '@/api/type/user'
|
import type { ResetCurrentUserPasswordRequest } from '@/api/type/user'
|
||||||
import ExecutionDetailContent
|
import ExecutionDetailContent from '@/components/ai-chat/component/knowledge-source-component/ExecutionDetailContent.vue'
|
||||||
from '@/components/ai-chat/component/knowledge-source-component/ExecutionDetailContent.vue'
|
import ParagraphSourceContent from '@/components/ai-chat/component/knowledge-source-component/ParagraphSourceContent.vue'
|
||||||
import ParagraphSourceContent
|
import ParagraphDocumentContent from '@/components/ai-chat/component/knowledge-source-component/ParagraphDocumentContent.vue'
|
||||||
from '@/components/ai-chat/component/knowledge-source-component/ParagraphSourceContent.vue'
|
|
||||||
import ParagraphDocumentContent
|
|
||||||
from '@/components/ai-chat/component/knowledge-source-component/ParagraphDocumentContent.vue'
|
|
||||||
import HistoryPanel from '@/views/chat/component/HistoryPanel.vue'
|
import HistoryPanel from '@/views/chat/component/HistoryPanel.vue'
|
||||||
import {cloneDeep} from 'lodash'
|
import { cloneDeep } from 'lodash'
|
||||||
import {getFileUrl} from '@/utils/common'
|
import { getFileUrl } from '@/utils/common'
|
||||||
import PdfExport from '@/components/pdf-export/index.vue'
|
import PdfExport from '@/components/pdf-export/index.vue'
|
||||||
|
|
||||||
useResize()
|
useResize()
|
||||||
const pdfExportRef = ref<InstanceType<typeof PdfExport>>()
|
const pdfExportRef = ref<InstanceType<typeof PdfExport>>()
|
||||||
const {common, chatUser} = useStore()
|
const { common, chatUser } = useStore()
|
||||||
const router = useRouter()
|
const router = useRouter()
|
||||||
const openPDFExport = () => {
|
const openPDFExport = () => {
|
||||||
pdfExportRef.value?.open(document.getElementById('chatListId'))
|
pdfExportRef.value?.open(document.getElementById('chatListId'))
|
||||||
|
|
@ -279,7 +276,7 @@ const openResetPassword = () => {
|
||||||
|
|
||||||
const handleResetPassword = (param: ResetCurrentUserPasswordRequest) => {
|
const handleResetPassword = (param: ResetCurrentUserPasswordRequest) => {
|
||||||
chatAPI.resetCurrentPassword(param).then(() => {
|
chatAPI.resetCurrentPassword(param).then(() => {
|
||||||
router.push({name: 'login'})
|
router.push({ name: 'login' })
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -307,8 +304,7 @@ const applicationDetail = computed({
|
||||||
get: () => {
|
get: () => {
|
||||||
return props.application_profile
|
return props.application_profile
|
||||||
},
|
},
|
||||||
set: (v) => {
|
set: (v) => {},
|
||||||
},
|
|
||||||
})
|
})
|
||||||
|
|
||||||
const chatLogData = ref<any[]>([])
|
const chatLogData = ref<any[]>([])
|
||||||
|
|
@ -331,7 +327,7 @@ function refreshFieldTitle(chatId: string, abstract: string) {
|
||||||
}
|
}
|
||||||
|
|
||||||
function deleteLog(row: any) {
|
function deleteLog(row: any) {
|
||||||
chatAPI.deleteChat(row.id, left_loading).then(() => {
|
chatAPI.deleteChat(row.id).then(() => {
|
||||||
if (currentChatId.value === row.id) {
|
if (currentChatId.value === row.id) {
|
||||||
currentChatId.value = 'new'
|
currentChatId.value = 'new'
|
||||||
currentChatName.value = t('chat.createChat')
|
currentChatName.value = t('chat.createChat')
|
||||||
|
|
@ -339,7 +335,7 @@ function deleteLog(row: any) {
|
||||||
paginationConfig.value.total = 0
|
paginationConfig.value.total = 0
|
||||||
currentRecordList.value = []
|
currentRecordList.value = []
|
||||||
}
|
}
|
||||||
getChatLog()
|
chatLogData.value = chatLogData.value.filter((item) => item.id !== row.id)
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -470,7 +466,7 @@ async function exportMarkdown(): Promise<void> {
|
||||||
.map((record: any) => `# ${record.problem_text}\n\n${record.answer_text}\n\n`)
|
.map((record: any) => `# ${record.problem_text}\n\n${record.answer_text}\n\n`)
|
||||||
.join('\n')
|
.join('\n')
|
||||||
|
|
||||||
const blob: Blob = new Blob([markdownContent], {type: 'text/markdown;charset=utf-8'})
|
const blob: Blob = new Blob([markdownContent], { type: 'text/markdown;charset=utf-8' })
|
||||||
saveAs(blob, suggestedName)
|
saveAs(blob, suggestedName)
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -481,7 +477,7 @@ async function exportHTML(): Promise<void> {
|
||||||
.join('\n')
|
.join('\n')
|
||||||
const htmlContent: any = marked(markdownContent)
|
const htmlContent: any = marked(markdownContent)
|
||||||
|
|
||||||
const blob: Blob = new Blob([htmlContent], {type: 'text/html;charset=utf-8'})
|
const blob: Blob = new Blob([htmlContent], { type: 'text/html;charset=utf-8' })
|
||||||
saveAs(blob, suggestedName)
|
saveAs(blob, suggestedName)
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -211,7 +211,7 @@ const rules = reactive({
|
||||||
})
|
})
|
||||||
|
|
||||||
function close() {
|
function close() {
|
||||||
if (isEdit.value || !areAllValuesNonEmpty(form.value)) {
|
if (!areAllValuesNonEmpty(form.value)) {
|
||||||
visible.value = false
|
visible.value = false
|
||||||
} else {
|
} else {
|
||||||
MsgConfirm(t('common.tip'), t('views.tool.tip.saveMessage'), {
|
MsgConfirm(t('common.tip'), t('views.tool.tip.saveMessage'), {
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue