优化翻译

saiadmin-artd/src/views/system/dept/modules/edit-dialog.vue

@@ -1,14 +1,14 @@
 <template>
   <el-dialog
     v-model="visible"
-    :title="dialogType === 'add' ? '新增部门' : '编辑部门'"
+    :title="dialogType === 'add' ? $t('page.form.titleAdd') : $t('page.form.titleEdit')"
     width="600px"
     align-center
     :close-on-click-modal="false"
     @close="handleClose"
   >
     <el-form ref="formRef" :model="formData" :rules="rules" label-width="120px">
-      <el-form-item label="上级部门" prop="parent_id">
+      <el-form-item :label="$t('page.form.labelParentDept')" prop="parent_id">
         <el-tree-select
           v-model="formData.parent_id"
           :data="optionData.treeData"
@@ -17,33 +17,33 @@
           clearable
         />
       </el-form-item>
-      <el-form-item label="部门名称" prop="name">
-        <el-input v-model="formData.name" placeholder="请输入部门名称" />
+      <el-form-item :label="$t('page.form.labelDeptName')" prop="name">
+        <el-input v-model="formData.name" :placeholder="$t('page.form.placeholderDeptName')" />
       </el-form-item>
-      <el-form-item label="部门编码" prop="code">
-        <el-input v-model="formData.code" placeholder="请输入部门编码" />
+      <el-form-item :label="$t('page.form.labelDeptCode')" prop="code">
+        <el-input v-model="formData.code" :placeholder="$t('page.form.placeholderDeptCode')" />
       </el-form-item>
-      <el-form-item label="部门领导">
+      <el-form-item :label="$t('page.form.labelLeader')">
         <sa-user v-model="formData.leader_id" />
       </el-form-item>
-      <el-form-item label="描述" prop="remark">
+      <el-form-item :label="$t('page.form.labelRemark')" prop="remark">
         <el-input
           v-model="formData.remark"
           type="textarea"
           :rows="3"
-          placeholder="请输入部门描述"
+          :placeholder="$t('page.form.placeholderRemark')"
         />
       </el-form-item>
-      <el-form-item label="排序" prop="sort">
-        <el-input-number v-model="formData.sort" placeholder="请输入排序" />
+      <el-form-item :label="$t('page.form.labelSort')" prop="sort">
+        <el-input-number v-model="formData.sort" :placeholder="$t('page.form.placeholderSort')" />
       </el-form-item>
-      <el-form-item label="启用" prop="status">
+      <el-form-item :label="$t('page.form.labelStatus')" prop="status">
         <sa-radio v-model="formData.status" dict="data_status" />
       </el-form-item>
     </el-form>
     <template #footer>
-      <el-button @click="handleClose">取消</el-button>
-      <el-button type="primary" @click="handleSubmit">提交</el-button>
+      <el-button @click="handleClose">{{ $t('common.cancel') }}</el-button>
+      <el-button type="primary" @click="handleSubmit">{{ $t('table.form.submit') }}</el-button>
     </template>
   </el-dialog>
 </template>
@@ -52,6 +52,7 @@
   import api from '@/api/system/dept'
   import { ElMessage } from 'element-plus'
   import type { FormInstance, FormRules } from 'element-plus'
+  import { useI18n } from 'vue-i18n'
 
   interface Props {
     modelValue: boolean
@@ -71,6 +72,7 @@
   })
 
   const emit = defineEmits<Emits>()
+  const { t } = useI18n()
 
   const formRef = ref<FormInstance>()
   const optionData = reactive({
@@ -88,11 +90,13 @@
   /**
    * 表单验证规则
    */
-  const rules = reactive<FormRules>({
-    parent_id: [{ required: true, message: '请选择上级部门', trigger: 'change' }],
-    name: [{ required: true, message: '请输入部门名称', trigger: 'blur' }],
-    code: [{ required: true, message: '请输入部门编码', trigger: 'blur' }]
-  })
+  const rules = computed<FormRules>(() => ({
+    parent_id: [
+      { required: true, message: t('page.form.ruleParentDeptRequired'), trigger: 'change' }
+    ],
+    name: [{ required: true, message: t('page.form.ruleDeptNameRequired'), trigger: 'blur' }],
+    code: [{ required: true, message: t('page.form.ruleDeptCodeRequired'), trigger: 'blur' }]
+  }))
 
   /**
    * 初始数据
@@ -138,7 +142,7 @@
       {
         id: 0,
         value: 0,
-        label: '无上级部门',
+        label: t('page.form.noParentDept'),
         children: data
       }
     ]
@@ -180,10 +184,10 @@
       await formRef.value.validate()
       if (props.dialogType === 'add') {
         await api.save(formData)
-        ElMessage.success('新增成功')
+        ElMessage.success(t('page.form.addSuccess'))
       } else {
         await api.update(formData)
-        ElMessage.success('修改成功')
+        ElMessage.success(t('page.form.editSuccess'))
       }
       emit('success')
       handleClose()