优化一键测试权重

saiadmin-artd/src/views/plugin/dice/reward/index/modules/weight-test-dialog.vue

@@ -11,155 +11,125 @@
       <template #title>{{ $t('page.weightTest.alertTitle') }}</template>
       {{ $t('page.weightTest.alertBody') }}
     </ElAlert>
-    <ElForm ref="formRef" :model="form" label-width="140px">
+    <ElAlert type="warning" :closable="false" show-icon class="weight-test-tip chain-tip">
+      {{ $t('page.weightTest.chainModeHint') }}
+    </ElAlert>
+    <ElForm :model="form" label-width="140px">
       <ElFormItem :label="$t('page.weightTest.labelAnte')" prop="ante" required>
         <ElInputNumber v-model="form.ante" :min="1" :step="1" style="width: 100%" />
       </ElFormItem>
-      <ElSteps :active="currentStep" finish-status="success" simple class="steps-wrap">
-        <ElStep :title="$t('page.weightTest.stepPaid')" />
-        <ElStep :title="$t('page.weightTest.stepFree')" />
-      </ElSteps>
 
-      <!-- 第一页：付费抽奖券 -->
-      <div v-show="currentStep === 0" class="step-panel">
-        <ElFormItem
-          :label="$t('page.weightTest.labelLotteryTypePaid')"
-          prop="paid_lottery_config_id"
+      <div class="section-title">{{ $t('page.weightTest.sectionPaid') }}</div>
+      <ElFormItem
+        :label="$t('page.weightTest.labelLotteryTypePaid')"
+        prop="paid_lottery_config_id"
+      >
+        <ElSelect
+          v-model="form.paid_lottery_config_id"
+          :placeholder="$t('page.weightTest.placeholderPaidPool')"
+          clearable
+          filterable
+          style="width: 100%"
         >
-          <ElSelect
-            v-model="form.paid_lottery_config_id"
-            :placeholder="$t('page.weightTest.placeholderPaidPool')"
-            clearable
-            filterable
-            style="width: 100%"
-          >
-            <ElOption
-              v-for="item in paidLotteryOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.id"
-            />
-          </ElSelect>
-        </ElFormItem>
-        <template v-if="form.paid_lottery_config_id == null">
-          <div class="tier-label">{{ $t('page.weightTest.tierProbHint') }}</div>
-          <ElRow :gutter="12" class="tier-row">
-            <ElCol v-for="t in tierKeys" :key="'paid-' + t" :span="8">
-              <div class="tier-field">
-                <label class="tier-field-label">{{
-                  $t('page.weightTest.tierFieldLabel', { tier: t })
-                }}</label>
-                <input
-                  type="number"
-                  :value="getPaidTier(t)"
-                  min="0"
-                  max="100"
-                  placeholder="0"
-                  class="tier-input"
-                  @input="setPaidTier(t, $event)"
-                />
-              </div>
-            </ElCol>
-          </ElRow>
-          <div v-if="paidTierSum > 100" class="tier-error">{{
-            $t('page.weightTest.tierSumError', { sum: paidTierSum })
-          }}</div>
-        </template>
-        <ElFormItem :label="$t('page.weightTest.labelCwCount')" prop="paid_s_count" required>
-          <ElSelect
-            v-model="form.paid_s_count"
-            :placeholder="$t('page.weightTest.placeholderSelect')"
-            style="width: 100%"
-          >
-            <ElOption v-for="c in countOptions" :key="c" :label="String(c)" :value="c" />
-          </ElSelect>
-        </ElFormItem>
-        <ElFormItem :label="$t('page.weightTest.labelCcwCount')" prop="paid_n_count" required>
-          <ElSelect
-            v-model="form.paid_n_count"
-            :placeholder="$t('page.weightTest.placeholderSelect')"
-            style="width: 100%"
-          >
-            <ElOption v-for="c in countOptions" :key="c" :label="String(c)" :value="c" />
-          </ElSelect>
-        </ElFormItem>
-      </div>
+          <ElOption
+            v-for="item in paidLotteryOptions"
+            :key="item.id"
+            :label="item.name"
+            :value="item.id"
+          />
+        </ElSelect>
+      </ElFormItem>
+      <template v-if="form.paid_lottery_config_id == null">
+        <div class="tier-label">{{ $t('page.weightTest.tierProbHint') }}</div>
+        <ElRow :gutter="12" class="tier-row">
+          <ElCol v-for="t in tierKeys" :key="'paid-' + t" :span="8">
+            <div class="tier-field">
+              <label class="tier-field-label">{{
+                $t('page.weightTest.tierFieldLabel', { tier: t })
+              }}</label>
+              <input
+                type="number"
+                :value="getPaidTier(t)"
+                min="0"
+                max="100"
+                placeholder="0"
+                class="tier-input"
+                @input="setPaidTier(t, $event)"
+              />
+            </div>
+          </ElCol>
+        </ElRow>
+        <div v-if="paidTierSum > 100" class="tier-error">{{
+          $t('page.weightTest.tierSumError', { sum: paidTierSum })
+        }}</div>
+      </template>
+      <ElFormItem :label="$t('page.weightTest.labelCwCount')" prop="paid_s_count" required>
+        <ElSelect
+          v-model="form.paid_s_count"
+          :placeholder="$t('page.weightTest.placeholderSelect')"
+          style="width: 100%"
+        >
+          <ElOption v-for="c in countOptions" :key="c" :label="String(c)" :value="c" />
+        </ElSelect>
+      </ElFormItem>
+      <ElFormItem :label="$t('page.weightTest.labelCcwCount')" prop="paid_n_count" required>
+        <ElSelect
+          v-model="form.paid_n_count"
+          :placeholder="$t('page.weightTest.placeholderSelect')"
+          style="width: 100%"
+        >
+          <ElOption v-for="c in countOptions" :key="c" :label="String(c)" :value="c" />
+        </ElSelect>
+      </ElFormItem>
 
