WJB
/
ai-manus
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

修复国际化控件未正确加载

This commit is contained in:
WangJing 2025-07-29 15:14:47 +08:00
parent 9ccaa56da3
commit 631ca18ce5
1 changed files with 25 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
chat-client/src/views/chatweb/components/ChatBox.vue
View File

@ -3,7 +3,7 @@
<!-- 会话记录侧边栏 -->
<div class="chat-sidebar" :class="{ 'sidebar-collapsed': isSidebarCollapsed }">
<div class="sidebar-header">
<h3 v-show="!isSidebarCollapsed">{{ $t('vabI18n.chat.history') }}</h3>
<h3 v-show="!isSidebarCollapsed">{{ t('vabI18n.chat.history') }}</h3>
<el-button
type="primary"
class="new-chat-btn"
@ -13,7 +13,7 @@
<svg viewBox="0 0 24 24" class="new-chat-icon">
<path fill="currentColor" d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/>
</svg>
{{ $t('vabI18n.chat.newChat') }}
{{ t('vabI18n.chat.newChat') }}
</el-button>
</div>
<div class="chat-history" v-show="!isSidebarCollapsed">
@ -24,7 +24,7 @@
:class="{ 'active': currentChatIndex === index }"
@click="switchChat(index)"
>
<span class="chat-title">{{ chat.title || $t('vabI18n.chat.chat') + ` ${index + 1}` }}</span>
<span class="chat-title">{{ chat.title || t('vabI18n.chat.chat') + ` ${index + 1}` }}</span>
<span class="chat-time">{{ formatTime(chat.timestamp) }}</span>
</div>
</div>
@ -51,14 +51,14 @@
<svg v-if="msg.isUser" viewBox="0 0 24 24" class="avatar-icon">
<path fill="currentColor" d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/>
</svg>
<img v-else :src="getAssistantAvatar()" alt="{{ $t('vabI18n.chat.assistant') }}" class="avatar-icon" />
<img v-else :src="getAssistantAvatar()" :alt="$t('vabI18n.chat.assistant')" class="avatar-icon" />
</div>
<!-- 消息内容 -->
<div class="message-content-wrapper" :class="{ 'has-charts': !msg.isUser && msg.echarts && msg.echarts.length > 0 }">
<div class="message-content">
<div class="message-header">
<span class="message-sender">{{ msg.isUser ? $t('vabI18n.chat.you') : $t('vabI18n.chat.assistant') }}</span>
<span class="message-sender">{{ msg.isUser ? t('vabI18n.chat.you') : t('vabI18n.chat.assistant') }}</span>
</div>
<div class="message-body">
<!-- 编辑状态 -->
@ -70,7 +70,7 @@
type="textarea"
:autosize="{ minRows: 3, maxRows: 8 }"
class="edit-textarea"
placeholder="{{ $t('vabI18n.chat.placeholder') }}"
:placeholder="$t('vabI18n.chat.placeholder')"
@keydown.enter.ctrl="handleSaveEdit"
@keydown.escape="handleCancelEdit"
/>
@ -79,14 +79,14 @@
@click="handleCancelEdit"
class="edit-btn cancel-btn"
>
{{ $t('vabI18n.chat.cancel') }}
{{ t('vabI18n.chat.cancel') }}
</button>
<button
@click="handleSaveEdit"
:disabled="!editingMessageText.trim()"
class="edit-btn save-btn"
>
{{ $t('vabI18n.chat.send') }}
{{ t('vabI18n.chat.send') }}
</button>
</div>
</div>
@ -101,7 +101,7 @@
<svg viewBox="0 0 24 24" class="think-icon">
<path fill="currentColor" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z"/>
</svg>
{{ $t('vabI18n.chat.think') }}
{{ t('vabI18n.chat.think') }}
</div>
{{ parseThink(msg.text).think }}
</div>
@ -137,7 +137,7 @@
<svg viewBox="0 0 24 24" class="sources-icon">
<path fill="currentColor" d="M14,2H6A2,2 0 0,0 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V8L14,2M18,20H6V4H13V9H18V20Z"/>
</svg>
{{ $t('vabI18n.chat.sources') }}
{{ t('vabI18n.chat.sources') }}
</div>
<div class="sources-list">
<!-- PDF文件来源 -->
@ -324,7 +324,7 @@
</el-button>
</div>
<div class="input-footer">
<span class="footer-hint">{{ $t('vabI18n.chat.sendHint') }}</span>
<span class="footer-hint">{{ t('vabI18n.chat.sendHint') }}</span>
</div>
</div>
</div>
@ -332,7 +332,7 @@
<!-- 文件预览模态框 -->
<el-dialog
v-model="filePreviewVisible"
title="{{ $t('chat.previewTitle') }}"
:title="t('vabI18n.chat.previewTitle')"
width="80%"
class="file-preview-dialog"
:close-on-click-modal="false"
@ -343,7 +343,7 @@
v-if="previewFileUrl"
:src="previewFileUrl"
@rendered="() => { previewLoading = false }"
@error="() => { previewLoading = false; ElMessage.error($t('vabI18n.chat.previewTitleFail')) }"
@error="() => { previewLoading = false; ElMessage.error(t('vabI18n.chat.previewTitleFail')) }"
class="pdf-preview"
/>
</div>
@ -352,7 +352,7 @@
<!-- Excel表格预览模态框 -->
<el-dialog
v-model="excelPreviewVisible"
title="{$t('vabI18n.chat.excelPreviewTitle')}"
:title="$t('vabI18n.chat.excelPreviewTitle')"
width="90%"
class="excel-preview-dialog"
:close-on-click-modal="false"
@ -905,9 +905,18 @@ const parseThink = (text: string) => {
// 获取文件类型图标 - 使用动态导入确保路径正确
const getFileTypeIcon = (fileType: string) => {
// 使用动态导入获取图标路径
const icons = require.context('@/assets/img/filetype-icon', false, /\.png$/)
// console.log(icons)
// console.log('所有图标 keys:', icons.keys())
const getIconUrl = (iconName: string) => {
return new URL(require(`@/assets/img/filetype-icon/${iconName}.png`), import.meta.url).href
const fullName = `./${iconName}.png`
if (icons.keys().includes(fullName)) {
return icons(fullName)
} else {
// console.warn('图标不存在:', fullName)
return ''
}
}
const iconMap: Record<string, string> = {