所有表单-创建中英双语对照

saiadmin-artd/src/views/plugin/dice/player/index/modules/WalletOperateDialog.vue

@@ -1,17 +1,17 @@
 <template>
   <el-dialog
     v-model="visible"
-    title="玩家钱包操作"
+    :title="$t('page.form.walletTitle')"
     width="480px"
     align-center
     :close-on-click-modal="false"
     @close="handleClose"
   >
     <el-form ref="formRef" :model="formData" :rules="rules" label-width="100px">
-      <el-form-item label="玩家">
+      <el-form-item :label="$t('page.form.walletPlayer')">
         <el-input :model-value="player?.username" disabled placeholder="-" />
       </el-form-item>
-      <el-form-item label="钱包余额">
+      <el-form-item :label="$t('page.form.walletBalance')">
         <el-input-number
           :model-value="walletBalance"
           disabled
@@ -20,36 +20,36 @@
           style="width: 100%"
         />
       </el-form-item>
-      <el-form-item label="操作类型" prop="type">
-        <el-select v-model="formData.type" placeholder="请选择" clearable style="width: 100%">
-          <el-option label="加点" :value="3" />
-          <el-option label="扣点" :value="4" />
+      <el-form-item :label="$t('page.form.operationType')" prop="type">
+        <el-select v-model="formData.type" :placeholder="$t('form.placeholderSelect')" clearable style="width: 100%">
+          <el-option :label="$t('page.form.typeAdd')" :value="3" />
+          <el-option :label="$t('page.form.typeSub')" :value="4" />
         </el-select>
       </el-form-item>
-      <el-form-item label="平台币变动" prop="coin">
+      <el-form-item :label="$t('page.form.coinChange')" prop="coin">
         <el-input-number
           v-model="formData.coin"
           :min="0.01"
           :precision="2"
-          placeholder="正数，扣点时不能超过余额"
+          :placeholder="$t('page.form.placeholderCoinChange')"
           controls-position="right"
           style="width: 100%"
         />
       </el-form-item>
-      <el-form-item label="备注" prop="remark">
+      <el-form-item :label="$t('form.labelRemark')" prop="remark">
         <el-input
           v-model="formData.remark"
           type="textarea"
           :rows="2"
-          placeholder="选填，不填则按类型自动填写"
+          :placeholder="$t('page.form.placeholderRemarkOptional')"
           maxlength="500"
           show-word-limit
         />
       </el-form-item>
     </el-form>
     <template #footer>
-      <el-button @click="handleClose">取消</el-button>
-      <el-button type="primary" :loading="submitting" @click="handleSubmit">确定</el-button>
+      <el-button @click="handleClose">{{ $t('common.cancel') }}</el-button>
+      <el-button type="primary" :loading="submitting" @click="handleSubmit">{{ $t('common.confirm') }}</el-button>
     </template>
   </el-dialog>
 </template>
@@ -58,6 +58,9 @@
   import walletRecordApi from '../../../api/player_wallet_record/index'
   import { ElMessage } from 'element-plus'
   import type { FormInstance, FormRules } from 'element-plus'
+  import { useI18n } from 'vue-i18n'
+
+  const { t } = useI18n()
 
   interface PlayerRow {
     id: number
@@ -95,19 +98,19 @@
     return c != null ? Number(c) : 0
   })
 
-  const rules = reactive<FormRules>({
-    type: [{ required: true, message: '请选择操作类型', trigger: 'change' }],
+  const rules = computed<FormRules>(() => ({
+    type: [{ required: true, message: t('page.form.ruleSelectType'), trigger: 'change' }],
     coin: [
-      { required: true, message: '请输入平台币变动', trigger: 'blur' },
+      { required: true, message: t('page.form.ruleEnterCoin'), trigger: 'blur' },
       {
         validator: (_rule, value, callback) => {
           const n = Number(value)
           if (Number.isNaN(n) || n <= 0) {
-            callback(new Error('平台币变动必须大于 0'))
+            callback(new Error(t('page.form.ruleCoinPositive')))
             return
           }
           if (formData.type === 4 && n > walletBalance.value) {
-            callback(new Error('扣点不能超过当前余额'))
+            callback(new Error(t('page.form.ruleDeductExceed')))
             return
           }
           callback()
@@ -115,7 +118,7 @@
         trigger: 'blur'
       }
     ]
-  })
+  }))
 
   const initialFormData = {
     type: null as 3 | 4 | null,
@@ -146,11 +149,11 @@
       await formRef.value.validate()
       const coin = Number(formData.coin) || 0
       if (coin <= 0) {
-        ElMessage.warning('平台币变动必须大于 0')
+        ElMessage.warning(t('page.form.ruleCoinPositive'))
         return
       }
       if (formData.type === 4 && coin > walletBalance.value) {
-        ElMessage.warning('扣点不能超过当前余额')
+        ElMessage.warning(t('page.form.ruleDeductExceed'))
         return
       }
       submitting.value = true
@@ -160,7 +163,7 @@
         coin,
         remark: formData.remark?.trim() || undefined
       })
-      ElMessage.success('操作成功')
+      ElMessage.success(t('page.form.operateSuccess'))
       emit('success')
       handleClose()
     } catch (e) {