qimall/addons/HiGo/backend/views/setting/recharge.php

<el-row v-if="ruleForm.basic.is_enable == 1">
    <el-col :span="24">
        <el-form-item label="嗨贝充值">
            <el-col :span="6">
                <el-switch v-model="ruleForm.recharge.enable" :active-value="1" :inactive-value="0" active-color="#13ce66" inactive-color="#e5e5e5"></el-switch>
            </el-col>
        </el-form-item>
        <el-form-item label="价格设置方式" v-if="ruleForm.recharge.enable == 1">
            <el-radio v-model="ruleForm.recharge.price_setting_method" :label="0">按阶梯</el-radio>
            <el-radio v-model="ruleForm.recharge.price_setting_method" :label="1">按比例</el-radio>
        </el-form-item>
        <el-form-item v-if="ruleForm.recharge.price_setting_method == 1">
            <el-col :span="4">
                <el-input v-model="ruleForm.recharge.price_setting_ratio">
                    <template slot="append">%</template>
                </el-input>
            </el-col>
        </el-form-item>

        <el-form-item v-if="ruleForm.recharge.enable == 1 && ruleForm.recharge.price_setting_method == 0" label-width="64px">
            <template>
                <div v-for="(val, key) in ruleForm.recharge.price_ladder" style="height:45px;">
                    <el-col :span="2">
                        <div style="display:flex;justify-content:flex-end;padding-right:10px;">
                            <span>充值</span>
                        </div>
                    </el-col>
                    <el-col :span="4">
                        <el-input v-model="ruleForm.recharge.price_ladder[key].money" @input="forceChange">
                            <template slot="append">元</template>
                        </el-input>
                    </el-col>
                    <el-col :span="1">
                        <div style="display:flex;justify-content:center;">
                            <span>得</span>
                        </div>
                    </el-col>
                    <el-col :span="4">
                        <el-input v-model="ruleForm.recharge.price_ladder[key].give" @input="forceChange">
                            <template slot="append">枚</template>
                        </el-input>
                    </el-col>
                    <el-col :span="3">
                        <i class="el-icon-minus" style="padding-left:20px;color:red;font-size:20px;cursor:pointer" @click="delPriceLadder(key)"></i>
                    </el-col>

                </div>
            </template>

            <br />
            <div>
                <el-button type="primary" size="mini" @click="addPriceLadder">添加价格配置<i class="el-icon-plus"></i></el-button>
            </div>
        </el-form-item>
    </el-col>
</el-row>