全局中文化

frontend/src/views/admin/UserResetPassword.vue

@@ -1,24 +1,24 @@
 <template>
-  <el-dialog title="重置密码" width="520px" v-model="visibleProxy" :close-on-click-modal="false">
+  <el-dialog :title="TEXT.modules.adminUsers.resetTitle" width="520px" v-model="visibleProxy" :close-on-click-modal="false">
     <el-alert
       type="warning"
       show-icon
-      title="该操作将影响用户账号，请确认是否继续"
-      description="系统将生成临时密码，需再次输入用户名才能提交。"
+      :title="TEXT.modules.adminUsers.resetWarningTitle"
+      :description="TEXT.modules.adminUsers.resetWarningDesc"
       class="mb-12"
     />
-    <div class="info">重置对象：<strong>{{ user?.username }}</strong></div>
+    <div class="info">{{ TEXT.modules.adminUsers.resetTarget }}<strong>{{ user?.username }}</strong></div>
     <el-form ref="formRef" :model="form" label-width="140px" :rules="rules">
-      <el-form-item label="确认用户名" prop="confirmUsername">
-        <el-input v-model="form.confirmUsername" placeholder="请输入用户名以确认" />
+      <el-form-item :label="TEXT.modules.adminUsers.confirmUsername" prop="confirmUsername">
+        <el-input v-model="form.confirmUsername" :placeholder="TEXT.modules.adminUsers.confirmUsernameHint" />
       </el-form-item>
-      <el-form-item label="密码方式" prop="mode">
+      <el-form-item :label="TEXT.modules.adminUsers.passwordMode" prop="mode">
         <el-radio-group v-model="form.mode">
-          <el-radio label="auto">系统生成临时密码</el-radio>
-          <el-radio label="manual">手动输入新密码</el-radio>
+          <el-radio label="auto">{{ TEXT.modules.adminUsers.passwordAuto }}</el-radio>
+          <el-radio label="manual">{{ TEXT.modules.adminUsers.passwordManual }}</el-radio>
         </el-radio-group>
       </el-form-item>
-      <el-form-item :label="form.mode === 'auto' ? '临时密码' : '新密码'" prop="passwordValue">
+      <el-form-item :label="form.mode === 'auto' ? TEXT.modules.adminUsers.tempPassword : TEXT.modules.adminUsers.newPassword" prop="passwordValue">
         <el-input
           v-if="form.mode === 'auto'"
           v-model="form.tempPassword"
@@ -27,7 +27,7 @@
           readonly
         >
           <template #append>
-            <el-button @click="regenerate">重新生成</el-button>
+            <el-button @click="regenerate">{{ TEXT.modules.adminUsers.regenerate }}</el-button>
           </template>
         </el-input>
         <el-input
@@ -35,14 +35,14 @@
           v-model="form.manualPassword"
           type="password"
           show-password
-          placeholder="请输入新密码"
+          :placeholder="TEXT.modules.adminUsers.manualPasswordHint"
         />
-        <div class="hint">不会明文展示，请通过安全渠道告知用户</div>
+        <div class="hint">{{ TEXT.modules.adminUsers.passwordHint }}</div>
       </el-form-item>
     </el-form>
     <template #footer>
-      <el-button @click="visibleProxy = false">取消</el-button>
-      <el-button type="danger" :disabled="!canSubmit" :loading="submitting" @click="onSubmit">确认重置</el-button>
+      <el-button @click="visibleProxy = false">{{ TEXT.common.actions.cancel }}</el-button>
+      <el-button type="danger" :disabled="!canSubmit" :loading="submitting" @click="onSubmit">{{ TEXT.modules.adminUsers.resetConfirm }}</el-button>
     </template>
   </el-dialog>
 </template>
@@ -52,6 +52,7 @@ import { computed, reactive, ref, watch } from "vue";
 import { ElMessage, ElMessageBox, type FormInstance, type FormRules } from "element-plus";
 import { updateUser } from "../../api/users";
 import type { UserInfo } from "../../types/api";
+import { TEXT, requiredMessage } from "../../locales";
 
 const props = defineProps<{
   visible: boolean;
@@ -78,17 +79,17 @@ const form = reactive({
 });
 
 const rules = reactive<FormRules>({
-  confirmUsername: [{ required: true, message: "请再次输入用户名", trigger: "blur" }],
-  mode: [{ required: true, message: "请选择密码方式", trigger: "change" }],
+  confirmUsername: [{ required: true, message: requiredMessage(TEXT.modules.adminUsers.confirmUsername), trigger: "blur" }],
+  mode: [{ required: true, message: requiredMessage(TEXT.modules.adminUsers.passwordMode), trigger: "change" }],
   passwordValue: [
     {
       validator: (_rule, _value, callback) => {
         if (form.mode === "auto" && !form.tempPassword) {
-          callback(new Error("临时密码生成异常"));
+          callback(new Error(TEXT.modules.adminUsers.tempPasswordError));
           return;
         }
         if (form.mode === "manual" && !form.manualPassword) {
-          callback(new Error("请输入新密码"));
+          callback(new Error(TEXT.modules.adminUsers.manualPasswordRequired));
           return;
         }
         callback();
@@ -127,16 +128,16 @@ const onSubmit = async () => {
   if (!props.user) return;
   await formRef.value?.validate();
   if (form.confirmUsername !== props.user.username) {
-    ElMessage.error("确认用户名不匹配，无法提交");
+    ElMessage.error(TEXT.modules.adminUsers.confirmMismatch);
     return;
   }
   const ok = await ElMessageBox.confirm(
-    "该操作将影响用户账号，请确认是否继续",
-    "确认重置密码",
+    TEXT.modules.adminUsers.resetConfirmPrompt,
+    TEXT.modules.adminUsers.resetConfirmTitle,
     {
       type: "warning",
-      confirmButtonText: "确认重置",
-      cancelButtonText: "取消",
+      confirmButtonText: TEXT.modules.adminUsers.resetConfirm,
+      cancelButtonText: TEXT.common.actions.cancel,
     }
   ).catch(() => null);
   if (!ok) return;
@@ -144,11 +145,11 @@ const onSubmit = async () => {
   try {
     const password = form.mode === "manual" ? form.manualPassword : form.tempPassword;
     await updateUser(props.user.id, { password });
-    ElMessage.success("密码已重置");
+    ElMessage.success(TEXT.modules.adminUsers.resetSuccess);
     emit("reset");
     visibleProxy.value = false;
   } catch (e: any) {
-    ElMessage.error(e?.response?.data?.message || "重置失败");
+    ElMessage.error(e?.response?.data?.message || TEXT.modules.adminUsers.resetFailed);
   } finally {
     submitting.value = false;
   }