fix: KBM DocumentDetail.vue 国际化 - 硬编码中文替换为 $t()

src/AIManagement/KBM/DocumentDetail.vue

@@ -1,7 +1,7 @@
 <template>
   <el-drawer
     :visible.sync="drawerVisible"
-    title="文档详情"
+    :title="$t('文档详情')"
     size="560px"
     direction="rtl"
     append-to-body
@@ -25,17 +25,17 @@
 
       <!-- 基本信息 -->
       <div class="dd-section">
-        <h4 class="dd-section-title">基本信息</h4>
+        <h4 class="dd-section-title">{{ $t('基本信息') }}</h4>
         <div class="dd-info-list">
           <div class="dd-info-row">
-            <span class="dd-info-label">上传时间</span>
+            <span class="dd-info-label">{{ $t('上传时间') }}</span>
             <span class="dd-info-value">{{ document.uploadTime }}</span>
           </div>
           <div class="dd-info-row">
-            <span class="dd-info-label">当前状态</span>
+            <span class="dd-info-label">{{ $t('当前状态') }}</span>
             <span class="dd-info-value">
               <span class="dd-status-dot" :class="document.status === 'enabled' ? 'is-on' : 'is-off'"></span>
-              {{ document.status === 'enabled' ? '已启用' : '已禁用' }}
+              {{ document.status === 'enabled' ? $t('已启用') : $t('已禁用') }}
             </span>
           </div>
         </div>
@@ -43,7 +43,7 @@
 
       <!-- 嵌入状态 -->
       <div class="dd-section">
-        <h4 class="dd-section-title">向量化嵌入</h4>
+        <h4 class="dd-section-title">{{ $t('向量化嵌入') }}</h4>
         <div class="dd-embed-card" :class="'dd-embed--' + document.embedStatus">
         <div class="dd-embed-icon">
           <i v-if="document.embedStatus === 'completed'" class="el-icon-circle-check"></i>
@@ -68,7 +68,7 @@
               size="mini"
               style="padding: 0; margin-top: 4px;"
               @click="$emit('retry-embed', document.id)"
-            >点击重试</el-button>
+            >{{ $t('点击重试') }}</el-button>
           </div>
         </div>
       </div>
@@ -77,7 +77,7 @@
       <div class="dd-section">
         <h4 class="dd-section-title">
           元数据
-          <el-button type="text" size="mini" @click="toggleEdit">{{ editMode ? '取消' : '编辑' }}</el-button>
+          <el-button type="text" size="mini" @click="toggleEdit">{{ editMode ? $t('取消') : $t('编辑') }}</el-button>
         </h4>
 
         <div v-if="editMode" class="dd-meta-edit">
@@ -106,7 +106,7 @@
               <el-input v-model="localMeta[field.key]" size="small" />
             </template>
           </div>
-          <el-button type="primary" size="small" @click="saveMeta" style="margin-top: 8px;">保存</el-button>
+          <el-button type="primary" size="small" @click="saveMeta" style="margin-top: 8px;">{{ $t('保存') }}</el-button>
         </div>
 
         <div v-else class="dd-meta-view">
@@ -120,7 +120,7 @@
             <span class="dd-meta-val">
               <template v-if="Array.isArray(val)">
                 <el-tag v-for="v in val" :key="v" size="mini" style="margin-right: 4px;">{{ v }}</el-tag>
-                <span v-if="val.length === 0" class="dd-meta-none">未设置</span>
+                <span v-if="val.length === 0" class="dd-meta-none">{{ $t('未设置') }}</span>
               </template>
               <template v-else>{{ val || '-' }}</template>
             </span>
@@ -137,7 +137,7 @@
                 {{ document.metadata[field.name] }}
               </template>
               <template v-else>
-                <span class="dd-meta-none">未设置</span>
+                <span class="dd-meta-none">{{ $t('未设置') }}</span>
               </template>
             </span>
           </div>
@@ -149,46 +149,46 @@
 
       <!-- 操作 -->
       <div class="dd-section">
-        <h4 class="dd-section-title">操作</h4>
+        <h4 class="dd-section-title">{{ $t('操作') }}</h4>
         <div class="dd-actions">
-          <el-button type="primary" size="small" @click="$emit('download', document)">下载文档</el-button>
+          <el-button type="primary" size="small" @click="$emit('download', document)">{{ $t('下载文档') }}</el-button>
           <el-button type="primary" size="small" @click="onToggleStatus">
-            {{ document.status === 'enabled' ? '禁用文档' : '启用文档' }}
+            {{ document.status === 'enabled' ? $t('禁用文档') : $t('启用文档') }}
           </el-button>
-          <el-button type="danger" size="small" @click="deleteDialogVisible = true">删除文档</el-button>
+          <el-button type="danger" size="small" @click="deleteDialogVisible = true">{{ $t('删除文档') }}</el-button>
         </div>
       </div>
       </template>
 
       <!-- 删除确认弹窗 -->
       <el-dialog
-        title="确认删除"
+        :title="$t('确认删除')"
         :visible.sync="deleteDialogVisible"
         width="400px"
         :close-on-click-modal="false"
         append-to-body
         @keyup.enter.native="confirmDelete"
       >
-        <span>确定删除「{{ document ? document.name : '' }}」吗？</span>
+        <span>{{ $t('确定删除文档', { name: document ? document.name : '' }) }}</span>
         <span slot="footer">
-          <el-button size="small" @click="deleteDialogVisible = false">取 消</el-button>
-          <el-button size="small" type="danger" :loading="deleteLoading" @click="confirmDelete">删除</el-button>
+          <el-button size="small" @click="deleteDialogVisible = false">{{ $t('取消') }}</el-button>
+          <el-button size="small" type="danger" :loading="deleteLoading" @click="confirmDelete">{{ $t('删除') }}</el-button>
         </span>
       </el-dialog>
 
       <!-- 启用/禁用确认弹窗 -->
       <el-dialog
-        title="确认操作"
+        :title="$t('确认操作')"
         :visible.sync="toggleDialogVisible"
         width="400px"
         :close-on-click-modal="false"
         append-to-body
         @keyup.enter.native="confirmToggle"
       >
-        <span>确定{{ document && document.status === 'enabled' ? '禁用' : '启用' }}「{{ document ? document.name : '' }}」吗？</span>
+        <span>{{ $t('确定操作文档', { action: document && document.status === 'enabled' ? $t('禁用') : $t('启用'), name: document ? document.name : '' }) }}</span>
         <span slot="footer">
-          <el-button size="small" @click="toggleDialogVisible = false">取 消</el-button>
-          <el-button size="small" type="primary" :loading="toggleLoading" @click="confirmToggle">确定</el-button>
+          <el-button size="small" @click="toggleDialogVisible = false">{{ $t('取消') }}</el-button>
+          <el-button size="small" type="primary" :loading="toggleLoading" @click="confirmToggle">{{ $t('确定') }}</el-button>
         </span>
       </el-dialog>
     </div>
@@ -611,4 +611,4 @@ export default {
   display: flex;
   gap: 12px;
 }
-</style>
+</style>