-      <!-- 第二页：免费抽奖券 -->
-      <div v-show="currentStep === 1" class="step-panel">
-        <ElFormItem
-          :label="$t('page.weightTest.labelLotteryTypeFree')"
-          prop="free_lottery_config_id"
+      <div class="section-title">{{ $t('page.weightTest.sectionFreeAfterPlayAgain') }}</div>
+      <ElFormItem
+        :label="$t('page.weightTest.labelLotteryTypeFree')"
+        prop="free_lottery_config_id"
+      >
+        <ElSelect
+          v-model="form.free_lottery_config_id"
+          :placeholder="$t('page.weightTest.placeholderFreePool')"
+          clearable
+          filterable
+          style="width: 100%"
         >
-          <ElSelect
-            v-model="form.free_lottery_config_id"
-            :placeholder="$t('page.weightTest.placeholderFreePool')"
-            clearable
-            filterable
-            style="width: 100%"
-          >
-            <ElOption
-              v-for="item in freeLotteryOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.id"
-            />
-          </ElSelect>
-        </ElFormItem>
-        <template v-if="form.free_lottery_config_id == null">
-          <div class="tier-label">{{ $t('page.weightTest.tierProbHint') }}</div>
-          <ElRow :gutter="12" class="tier-row">
-            <ElCol v-for="t in tierKeys" :key="'free-' + t" :span="8">
-              <div class="tier-field">
-                <label class="tier-field-label">{{
-                  $t('page.weightTest.tierFieldLabel', { tier: t })
-                }}</label>
-                <input
-                  type="number"
-                  :value="getFreeTier(t)"
-                  min="0"
-                  max="100"
-                  placeholder="0"
-                  class="tier-input"
-                  @input="setFreeTier(t, $event)"
-                />
-              </div>
-            </ElCol>
-          </ElRow>
-          <div v-if="freeTierSum > 100" class="tier-error">{{
-            $t('page.weightTest.tierSumError', { sum: freeTierSum })
-          }}</div>
-        </template>
-        <ElFormItem :label="$t('page.weightTest.labelCwCount')" prop="free_s_count" required>
-          <ElSelect
-            v-model="form.free_s_count"
-            :placeholder="$t('page.weightTest.placeholderSelect')"
-            style="width: 100%"
-          >
-            <ElOption v-for="c in countOptions" :key="c" :label="String(c)" :value="c" />
-          </ElSelect>
-        </ElFormItem>
-        <ElFormItem :label="$t('page.weightTest.labelCcwCount')" prop="free_n_count" required>
-          <ElSelect
-            v-model="form.free_n_count"
-            :placeholder="$t('page.weightTest.placeholderSelect')"
-            style="width: 100%"
-          >
-            <ElOption v-for="c in countOptions" :key="c" :label="String(c)" :value="c" />
-          </ElSelect>
-        </ElFormItem>
-      </div>
+          <ElOption
+            v-for="item in freeLotteryOptions"
+            :key="item.id"
+            :label="item.name"
+            :value="item.id"
+          />
+        </ElSelect>
+      </ElFormItem>
+      <template v-if="form.free_lottery_config_id == null">
+        <div class="tier-label">{{ $t('page.weightTest.tierProbHintFreeChain') }}</div>
+        <ElRow :gutter="12" class="tier-row">
+          <ElCol v-for="t in tierKeys" :key="'free-' + t" :span="8">
+            <div class="tier-field">
+              <label class="tier-field-label">{{
+                $t('page.weightTest.tierFieldLabel', { tier: t })
+              }}</label>
+              <input
+                type="number"
+                :value="getFreeTier(t)"
+                min="0"
+                max="100"
+                placeholder="0"
+                class="tier-input"
+                @input="setFreeTier(t, $event)"
+              />
+            </div>
+          </ElCol>
+        </ElRow>
+        <div v-if="freeTierSum > 100" class="tier-error">{{
+          $t('page.weightTest.tierSumError', { sum: freeTierSum })
+        }}</div>
+      </template>
     </ElForm>
 
     <template #footer>
