全局中文化

frontend/src/components/FaqList.vue

@@ -1,34 +1,36 @@
 <template>
   <el-table :data="items" v-loading="loading" style="width: 100%" @row-click="onRowClick">
-    <el-table-column prop="question" label="问题" min-width="200">
+    <el-table-column prop="question" :label="TEXT.common.fields.question" min-width="200">
       <template #default="scope">
         <el-link type="primary" :underline="false" class="question-link">
           {{ scope.row.question }}
         </el-link>
       </template>
     </el-table-column>
-    <el-table-column prop="category_id" label="分类" width="140">
+    <el-table-column prop="category_id" :label="TEXT.common.labels.category" width="140">
       <template #default="scope">
         {{ categoryMap[scope.row.category_id] || scope.row.category_id }}
       </template>
     </el-table-column>
-    <el-table-column prop="is_active" label="启用" width="80">
+    <el-table-column prop="is_active" :label="TEXT.common.fields.enabled" width="80">
       <template #default="scope">
-        <el-tag :type="scope.row.is_active ? 'success' : 'info'">{{ scope.row.is_active ? "是" : "否" }}</el-tag>
+        <el-tag :type="scope.row.is_active ? 'success' : 'info'">
+          {{ scope.row.is_active ? TEXT.common.boolean.yes : TEXT.common.boolean.no }}
+        </el-tag>
       </template>
     </el-table-column>
-    <el-table-column prop="updated_at" label="更新时间" width="180">
+    <el-table-column prop="updated_at" :label="TEXT.common.labels.updatedAt" width="180">
       <template #default="scope">{{ displayDateTime(scope.row.updated_at) }}</template>
     </el-table-column>
-    <el-table-column prop="status" label="状态" width="120">
+    <el-table-column prop="status" :label="TEXT.common.fields.status" width="120">
       <template #default="scope">
         <el-tag :type="statusTagType(scope.row.status)" size="small">{{ statusLabel(scope.row.status) }}</el-tag>
       </template>
     </el-table-column>
-    <el-table-column label="操作" width="180">
+    <el-table-column :label="TEXT.common.labels.actions" width="180">
       <template #default="scope">
         <el-button v-if="canDelete(scope.row)" type="text" size="small" class="danger" @click="remove(scope.row)">
-          删除
+          {{ TEXT.common.actions.delete }}
         </el-button>
         <PermissionAction v-if="canEdit" action="faq.edit">
           <el-button
@@ -37,7 +39,7 @@
             @click="toggle(scope.row)"
             :style="{ color: scope.row.is_active ? '#f56c6c' : '#67c23a' }"
           >
-            {{ scope.row.is_active ? "停用" : "启用" }}
+            {{ scope.row.is_active ? TEXT.common.actions.disable : TEXT.common.actions.enable }}
           </el-button>
         </PermissionAction>
       </template>
@@ -52,8 +54,9 @@ import { useRouter } from "vue-router";
 import { deleteFaqItem, updateFaqItem } from "../api/faqs";
 import type { FaqItem, FaqCategory } from "../api/faqs";
 import PermissionAction from "./PermissionAction.vue";
-import { displayDateTime } from "../utils/display";
+import { displayDateTime, displayEnum } from "../utils/display";
 import { useAuthStore } from "../store/auth";
+import { TEXT } from "../locales";
 
 const props = defineProps<{
   items: FaqItem[];
@@ -83,9 +86,7 @@ const onRowClick = (row: FaqItem, column: any, event: MouseEvent) => {
 };
 
 const statusLabel = (status?: string) => {
-  if (status === "RESOLVED") return "已解决";
-  if (status === "PROCESSING") return "处理中";
-  return "待回答";
+  return displayEnum(TEXT.enums.faqStatus, status || "");
 };
 
 const statusTagType = (status?: string) => {
@@ -99,26 +100,32 @@ const canDelete = (row: FaqItem) => props.canEdit || row.created_by === auth.use
 
 const toggle = async (row: FaqItem) => {
   const target = !row.is_active;
-  const ok = await ElMessageBox.confirm(`确认${target ? "启用" : "停用"}此咨询?`, "提示").catch(() => null);
+  const ok = await ElMessageBox.confirm(
+    TEXT.modules.knowledgeMedicalConsult.confirmToggleItem.replace("{action}", target ? TEXT.common.actions.enable : TEXT.common.actions.disable),
+    TEXT.common.labels.tips
+  ).catch(() => null);
   if (!ok) return;
   try {
     await updateFaqItem(row.id, { is_active: target });
-    ElMessage.success("操作成功");
+    ElMessage.success(TEXT.common.messages.updateSuccess);
     emit("refresh");
   } catch (e: any) {
-    ElMessage.error(e?.response?.data?.message || "操作失败");
+    ElMessage.error(e?.response?.data?.message || TEXT.common.messages.actionFailed);
   }
 };
 
 const remove = async (row: FaqItem) => {
-  const ok = await ElMessageBox.confirm(`确认删除咨询「${row.question}」？`, "提示").catch(() => null);
+  const ok = await ElMessageBox.confirm(
+    TEXT.modules.knowledgeMedicalConsult.confirmDeleteItem.replace("{name}", row.question),
+    TEXT.common.labels.tips
+  ).catch(() => null);
   if (!ok) return;
   try {
     await deleteFaqItem(row.id);
-    ElMessage.success("问题已删除");
+    ElMessage.success(TEXT.common.messages.deleteSuccess);
     emit("refresh");
   } catch (e: any) {
-    ElMessage.error(e?.response?.data?.message || "删除失败");
+    ElMessage.error(e?.response?.data?.message || TEXT.common.messages.deleteFailed);
   }
 };
 </script>