优化多语言翻译

This commit is contained in:
2026-03-20 10:29:31 +08:00
parent b689a40595
commit 6ff65afcb5
19 changed files with 768 additions and 279 deletions

View File

@@ -10,7 +10,7 @@
:loading="createRewardLoading"
@click="handleCreateRewardReference"
v-ripple
title="按规则start_index=config(grid_number).id顺时针 end_index=(start_index+grid_number)%26逆时针 end_index=start_index-grid_number≥0?start_index-grid_number:26+start_index-grid_number"
:title="$t('page.toolbar.createRewardRefTitle')"
>
{{ $t('page.toolbar.createRewardRef') }}
</ElButton>
@@ -18,9 +18,9 @@
</template>
<ElTabs v-model="activeTab" type="card" class="top-tabs">
<ElTabPane label="奖励索引" name="index">
<ElTabPane :label="$t('page.configPage.tabIndex')" name="index">
<div class="tab-panel">
<div class="panel-tip">色子点数须在 530 之间且本表内不重复</div>
<div class="panel-tip">{{ $t('page.configPage.tipIndex') }}</div>
<div class="table-scroll-wrap">
<ElTable
v-loading="loading"
@@ -29,12 +29,12 @@
size="default"
class="config-table"
>
<ElTableColumn label="索引(id)" prop="id" width="60" align="center">
<ElTableColumn :label="$t('page.configPage.colId')" prop="id" width="60" align="center">
<template #default="{ row }">
<span>{{ row.id }}</span>
</template>
</ElTableColumn>
<ElTableColumn label="色子点数" min-width="100" align="center">
<ElTableColumn :label="$t('page.configPage.colDicePoints')" min-width="100" align="center">
<template #default="{ row }">
<ElInputNumber
v-model="row.grid_number"
@@ -46,17 +46,25 @@
/>
</template>
</ElTableColumn>
<ElTableColumn label="显示文本" min-width="100" align="center">
<ElTableColumn :label="$t('page.configPage.colDisplayText')" min-width="100" align="center">
<template #default="{ row }">
<ElInput v-model="row.ui_text" size="small" placeholder="显示文本(中文)" />
<ElInput
v-model="row.ui_text"
size="small"
:placeholder="$t('page.configPage.placeholderDisplayZh')"
/>
</template>
</ElTableColumn>
<ElTableColumn label="显示文本(英文)" min-width="120" align="center">
<ElTableColumn :label="$t('page.configPage.colDisplayTextEn')" min-width="120" align="center">
<template #default="{ row }">
<ElInput v-model="row.ui_text_en" size="small" placeholder="显示文本(英文)" />
<ElInput
v-model="row.ui_text_en"
size="small"
:placeholder="$t('page.configPage.placeholderDisplayEn')"
/>
</template>
</ElTableColumn>
<ElTableColumn label="真实结算" min-width="110" align="center">
<ElTableColumn :label="$t('page.configPage.colRealEv')" min-width="110" align="center">
<template #default="{ row }">
<ElInputNumber
v-model="row.real_ev"
@@ -66,11 +74,11 @@
/>
</template>
</ElTableColumn>
<ElTableColumn label="所属档位" width="100" align="center">
<ElTableColumn :label="$t('page.configPage.colTier')" width="100" align="center">
<template #default="{ row }">
<ElSelect
v-model="row.tier"
placeholder="档位"
:placeholder="$t('page.configPage.placeholderTierSelect')"
clearable
size="small"
class="full-width"
@@ -83,9 +91,13 @@
</ElSelect>
</template>
</ElTableColumn>
<ElTableColumn label="备注" min-width="140" align="center">
<ElTableColumn :label="$t('page.configPage.colRemark')" min-width="140" align="center">
<template #default="{ row }">
<ElInput v-model="row.remark" size="small" placeholder="备注" />
<ElInput
v-model="row.remark"
size="small"
:placeholder="$t('page.configPage.placeholderRemark')"
/>
</template>
</ElTableColumn>
</ElTable>
@@ -96,18 +108,15 @@
type="primary"
:loading="savingIndex"
@click="handleSaveIndex"
>保存</ElButton
>{{ $t('page.configPage.btnSave') }}</ElButton
>
<ElButton @click="handleResetIndex">重置</ElButton>
<ElButton @click="handleResetIndex">{{ $t('page.configPage.btnReset') }}</ElButton>
</div>
</div>
</ElTabPane>
<ElTabPane label="大奖权重" name="bigwin">
<ElTabPane :label="$t('page.configPage.tabBigwin')" name="bigwin">
<div class="tab-panel">
<div class="panel-tip"
>从左至右中大奖点数不可改显示信息实际中奖备注权重(0~10000)点数 530
权重固定 100%本表单独立提交仅提交大奖权重</div
>
<div class="panel-tip">{{ $t('page.configPage.tipBigwin') }}</div>
<div class="table-scroll-wrap">
<ElTable
v-loading="loading"
@@ -116,22 +125,30 @@
size="default"
class="config-table bigwin-table"
>
<ElTableColumn label="中大奖点数" width="100" align="center">
<ElTableColumn :label="$t('page.configPage.colBigwinPoints')" width="100" align="center">
<template #default="{ row }">
<span class="readonly-value">{{ row.grid_number }}</span>
</template>
</ElTableColumn>
<ElTableColumn label="显示信息" min-width="140" align="center">
<ElTableColumn :label="$t('page.configPage.colDisplayInfo')" min-width="140" align="center">
<template #default="{ row }">
<ElInput v-model="row.ui_text" size="small" placeholder="显示信息(中文)" />
<ElInput
v-model="row.ui_text"
size="small"
:placeholder="$t('page.configPage.placeholderDisplayInfoZh')"
/>
</template>
</ElTableColumn>
<ElTableColumn label="显示信息(英文)" min-width="160" align="center">
<ElTableColumn :label="$t('page.configPage.colDisplayInfoEn')" min-width="160" align="center">
<template #default="{ row }">
<ElInput v-model="row.ui_text_en" size="small" placeholder="显示信息(英文)" />
<ElInput
v-model="row.ui_text_en"
size="small"
:placeholder="$t('page.configPage.placeholderDisplayInfoEn')"
/>
</template>
</ElTableColumn>
<ElTableColumn label="实际中奖" min-width="120" align="center">
<ElTableColumn :label="$t('page.configPage.colRealPrize')" min-width="120" align="center">
<template #default="{ row }">
<ElInputNumber
v-model="row.real_ev"
@@ -141,12 +158,16 @@
/>
</template>
</ElTableColumn>
<ElTableColumn label="备注" min-width="140" align="center">
<ElTableColumn :label="$t('page.configPage.colRemark')" min-width="140" align="center">
<template #default="{ row }">
<ElInput v-model="row.remark" size="small" placeholder="备注" />
<ElInput
v-model="row.remark"
size="small"
:placeholder="$t('page.configPage.placeholderRemark')"
/>
</template>
</ElTableColumn>
<ElTableColumn label="权重(0-10000)" min-width="220" align="center">
<ElTableColumn :label="$t('page.configPage.colWeightRange')" min-width="220" align="center">
<template #default="{ row }">
<div class="weight-cell">
<ElSlider
@@ -167,15 +188,15 @@
class="weight-input"
/>
</div>
<span v-if="isBigwinWeightDisabled(row)" class="weight-tip"
>点数 530 固定 100%</span
>
<span v-if="isBigwinWeightDisabled(row)" class="weight-tip">{{
$t('page.configPage.weightFixedTip')
}}</span>
</template>
</ElTableColumn>
</ElTable>
</div>
<div v-if="bigwinRows.length === 0 && !loading" class="empty-tip">
暂无 BIGWIN 档位配置请在奖励索引中设置 tier BIGWIN
{{ $t('page.configPage.emptyBigwin') }}
</div>
<div class="tab-footer">
<ElButton
@@ -183,9 +204,9 @@
type="primary"
:loading="savingBigwin"
@click="handleSaveBigwin"
>保存</ElButton
>{{ $t('page.configPage.btnSave') }}</ElButton
>
<ElButton @click="handleResetBigwin">重置</ElButton>
<ElButton @click="handleResetBigwin">{{ $t('page.configPage.btnReset') }}</ElButton>
</div>
</div>
</ElTabPane>
@@ -196,8 +217,11 @@
<script setup lang="ts">
import { ElMessage, ElMessageBox } from 'element-plus'
import { useI18n } from 'vue-i18n'
import api from '../../api/reward_config/index'
const { t } = useI18n()
/** 第一页:奖励索引行(来自 DiceRewardConfig 表) */
interface IndexRow {
id: number
@@ -247,11 +271,11 @@
async function handleCreateRewardReference() {
try {
await ElMessageBox.confirm(
'按规则创建奖励对照:起始索引 start_index=奖励配置中 grid_number 对应格位的 id顺时针 end_index=(start_index+摇取点数)%26逆时针 end_index=start_index-摇取点数≥0 则取该值,否则 26+start_index-摇取点数。先清空现有数据再为 5-30 共 26 个点数、顺/逆时针分别生成。是否继续?',
'创建奖励对照',
t('page.configPage.confirmCreateRefMsg'),
t('page.configPage.confirmCreateRefTitle'),
{
confirmButtonText: '确定创建',
cancelButtonText: '取消',
confirmButtonText: t('page.configPage.confirmCreateRefOk'),
cancelButtonText: t('page.configPage.confirmCreateRefCancel'),
type: 'warning'
}
)
@@ -262,14 +286,23 @@
try {
const res: any = await api.createRewardReference()
const data = res?.data ?? res
const msg =
typeof data === 'object' && data !== null
? `已按 5-30 共26个点数、顺时针+逆时针创建:顺时针新增 ${data.created_clockwise ?? 0} 条、逆时针新增 ${data.created_counterclockwise ?? 0} 条;顺时针更新 ${data.updated_clockwise ?? 0} 条、逆时针更新 ${data.updated_counterclockwise ?? 0}${(data.skipped ?? 0) > 0 ? `${data.skipped} 个点数使用兜底起始索引` : ''}`
: '创建成功'
let msg = t('page.configPage.createRefSuccessSimple')
if (typeof data === 'object' && data !== null) {
const skipped = Number(data.skipped ?? 0)
const skippedPart =
skipped > 0 ? t('page.configPage.createRefSuccessSkipped', { n: skipped }) : ''
msg = t('page.configPage.createRefSuccess', {
cwNew: data.created_clockwise ?? 0,
ccwNew: data.created_counterclockwise ?? 0,
cwUp: data.updated_clockwise ?? 0,
ccwUp: data.updated_counterclockwise ?? 0,
skippedPart
})
}
ElMessage.success(msg)
loadIndexList()
} catch (e: any) {
ElMessage.error(e?.message ?? '创建奖励对照失败')
ElMessage.error(e?.message ?? t('page.configPage.createRefFail'))
} finally {
createRewardLoading.value = false
}
@@ -288,7 +321,7 @@
indexRowsSnapshot = rows.map((r) => ({ ...r }))
})
.catch(() => {
ElMessage.error('获取奖励索引配置失败')
ElMessage.error(t('page.configPage.loadIndexFail'))
})
.finally(() => {
loading.value = false
@@ -319,18 +352,20 @@
function validateIndexFormForSave(): string | null {
const toSave = indexRows.value.filter((r) => r.tier !== 'BIGWIN')
if (toSave.length === 0) {
return '暂无奖励索引数据可保存'
return t('page.configPage.warnNoIndexToSave')
}
const nums = toSave.map((r) => Number(r.grid_number))
const outOfRange = nums.filter(
(n) => Number.isNaN(n) || n < GRID_NUMBER_MIN || n > GRID_NUMBER_MAX
)
if (outOfRange.length > 0) {
return `色子点数必须在 ${GRID_NUMBER_MIN}${GRID_NUMBER_MAX} 之间`
return t('page.configPage.warnGridRange', { min: GRID_NUMBER_MIN, max: GRID_NUMBER_MAX })
}
const duplicates = findDuplicateValues(nums)
if (duplicates.length > 0) {
return `色子点数在本表内不能重复,重复的点数为:${duplicates.join('、')}`
return t('page.configPage.warnDupGrid', {
list: duplicates.join(t('page.configPage.dupJoiner'))
})
}
return null
}
@@ -355,10 +390,10 @@
remark: r.remark
}))
await api.batchUpdate(indexPayload)
ElMessage.success('保存成功')
ElMessage.success(t('page.configPage.saveSuccess'))
indexRowsSnapshot = indexRows.value.map((r) => ({ ...r }))
} catch (e: any) {
ElMessage.error(e?.message ?? '保存失败')
ElMessage.error(e?.message ?? t('page.configPage.saveFail'))
} finally {
savingIndex.value = false
}
@@ -367,25 +402,27 @@
/** 奖励索引页:重置为本页数据(重新拉取列表) */
function handleResetIndex() {
loadIndexList()
ElMessage.info('已重新加载奖励索引,恢复为服务器最新数据')
ElMessage.info(t('page.configPage.resetIndexReloaded'))
}
/** 大奖权重表单校验:点数在本表内不重复 */
function validateBigwinFormForSave(): string | null {
const rows = bigwinRows.value
if (rows.length === 0) {
return '暂无 BIGWIN 档位配置可保存'
return t('page.configPage.warnNoBigwinToSave')
}
const nums = rows.map((r) => Number(r.grid_number))
const outOfRange = nums.filter(
(n) => Number.isNaN(n) || n < GRID_NUMBER_MIN || n > GRID_NUMBER_MAX
)
if (outOfRange.length > 0) {
return `色子点数必须在 ${GRID_NUMBER_MIN}${GRID_NUMBER_MAX} 之间`
return t('page.configPage.warnGridRange', { min: GRID_NUMBER_MIN, max: GRID_NUMBER_MAX })
}
const duplicates = findDuplicateValues(nums)
if (duplicates.length > 0) {
return `大奖权重本表内点数不能重复,重复的点数为:${duplicates.join('、')}`
return t('page.configPage.warnBigwinDupGrid', {
list: duplicates.join(t('page.configPage.dupJoiner'))
})
}
return null
}
@@ -394,7 +431,7 @@
async function handleSaveBigwin() {
const rows = bigwinRows.value
if (rows.length === 0) {
ElMessage.info('暂无 BIGWIN 档位配置,请先在「奖励索引」中设置 tier 为 BIGWIN')
ElMessage.info(t('page.configPage.infoNoBigwin'))
return
}
const err = validateBigwinFormForSave()
@@ -421,10 +458,10 @@
: Math.max(0, Math.min(10000, Math.floor(r.weight)))
}))
await api.saveBigwinWeightsByGrid(weightItems)
ElMessage.success('保存成功')
ElMessage.success(t('page.configPage.saveSuccess'))
loadIndexList()
} catch (e: any) {
ElMessage.error(e?.message ?? '保存失败')
ElMessage.error(e?.message ?? t('page.configPage.saveFail'))
} finally {
savingBigwin.value = false
}
@@ -433,7 +470,7 @@
/** 大奖权重页重置重新拉取列表BIGWIN 数据随之更新) */
function handleResetBigwin() {
loadIndexList()
ElMessage.info('已重新加载,大奖权重恢复为服务器最新数据')
ElMessage.info(t('page.configPage.resetBigwinReloaded'))
}
onMounted(() => {

View File

@@ -113,7 +113,7 @@
/**
* 表单验证规则(权重已迁移至权重配比弹窗)
*/
const rules = reactive<FormRules>({
const rules = computed<FormRules>(() => ({
grid_number: [{ required: true, message: t('page.form.ruleDicePointsRequired'), trigger: 'blur' }],
ui_text: [{ required: true, message: t('page.form.ruleUiTextRequired'), trigger: 'blur' }],
ui_text_en: [{ max: 255, message: t('page.form.ruleUiTextEnMax'), trigger: 'blur' }],
@@ -122,7 +122,7 @@
weight: [
{ type: 'number', min: 0, max: 10000, message: t('page.form.ruleBigWinWeightRange'), trigger: 'blur' }
]
})
}))
/** 点数 5、30 固定 100% 中大奖,权重不可改 */
const isBigwinWeightDisabled = computed(

View File

@@ -1,29 +1,29 @@
<template>
<el-dialog
v-model="visible"
title="T1-T5 权重配比(顺时针/逆时针)"
:title="$t('page.weightRatio.title')"
width="900px"
align-center
:close-on-click-modal="false"
@close="handleClose"
>
<div class="global-tip">
权重来自<strong>奖励对照表dice_reward</strong><strong>结束索引DiceRewardConfig.id</strong>区分<strong>顺时针</strong><strong>逆时针</strong>两套权重抽奖时按当前方向取对应权重
{{ $t('page.weightRatio.globalTip') }}
</div>
<el-tabs v-model="activeTier" type="card">
<el-tab-pane v-for="t in tierKeys" :key="t" :label="t" :name="t">
<div v-if="getTierItems(t).length === 0" class="empty-tip"> 该档位暂无配置数据 </div>
<div v-if="getTierItems(t).length === 0" class="empty-tip">{{ $t('page.weightRatio.emptyTier') }}</div>
<template v-else>
<div class="chart-wrap" v-if="t !== 'T4' && t !== 'T5'">
<div class="chart-row">
<ArtBarChart
x-axis-name="结束索引"
:x-axis-name="$t('page.weightRatio.xAxisEndIndex')"
:x-axis-data="getTierChartLabels(t)"
:data="getTierChartData(t, 'clockwise')"
height="180px"
/>
<ArtBarChart
x-axis-name="结束索引"
:x-axis-name="$t('page.weightRatio.xAxisEndIndex')"
:x-axis-data="getTierChartLabels(t)"
:data="getTierChartData(t, 'counterclockwise')"
height="180px"
@@ -31,20 +31,41 @@
</div>
</div>
<div class="weight-sum" v-if="t !== 'T4' && t !== 'T5'">
当前档位权重合计顺时针<strong>{{ getTierSumForValidation(t, 'clockwise') }}</strong>
逆时针<strong>{{ getTierSumForValidation(t, 'counterclockwise') }}</strong>
各条 1-10000档位内按权重比抽取和不限制
{{
$t('page.weightRatio.sumLine', {
cw: getTierSumForValidation(t, 'clockwise'),
ccw: getTierSumForValidation(t, 'counterclockwise')
})
}}
</div>
<div class="weight-sum weight-sum-t4t5" v-else>
T4T5 档位抽中时仅有一个结果无需配置权重
{{ $t('page.weightRatio.t4t5Note') }}
</div>
<el-table :data="getTierItems(t)" border size="small" class="weight-table">
<el-table-column label="结束索引(id)" prop="id" width="90" align="center" show-overflow-tooltip />
<el-table-column label="色子点数" prop="grid_number" width="80" align="center" />
<el-table-column label="实际中奖金额" prop="real_ev" width="90" align="center" show-overflow-tooltip />
<el-table-column label="显示文本" prop="ui_text" min-width="70" align="center" show-overflow-tooltip />
<el-table-column label="备注" prop="remark" min-width="70" align="center" show-overflow-tooltip />
<el-table-column label="顺时针权重(1-10000)" min-width="160" align="center">
<el-table-column
:label="$t('page.weightRatio.colEndIndexId')"
prop="id"
width="90"
align="center"
show-overflow-tooltip
/>
<el-table-column :label="$t('page.weightRatio.colDicePoints')" prop="grid_number" width="80" align="center" />
<el-table-column
:label="$t('page.weightRatio.colRealEv')"
prop="real_ev"
width="90"
align="center"
show-overflow-tooltip
/>
<el-table-column
:label="$t('page.weightRatio.colUiText')"
prop="ui_text"
min-width="70"
align="center"
show-overflow-tooltip
/>
<el-table-column :label="$t('page.table.remark')" prop="remark" min-width="70" align="center" show-overflow-tooltip />
<el-table-column :label="$t('page.weightRatio.colWeightCw')" min-width="160" align="center">
<template #default="{ row }">
<div class="weight-cell-vertical">
<div class="weight-slider-wrap">
@@ -87,7 +108,7 @@
</div>
</template>
</el-table-column>
<el-table-column label="逆时针权重(1-10000)" min-width="160" align="center">
<el-table-column :label="$t('page.weightRatio.colWeightCcw')" min-width="160" align="center">
<template #default="{ row }">
<div class="weight-cell-vertical">
<div class="weight-slider-wrap">
@@ -135,13 +156,14 @@
</el-tab-pane>
</el-tabs>
<template #footer>
<el-button @click="handleClose">取消</el-button>
<el-button @click="handleClose">{{ $t('common.cancel') }}</el-button>
<el-button
v-permission="'dice:reward_config:index:batchUpdateWeights'"
type="primary"
:loading="submitting"
@click="handleSubmit"
>提交</el-button>
>{{ $t('table.form.submit') }}</el-button
>
</template>
</el-dialog>
</template>
@@ -150,6 +172,9 @@
import api from '../../../api/reward_config/index'
import ArtBarChart from '@/components/core/charts/art-bar-chart/index.vue'
import { ElMessage } from 'element-plus'
import { useI18n } from 'vue-i18n'
const { t } = useI18n()
const TIER_KEYS = ['T1', 'T2', 'T3', 'T4', 'T5'] as const
type DirectionKey = 'clockwise' | 'counterclockwise'
@@ -340,7 +365,7 @@
grouped.value = parseWeightRatioPayload(res)
})
.catch(() => {
ElMessage.error('获取权重配比数据失败')
ElMessage.error(t('page.weightRatio.fetchFail'))
})
}
@@ -363,19 +388,19 @@
function handleSubmit() {
const items = collectItems()
if (items.length === 0) {
ElMessage.info('没有可提交的配置')
ElMessage.info(t('page.weightRatio.nothingToSubmit'))
return
}
submitting.value = true
api
.batchUpdateWeights(items)
.then(() => {
ElMessage.success('保存成功')
ElMessage.success(t('page.weightRatio.saveSuccess'))
emit('success')
handleClose()
})
.catch((e: { message?: string }) => {
ElMessage.error(e?.message ?? '保存失败')
ElMessage.error(e?.message ?? t('page.weightRatio.submitFail'))
})
.finally(() => {
submitting.value = false