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

This commit is contained in:
2026-03-17 12:08:09 +08:00
parent c790f74905
commit 216d3ac8fe
23 changed files with 537 additions and 184 deletions

View File

@@ -1,43 +1,43 @@
<template>
<el-dialog
v-model="visible"
:title="dialogType === 'add' ? '新增大富翁-玩家' : '编辑大富翁-玩家'"
:title="dialogType === 'add' ? $t('page.form.dialogTitleAdd') : $t('page.form.dialogTitleEdit')"
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="username">
<el-input v-model="formData.username" placeholder="请输入用户名" />
<el-form-item :label="$t('page.form.username')" prop="username">
<el-input v-model="formData.username" :placeholder="$t('page.form.placeholderUsername')" />
</el-form-item>
<el-form-item label="昵称" prop="name">
<el-input v-model="formData.name" placeholder="请输入昵称" />
<el-form-item :label="$t('page.form.nickname')" prop="name">
<el-input v-model="formData.name" :placeholder="$t('page.form.placeholderNickname')" />
</el-form-item>
<el-form-item label="手机号" prop="phone">
<el-form-item :label="$t('page.form.phone')" prop="phone">
<el-input
v-model="formData.phone"
placeholder="请输入手机号"
:placeholder="$t('page.form.placeholderPhone')"
clearable
maxlength="20"
show-word-limit
/>
</el-form-item>
<el-form-item label="密码" prop="password" :rules="passwordRules">
<el-form-item :label="$t('page.form.password')" prop="password" :rules="passwordRules">
<el-input
v-model="formData.password"
type="password"
placeholder="编辑留空则不修改"
:placeholder="$t('page.form.placeholderPasswordEdit')"
show-password
/>
</el-form-item>
<el-form-item label="状态" prop="status">
<el-form-item :label="$t('page.form.status')" prop="status">
<sa-switch v-model="formData.status" />
</el-form-item>
<el-form-item label="所属管理员" prop="admin_id">
<el-form-item :label="$t('page.form.adminId')" prop="admin_id">
<el-select
v-model="formData.admin_id"
placeholder="选择后台管理员(可选)"
:placeholder="$t('page.form.placeholderAdmin')"
clearable
filterable
style="width: 100%"
@@ -51,21 +51,21 @@
/>
</el-select>
</el-form-item>
<el-form-item label="平台币" prop="coin">
<el-form-item :label="$t('page.form.coin')" prop="coin">
<el-input-number
v-model="formData.coin"
:min="0"
:precision="2"
:disabled="dialogType === 'add'"
placeholder="创建时默认0不可改"
:placeholder="$t('page.form.placeholderCoinAdd')"
style="width: 100%"
/>
</el-form-item>
<!-- lottery_config_id = 自定义权重否则 = DiceLotteryConfig.id选择后该配置的五个 weight 会写入下方 player.*_weight -->
<el-form-item label="彩金池配置" prop="lottery_config_id">
<el-form-item :label="$t('page.form.lotteryPoolConfig')" prop="lottery_config_id">
<el-select
v-model="formData.lottery_config_id"
placeholder="留空则使用下方自定义权重,或选择彩金池"
:placeholder="$t('page.form.placeholderLotteryPool')"
clearable
filterable
style="width: 100%"
@@ -81,28 +81,28 @@
</el-select>
</el-form-item>
<!-- 当前选中的 DiceLotteryConfig 数据展示 -->
<el-form-item v-if="currentLotteryConfig" label="当前配置" class="current-config-block">
<el-form-item v-if="currentLotteryConfig" :label="$t('page.form.currentConfig')" class="current-config-block">
<div class="current-lottery-config">
<div class="config-row">
<span class="config-label">名称</span>
<span class="config-label">{{ $t('page.form.configLabelName') }}</span>
<span>{{ currentLotteryConfig.name ?? '-' }}</span>
</div>
<div class="config-row">
<span class="config-label">类型</span>
<span class="config-label">{{ $t('page.form.configLabelType') }}</span>
<span>{{ lotteryConfigTypeText(currentLotteryConfig.type) }}</span>
</div>
<div class="config-row">
<span class="config-label">T1T5 权重</span>
<span class="config-label">{{ $t('page.form.configLabelWeights') }}</span>
<span>{{ currentLotteryConfigWeightsText }}</span>
</div>
<div v-if="currentLotteryConfig.remark" class="config-row">
<span class="config-label">备注</span>
<span class="config-label">{{ $t('page.form.configLabelRemark') }}</span>
<span>{{ currentLotteryConfig.remark }}</span>
</div>
</div>
</el-form-item>
<!-- lottery_config_id 为空时自定义权重可编辑有值时来自所选 DiceLotteryConfig仅展示不可编辑 -->
<el-form-item label="T1池权重(%)" prop="t1_weight">
<el-form-item :label="$t('page.form.t1Weight')" prop="t1_weight">
<el-slider
v-model="formData.t1_weight"
:min="0"
@@ -112,7 +112,7 @@
:disabled="!isLotteryConfigEmpty()"
/>
</el-form-item>
<el-form-item label="T2池权重(%)" prop="t2_weight">
<el-form-item :label="$t('page.form.t2Weight')" prop="t2_weight">
<el-slider
v-model="formData.t2_weight"
:min="0"
@@ -122,7 +122,7 @@
:disabled="!isLotteryConfigEmpty()"
/>
</el-form-item>
<el-form-item label="T3池权重(%)" prop="t3_weight">
<el-form-item :label="$t('page.form.t3Weight')" prop="t3_weight">
<el-slider
v-model="formData.t3_weight"
:min="0"
@@ -132,7 +132,7 @@
:disabled="!isLotteryConfigEmpty()"
/>
</el-form-item>
<el-form-item label="T4池权重(%)" prop="t4_weight">
<el-form-item :label="$t('page.form.t4Weight')" prop="t4_weight">
<el-slider
v-model="formData.t4_weight"
:min="0"
@@ -142,7 +142,7 @@
:disabled="!isLotteryConfigEmpty()"
/>
</el-form-item>
<el-form-item label="T5池权重(%)" prop="t5_weight">
<el-form-item :label="$t('page.form.t5Weight')" prop="t5_weight">
<el-slider
v-model="formData.t5_weight"
:min="0"
@@ -154,16 +154,16 @@
</el-form-item>
<el-form-item v-if="isLotteryConfigEmpty()">
<div class="text-gray-500 text-sm">
五个池权重总和<span :class="Math.abs(weightsSum - 100) > 0.01 ? 'text-red-500' : ''">{{
{{ $t('page.form.weightsSumHint') }}<span :class="Math.abs(weightsSum - 100) > 0.01 ? 'text-red-500' : ''">{{
weightsSum
}}</span
>% / 100%100%
>{{ $t('page.form.weightsSumUnit') }}
</div>
</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>