多语言优化

saiadmin-artd/src/views/safeguard/attachment/modules/edit-dialog.vue

@@ -1,21 +1,21 @@
 <template>
   <el-dialog
     v-model="visible"
-    :title="dialogType === 'add' ? '新增文件' : '编辑文件'"
+    :title="dialogType === 'add' ? $t('page.form.titleAdd') : $t('page.form.titleEdit')"
     width="800px"
     align-center
     :close-on-click-modal="false"
     @close="handleClose"
   >
     <el-form ref="formRef" :model="formData" :rules="rules" label-width="100px">
-      <el-form-item label="文件名称" prop="origin_name">
-        <el-input v-model="formData.origin_name" placeholder="请输入文件名称" />
+      <el-form-item :label="$t('page.form.labelFileName')" prop="origin_name">
+        <el-input v-model="formData.origin_name" :placeholder="$t('page.form.placeholderFileName')" />
       </el-form-item>
     </el-form>
     <template #footer>
       <div class="dialog-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>
       </div>
     </template>
   </el-dialog>
@@ -24,6 +24,8 @@
 <script setup lang="ts">
   import type { FormInstance, FormRules } from 'element-plus'
   import api from '@/api/safeguard/attachment'
+  import { ElMessage } from 'element-plus'
+  import { useI18n } from 'vue-i18n'
 
   interface Props {
     modelValue: boolean
@@ -43,6 +45,7 @@
   })
 
   const emit = defineEmits<Emits>()
+  const { t } = useI18n()
 
   const formRef = ref<FormInstance>()
 
@@ -55,9 +58,9 @@
   })
 
   // 表单验证规则
-  const rules: FormRules = {
-    origin_name: [{ required: true, message: '请输入文件名称', trigger: 'blur' }]
-  }
+  const rules = computed<FormRules>(() => ({
+    origin_name: [{ required: true, message: t('page.form.ruleFileNameRequired'), trigger: 'blur' }]
+  }))
 
   // 初始表单数据
   const initialFormData = {
@@ -123,7 +126,7 @@
       await formRef.value.validate()
       if (props.dialogType === 'edit') {
         await api.update(formData)
-        ElMessage.success('修改成功')
+        ElMessage.success(t('page.form.editSuccess'))
       }
       emit('success')
       handleClose()