-      <ElButton v-if="currentStep > 0" :disabled="running" @click="currentStep--">{{
-        $t('page.weightTest.btnPrev')
-      }}</ElButton>
-      <ElButton v-if="currentStep < 1" type="primary" :disabled="running" @click="currentStep++">{{
-        $t('page.weightTest.btnNext')
-      }}</ElButton>
       <ElButton
-        v-if="currentStep === 1"
         v-permission="'dice:reward:index:startWeightTest'"
         type="primary"
         :loading="running"
@@ -187,8 +157,6 @@
   const visible = defineModel<boolean>({ default: false })
   const emit = defineEmits<{ (e: 'success'): void }>()
 
-  const formRef = ref()
-  const currentStep = ref(0)
   const form = reactive({
     ante: 1,
     paid_lottery_config_id: undefined as number | undefined,
@@ -196,9 +164,7 @@
     paid_tier_weights: { T1: 20, T2: 20, T3: 20, T4: 20, T5: 20 } as Record<string, number>,
     free_tier_weights: { T1: 20, T2: 20, T3: 20, T4: 20, T5: 20 } as Record<string, number>,
     paid_s_count: 100,
-    paid_n_count: 100,
-    free_s_count: 100,
-    free_n_count: 100
+    paid_n_count: 100
   })
   const lotteryOptions = ref<Array<{ id: number; name: string }>>([])
   /** 付费抽奖券可选档位：name=default */
@@ -214,7 +180,6 @@
 
   function onClose() {
     running.value = false
-    currentStep.value = 0
   }
 
   function getPaidTier(t: string): string {
@@ -255,12 +220,10 @@
         id: r.id,
         name: r.name
       }))
-      // 付费抽奖券默认使用 name=default
       const normal = list.find((r: { name?: string }) => r.name === 'default')
       if (normal) {
         form.paid_lottery_config_id = normal.id
       }
-      // 免费抽奖券默认使用 name=killScore；若无则默认选第一项
       const kill = list.find((r: { name?: string }) => r.name === 'killScore')
       if (kill) {
         form.free_lottery_config_id = kill.id
@@ -277,8 +240,9 @@
       ante: form.ante,
       paid_s_count: form.paid_s_count,
       paid_n_count: form.paid_n_count,
-      free_s_count: form.free_s_count,
-      free_n_count: form.free_n_count
+      free_s_count: 0,
+      free_n_count: 0,
+      chain_free_mode: true
     }
     if (form.paid_lottery_config_id != null) {
       payload.paid_lottery_config_id = form.paid_lottery_config_id
@@ -298,8 +262,8 @@
       ElMessage.warning(t('page.weightTest.warnAnte'))
       return false
     }
-    if (form.paid_s_count + form.paid_n_count + form.free_s_count + form.free_n_count <= 0) {
-      ElMessage.warning(t('page.weightTest.warnTotalSpins'))
+    if (form.paid_s_count + form.paid_n_count <= 0) {
+      ElMessage.warning(t('page.weightTest.warnPaidSpins'))
       return false
     }
     const needPaidTier = form.paid_lottery_config_id == null
@@ -351,28 +315,22 @@
       onClose()
     }
   })
-
-  // 切换到免费步骤时，若当前选中 id 不在免费档位列表中，则重置为第一个 killScore 的选项，避免显示错误
-  watch(currentStep, (step) => {
-    if (step === 1) {
-      const freeOpts = freeLotteryOptions.value
-      const id = form.free_lottery_config_id
-      if (freeOpts.length && (id == null || !freeOpts.some((o) => o.id === id))) {
-        form.free_lottery_config_id = freeOpts[0].id
-      }
-    }
-  })
 </script>
 
 <style lang="scss" scoped>
   .weight-test-tip {
     margin-bottom: 16px;
   }
-  .steps-wrap {
-    margin-bottom: 16px;
+  .chain-tip {
+    margin-top: -8px;
   }
-  .step-panel {
-    min-height: 200px;
+  .section-title {
+    font-size: 14px;
+    font-weight: 600;
+    color: var(--el-text-color-primary);
+    margin: 8px 0 12px;
+    padding-bottom: 6px;
+    border-bottom: 1px solid var(--el-border-color-lighter);
   }
   .tier-label {
     font-size: 13px;