mojiahui/dafuweng-saiadmin6.x
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

优化页面样式

Browse Source
This commit is contained in:
zhenhui
2026-03-13 10:05:54 +08:00
parent 7445dc4cb0
commit 6b21626878
2 changed files with 264 additions and 52 deletions
Download Patch File Download Diff File Expand all files Collapse all files

113
saiadmin-artd/src/views/plugin/dice/reward/index/modules/weight-edit-dialog.vue
View File

@@ -8,7 +8,8 @@
@close="handleClose"
>
<div class="global-tip">
编辑的是<strong>奖励对照表（dice_reward / DiceReward 模型）</strong>的权重，按<strong>结束索引（end_index）</strong>区分
编辑的是<strong>奖励对照表（dice_reward / DiceReward 模型）</strong
>的权重，按<strong>结束索引（end_index）</strong>区分
<strong>顺时针</strong>与<strong>逆时针</strong>两套权重；抽奖时按当前方向取对应权重。
</div>
<div v-loading="loading" class="dialog-body">
@@ -39,11 +40,35 @@
</div>
<div class="weight-sum weight-sum-t4t5" v-else>T4、T5 仅单一结果，无需配置权重。</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="结束索引(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="实际中奖金额"
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="顺时针权重(direction=0)" min-width="160" align="center">
<template #default="{ row }">
<div class="weight-cell-vertical">
@@ -58,7 +83,12 @@
class="weight-slider"
@update:model-value="
(v: number | number[]) =>
setItemWeightByRow(t, row, 'clockwise', Array.isArray(v) ? (v[0] ?? 1) : (v ?? 1))
setItemWeightByRow(
t,
row,
'clockwise',
Array.isArray(v) ? (v[0] ?? 1) : (v ?? 1)
)
"
/>
</div>
@@ -67,8 +97,16 @@
type="primary"
link
:disabled="isWeightDisabled(row, t) || getItemWeight(row, 'clockwise') <= 1"
@click="setItemWeightByRow(t, row, 'clockwise', Math.max(1, getItemWeight(row, 'clockwise') - 1))"
>－</el-button>
@click="
setItemWeightByRow(
t,
row,
'clockwise',
Math.max(1, getItemWeight(row, 'clockwise') - 1)
)
"
>－</el-button
>
<el-input-number
:model-value="getItemWeight(row, 'clockwise')"
:min="1"
@@ -91,9 +129,19 @@
<el-button
type="primary"
link
:disabled="isWeightDisabled(row, t) || getItemWeight(row, 'clockwise') >= 10000"
@click="setItemWeightByRow(t, row, 'clockwise', Math.min(10000, getItemWeight(row, 'clockwise') + 1))"
>＋</el-button>
:disabled="
isWeightDisabled(row, t) || getItemWeight(row, 'clockwise') >= 10000
"
@click="
setItemWeightByRow(
t,
row,
'clockwise',
Math.min(10000, getItemWeight(row, 'clockwise') + 1)
)
"
>＋</el-button
>
</div>
</div>
</template>
@@ -112,7 +160,12 @@
class="weight-slider"
@update:model-value="
(v: number | number[]) =>
setItemWeightByRow(t, row, 'counterclockwise', Array.isArray(v) ? (v[0] ?? 1) : (v ?? 1))
setItemWeightByRow(
t,
row,
'counterclockwise',
Array.isArray(v) ? (v[0] ?? 1) : (v ?? 1)
)
"
/>
</div>
@@ -120,9 +173,19 @@
<el-button
type="primary"
link
:disabled="isWeightDisabled(row, t) || getItemWeight(row, 'counterclockwise') <= 1"
@click="setItemWeightByRow(t, row, 'counterclockwise', Math.max(1, getItemWeight(row, 'counterclockwise') - 1))"
>－</el-button>
:disabled="
isWeightDisabled(row, t) || getItemWeight(row, 'counterclockwise') <= 1
"
@click="
setItemWeightByRow(
t,
row,
'counterclockwise',
Math.max(1, getItemWeight(row, 'counterclockwise') - 1)
)
"
>－</el-button
>
<el-input-number
:model-value="getItemWeight(row, 'counterclockwise')"
:min="1"
@@ -145,9 +208,20 @@
<el-button
type="primary"
link
:disabled="isWeightDisabled(row, t) || getItemWeight(row, 'counterclockwise') >= 10000"
@click="setItemWeightByRow(t, row, 'counterclockwise', Math.min(10000, getItemWeight(row, 'counterclockwise') + 1))"
>＋</el-button>
:disabled="
isWeightDisabled(row, t) ||
getItemWeight(row, 'counterclockwise') >= 10000
"
@click="
setItemWeightByRow(
t,
row,
'counterclockwise',
Math.min(10000, getItemWeight(row, 'counterclockwise') + 1)
)
"
>＋</el-button
>
</div>
</div>
</template>
@@ -253,8 +327,7 @@
const list = grouped.value[tier]
if (!list) return
const key = dir === 'clockwise' ? 'weight_clockwise' : 'weight_counterclockwise'
const rid =
dir === 'clockwise' ? row.reward_id_clockwise : row.reward_id_counterclockwise
const rid = dir === 'clockwise' ? row.reward_id_clockwise : row.reward_id_counterclockwise
const idx = list.findIndex(
(r) =>
r === row ||