qimall/addons/Redpack/backend/views/setting/index.php

<?php

use common\helpers\ComponentHelper;

ComponentHelper::loadComponentView('com-dialog-select');
?>
<style>
    @media screen and (min-width: 1370px) {
        .form-body {
            padding: 20px 0;
            padding-right: 50%;
            min-width: 1400px;
        }
    }

    @media screen and (max-width: 1369px) {
        .form-body {
            padding: 20px 0;
            padding-right: 20%;
        }
    }

    .form-body {
        background-color: #fff;
        margin-bottom: 20px;
    }

    .mo_title {
        font-size: 17px;
        margin-bottom: 20px;
        border-left: 5px solid #1479F0;
        padding-left: 15px;
    }

    .title_content {
        width: 20%;
        float: left;
    }

    .msg_font {
        font-size: 12px;
        color: #999999;
    }

    .row_data {
        padding-left: 24px;
        padding-bottom: 10px;
    }

    .row_transfer {
        padding-left: 55px;
    }

    .content_data_transfer {
        padding-left: 64px;
        padding-bottom: 20px;
    }
    .cell {
        text-align: center;
    }
</style>
<div id="app" v-cloak>
    <el-card style="border:0;min-width: 1000px;" shadow="never"
             body-style="background-color: #f3f3f3;padding: 10px 0 0;" v-loading="loading">
        <div slot="header">基础设置</div>
        <div v-if="load">
            <div class="form-body">
                <el-form ref="ruleForm" :model="ruleForm" label-width="120px" style="padding-left: 20px;" size="small">
                    <el-form-item :label="'冻结'+redpack_name+'激活:'" prop="material_link" style="font-size: 16px;">
                        <div class="row_data">
                            <el-radio v-model="ruleForm.frozen_status" :label="1">开启</el-radio>
                            <el-radio v-model="ruleForm.frozen_status" :label="2">关闭</el-radio>
                            <div class="msg_font">冻结{{redpack_name}}激活到激活{{redpack_name}}中</div>
                            <div class="tips-text" style="line-height: 24px;">
                                如关闭则冻结红包不会每日定时进行解冻
                            </div>
                        </div>
                        <el-form-item label="每日激活比例:" prop="material_link">
                            <el-input maxlength="5" style="width: 220px;" placeholder="请输入每日激活比例"
                                      onInput="value = toNumber(value, 2)" v-model="ruleForm.activation_num">
                                <template slot="append">%</template>
                            </el-input>
                            <div class="tips-text" style="line-height: 24px;">
                                红包每日自动激活比例
                            </div>
                        </el-form-item>
                        <el-form-item label="每日激活时间:" prop="material_link">
                            <el-time-select v-model="ruleForm.activation_time" value-format="HHmm"
                                            :picker-options="{start: '00:00',step: '00:30',end: '23:59'}"
                                            placeholder="选择时间">
                            </el-time-select>
                            <div class="tips-text" style="line-height: 24px;">
                                红包每日定时激活时间设置
                            </div>
                        </el-form-item>
                    </el-form-item>

                    <el-form-item :label="'赠送'+redpack_name+'方式'" prop="give_type" style="font-size: 16px;">
                        <div class="row_data">
                            <el-radio v-model="ruleForm.give_type" :label="1">支付完成</el-radio>
                            <el-radio v-model="ruleForm.give_type" :label="2">订单完成</el-radio>
                        </div>
                    </el-form-item>

                    <el-form-item label="自定义名称:" prop="redpack_name" style="font-size: 16px;">
                        <div class="row_data">
                            <el-input v-model="redpack_name" style="width:200px;"></el-input>
                        </div>
                    </el-form-item>

                    <el-form-item label="是否开启加速激活">
                        <el-form-item>
                            <el-switch v-model="ruleForm.is_accelerated_activation" :active-value="1"
                                       :inactive-value="0">
                            </el-switch>
                        </el-form-item>
                    </el-form-item>

                    <el-form-item label="参与加速的上级等级权重" v-if="ruleForm.is_accelerated_activation==1"
                                  prop="accelerated_user_level_ids"
                                  :rules="[{type: 'array', required: ruleForm.is_accelerated_activation == 1, message: '请选择参与加速的上级等级权重'}]">
                        <el-select v-model="ruleForm.accelerated_user_level_ids" multiple placeholder="请选择">
                            <el-option
                                    v-for="item in mall_members"
                                    :key="item.id"
                                    :label="item.name"
                                    :value="item.id">
                            </el-option>
                        </el-select>
                        <div class="tips-text" style="line-height: 24px;">
                            用户下单后，只有当直推上级为被选中的等级权重时，上级用户才能加速红包激活。
                        </div>
                    </el-form-item>

                    <el-form-item label="商品设置" v-if="ruleForm.is_accelerated_activation==1">
                        <div style="margin-top: 10px; display: flex;">
                            <com-dialog-select :multiple="true" @selected="goodsSelect" title="商品选择">
                                <el-button type="primary" plain>选择商品</el-button>
                            </com-dialog-select>
                        </div>
                    </el-form-item>

                    <el-form-item prop="accelerated_goods_ids" v-if="ruleForm.is_accelerated_activation==1"
                                  :rules="[{ validator: validateGoods, required: ruleForm.is_accelerated_activation==1}]">
                        <template>
                            <div style="width: 100%;">
                                <el-table :data="getFilteredAndPagedData()" border
                                          style="width: 100%; margin-bottom: 10px" max-height="1500px">
                                    <el-table-column type="index" align="center" label="序号"
                                                     width="50"></el-table-column>
                                    <el-table-column prop="id" align="center" label="商品id"
                                                     width="100"></el-table-column>
                                    <el-table-column prop="name,cover_pic" label="商品信息">
                                        <template slot-scope="scope">
                                            <div flex="box:first">
                                                <div style="padding-right: 10px;">
                                                    <com-image mode="aspectFill" :src="scope.row.cover_pic"></com-image>
                                                </div>
                                                <div style="display:flex;flex-direction:column;align-items:flex-start;">
                                                    <div>{{scope.row.name}}</div>
                                                    <div>
                                                        <span style="color: #ff4544;" v-if="scope.row.price">￥{{ scope.row.price }}</span>
                                                        <span style="margin-left: 20px;" v-if="scope.row.stock">库存：{{ scope.row.stock }}</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </template>
                                    </el-table-column>
                                    <el-table-column label="加速数额"  width="180">
                                        <template slot-scope="scope">
                                            <el-input-number v-model="scope.row.accelerate_number" :min="0" :step="1"
                                                             :precision="precision"/>
                                        </template>
                                    </el-table-column>
                                    <el-table-column label="操作" width="100">
                                        <template slot-scope="scope">
                                            <el-button @click="deleteGoods(scope.$index)" type="primary" size="mini">
                                                删除
                                            </el-button>
                                        </template>
                                    </el-table-column>
                                </el-table>
                                <el-pagination
                                        small
                                        layout="prev, pager, next"
                                        :total="ruleForm.accelerated_goods_list.length"
                                        @current-change="handlePageSizeChange"
                                >
                                </el-pagination>
                            </div>
                        </template>
                    </el-form-item>
                    <el-form-item label="加速结算时间" prop="accelerate_settlement_type" style="font-size: 16px;" v-if="ruleForm.is_accelerated_activation==1">
                        <div class="row_data">
                            <el-radio v-model="ruleForm.accelerate_settlement_type" style="font-s" :label="1">订单完成
                            </el-radio>
                            <el-radio v-model="ruleForm.accelerate_settlement_type" style="font-s" :label="2">订单支付成功
                            </el-radio>
                        </div>
                    </el-form-item>

                    <el-form-item label="冻结红包加速激活设置">
                        <el-switch v-model="ruleForm.is_set_activate" :active-value="1"
                                   :inactive-value="0">
                        </el-switch>

                        <div v-if="ruleForm.is_set_activate == 1">
                            <el-table
                                    :data="ruleForm.setting_user_level_list"
                                    style="width: 100%"
                                    border>
                                <el-table-column
                                        prop="name"
                                        label="会员等级">
                                </el-table-column>
                                <el-table-column
                                        label="直推加速">
                                    <template slot-scope="scope">
                                        <el-input-number size="medium"
                                                         v-model="scope.row.value"
                                                         :min="0"
                                                         :max="100"
                                                         :precision="precision"
                                                         label="手续费">
                                        </el-input-number>
                                        <span>%</span>
                                    </template>
                                </el-table-column>
                            </el-table>
                            <div style="padding: 20px"></div>
                            <el-table
                                    :data="ruleForm.setting_agent_level_list"
                                    border>
                                <el-table-column
                                        prop="name"
                                        label="渠道分红等级">
                                </el-table-column>
                                <el-table-column
                                        label="渠道加速">
                                    <template slot-scope="scope">
                                        <el-input-number size="medium"
                                                         v-model="scope.row.value"
                                                         :min="0"
                                                         :max="100"
                                                         :precision="precision"
                                                         label="手续费"
                                        >
                                        </el-input-number>
                                        <span>%</span>
                                    </template>
                                </el-table-column>
                            </el-table>
                        </div>
                    </el-form-item>

                    <div class="mo_title">{{redpack_name}}转出规则</div>
                    <el-form ref="ruleForm" :model="ruleForm" label-width="120px" style="padding-left: 20px;"
                             size="small">
                        <el-form-item style="padding-left: 25px;" :label="'好友'+redpack_name+'转让:'" prop="material_link">
                            <div class="row_transfer">
                                <el-radio v-model="ruleForm.transfer_status" :label="1">开启</el-radio>
                                <el-radio v-model="ruleForm.transfer_status" :label="2">关闭</el-radio>
                                <div class="tips-text" style="line-height: 24px;">
                                    开启后会员间可进行{{redpack_name}}转让
                                </div>
                                <div class="msg_font">可以选择冻结{{redpack_name}}转让和激活{{redpack_name}}转让给好友</div>
                                <div class="title_content">{{redpack_name}}类型:</div>
                                <div class="content_data">
                                    <el-checkbox-group v-model="ruleForm.transfer_red_type">
                                        <el-checkbox label="frozen_redpack">冻结{{redpack_name}}</el-checkbox>
                                        <el-checkbox label="redpack">激活{{redpack_name}}</el-checkbox>
                                    </el-checkbox-group>
                                </div>
                                <div class="tips-text" style="line-height: 24px;">
                                    可转让{{redpack_name}}类型勾选
                                </div>
                                <div class="title_content">转让权限:</div>
                                <div class="content_data">
                                    <el-radio v-model="ruleForm.auth_status" :label="1">不限</el-radio>
                                    <el-radio v-model="ruleForm.auth_status" :label="2">限制团队上下级</el-radio>
                                </div>
                                <div class="tips-text" style="line-height: 24px;">
                                    {{redpack_name}}可转让范围，如设置不限则所有会员均可进行红包转让，如选择限制团队上下级则只能会员
                                    上下级之间进行{{redpack_name}}转让，不在关系链内的不支持转让
                                </div>
                            </div>
                            <el-form-item label="转让手续费:">
                                <el-input maxlength="5" style="width: 350px;" placeholder="请输入转让手续费"
                                          onInput="value = toNumber(value, 2)" v-model="ruleForm.transfer_percentage">
                                    <template slot="append">%</template>
                                </el-input>
                                <div class="msg_font">转让{{redpack_name}}平台收取手续费</div>
                                <div class="tips-text" style="line-height: 24px;">
                                    会员间转让{{redpack_name}}如需扣除手续费，可在此设置
                                </div>
                            </el-form-item>
                        </el-form-item>

                        <el-form ref="ruleForm" :model="ruleForm" label-width="120px" style="padding-left: 20px;"
                                 size="small">
                            <el-form-item :label="redpack_name+'转出:'" prop="material_link">
                                <div class="row_transfer">
                                    <el-radio v-model="ruleForm.transfer_out_status" :label="1">开启</el-radio>
                                    <el-radio v-model="ruleForm.transfer_out_status" :label="2">关闭</el-radio>
                                    <div class="tips-text" style="line-height: 24px;">
                                        如设置为开启则已有{{redpack_name}}可进行转出到余额，余额可进行提现
                                    </div>
                                    <div class="msg_font">冻结{{redpack_name}}和激活{{redpack_name}}转换会员自己的余额或者积分</div>

                                    <div>{{redpack_name}}类型:</div>
                                    <div>
                                        <el-checkbox v-model="ruleForm.transfer_out_type" label="frozen_redpack">
                                            冻结{{redpack_name}}转出方式
                                        </el-checkbox>
                                    </div>

                                    <div class="title_content">转出方式:</div>
                                    <div class="content_data">
                                        <el-checkbox-group v-model="ruleForm.frozen_redpack_transfer_out_mode">
                                            <div class="content_data_transfer">
                                                <el-checkbox label="1">转余额</el-checkbox>
                                                <el-input style="width: 350px;" onInput="value = toNumber(value, 2)"
                                                          v-model="ruleForm.frozen_redpack_transfer_out_balance">
                                                    <template slot="prepend">1元{{redpack_name}}等于</template>
                                                    <template slot="append">元</template>
                                                </el-input>
                                                <br>
                                                <div class="tips-text" style="line-height: 24px; margin-left: 150px;">
                                                    冻结{{redpack_name}}转为余额的兑换比例
                                                </div>
                                                <el-checkbox label="2" style="margin: 5px 30px 10px 53px;">转积分
                                                </el-checkbox>
                                                <el-input style="width: 350px;" onInput="value = toNumber(value, 2)"
                                                          v-model="ruleForm.frozen_redpack_transfer_out_score">
                                                    <template slot="prepend">1元{{redpack_name}}等于</template>
                                                    <template slot="append">积分</template>
                                                </el-input>
                                                <div class="tips-text" style="line-height: 24px; margin-left: 150px;">
                                                    冻结{{redpack_name}}转为积分的兑换比例
                                                </div>
                                            </div>
                                        </el-checkbox-group>
                                    </div>
                                </div>
                                <el-form-item label="转出手续费:" prop="material_link">
                                    <el-input maxlength="5" style="width: 350px;" placeholder="请输入转出手续费"
                                              onInput="value = toNumber(value, 2)"
                                              v-model="ruleForm.frozen_redpack_transfer_out_service">
                                        <template slot="append">
                                            <el-radio-group v-model="ruleForm.frozen_redpack_transfer_out_service_rate">
                                                <el-radio :label="1">固定值</el-radio>
                                                <el-radio :label="0">百分比</el-radio>
                                            </el-radio-group>
                                        </template>
                                    </el-input>
                                    <div class="msg_font">冻结{{redpack_name}}转出平台收取手续费</div>
                                </el-form-item>
                            </el-form-item>

                            <el-form-item label="">
                                <div class="row_transfer">
                                    <div>
                                        <el-checkbox v-model="ruleForm.transfer_out_type" label="redpack">
                                            激活{{redpack_name}}转出方式
                                        </el-checkbox>
                                    </div>
                                    <div class="title_content">转出方式:</div>
                                    <div class="content_data">
                                        <el-checkbox-group v-model="ruleForm.redpack_transfer_out_mode">
                                            <div class="content_data_transfer">
                                                <el-checkbox label="1">转余额</el-checkbox>
                                                <el-input style="width: 350px;" onInput="value = toNumber(value, 2)"
                                                          v-model="ruleForm.redpack_transfer_out_balance">
                                                    <template slot="prepend">1元{{redpack_name}}等于</template>
                                                    <template slot="append">元</template>
                                                </el-input>
                                                <br>
                                                <div class="tips-text" style="line-height: 24px; margin-left: 150px;">
                                                    激活{{redpack_name}}转为余额的兑换比例
                                                </div>
                                                <el-checkbox label="2" style="margin: 5px 30px 10px 53px;">转积分
                                                </el-checkbox>
                                                <el-input style="width: 350px;" onInput="value = toNumber(value, 2)"
                                                          v-model="ruleForm.redpack_transfer_out_score">
                                                    <template slot="prepend">1元{{redpack_name}}等于</template>
                                                    <template slot="append">积分</template>
                                                </el-input>
                                                <div class="tips-text" style="line-height: 24px; margin-left: 150px;">
                                                    激活{{redpack_name}}转为积分的兑换比例
                                                </div>
                                            </div>
                                        </el-checkbox-group>
                                    </div>
                                </div>
                                <el-form-item label="转出手续费:" prop="material_link">
                                    <el-input maxlength="5" style="width: 350px;" placeholder="请输入转出手续费"
                                              onInput="value = toNumber(value, 2)"
                                              v-model="ruleForm.redpack_transfer_out_service">
                                        <template slot="append">
                                            <el-radio-group v-model="ruleForm.redpack_transfer_out_service_rate">
                                                <el-radio :label="1">固定值</el-radio>
                                                <el-radio :label="0">百分比</el-radio>
                                            </el-radio-group>
                                        </template>
                                    </el-input>
                                    <div class="msg_font">激活{{redpack_name}}转出平台收取手续费</div>
                                </el-form-item>
                            </el-form-item>


                        </el-form>
                        <el-button class="button-item" :loading="btnLoading" type="primary" size="small"
                                   @click="store('ruleForm')">保存
                        </el-button>
            </div>
        </div>
    </el-card>
