智能押金与33优化

frontend/src/views/admin/AdminSystemConfigsView.vue

@@ -325,6 +325,18 @@ function removeCoinCorrection(index: number) {
   publishOptionsDraft.value.ratio_config.coin_corrections.splice(index, 1)
 }
 
+function addDepositSkinGroupRule() {
+  publishOptionsDraft.value.deposit_recommend_config.skin_group_rules.push({
+    group_key: '',
+    label: '',
+    amount_per_item: 0,
+  })
+}
+
+function removeDepositSkinGroupRule(index: number) {
+  publishOptionsDraft.value.deposit_recommend_config.skin_group_rules.splice(index, 1)
+}
+
 function addSaleFixedMarkupRule() {
   salePriceConfigDraft.value.fixed_markup_rules.push({
     min_m: 0,
@@ -668,6 +680,37 @@ function readError(error: unknown, fallback: string) {
             </el-form-item>
           </div>
 
+          <div class="editor-block">
+            <div class="editor-block-title">
+              <strong>智能推荐押金</strong>
+              <el-button size="small" @click="addDepositSkinGroupRule">添加皮肤规则</el-button>
+            </div>
+            <el-form-item label="基础押金">
+              <el-input-number
+                v-model="publishOptionsDraft.deposit_recommend_config.base_amount"
+                :min="0"
+                :step="5"
+                class="full-control"
+              />
+            </el-form-item>
+            <el-table :data="publishOptionsDraft.deposit_recommend_config.skin_group_rules" size="small" border>
+              <el-table-column label="皮肤分组 Key" min-width="150">
+                <template #default="{ row }"><el-input v-model="row.group_key" placeholder="operatorRed" /></template>
+              </el-table-column>
+              <el-table-column label="名称" min-width="140">
+                <template #default="{ row }"><el-input v-model="row.label" placeholder="干员红皮" /></template>
+              </el-table-column>
+              <el-table-column label="每个增加押金" min-width="140">
+                <template #default="{ row }"><el-input-number v-model="row.amount_per_item" :min="0" :step="5" /></template>
+              </el-table-column>
+              <el-table-column label="操作" width="90">
+                <template #default="{ $index }">
+                  <el-button size="small" type="danger" plain @click="removeDepositSkinGroupRule($index)">删除</el-button>
+                </template>
+              </el-table-column>
+            </el-table>
+          </div>
+
           <div class="editor-block">
             <div class="editor-block-title">
               <strong>比例计算配置</strong>