From 9c8d0ca508e909443dee5baa6a158541ad053f4b Mon Sep 17 00:00:00 2001
From: Tao Chen <iamtaochen@outlook.com>
Date: Thu, 31 Oct 2024 16:06:17 +0800
Subject: [PATCH] add placeholder for old_password

---
 src/components/changePwdDialog.vue | 20 ++++++++++----------
 src/utils/i18n/zh_CN.json          | 13 +++++++++++++
 2 files changed, 23 insertions(+), 10 deletions(-)

diff --git a/src/components/changePwdDialog.vue b/src/components/changePwdDialog.vue
index 5088578..321c27a 100644
--- a/src/components/changePwdDialog.vue
+++ b/src/components/changePwdDialog.vue
@@ -1,18 +1,18 @@
 <template>
-  <el-dialog v-model="visible" width="50%">
-    <el-form ref="cpwd" :model="changePwdForm" :rules="chagePwdRules" label-width="120px" style="margin-top: 20px">
-      <el-form-item label="旧密码" prop="old_password">
-        <el-input v-model="changePwdForm.old_password" show-password></el-input>
+  <el-dialog v-model="visible" width="45%">
+    <el-form ref="cpwd" :model="changePwdForm" :rules="chagePwdRules" label-width="130px" label-position="left" style="margin-top: 20px">
+      <el-form-item :label="T('Old PassWD')" prop="old_password">
+        <el-input v-model="changePwdForm.old_password" :placeholder="T('For OIDC login without a password, enter any 4-20 letters')" show-password></el-input>
       </el-form-item>
-      <el-form-item label="新密码" prop="new_password">
+      <el-form-item :label="T('New PassWD')" prop="new_password">
         <el-input v-model="changePwdForm.new_password" show-password></el-input>
       </el-form-item>
-      <el-form-item label="确认密码" prop="confirmPwd">
+      <el-form-item :label="T('ConformPassWD')" prop="confirmPwd">
         <el-input v-model="changePwdForm.confirmPwd" show-password></el-input>
       </el-form-item>
       <el-form-item>
-        <el-button @click="cancelChangePwd">取消</el-button>
-        <el-button type="primary" @click="changePassword">确定</el-button>
+        <el-button @click="cancelChangePwd">{{ T('Cancel') }}</el-button>
+        <el-button type="primary" @click="changePassword">{{ T('Confirm') }}</el-button>
       </el-form-item>
     </el-form>
   </el-dialog>
@@ -24,7 +24,7 @@
   import { ElMessageBox } from 'element-plus'
   import { changeCurPwd } from '@/api/user'
   import { useUserStore } from '@/store/user'
-
+  import { T } from '@/utils/i18n'
   const props = defineProps({
     visible: Boolean,
   })
@@ -112,4 +112,4 @@
 
 <style scoped lang="scss">
 
-</style>
+</style>
\ No newline at end of file
diff --git a/src/utils/i18n/zh_CN.json b/src/utils/i18n/zh_CN.json
index 75da9ba..6f4c69c 100644
--- a/src/utils/i18n/zh_CN.json
+++ b/src/utils/i18n/zh_CN.json
@@ -439,5 +439,18 @@
   "Check your IdP docs, without":
   {
     "One": "检查IdP的文档, 不包含"
+  },
+  "For OIDC login without a password, enter any 4-20 letters":
+  {
+    "One": "如果通过 OIDC 登录且未设置密码，请输入任意 4-20 个字符"
+  },
+  "Old PassWD": {
+    "One": "旧密码"
+  },
+  "New PassWD": {
+    "One": "新密码"
+  },
+  "ConformPassWD": {
+    "One": "确认密码"
   }
 }