</div>
<script>
    const app = new Vue({
        el: '#app',
        data() {
            return {
                userLevelList: [],
                loading: false,
                load: false,
                btnLoading: false,
                ruleForm: {
                    frozen_status: 1,
                    give_type: 2,
                    redpack_name: '红包',
                    activation_num: '',
                    activation_time: '',
                    transfer_status: 1,
                    transfer_red_type: ["frozen_redpack", "redpack"],
                    auth_status: 1,
                    transfer_percentage: 0,
                    transfer_out_status: 1,
                    transfer_out_type: ["frozen_redpack", "redpack"],
                    transfer_out_mode: ["1"],
                    transfer_out_percentage: '',
                    transfer_out_service: '',
                    frozen_redpack_transfer_out_mode: ["1"],
                    frozen_redpack_transfer_out_balance: '',
                    frozen_redpack_transfer_out_score: '',
                    frozen_redpack_transfer_out_service: '',
                    frozen_redpack_transfer_out_service_rate: 0,
                    redpack_transfer_out_mode: ["1"],
                    redpack_transfer_out_balance: '',
                    redpack_transfer_out_score: '',
                    redpack_transfer_out_service: '',
                    redpack_transfer_out_service_rate: 0,

                    is_accelerated_activation: 0,
                    accelerate_settlement_type: 1,
                    accelerated_goods_ids: [],
                    accelerated_goods_list: [],
                    accelerated_user_level_ids: [],
                    user_level_list: [],
                    is_set_activate: 0,
                    setting_user_level_list: [],
                    setting_agent_level_list: [],
                },
                material_link: "/plugins/littleRedBook/index",
                checkAll: false,//是否全选
                isIndeterminate: false,//未全选样式
                checkedCities: [],//已勾选的
                redpack_name: '红包',
                mall_members: [],
                acceleratedGoodsListCurrentPage: 1,
                acceleratedGoodsListPageSize: 10,
                precision: 2,
            };
        },
        created() {
            this.loadData();
        },
        computed: {
            dataList() {
                return this.getFilteredAndPagedData()
            }
        },
        methods: {
            store(formName) {
                this.$refs[formName].validate((valid) => {
                    let self = this;
                    self.ruleForm.user_level_limit = self.checkedCities;
                    // console.log(this.ruleForm, '==========');return null;
                    if (valid) {
                        if (self.ruleForm.transfer_out_status == 1) {
                            if (self.ruleForm.transfer_out_type.length == 0) {
                                this.$message.error('请勾选一个' + self.redpack_name + '类型');
                                return;
                            }
                        }
                        if (self.ruleForm.transfer_status == 1 && !self.ruleForm.transfer_percentage) {
                            self.ruleForm.transfer_percentage = 0;
                        }
                        if (self.ruleForm.transfer_out_status == 1 && !self.ruleForm.transfer_out_service) {
                            self.ruleForm.transfer_out_service = 0;
                        }
                        if (self.ruleForm.transfer_out_mode.indexOf('1') > -1 && !self.ruleForm.transfer_out_balance) {
                            self.ruleForm.transfer_out_balance = 1;
                        }
                        if (self.ruleForm.transfer_out_mode.indexOf('2') > -1 && !self.ruleForm.transfer_out_score) {
                            self.ruleForm.transfer_out_score = 1;
                        }
                        if (self.ruleForm.frozen_status == 1 && !self.ruleForm.activation_num) {
                            self.ruleForm.activation_num = 0;
                        }
                        self.ruleForm.redpack_name = self.redpack_name;
                        console.log('数据================》', self.ruleForm);
                        self.btnLoading = true;
                        request({
                            params: {
                                r: 'redpack/setting/index'
                            },
                            method: 'post',
                            data: self.ruleForm,
                        }).then(e => {
                            self.btnLoading = false;
                            if (e.data.code == 0) {
                                self.$message.success(e.data.msg);
                            } else {
                                self.$message.error(e.data.msg);
                            }
                        }).catch(e => {
                            self.$message.error(e.data.msg);
                            self.btnLoading = false;
                        });
                    } else {
                        console.log('error submit!!');
                        return false;
                    }
                });
            },
            //获取页面信息
            loadData() {
                this.loading = true;
                this.load = true;
                request({
                    params: {
                        r: 'redpack/setting/index'
                    }
                }).then(e => {
                    this.loading = false;
                    if (e.data.code == 0) {
                        this.ruleForm = Object.assign(this.ruleForm, e.data.data);
                        console.log('================>', this.ruleForm);
                        if (isEmpty(this.ruleForm.redpack_name)) {
                            this.ruleForm.redpack_name = this.redpack_name
                        } else {
                            this.redpack_name = this.ruleForm.redpack_name
                        }
                        this.ruleForm.transfer_red_type = this.ruleForm.transfer_red_type ? JSON.parse(this.ruleForm.transfer_red_type) : [];
                        this.ruleForm.transfer_out_type = this.ruleForm.transfer_out_type ? JSON.parse(this.ruleForm.transfer_out_type) : [];
                        this.ruleForm.transfer_out_mode = this.ruleForm.transfer_out_mode ? JSON.parse(this.ruleForm.transfer_out_mode) : [];
                        
                        if (this.ruleForm.accelerated_goods_ids === null) {
                            this.ruleForm.accelerated_goods_ids = [];
                        }

                        if (this.ruleForm.accelerated_goods_list === null) {
                            this.ruleForm.accelerated_goods_list = [];
                        }

                        if (this.ruleForm.redpack_transfer_out_mode && (this.ruleForm.redpack_transfer_out_mode == 'true' || this.ruleForm.redpack_transfer_out_mode == 'false')) {
                            this.ruleForm.redpack_transfer_out_mode = ['1']
                        }

                        if (this.ruleForm.frozen_redpack_transfer_out_mode && (this.ruleForm.frozen_redpack_transfer_out_mode == 'true' || this.ruleForm.frozen_redpack_transfer_out_mode == 'false')) {
                            this.ruleForm.frozen_redpack_transfer_out_mode = ['1']
                        }

                        if (this.ruleForm.redpack_transfer_out_mode && typeof this.ruleForm.redpack_transfer_out_mode == 'string') {
                            this.ruleForm.redpack_transfer_out_mode = this.ruleForm.redpack_transfer_out_mode ? JSON.parse(this.ruleForm.redpack_transfer_out_mode) : [];
                        }
                        if (this.ruleForm.frozen_redpack_transfer_out_mode && typeof this.ruleForm.frozen_redpack_transfer_out_mode == 'string') {
                            this.ruleForm.frozen_redpack_transfer_out_mode = this.ruleForm.frozen_redpack_transfer_out_mode ? JSON.parse(this.ruleForm.frozen_redpack_transfer_out_mode) : [];
                        }

                        if (this.ruleForm.accelerated_goods_ids && typeof this.ruleForm.accelerated_goods_ids == 'string') {
                            this.ruleForm.accelerated_goods_ids = this.ruleForm.accelerated_goods_ids ? JSON.parse(this.ruleForm.accelerated_goods_ids) : [];
                        }

                        if (this.ruleForm.accelerated_goods_list && typeof this.ruleForm.accelerated_goods_list == 'string') {
                            this.ruleForm.accelerated_goods_list = this.ruleForm.accelerated_goods_list ? JSON.parse(this.ruleForm.accelerated_goods_list) : [];
                        }

                        if (this.ruleForm.accelerated_user_level_ids && typeof this.ruleForm.accelerated_user_level_ids == 'string') {
                            const ids = this.ruleForm.accelerated_user_level_ids ? JSON.parse(this.ruleForm.accelerated_user_level_ids) : [];
                            this.ruleForm.accelerated_user_level_ids = ids.map(item => {
                                return Number(item)
                            })
                        }

                        this.setting_user_level_list = this.ruleForm.setting_user_level_list;
                        this.mall_members = this.ruleForm.user_level_list;
                        delete this.ruleForm.user_level_list;
                        this.setting_agent_level_list = this.ruleForm.setting_agent_level_list;

                        this.load = true;
                    } else {
                        this.$message.error(e.data.msg);
                    }
                }).catch(e => {
                    this.$message.error(e);
                    this.btnLoading = false;
                });
            },

            //选择商品
            goodsSelect(param) {
                for (let j in param) {
                    let item = param[j];
                    // if (this.ruleForm.accelerated_goods_ids.length >= 99) {
                    //     this.$message.error('指定商品不能大于99个');
                    //     return;
                    // }
                    let flag = true;
                    for (let i in this.ruleForm.goods_ids) {
                        if (this.ruleForm.accelerated_goods_ids[i] == param[j].id) {
                            flag = false;
                            break;
                        }
                    }
                    if (flag) {
                        this.ruleForm.accelerated_goods_ids.push(param[j].id);
                        this.ruleForm.accelerated_goods_list.push({
                            id: param[j].id,
                            name: param[j].goods_name,
                            cover_pic: param[j].cover_pic,
                            price: param[j].price,
                            stock: param[j].stock,
                        });
                    }
                }
            },

            //删除商品
            deleteGoods(index) {
                this.ruleForm.accelerated_goods_list.splice(index, 1);
                this.ruleForm.accelerated_goods_ids.splice(index, 1);
            },

            // 商品信息校验
            validateGoods(rule, value, callback) {

                const list = this.ruleForm.accelerated_goods_list;

                if (list.length < 1) {
                    callback(new Error(`请完善商品设置`))
                }

                // for (var i = 0; i < list.length; i++) {
                //     const item = list[i];
                //     if (!item.accelerate_number && item.accelerate_number !== 0) {
                //         callback(new Error(`请输入第${i + 1}个商品的加速数额`))
                //     }
                // }

                for (var i = 0; i < list.length; i++) {
                    const item = list[i];
                    if (!item.accelerate_number && item.accelerate_number !== 0) {
                        const pageItemIndex = (i + 1) % 10;
                        const newPageIndex = Math.floor(i / 10) + 1;

                        if (pageItemIndex === 0) {
                            const correctedPageItemIndex = 10;
                            const errorMessage = `请输入第${newPageIndex}页第${correctedPageItemIndex}个商品的加速数额`;
                            callback(new Error(errorMessage));
                        } else {
                            const errorMessage = `请输入第${newPageIndex}页第${pageItemIndex}个商品的加速数额`;
                            callback(new Error(errorMessage));
                        }
                    }
                }

                callback();
            },

            getFilteredAndPagedData() {
                const start = (this.acceleratedGoodsListCurrentPage - 1) * this.acceleratedGoodsListPageSize;
                const end = start + this.acceleratedGoodsListPageSize;
                return this.ruleForm.accelerated_goods_list.slice(start, end);
            },

            handlePageSizeChange(val) {
                console.log(val)
                this.acceleratedGoodsListCurrentPage = val;
            },
        }
    });
</script>