游戏-奖励配置-优化样式，新增创建指定表单btn，新增创建奖励权重配置btn

web/src/lang/backend/en/game/rewardConfig.ts

@@ -8,6 +8,8 @@ export default {
     update_time: 'update_time',
     grid_number: 'grid_number',
     ui_text: 'ui_text',
+    ui_text_en: 'ui_text (EN)',
+    remark: 'remark',
     real_ev: 'real_ev',
     tier: 'tier',
     tier_t1: 'T1',
@@ -16,7 +18,8 @@ export default {
     tier_t4: 'T4',
     tier_t5: 'T5',
     tier_bigwin: 'BIGWIN',
-    tier_reward_form_help: 'Fixed 26 rows (5-30), no add/delete. Editable: ui_text, real_ev, tier.',
+    tier_reward_form_help:
+        'Fixed 26 rows (5-30), no add/delete. Editable: ui_text, ui_text_en, real_ev, tier, remark.',
     bigwin_form_help: 'Fixed 6 rows (5,10,15,20,25,30), no add/delete. Editable: ui_text, real_ev.',
     'quick Search Fields': 'id',
 }

web/src/lang/backend/en/game/rewardConfigForm.ts

@@ -8,4 +8,39 @@ export default {
     super_scope_hint: 'Pick a channel below, then click Refresh to load.',
     btn_add: 'Save',
     btn_reset: 'Reset',
+    btn_gen_tier: 'Generate tier board',
+    btn_gen_weight: 'Generate reward weight table',
+    gen_tier_title: 'Generate reward index by rules',
+    gen_tier_rule:
+        '[Same logic as reward comparison]\n' +
+        '• 26 cells id 0–25; grid_number 5–30 unique.\n' +
+        '• Roll D: start_index = id where grid_number=D; CW end=(start+D)%26; CCW end=start−D, if <0 then +26.\n' +
+        '• Comparison rows use D as dice points; tier/settlement/copy from landing cell.\n\n' +
+        '[Leopard rolls]\n' +
+        'For D in 5,10,15,20,25,30, CW/CCW landing tier cannot be T4/T5.\n\n' +
+        '[Settlement vs tier]\n' +
+        '<0→T4; 0–100→T3; 100–200→T2; >200→T1; T5 amount 0. Below you set per-tier amounts; T1–T4 zh/en display text = amount string; T5 fixed.\n\n' +
+        '[Inputs]\n' +
+        'Counts: T1/T4/T5 fixed per direction; T2 minimum per direction.',
+    gen_tier_footer_hint: 'T2 is a lower bound; if generation fails, relax counts. You can still edit the table after.',
+    gen_tier_cancel: 'Cancel',
+    gen_tier_submit: 'Generate and save',
+    gen_t1_label: 'T1 grand prize',
+    gen_t1_fixed: 'Fixed count (CW/CCW)',
+    gen_t2_label: 'T2 small profit / break-even',
+    gen_t2_min: 'Minimum count',
+    gen_t3_label: 'T3 commission',
+    gen_t3_amt_only: 'Settlement amount',
+    gen_t4_label: 'T4 penalty',
+    gen_t4_fixed: 'Fixed count (CW/CCW)',
+    gen_t5_label: 'T5 try again',
+    gen_t5_fixed: 'Fixed count (CW/CCW)',
+    gen_settlement: 'Settlement amount',
+    gen_dir_cw: 'Clockwise',
+    gen_dir_ccw: 'Counter-clockwise',
+    gen_weight_confirm_title: 'Create reward comparison',
+    gen_weight_confirm_body:
+        'Rules: start_index = id of the cell whose grid_number equals roll D; CW end_index=(start_index+D)%26; CCW end_index = start_index−D if ≥0 else 26+start_index−D. Existing rows for this channel in game_reward_weight will be deleted, then 52 rows created (D=5..30 × two directions). Tier, settlement, display text and remark come from the landing cell in the tier table. Continue?',
+    gen_weight_confirm_ok: 'Confirm',
+    gen_weight_need_channel: 'Select a channel and refresh before generating weights.',
 }

web/src/lang/backend/zh-cn/game/rewardConfig.ts

@@ -8,6 +8,8 @@ export default {
     update_time: '更新时间',
     grid_number: '色子点数',
     ui_text: '显示文本',
+    ui_text_en: '显示文本(en)',
+    remark: '备注',
     real_ev: '实际中奖',
     tier: '档位',
     tier_t1: 'T1',
@@ -16,7 +18,8 @@ export default {
     tier_t4: 'T4',
     tier_t5: 'T5',
     tier_bigwin: 'BIGWIN',
-    tier_reward_form_help: '固定 26 条（点数 5-30），不可新增或删除，仅可修改显示文本、实际中奖、档位',
+    tier_reward_form_help:
+        '固定 26 条（点数 5-30），不可新增或删除；可修改显示文本、英文显示、实际中奖、档位与备注（生成器会预填英文与备注）',
     bigwin_form_help: '固定 6 条（点数 5、10、15、20、25、30），不可新增或删除，仅可修改显示文本、实际中奖',
     'quick Search Fields': 'ID',
 }

web/src/lang/backend/zh-cn/game/rewardConfigForm.ts

@@ -8,4 +8,41 @@ export default {
     super_scope_hint: '选择「指定渠道」后请在下拉框中选择具体渠道并点击刷新加载。',
     btn_add: '新增',
     btn_reset: '重置',
+    btn_gen_tier: '生成游戏奖励配置',
+    btn_gen_weight: '生成游戏奖励权重配置',
+    gen_tier_title: '按规则生成奖励索引',
+    gen_tier_rule:
+        '【生成逻辑（与创建奖励对照一致）】\n' +
+        '• 盘面 26 格按 id 升序为位置 0～25；每条配置的 grid_number 为 5～30 且不重复。\n' +
+        '• 摇取点数 D（5～30）：起点为「grid_number=D」所在格位的 id（start_index），顺时针落点 = (起点 + D) mod 26，逆时针落点 = 起点 − D（若小于 0 则 +26）。\n' +
+        '• 对照表每条记录的「色子点数」列为 D；档位、真实结算、显示文案取自落点格位对应 id 的配置。\n\n' +
+        '【豹子摇取点数】\n' +
+        '摇取点数为 5、10、15、20、25、30 时，其顺/逆时针落点档位不能为 T4、T5。\n\n' +
+        '【结算金额与档位】\n' +
+        '结算金额 < 0 → T4；0 < 结算金额 < 100 → T3；100 < 结算金额 < 200 → T2；200 < 结算金额 → T1；T5 结算金额=0。\n' +
+        '下方填写各档位统一结算金额标准；T1～T4 的中/英文显示文本将等于该金额字符串；T5 固定「再来一次」/「Once again」。\n\n' +
+        '【本弹窗输入】\n' +
+        '条数：T1/T4/T5 为顺时针与逆时针各自的固定条数；T2 为顺时针与逆时针各自「不少于」的条数。生成后仍可在主表中微调。',
+    gen_tier_footer_hint:
+        'T1/T4/T5 为精确条数，T2 为下限；生成失败时请放宽条数或稍后再试。生成后可在上方表格中继续修改。',
+    gen_tier_cancel: '取消',
+    gen_tier_submit: '生成并保存',
+    gen_t1_label: 'T1 大奖',
+    gen_t1_fixed: '固定条数（顺/逆）',
+    gen_t2_label: 'T2 小赚/回本',
+    gen_t2_min: '最少条数',
+    gen_t3_label: 'T3 抽水',
+    gen_t3_amt_only: '结算金额',
+    gen_t4_label: 'T4 惩罚',
+    gen_t4_fixed: '固定条数（顺/逆）',
+    gen_t5_label: 'T5 再来一次',
+    gen_t5_fixed: '固定条数（顺/逆）',
+    gen_settlement: '结算金额',
+    gen_dir_cw: '顺时针',
+    gen_dir_ccw: '逆时针',
+    gen_weight_confirm_title: '创建奖励对照',
+    gen_weight_confirm_body:
+        '按规则创建奖励对照：起始索引 start_index 为奖励配置中 grid_number 与摇取点数 D 相同的那一格的 id；顺时针 end_index=(start_index+摇取点数)%26；逆时针 end_index=start_index−摇取点数，若≥0 则取该值，否则 26+start_index−摇取点数。将先清空该渠道 game_reward_weight 表中现有数据，再为 5～30 共 26 个点数、顺/逆时针各生成一条（共 52 条）。档位、真实结算、显示文案、备注取自落点格位在档位表中的配置。是否继续？',
+    gen_weight_confirm_ok: '确定创建',
+    gen_weight_need_channel: '请先选择具体渠道并刷新后再生成权重对照。',
 }

web/src/views/backend/game/rewardConfig/index.vue

@@ -27,8 +27,8 @@
                 <template v-if="isSuperAdmin">
                     <el-form-item :label="t('game.rewardConfigForm.super_scope_label')">
                         <el-radio-group v-model="superEditScope" @change="onSuperScopeChange">
-                            <el-radio-button label="template">{{ t('game.rewardConfigForm.super_scope_template') }}</el-radio-button>
-                            <el-radio-button label="channel">{{ t('game.rewardConfigForm.super_scope_channel') }}</el-radio-button>
+                            <el-radio-button value="template">{{ t('game.rewardConfigForm.super_scope_template') }}</el-radio-button>
+                            <el-radio-button value="channel">{{ t('game.rewardConfigForm.super_scope_channel') }}</el-radio-button>
                         </el-radio-group>
                     </el-form-item>
                     <el-alert
@@ -39,26 +39,30 @@
                         :title="t('game.rewardConfigForm.super_scope_hint')"
                     />
                     <div v-if="superEditScope === 'channel'" class="channel-bar">
-                        <FormItem
-                            :label="t('game.rewardConfig.game_channel_id')"
-                            type="remoteSelect"
-                            v-model="formModel.game_channel_id"
-                            prop="game_channel_id"
-                            :input-attr="channelRemoteAttr"
-                            :placeholder="t('Please select field', { field: t('game.rewardConfig.game_channel_id') })"
-                        />
+                        <div class="channel-picker">
+                            <FormItem
+                                :label="t('game.rewardConfig.game_channel_id')"
+                                type="remoteSelect"
+                                v-model="formModel.game_channel_id"
+                                prop="game_channel_id"
+                                :input-attr="channelRemoteAttr"
+                                :placeholder="t('Please select field', { field: t('game.rewardConfig.game_channel_id') })"
+                            />
+                        </div>
                         <el-button type="primary" @click="loadData" :disabled="!formModel.game_channel_id">{{ t('Refresh') }}</el-button>
                     </div>
                 </template>
 
                 <template v-if="showInner">
                     <el-form-item :label="t('game.rewardConfig.tier_reward_form')" prop="tier_reward_form">
-                        <div class="block-editor">
+                        <div class="block-editor tier-editor">
                             <div class="line line-head">
                                 <span>{{ t('game.rewardConfig.grid_number') }}</span>
                                 <span>{{ t('game.rewardConfig.ui_text') }}</span>
+                                <span>{{ t('game.rewardConfig.ui_text_en') }}</span>
                                 <span>{{ t('game.rewardConfig.real_ev') }}</span>
                                 <span>{{ t('game.rewardConfig.tier') }}</span>
+                                <span>{{ t('game.rewardConfig.remark') }}</span>
                             </div>
                             <div v-for="(row, idx) in tierRows" :key="'tier-' + idx" class="line">
                                 <el-input v-model="row.grid_number" disabled />
@@ -67,25 +71,35 @@
                                     :placeholder="t('Please input field', { field: t('game.rewardConfig.ui_text') })"
                                     @input="syncPayload"
                                 />
+                                <el-input
+                                    v-model="row.ui_text_en"
+                                    :placeholder="t('Please input field', { field: t('game.rewardConfig.ui_text_en') })"
+                                    @input="syncPayload"
+                                />
                                 <el-input
                                     v-model="row.real_ev"
                                     :placeholder="t('Please input field', { field: t('game.rewardConfig.real_ev') })"
                                     @input="syncPayload"
                                 />
-                                <el-select v-model="row.tier" style="width: 120px" @change="syncPayload">
+                                <el-select v-model="row.tier" style="width: 100px" @change="syncPayload">
                                     <el-option :label="t('game.rewardConfig.tier_t1')" value="T1" />
                                     <el-option :label="t('game.rewardConfig.tier_t2')" value="T2" />
                                     <el-option :label="t('game.rewardConfig.tier_t3')" value="T3" />
                                     <el-option :label="t('game.rewardConfig.tier_t4')" value="T4" />
                                     <el-option :label="t('game.rewardConfig.tier_t5')" value="T5" />
                                 </el-select>
+                                <el-input
+                                    v-model="row.remark"
+                                    :placeholder="t('Please input field', { field: t('game.rewardConfig.remark') })"
+                                    @input="syncPayload"
+                                />
                             </div>
                             <div class="form-help">{{ t('game.rewardConfig.tier_reward_form_help') }}</div>
                         </div>
                     </el-form-item>
 
                     <el-form-item :label="t('game.rewardConfig.bigwin_form')" prop="bigwin_form">
-                        <div class="block-editor">
+                        <div class="block-editor bigwin-editor">
                             <div class="line line-head">
                                 <span>{{ t('game.rewardConfig.grid_number') }}</span>
                                 <span>{{ t('game.rewardConfig.ui_text') }}</span>
@@ -113,16 +127,108 @@
                     <el-form-item>
                         <el-button type="primary" :loading="submitLoading" @click="onSubmit">{{ t('game.rewardConfigForm.btn_add') }}</el-button>
                         <el-button @click="onReset">{{ t('game.rewardConfigForm.btn_reset') }}</el-button>
+                        <el-button v-auth="'generateTierBoard'" @click="openGenTierDialog">{{ t('game.rewardConfigForm.btn_gen_tier') }}</el-button>
+                        <el-button v-auth="'generateRewardWeight'" :loading="genWeightSubmitting" @click="onGenWeightClick">{{
+                            t('game.rewardConfigForm.btn_gen_weight')
+                        }}</el-button>
                     </el-form-item>
                 </template>
             </el-form>
         </el-card>
+
+        <el-dialog
+            v-model="genTierDialogVisible"
+            class="gen-tier-dialog"
+            :title="t('game.rewardConfigForm.gen_tier_title')"
+            :width="genTierDialogWidth"
+            :fullscreen="genTierDialogFullscreen"
+            :align-center="!genTierDialogFullscreen"
+            append-to-body
+            :close-on-click-modal="false"
+            destroy-on-close
+        >
+            <el-scrollbar :max-height="genTierScrollMaxHeight" class="gen-tier-scroll">
+                <div class="gen-rule">{{ t('game.rewardConfigForm.gen_tier_rule') }}</div>
+                <el-form
+                    :model="genTierForm"
+                    class="gen-tier-form"
+                    :label-position="genTierFormLabelPosition"
+                    :label-width="genTierFormLabelWidth"
+                >
+                <div class="gen-tier-block">
+                    <div class="gen-tier-block-title">{{ t('game.rewardConfigForm.gen_t1_label') }}</div>
+                    <el-form-item :label="t('game.rewardConfigForm.gen_t1_fixed') + '（' + t('game.rewardConfigForm.gen_dir_cw') + '）'">
+                        <el-input-number v-model="genTierForm.t1_fixed_cw" :min="0" :max="26" :step="1" controls-position="right" />
+                    </el-form-item>
+                    <el-form-item :label="t('game.rewardConfigForm.gen_t1_fixed') + '（' + t('game.rewardConfigForm.gen_dir_ccw') + '）'">
+                        <el-input-number v-model="genTierForm.t1_fixed_ccw" :min="0" :max="26" :step="1" controls-position="right" />
+                    </el-form-item>
+                    <el-form-item :label="t('game.rewardConfigForm.gen_settlement')">
+                        <el-input-number v-model="genTierForm.amt_t1" :min="0" :step="1" controls-position="right" />
+                    </el-form-item>
+                </div>
+                <div class="gen-tier-block">
+                    <div class="gen-tier-block-title">{{ t('game.rewardConfigForm.gen_t2_label') }}</div>
+                    <el-form-item :label="t('game.rewardConfigForm.gen_t2_min') + '（' + t('game.rewardConfigForm.gen_dir_cw') + '）'">
+                        <el-input-number v-model="genTierForm.t2_min_cw" :min="0" :max="26" :step="1" controls-position="right" />
+                    </el-form-item>
+                    <el-form-item :label="t('game.rewardConfigForm.gen_t2_min') + '（' + t('game.rewardConfigForm.gen_dir_ccw') + '）'">
+                        <el-input-number v-model="genTierForm.t2_min_ccw" :min="0" :max="26" :step="1" controls-position="right" />
+                    </el-form-item>
+                    <el-form-item :label="t('game.rewardConfigForm.gen_settlement')">
+                        <el-input-number v-model="genTierForm.amt_t2" :min="0" :precision="2" :step="0.1" controls-position="right" />
+                    </el-form-item>
+                </div>
+                <div class="gen-tier-block">
+                    <div class="gen-tier-block-title">{{ t('game.rewardConfigForm.gen_t3_label') }}</div>
+                    <el-form-item :label="t('game.rewardConfigForm.gen_t3_amt_only')">
+                        <el-input-number v-model="genTierForm.amt_t3" :min="0" :precision="2" :step="0.1" controls-position="right" />
+                    </el-form-item>
+                </div>
+                <div class="gen-tier-block">
+                    <div class="gen-tier-block-title">{{ t('game.rewardConfigForm.gen_t4_label') }}</div>
+                    <el-form-item :label="t('game.rewardConfigForm.gen_t4_fixed') + '（' + t('game.rewardConfigForm.gen_dir_cw') + '）'">
+                        <el-input-number v-model="genTierForm.t4_fixed_cw" :min="0" :max="26" :step="1" controls-position="right" />
+                    </el-form-item>
+                    <el-form-item :label="t('game.rewardConfigForm.gen_t4_fixed') + '（' + t('game.rewardConfigForm.gen_dir_ccw') + '）'">
+                        <el-input-number v-model="genTierForm.t4_fixed_ccw" :min="0" :max="26" :step="1" controls-position="right" />
+                    </el-form-item>
+                    <el-form-item :label="t('game.rewardConfigForm.gen_settlement')">
+                        <el-input-number v-model="genTierForm.amt_t4" :precision="2" :step="0.1" controls-position="right" />
+                    </el-form-item>
+                </div>
+                <div class="gen-tier-block">
+                    <div class="gen-tier-block-title">{{ t('game.rewardConfigForm.gen_t5_label') }}</div>
+                    <el-form-item :label="t('game.rewardConfigForm.gen_t5_fixed') + '（' + t('game.rewardConfigForm.gen_dir_cw') + '）'">
+                        <el-input-number v-model="genTierForm.t5_fixed_cw" :min="0" :max="26" :step="1" controls-position="right" />
+                    </el-form-item>
+                    <el-form-item :label="t('game.rewardConfigForm.gen_t5_fixed') + '（' + t('game.rewardConfigForm.gen_dir_ccw') + '）'">
+                        <el-input-number v-model="genTierForm.t5_fixed_ccw" :min="0" :max="26" :step="1" controls-position="right" />
+                    </el-form-item>
+                    <el-form-item :label="t('game.rewardConfigForm.gen_settlement')">
+                        <el-input-number :model-value="0" disabled />
+                    </el-form-item>
+                </div>
+                </el-form>
+                <div class="gen-tier-footer-hint">{{ t('game.rewardConfigForm.gen_tier_footer_hint') }}</div>
+            </el-scrollbar>
+            <template #footer>
+                <div class="gen-tier-dialog-footer">
+                    <el-button @click="genTierDialogVisible = false">{{ t('game.rewardConfigForm.gen_tier_cancel') }}</el-button>
+                    <el-button v-auth="'generateTierBoard'" type="primary" :loading="genTierSubmitting" @click="onGenTierSubmit">{{
+                        t('game.rewardConfigForm.gen_tier_submit')
+                    }}</el-button>
+                </div>
+            </template>
+        </el-dialog>
     </div>
 </template>
 
 <script setup lang="ts">
 import type { FormInstance, FormItemRule } from 'element-plus'
-import { computed, onMounted, reactive, ref, useTemplateRef } from 'vue'
+import { ElMessage, ElMessageBox } from 'element-plus'
+import { useWindowSize } from '@vueuse/core'
+import { computed, onMounted, reactive, ref, useTemplateRef, watch } from 'vue'
 import { useI18n } from 'vue-i18n'
 import FormItem from '/@/components/formItem/index.vue'
 import { useConfig } from '/@/stores/config'
@@ -133,11 +239,36 @@ defineOptions({
     name: 'game/rewardConfig',
 })
 
-type RewardRow = { grid_number: string; ui_text: string; real_ev: string; tier: string }
+type RewardRow = {
+    grid_number: string
+    ui_text: string
+    ui_text_en: string
+    real_ev: string
+    tier: string
+    remark: string
+}
 
 const { t } = useI18n()
 const config = useConfig()
 const adminInfo = useAdminInfo()
+const { width: windowWidth } = useWindowSize()
+
+/** 生成弹窗：窄屏全屏/宽百分比，宽屏固定最大宽度 */
+const genTierDialogFullscreen = computed(() => windowWidth.value <= 520)
+const genTierDialogWidth = computed(() => {
+    if (windowWidth.value <= 520) {
+        return '100%'
+    }
+    if (windowWidth.value <= 768) {
+        return '92%'
+    }
+    return '720px'
+})
+
+const genTierFormLabelPosition = computed(() => (windowWidth.value < 640 ? 'top' : 'right'))
+const genTierFormLabelWidth = computed(() => (windowWidth.value < 640 ? 'auto' : '150px'))
+
+const genTierScrollMaxHeight = computed(() => (genTierDialogFullscreen.value ? 'calc(100vh - 140px)' : 'min(70vh, 640px)'))
 const formRef = useTemplateRef<FormInstance>('formRef')
 
 const TIER_GRIDS = Array.from({ length: 26 }, (_v, i) => String(i + 5))
@@ -149,6 +280,26 @@ const channelRemoteAttr = { pk: 'game_channel.id', field: 'name', remoteUrl: '/a
 
 const pageLoading = ref(false)
 const submitLoading = ref(false)
+const genTierDialogVisible = ref(false)
+const genTierSubmitting = ref(false)
+const genWeightSubmitting = ref(false)
+const channelChangeSilent = ref(false)
+const lastAutoLoadChannelId = ref<number | null>(null)
+
+const genTierForm = reactive({
+    t1_fixed_cw: 3,
+    t1_fixed_ccw: 3,
+    t2_min_cw: 5,
+    t2_min_ccw: 5,
+    t4_fixed_cw: 1,
+    t4_fixed_ccw: 1,
+    t5_fixed_cw: 1,
+    t5_fixed_ccw: 1,
+    amt_t1: 3,
+    amt_t2: 1.5,
+    amt_t3: 0.5,
+    amt_t4: -0.4,
+})
 /** 超管：template = game_channel_id 0 默认模板；channel = 编辑指定渠道 */
 const superEditScope = ref<'template' | 'channel'>('template')
 /** 仅超管维护「全渠道默认模板」（game_channel_id=0、未绑定具体渠道）时展示顶部说明；渠道管理员或超管选「指定渠道」时不展示 */
@@ -161,8 +312,12 @@ const formModel = reactive({
     bigwin_form: '',
 })
 
-const tierRows = ref<RewardRow[]>(TIER_GRIDS.map((g) => ({ grid_number: g, ui_text: '', real_ev: '', tier: 'T1' })))
-const bigwinRows = ref<RewardRow[]>(BIGWIN_GRIDS.map((g) => ({ grid_number: g, ui_text: '', real_ev: '', tier: 'BIGWIN' })))
+const tierRows = ref<RewardRow[]>(
+    TIER_GRIDS.map((g) => ({ grid_number: g, ui_text: '', ui_text_en: '', real_ev: '', tier: 'T1', remark: '' }))
+)
+const bigwinRows = ref<RewardRow[]>(
+    BIGWIN_GRIDS.map((g) => ({ grid_number: g, ui_text: '', ui_text_en: '', real_ev: '', tier: 'BIGWIN', remark: '' }))
+)
 
 const showInner = computed(() => {
     if (!isSuperAdmin.value) {
@@ -186,8 +341,10 @@ function parseRows(raw: unknown): RewardRow[] {
             out.push({
                 grid_number: String(obj.grid_number ?? ''),
                 ui_text: String(obj.ui_text ?? ''),
+                ui_text_en: String(obj.ui_text_en ?? ''),
                 real_ev: String(obj.real_ev ?? ''),
                 tier: String(obj.tier ?? ''),
+                remark: String(obj.remark ?? ''),
             })
         }
         return out
@@ -202,7 +359,14 @@ function toTierRows(raw: unknown): RewardRow[] {
     for (const r of parsed) map.set(r.grid_number, r)
     return TIER_GRIDS.map((g) => {
         const row = map.get(g)
-        return { grid_number: g, ui_text: row?.ui_text ?? '', real_ev: row?.real_ev ?? '', tier: row?.tier && row.tier !== 'BIGWIN' ? row.tier : 'T1' }
+        return {
+            grid_number: g,
+            ui_text: row?.ui_text ?? '',
+            ui_text_en: row?.ui_text_en ?? '',
+            real_ev: row?.real_ev ?? '',
+            tier: row?.tier && row.tier !== 'BIGWIN' ? row.tier : 'T1',
+            remark: row?.remark ?? '',
+        }
     })
 }
 
@@ -212,7 +376,14 @@ function toBigwinRows(raw: unknown): RewardRow[] {
     for (const r of parsed) map.set(r.grid_number, r)
     return BIGWIN_GRIDS.map((g) => {
         const row = map.get(g)
-        return { grid_number: g, ui_text: row?.ui_text ?? '', real_ev: row?.real_ev ?? '', tier: 'BIGWIN' }
+        return {
+            grid_number: g,
+            ui_text: row?.ui_text ?? '',
+            ui_text_en: row?.ui_text_en ?? '',
+            real_ev: row?.real_ev ?? '',
+            tier: 'BIGWIN',
+            remark: row?.remark ?? '',
+        }
     })
 }
 
@@ -222,11 +393,13 @@ function syncPayload() {
 }
 
 function applyRowToForm(row: Record<string, unknown>) {
+    channelChangeSilent.value = true
     formModel.id = (row.id as number | string | null | undefined) ?? null
     formModel.game_channel_id = (row.game_channel_id as number | string) ?? 0
     tierRows.value = toTierRows(row.tier_reward_form)
     bigwinRows.value = toBigwinRows(row.bigwin_form)
     syncPayload()
+    channelChangeSilent.value = false
 }
 
 function validateForms(): string | undefined {
@@ -330,6 +503,11 @@ async function loadData() {
         if (row && typeof row === 'object' && !Array.isArray(row)) {
             applyRowToForm(row as Record<string, unknown>)
         }
+    } catch (error: unknown) {
+        const err = error as { code?: string; message?: string }
+        if (err.code === 'ERR_CANCELED' || String(err.message ?? '').toLowerCase().includes('canceled')) {
+            return
+        }
     } finally {
         pageLoading.value = false
     }
@@ -341,6 +519,7 @@ function onSuperScopeChange(val: string | number | boolean | undefined) {
         loadData()
     } else {
         formModel.game_channel_id = ''
+        lastAutoLoadChannelId.value = null
         formRef.value?.clearValidate(['game_channel_id'])
     }
 }
@@ -381,6 +560,84 @@ async function onReset() {
     await loadData()
 }
 
+function openGenTierDialog() {
+    genTierDialogVisible.value = true
+}
+
+async function onGenTierSubmit() {
+    genTierSubmitting.value = true
+    try {
+        const body: Record<string, string | number> = {
+            t1_fixed_cw: genTierForm.t1_fixed_cw,
+            t1_fixed_ccw: genTierForm.t1_fixed_ccw,
+            t2_min_cw: genTierForm.t2_min_cw,
+            t2_min_ccw: genTierForm.t2_min_ccw,
+            t4_fixed_cw: genTierForm.t4_fixed_cw,
+            t4_fixed_ccw: genTierForm.t4_fixed_ccw,
+            t5_fixed_cw: genTierForm.t5_fixed_cw,
+            t5_fixed_ccw: genTierForm.t5_fixed_ccw,
+            amt_t1: genTierForm.amt_t1,
+            amt_t2: genTierForm.amt_t2,
+            amt_t3: genTierForm.amt_t3,
+            amt_t4: genTierForm.amt_t4,
+        }
+        const cid = resolveRequestChannelId()
+        if (cid !== null) {
+            body.game_channel_id = cid
+        }
+        await createAxios(
+            {
+                url: '/admin/game.RewardConfig/generateTierBoard',
+                method: 'post',
+                data: body,
+            },
+            { showSuccessMessage: true, loading: false }
+        )
+        genTierDialogVisible.value = false
+        await loadData()
+    } finally {
+        genTierSubmitting.value = false
+    }
+}
+
+async function onGenWeightClick() {
+    if (isSuperAdmin.value && superEditScope.value === 'channel' && !formModel.game_channel_id) {
+        ElMessage.warning(t('game.rewardConfigForm.gen_weight_need_channel'))
+        return
+    }
+    try {
+        await ElMessageBox.confirm(
+            t('game.rewardConfigForm.gen_weight_confirm_body'),
+            t('game.rewardConfigForm.gen_weight_confirm_title'),
+            {
+                type: 'warning',
+                confirmButtonText: t('game.rewardConfigForm.gen_weight_confirm_ok'),
+                cancelButtonText: t('Cancel'),
+            }
+        )
+    } catch {
+        return
+    }
+    genWeightSubmitting.value = true
+    try {
+        const body: Record<string, number> = {}
+        const cid = resolveRequestChannelId()
+        if (cid !== null) {
+            body.game_channel_id = cid
+        }
+        await createAxios(
+            {
+                url: '/admin/game.RewardConfig/generateRewardWeight',
+                method: 'post',
+                data: body,
+            },
+            { showSuccessMessage: true, loading: false }
+        )
+    } finally {
+        genWeightSubmitting.value = false
+    }
+}
+
 onMounted(() => {
     if (isSuperAdmin.value) {
         superEditScope.value = 'template'
@@ -390,11 +647,36 @@ onMounted(() => {
         loadData()
     }
 })
+
+watch(
+    () => formModel.game_channel_id,
+    (val, oldVal) => {
+        if (!isSuperAdmin.value || superEditScope.value !== 'channel') {
+            return
+        }
+        if (channelChangeSilent.value) {
+            return
+        }
+        const nextCid = Number(val)
+        const prevCid = Number(oldVal)
+        if (Number.isFinite(nextCid) && Number.isFinite(prevCid) && nextCid === prevCid) {
+            return
+        }
+        if (!Number.isFinite(nextCid) || nextCid <= 0) {
+            return
+        }
+        if (lastAutoLoadChannelId.value === nextCid) {
+            return
+        }
+        lastAutoLoadChannelId.value = nextCid
+        void loadData()
+    }
+)
 </script>
 
 <style scoped lang="scss">
 .reward-form-card {
-    max-width: 1100px;
+    max-width: 1280px;
 }
 .card-title {
     font-weight: 600;
@@ -412,13 +694,31 @@ onMounted(() => {
     margin-bottom: 16px;
     flex-wrap: wrap;
 }
+.channel-picker {
+    flex: 1 1 360px;
+    min-width: 320px;
+    max-width: 520px;
+}
+.channel-picker :deep(.el-form-item) {
+    margin-bottom: 0;
+}
+.channel-picker :deep(.el-select) {
+    width: 100%;
+}
 .reward-form-body {
     margin-top: 8px;
 }
 .block-editor {
     width: 100%;
 }
-.line {
+.tier-editor .line {
+    display: grid;
+    grid-template-columns: 64px minmax(88px, 1fr) minmax(88px, 1fr) minmax(88px, 1fr) minmax(96px, 110px) minmax(124px, 1fr);
+    column-gap: 10px;
+    row-gap: 8px;
+    margin-bottom: 8px;
+}
+.bigwin-editor .line {
     display: grid;
     grid-template-columns: 110px 1fr 1fr 120px;
     gap: 8px;
@@ -436,4 +736,157 @@ onMounted(() => {
     color: var(--el-text-color-secondary);
     font-size: 12px;
 }
+
+@media (max-width: 768px) {
+    .reward-form-card :deep(.el-card__body) {
+        padding: 12px 10px;
+    }
+    .reward-form-body :deep(.el-form-item) {
+        margin-bottom: 12px;
+    }
+    .channel-picker {
+        min-width: 100%;
+        max-width: 100%;
+    }
+    .channel-bar {
+        gap: 8px;
+        margin-bottom: 10px;
+    }
+    .channel-bar > .el-button {
+        width: 100%;
+    }
+
+    /* 移动端主配置表：保持列宽，允许左右滚动，避免被压扁 */
+    .tier-editor,
+    .bigwin-editor {
+        overflow-x: auto;
+        -webkit-overflow-scrolling: touch;
+        padding-bottom: 4px;
+    }
+    .tier-editor .line {
+        min-width: 820px;
+        grid-template-columns: 48px 80px 80px 80px 100px 130px;
+        column-gap: 10px;
+        row-gap: 8px;
+    }
+    .bigwin-editor .line {
+        min-width: 560px;
+        grid-template-columns: 48px 80px 80px 100px;
+    }
+    .line-head {
+        font-size: 11px;
+        line-height: 16px;
+    }
+
+    .reward-form-body :deep(.el-form-item:last-child .el-form-item__content) {
+        display: flex;
+        flex-wrap: wrap;
+        gap: 8px;
+    }
+    .reward-form-body :deep(.el-form-item:last-child .el-button) {
+        flex: 1 1 calc(50% - 8px);
+        min-width: 128px;
+        margin-left: 0;
+    }
+}
+</style>
+
+<!-- 弹窗 append-to-body 后不在当前组件 DOM 内，scoped 样式无法作用，单独写全局选择器 -->
+<style lang="scss">
+.gen-tier-dialog.el-dialog {
+    box-sizing: border-box;
+    max-width: 100vw;
+}
+
+.gen-tier-dialog .el-dialog__header {
+    padding: 12px 14px;
+    margin-right: 0;
+}
+
+.gen-tier-dialog .el-dialog__body {
+    padding: 8px 12px 12px;
+    box-sizing: border-box;
+    overflow-x: hidden;
+}
+
+.gen-tier-dialog .el-dialog__footer {
+    padding: 10px 12px 14px;
+}
+
+.gen-tier-dialog .gen-tier-scroll {
+    padding-right: 4px;
+}
+
+.gen-tier-dialog .gen-rule {
+    white-space: pre-line;
+    overflow-wrap: anywhere;
+    word-break: break-word;
+    max-width: 100%;
+    box-sizing: border-box;
+    background: var(--el-fill-color-light);
+    padding: 12px 12px;
+    border-radius: 8px;
+    margin-bottom: 12px;
+    font-size: 13px;
+    line-height: 1.55;
+    color: var(--el-text-color-regular);
+}
+
+.gen-tier-dialog .gen-tier-block {
+    margin-bottom: 12px;
+    padding-bottom: 8px;
+    border-bottom: 1px solid var(--el-border-color-lighter);
+}
+
+.gen-tier-dialog .gen-tier-block:last-of-type {
+    border-bottom: none;
+}
+
+.gen-tier-dialog .gen-tier-block-title {
+    font-weight: 600;
+    margin-bottom: 8px;
+    color: var(--el-text-color-primary);
+    font-size: 14px;
+}
+
+.gen-tier-dialog .gen-tier-form .el-form-item {
+    margin-bottom: 14px;
+}
+
+.gen-tier-dialog .gen-tier-form.el-form--label-top .el-form-item__label {
+    line-height: 1.4;
+    margin-bottom: 6px;
+    height: auto;
+    white-space: normal;
+    word-break: break-word;
+}
+
+.gen-tier-dialog .gen-tier-form .el-input-number {
+    width: 100%;
+    max-width: 320px;
+}
+
+.gen-tier-dialog .gen-tier-footer-hint {
+    margin-top: 4px;
+    padding: 0 2px 8px;
+    font-size: 12px;
+    line-height: 1.5;
+    color: var(--el-text-color-secondary);
+    overflow-wrap: anywhere;
+    word-break: break-word;
+}
+
+.gen-tier-dialog .gen-tier-dialog-footer {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: flex-end;
+    gap: 8px;
+    width: 100%;
+}
+
+@media (max-width: 639px) {
+    .gen-tier-dialog .gen-tier-form .el-input-number {
+        max-width: none;
+    }
+}
 </style>