qimall/addons/DoubleCopy/backend/views/level/edit.php

<?php

use common\helpers\ComponentHelper;

ComponentHelper::loadComponentView('com-dialog-select');
ComponentHelper::loadComponentView('com-dialog-select-store');
ComponentHelper::loadComponentView('com-select-cat');
?>

<div id="app" v-cloak>
    <template>
        <div style="margin-left: 10px;display:none" >
            <com-dialog-select :multiple="true" @selected="conditionGoodsSelectCheck" title="商品选择">
                <el-button type="text" ref="checkgoods">选择商品</el-button>
            </com-dialog-select>
        </div>
    </template>
    <el-card class="box-card" v-loading="cardLoading" shadow="never" style="border:0;min-width: 1250px;"
             body-style="background-color: #f3f3f3;padding: 10px 0 0;">
        <div slot="header">
            <el-breadcrumb separator="/">
                <el-breadcrumb-item>
                    <span style="color: #409EFF;cursor: pointer" @click="$navigate({r:'double-copy/level/index'})">
                        等级
                    </span>
                </el-breadcrumb-item>
                <el-breadcrumb-item>编辑等级</el-breadcrumb-item>
            </el-breadcrumb>
        </div>
        <div class="form-body">
            <el-form :model="ruleForm" :rules="rules" size="small" ref="ruleForm" label-width="160px">
                <el-row>
                    <el-col :span="24">
                        <el-form-item label="等级权重" prop="level">
                            <el-select v-model="ruleForm.level" placeholder="请选择" style=" width: 260px;">
                                <el-option v-for="item in weights" :key="item.level" :label="item.name"
                                           :value="item.level" :disabled="item.disabled && item.level!=origin_level">
                                </el-option>
                            </el-select>
                        </el-form-item>

                        <el-form-item label="等级名称" prop="name">
                            <el-input
                                    v-model="ruleForm.name"
                                    placeholder="请输入等级名称"
                                    type="text" maxlength="5" show-word-limit
                                    style=" width: 260px;"
                            ></el-input>
                        </el-form-item>


                        <el-form-item :label="capital_map.first_prize + '佣金类型'" prop="first_prize_type">
                            <el-radio-group v-model="ruleForm.setting.first_prize_type">
                                <el-radio :label="0">百分比</el-radio>
                                <el-radio :label="1">固定金额</el-radio>
                            </el-radio-group>
                        </el-form-item>

                        <el-form-item :label="capital_map.first_prize">
                            <el-input v-model="ruleForm.setting.first_prize" type="text" style=" width: 260px;" onInput="value=toNumber(value,2)">
                                <template slot="append" v-if="ruleForm.setting.first_prize_type == 0">%</template>
                                <template slot="append" v-if="ruleForm.setting.first_prize_type == 1">元</template>
                            </el-input>
                        </el-form-item>

                        <el-form-item :label="capital_map.first_prize + '积分类型'" prop="first_prize_type">
                            <el-radio-group v-model="ruleForm.score_setting.first_prize_type">
                                <el-radio :label="0">百分比</el-radio>
                                <el-radio :label="1">固定金额</el-radio>
                            </el-radio-group>
                        </el-form-item>

                        <el-form-item :label="capital_map.first_prize + '积分'">
                            <el-input v-model="ruleForm.score_setting.first_prize" type="text" style=" width: 260px;" onInput="value=toNumber(value,2)">
                                <template slot="append" v-if="ruleForm.score_setting.first_prize_type == 0">%</template>
                                <template slot="append" v-if="ruleForm.score_setting.first_prize_type == 1">个</template>
                            </el-input>
                        </el-form-item>

                        <template v-if="is_show_additional_score == 1">
                            <el-form-item :label="capital_map.first_prize + '额外积分类型'" prop="first_prize_type">
                                <el-radio-group v-model="ruleForm.additional_score_setting.first_prize_type">
                                    <el-radio :label="0">百分比</el-radio>
                                    <el-radio :label="1">固定金额</el-radio>
                                </el-radio-group>
                            </el-form-item>
                            <el-form-item :label="capital_map.first_prize + '额外积分'">
                                <el-input v-model="ruleForm.additional_score_setting.first_prize" type="text" style=" width: 260px;" onInput="value=toNumber(value,2)">
                                    <template slot="append" v-if="!ruleForm.additional_score_setting.first_prize_type">%</template>
                                    <template slot="append" v-if="ruleForm.additional_score_setting.first_prize_type == 1">个</template>
                                </el-input>
                            </el-form-item>
                        </template>


                        <el-form-item :label="capital_map.indirect_prize + '佣金类型'" prop="indirect_prize_type">
                            <el-radio-group v-model="ruleForm.setting.indirect_prize_type">
                                <el-radio :label="0">百分比</el-radio>
                                <el-radio :label="1">固定金额</el-radio>
                            </el-radio-group>
                        </el-form-item>

                        <el-form-item :label="capital_map.indirect_prize">
                            <el-input v-model="ruleForm.setting.indirect_prize" type="text" style=" width: 260px;" onInput="value=toNumber(value,2)">
                                <template slot="append" v-if="ruleForm.setting.indirect_prize_type == 0 ">%</template>
                                <template slot="append" v-if="ruleForm.setting.indirect_prize_type == 1">元</template>

                            </el-input>
                            <div class="tips-text" v-if="ruleForm.setting.indirect_prize_type == 0">直推下级获得{{capital_map.first_prize}}或{{capital_map.second_prize}}收益时，获得其收益的百分之N，奖励平台承担</div>
                            <div class="tips-text" v-if="ruleForm.setting.indirect_prize_type == 1">直推下级获得{{capital_map.first_prize}}或{{capital_map.second_prize}}收益时，可获得N元收益，奖励平台承担</div>
                        </el-form-item>


                        <el-form-item :label="capital_map.indirect_prize + '积分类型'" prop="indirect_prize_type">
                            <el-radio-group v-model="ruleForm.score_setting.indirect_prize_type">
                                <el-radio :label="0">百分比</el-radio>
                                <el-radio :label="1">固定金额</el-radio>
                            </el-radio-group>
                        </el-form-item>

                        <el-form-item :label="capital_map.indirect_prize + '积分'">
                            <el-input v-model="ruleForm.score_setting.indirect_prize" type="text" style=" width: 260px;" onInput="value=toNumber(value,2)">
                                <template slot="append" v-if="ruleForm.score_setting.indirect_prize_type == 0 ">%</template>
                                <template slot="append" v-if="ruleForm.score_setting.indirect_prize_type == 1">个</template>

                            </el-input>
                            <div class="tips-text" v-if="ruleForm.score_setting.indirect_prize_type == 0">直推下级获得{{capital_map.first_prize}}或{{capital_map.second_prize}}收益时，获得其收益的百分之N，奖励平台承担</div>
                            <div class="tips-text" v-if="ruleForm.score_setting.indirect_prize_type == 1">直推下级获得{{capital_map.first_prize}}或{{capital_map.second_prize}}收益时，可获得N元收益，奖励平台承担</div>
                        </el-form-item>

                        <template v-if="is_show_additional_score == 1">
                            <el-form-item :label="capital_map.indirect_prize + '额外积分类型'" prop="indirect_prize_type">
                                <el-radio-group v-model="ruleForm.additional_score_setting.indirect_prize_type">
                                    <el-radio :label="0">百分比</el-radio>
                                    <el-radio :label="1">固定金额</el-radio>
                                </el-radio-group>
                            </el-form-item>
                            <el-form-item :label="capital_map.indirect_prize + '额外积分'">
                                <el-input v-model="ruleForm.additional_score_setting.indirect_prize" type="text" style=" width: 260px;" onInput="value=toNumber(value,2)">
                                    <template slot="append" v-if="!ruleForm.additional_score_setting.indirect_prize_type">%</template>
                                    <template slot="append" v-if="ruleForm.additional_score_setting.indirect_prize_type == 1">个</template>
                                </el-input>
                            </el-form-item>
                        </template>


                        <el-form-item :label="capital_map.second_prize + '佣金类型'" prop="second_prize_type" v-if="ruleForm.level >= 2">
                            <el-radio-group v-model="ruleForm.setting.second_prize_type">
                                <el-radio :label="0">百分比</el-radio>
                                <el-radio :label="1">固定金额</el-radio>
                            </el-radio-group>
                        </el-form-item>

                        <el-form-item :label="capital_map.second_prize" v-if="ruleForm.level >= 2">
                            <el-input v-model="ruleForm.setting.second_prize" type="text" style=" width: 260px;" onInput="value=toNumber(value,2)">
                                <template slot="append" v-if="ruleForm.setting.second_prize_type == 0">%</template>
                                <template slot="append" v-if="ruleForm.setting.second_prize_type == 1 ">元</template>
                            </el-input>
                        </el-form-item>


                        <el-form-item :label="capital_map.second_prize + '积分类型'" prop="second_prize_type" v-if="ruleForm.level >= 2">
                            <el-radio-group v-model="ruleForm.score_setting.second_prize_type">
                                <el-radio :label="0">百分比</el-radio>
                                <el-radio :label="1">固定金额</el-radio>
                            </el-radio-group>
                        </el-form-item>

                        <el-form-item :label="capital_map.second_prize + '积分'" v-if="ruleForm.level >= 2">
                            <el-input v-model="ruleForm.score_setting.second_prize" type="text" style=" width: 260px;" onInput="value=toNumber(value,2)">
                                <template slot="append" v-if="ruleForm.score_setting.second_prize_type == 0">%</template>
                                <template slot="append" v-if="ruleForm.score_setting.second_prize_type == 1 ">个</template>
                            </el-input>
                        </el-form-item>

                        <template v-if="is_show_additional_score == 1">
                            <el-form-item :label="capital_map.second_prize + '额外积分类型'" prop="second_prize_type" v-if="ruleForm.level >= 2">
                                <el-radio-group v-model="ruleForm.additional_score_setting.second_prize_type">
                                    <el-radio :label="0">百分比</el-radio>
                                    <el-radio :label="1">固定金额</el-radio>
                                </el-radio-group>
                            </el-form-item>

                            <el-form-item :label="capital_map.second_prize + '额外积分'" v-if="ruleForm.level >= 2">
                                <el-input v-model="ruleForm.additional_score_setting.second_prize" type="text" style=" width: 260px;" onInput="value=toNumber(value,2)">
                                    <template slot="append" v-if="!ruleForm.additional_score_setting.second_prize_type">%</template>
                                    <template slot="append" v-if="ruleForm.additional_score_setting.second_prize_type == 1 ">个</template>
                                </el-input>
                            </el-form-item>
                        </template>


                        <el-form-item :label="capital_map.equal_prize + '佣金类型'" prop="equal_prize_type" v-if="ruleForm.level >= 2">
                            <el-radio-group v-model="ruleForm.setting.equal_prize_type">
                                <el-radio :label="0">百分比</el-radio>
                                <el-radio :label="1">固定金额</el-radio>
                            </el-radio-group>
                        </el-form-item>

                        <el-form-item :label="capital_map.equal_prize" v-if="ruleForm.level >= 2">
                            <el-input v-model.number="ruleForm.setting.equal_prize" type="text" style=" width: 260px;">
                                <template slot="append" v-if="ruleForm.setting.equal_prize_type == 0">%</template>
                                <template slot="append" v-if="ruleForm.setting.equal_prize_type == 1">元</template>

                            </el-input>
                        </el-form-item>

                        <el-form-item :label="capital_map.equal_prize + '积分类型'" prop="equal_prize_type" v-if="ruleForm.level >= 2">
                            <el-radio-group v-model="ruleForm.score_setting.equal_prize_type">
                                <el-radio :label="0">百分比</el-radio>
                                <el-radio :label="1">固定金额</el-radio>
                            </el-radio-group>
                        </el-form-item>

                        <el-form-item :label="capital_map.equal_prize + '积分'" v-if="ruleForm.level >= 2">
                            <el-input v-model.number="ruleForm.score_setting.equal_prize" type="text" style=" width: 260px;">
                                <template slot="append" v-if="ruleForm.score_setting.equal_prize_type == 0">%</template>
                                <template slot="append" v-if="ruleForm.score_setting.equal_prize_type == 1">个</template>
                            </el-input>
                        </el-form-item>


                        <template v-if="is_show_additional_score == 1">
                            <el-form-item :label="capital_map.equal_prize + '额外积分类型'" prop="equal_prize_type" v-if="ruleForm.level >= 2">
                                <el-radio-group v-model="ruleForm.additional_score_setting.equal_prize_type">
                                    <el-radio :label="0">百分比</el-radio>
                                    <el-radio :label="1">固定金额</el-radio>
                                </el-radio-group>
                            </el-form-item>
                            <el-form-item :label="capital_map.equal_prize + '额外积分'" v-if="ruleForm.level >= 2">
                                <el-input v-model.number="ruleForm.additional_score_setting.equal_prize" type="text" style=" width: 260px;">
                                    <template slot="append" v-if="!ruleForm.additional_score_setting.equal_prize_type">%</template>
                                    <template slot="append" v-if="ruleForm.additional_score_setting.equal_prize_type == 1">个</template>
                                </el-input>
                            </el-form-item>
                        </template>


                        <el-form-item :label="capital_map.allowance_price + '佣金类型'" prop="allowance_price_type" >
                            <el-radio-group v-model="ruleForm.setting.allowance_price_type">
                                <el-radio :label="0">百分比</el-radio>
                                <el-radio :label="1">固定金额</el-radio>
                            </el-radio-group>
                        </el-form-item>

                        <el-form-item :label="capital_map.allowance_price " >
                            <el-input v-model.number="ruleForm.setting.allowance_price" type="text" style=" width: 260px;">
                                <template slot="append" v-if="ruleForm.setting.allowance_price_type == 0">%</template>
                                <template slot="append" v-if="ruleForm.setting.allowance_price_type == 1 ">元</template>
                            </el-input>
                        </el-form-item>


                        <el-form-item :label="capital_map.allowance_price + '积分类型'" prop="allowance_price_type" >
                            <el-radio-group v-model="ruleForm.score_setting.allowance_price_type">
                                <el-radio :label="0">百分比</el-radio>
                                <el-radio :label="1">固定金额</el-radio>
                            </el-radio-group>
                            <div class="tips-text">获得{{capital_map.first_prize}}或{{capital_map.second_prize}}用户且该用户位置小于或等于2号位(位置要根据设置而定),则此用户的上级可获得其奖励的N%收益，奖励平台承担</div>
                        </el-form-item>

                        <el-form-item :label="capital_map.allowance_price + '积分'" >
                            <el-input v-model.number="ruleForm.score_setting.allowance_price" type="text" style=" width: 260px;">
                                <template slot="append" v-if="ruleForm.score_setting.allowance_price_type == 0">%</template>
                                <template slot="append" v-if="ruleForm.score_setting.allowance_price_type == 1 ">元</template>
                            </el-input>
                            <div class="tips-text">获得{{capital_map.first_prize}}或{{capital_map.second_prize}}用户且该用户位置小于或等于2号位(位置要根据设置而定),则此用户的上级可获得其奖励的N%收益，奖励平台承担</div>
                        </el-form-item>


                        <template v-if="is_show_additional_score == 1">
                            <el-form-item :label="capital_map.allowance_price + '额外积分类型'" prop="allowance_price_type" >
                                <el-radio-group v-model="ruleForm.additional_score_setting.allowance_price_type">
                                    <el-radio :label="0">百分比</el-radio>
                                    <el-radio :label="1">固定金额</el-radio>
                                </el-radio-group>
                            </el-form-item>
                            <el-form-item :label="capital_map.allowance_price + '额外积分'" >
                                <el-input v-model.number="ruleForm.additional_score_setting.allowance_price" type="text" style=" width: 260px;">
                                    <template slot="append" v-if="!ruleForm.additional_score_setting.allowance_price_type">%</template>
                                    <template slot="append" v-if="ruleForm.additional_score_setting.allowance_price_type == 1 ">元</template>
                                </el-input>
                            </el-form-item>
                        </template>

                        <el-form-item :label="capital_map.equal_level_prize + '佣金类型'" prop="equal_level_prize_type" v-if="ruleForm.level >= 2">
                            <el-radio-group v-model="ruleForm.setting.equal_level_prize_type">
                                <el-radio :label="0">百分比</el-radio>
                                <el-radio :label="1">固定金额</el-radio>
                            </el-radio-group>
                        </el-form-item>

                        <el-form-item :label="capital_map.equal_level_prize" v-if="ruleForm.level >= 2">
                            <el-input v-model.number="ruleForm.setting.equal_level_prize" type="text" style=" width: 260px;">
                                <template slot="append" v-if="ruleForm.setting.equal_level_prize_type == 0">%</template>
                                <template slot="append" v-if="ruleForm.setting.equal_level_prize_type == 1">元</template>

                            </el-input>
                        </el-form-item>

                        <el-form-item :label="capital_map.equal_level_prize + '积分类型'" prop="equal_level_prize_type" v-if="ruleForm.level >= 2">
                            <el-radio-group v-model="ruleForm.score_setting.equal_level_prize_type">
                                <el-radio :label="0">百分比</el-radio>
                                <el-radio :label="1">固定金额</el-radio>
                            </el-radio-group>
                        </el-form-item>

                        <el-form-item :label="capital_map.equal_level_prize + '积分'" v-if="ruleForm.level >= 2">
                            <el-input v-model.number="ruleForm.score_setting.equal_level_prize" type="text" style=" width: 260px;">
                                <template slot="append" v-if="ruleForm.score_setting.equal_level_prize_type == 0">%</template>
                                <template slot="append" v-if="ruleForm.score_setting.equal_level_prize_type == 1">个</template>
                            </el-input>
                        </el-form-item>


                        <template v-if="is_show_additional_score == 1">
                            <el-form-item :label="capital_map.equal_level_prize + '额外积分类型'" prop="equal_level_prize_type" v-if="ruleForm.level >= 2">
                                <el-radio-group v-model="ruleForm.additional_score_setting.equal_level_prize_type">
                                    <el-radio :label="0">百分比</el-radio>
                                    <el-radio :label="1">固定金额</el-radio>
                                </el-radio-group>
                            </el-form-item>
                            <el-form-item :label="capital_map.equal_level_prize + '额外积分'" v-if="ruleForm.level >= 2">
                                <el-input v-model.number="ruleForm.additional_score_setting.equal_level_prize" type="text" style=" width: 260px;">
                                    <template slot="append" v-if="!ruleForm.additional_score_setting.equal_level_prize_type">%</template>
                                    <template slot="append" v-if="ruleForm.additional_score_setting.equal_level_prize_type == 1">个</template>
                                </el-input>
                            </el-form-item>
                        </template>

                        <el-form-item :label="capital_map.repurchase_prize + '佣金类型'" prop="repurchase_prize_type">
                            <el-radio-group v-model="ruleForm.setting.repurchase_prize_type">
                                <el-radio :label="0">百分比</el-radio>
                                <el-radio :label="1">固定金额</el-radio>
                            </el-radio-group>
                        </el-form-item>

                        <el-form-item :label="capital_map.repurchase_prize" prop="repurchase_prize">
                            <el-input v-model.number="ruleForm.setting.repurchase_prize" type="text" style=" width: 260px;">
                                <template slot="append" v-if="ruleForm.setting.repurchase_prize_type == 0">%</template>
                                <template slot="append" v-if="ruleForm.setting.repurchase_prize_type == 1">元</template>

                            </el-input>
                        </el-form-item>

                        <el-form-item :label="capital_map.repurchase_prize + '积分类型'" prop="repurchase_prize_type">
                            <el-radio-group v-model="ruleForm.score_setting.repurchase_prize_type">
                                <el-radio :label="0">百分比</el-radio>
                                <el-radio :label="1">固定金额</el-radio>
                            </el-radio-group>
                        </el-form-item>

                        <el-form-item :label="capital_map.repurchase_prize + '积分'" prop="repurchase_prize">
                            <el-input v-model.number="ruleForm.score_setting.repurchase_prize" type="text" style=" width: 260px;">
                                <template slot="append" v-if="ruleForm.score_setting.repurchase_prize_type == 0">%</template>
                                <template slot="append" v-if="ruleForm.score_setting.repurchase_prize_type == 1">个</template>
                            </el-input>
                        </el-form-item>

                        <template v-if="is_show_additional_score == 1">
                            <el-form-item :label="capital_map.repurchase_prize + '额外积分类型'" prop="repurchase_prize_type">
                                <el-radio-group v-model="ruleForm.additional_score_setting.repurchase_prize_type">
                                    <el-radio :label="0">百分比</el-radio>
                                    <el-radio :label="1">固定金额</el-radio>
                                </el-radio-group>
                            </el-form-item>
                            <el-form-item :label="capital_map.repurchase_prize + '额外积分'" prop="repurchase_prize">
                                <el-input v-model.number="ruleForm.additional_score_setting.repurchase_prize" type="text" style=" width: 260px;">
                                    <template slot="append" v-if="!ruleForm.additional_score_setting.repurchase_prize_type">%</template>
                                    <template slot="append" v-if="ruleForm.additional_score_setting.repurchase_prize_type == 1">个</template>
                                </el-input>
                            </el-form-item>
                        </template>


                        <el-form-item :label="capital_map.freeze_fund" v-if="ruleForm.level >= 2">
                            <div style="display: flex;align-items: center">
                                此等级产生{{ capital_map.second_prize }}收益冻结
                                <el-input type="text" v-model="ruleForm.setting.freeze_fund_prize" style="width: 100px; margin: 0 10px;" onInput="value=toNumber(value,2)">
                                </el-input>
                                %/每单，助力升级代理成为老板，并且老板团队产生代理
                                <el-input type="number" style="width: 100px;" v-model="ruleForm.setting.freeze_fund_num"></el-input>
                                个后解冻全部收益
                                <el-tooltip class="item" effect="dark"
                                            content="助力升级的代理必须成为老板"
                                            placement="top-end">
                                    <i class="el-icon-info"></i>
                                </el-tooltip>
                            </div>
                        </el-form-item>

                        <el-form-item label="" v-if="ruleForm.level >= 2">
                            <div style="display: flex;align-items: center">
                            <el-checkbox v-model="ruleForm.setting.is_thaw" :true-label="1" :false-label="0">
                                协助1号位和2号位晋升等级大于等于
                                <el-select v-model="ruleForm.setting.first_level" placeholder="请选择" style="width:100px;">
                                    <el-option v-for="item in level_arr" :key="item.level" :label="item.name" :value="item.level"></el-option>
                                </el-select>
                                等级，且需完成直推
                                <el-input type="number" style="width: 100px;" v-model="ruleForm.setting.push_num"></el-input>
                                个大于等于
                                <el-select v-model="ruleForm.setting.second_level" placeholder="请选择" style="width:100px;">
                                    <el-option v-for="item in level_arr" :key="item.level" :label="item.name" :value="item.level"></el-option>
                                </el-select>
                                等级（包含1号位和2号位）后解冻全部收益
                                <!-- <el-tooltip class="item" effect="dark"
                                            content="助力升级的代理必须成为老板"
                                            placement="top-end">
                                    <i class="el-icon-info"></i>
                                </el-tooltip> -->
                            </el-checkbox>
                            </div>
                        </el-form-item>

                        <el-form-item label="解冻阶梯设置" v-if="ruleForm.level >= 2">
                            <el-switch v-model="ruleForm.open_ladder" :active-value="1" :inactive-value="0"></el-switch>
                        </el-form-item>

                        <div class="el-form-item el-form-item--small">
                            <div class="el-form-item__content my_reset" style="margin-left: 60px;" v-if="ruleForm.level >= 2 && ruleForm.open_ladder == 1">
                                <div v-for="(item,key) in ruleForm.ladder_setting" style="margin: 5px 0;">
                                    ● 前
                                    <el-input style="width:50px" v-model="item.market" onInput="value=toNumber(value)"></el-input>
                                    个市场团队总业绩达到
                                    <el-input placeholder="0.00" style="width:130px" v-model="item.achievement" onInput="value=toNumber(value,2)">
                                        <template slot="append">元</template>
                                    </el-input>
                                    且单个市场业绩不低于
                                    <el-input placeholder="0.00" style="width:130px" v-model="item.single_market" onInput="value=toNumber(value,2)">
                                        <template slot="append">元</template>
                                    </el-input>
                                    解冻基金
                                    <el-input placeholder="0.00" style="width:90px" v-model="item.thaw_percent" onInput="value=toNumber(value,2)">
                                        <template slot="append">%</template>
                                    </el-input>
                                    且后续冻结比例：{{ ruleForm.setting.freeze_fund_prize * (100-item.thaw_percent) / 100 }}%，前端显示
                                    <el-input style="width:180px" v-model="item.show_contents"></el-input>
                                    <el-button type="text" @click="handle('delete',key)" style="margin-left: 10px;">删除</el-button>
                                </div>
                                <div v-if="ruleForm.ladder_setting.length < 5"><el-button type="text" @click="handle('add')">+添加设置</el-button> <span style="font-size: 12px; color: #cccbcb;">最多可添加5条</span></div>
                            </div>
                        </div>

                        <el-form-item label="是否启用自动升级" prop="is_auto_upgrade">
                            <el-switch v-model="ruleForm.is_auto_upgrade" :active-value="1" :inactive-value="0"></el-switch>
                        </el-form-item>

                        <el-form-item label="条件升级" v-if="ruleForm.is_auto_upgrade == 1 && ruleForm.level >= 2">
                            <template v-if="ruleForm.level >= 2">
                                <el-form-item>
                                    <el-switch v-model="ruleForm.upgrade_type_condition" :active-value="1"
                                               :inactive-value="0" active-text="开启" inactive-text="关闭">
                                    </el-switch>
                                </el-form-item>
                                <el-form-item v-if="ruleForm.upgrade_type_condition==1">
                                    <el-radio-group v-model="ruleForm.condition_type">
                                        <el-radio :label="1">满足其一方可升级</el-radio>
                                         <el-radio :label="2">满足所有才可升级</el-radio>
                                    </el-radio-group>
                                </el-form-item>
                                <el-checkbox-group
                                        v-model="ruleForm.checked_condition_keys"
                                        v-if="ruleForm.upgrade_type_condition==1 && ruleForm.condition_type>0"
                                        class="check-group">
                                    <el-col :span="24" v-if="ruleForm.level == 2">
                                        <el-checkbox :label="ruleForm.checked_condition_values[0].key">
                                            <div style="display: flex;align-items: center">
                                                条件1： 升级前身份等级为代理，直推
                                                <el-input type="number" v-model="ruleForm.checked_condition_values[0].value.val0">
                                                    <template slot="append">个</template>
                                                </el-input>
                                                代理后升级
                                            </div>
                                        </el-checkbox>
                                    </el-col>
                                    <el-col :span="24" v-if="ruleForm.level > 2">
                                        <el-checkbox :label="ruleForm.checked_condition_values[1].key">
                                            <div style="display: flex;align-items: center">
                                                条件2：当前等级为
                                                <el-select v-model="ruleForm.checked_condition_values[1].value.val0" placeholder="请选择">
                                                    <el-option v-for="item in level_arr" :key="item.level" :label="item.name" :value="item.level"></el-option>
                                                </el-select>
                                                直推前
                                                <el-input type="number" v-model="ruleForm.checked_condition_values[1].value.val1">
                                                    <template slot="append">个</template>
                                                </el-input>
                                                市场都成为
                                                <el-select v-model="ruleForm.checked_condition_values[1].value.val2" placeholder="请选择">
                                                    <el-option v-for="item in level_arr" :key="item.level" :label="item.name" :value="item.level"></el-option>
                                                </el-select>
                                                或以上级别
                                            </div>
                                        </el-checkbox>
                                    </el-col>


                                    <el-col :span="24" >
                                        <el-checkbox :label="ruleForm.checked_condition_values[2].key">
                                            <div style="display: flex;align-items: center">
                                                条件3： 购买指定商品，商品ID组
                                                <el-input style="width:100px;" v-model="ruleForm.checked_condition_values[2].value.val0"></el-input>&nbsp; <el-button type="text" @click="clickSelectCheckConditionGoods()">选择商品</el-button>

                                            </div>
                                        </el-checkbox>
                                    </el-col>

                                    <el-col :span="24" v-if="ruleForm.level >= 2">
                                        <el-checkbox :label="ruleForm.checked_condition_values[3].key">
                                            <div style="display: flex;align-items: center">
                                                条件4： 指定商品ID
                                                <el-input v-model="ruleForm.checked_condition_values[3].value.val0"></el-input>
                                                (多个商品间用英文逗号隔开)，并且单笔订单金额满(订单完成)
                                                <el-input type="number" v-model="ruleForm.checked_condition_values[3].value.val1">
                                                    <template slot="append">元</template>
                                                </el-input>
                                            </div>
                                        </el-checkbox>
                                    </el-col>

                                </el-checkbox-group>
                            </template>
                        </el-form-item>

                        <el-form-item label="购买商品升级" v-if="ruleForm.is_auto_upgrade == 1">
                            <el-form-item>
                                <el-switch v-model="ruleForm.upgrade_type_goods" :active-value="1"
                                           :inactive-value="0" active-text="开启" inactive-text="关闭">
                                </el-switch>
                            </el-form-item>
                            <el-form-item v-if="ruleForm.upgrade_type_goods==1">
                                <el-radio-group v-model="ruleForm.buy_goods_type">
                                    <el-radio :label="0">订单完成
                                    </el-radio>
                                    <el-radio :label="1">支付完成
                                    </el-radio>
                                </el-radio-group>
                            </el-form-item>

                            <el-form-item v-if="ruleForm.upgrade_type_goods==1">
                                <el-radio-group v-model="ruleForm.goods_type">
                                    <el-radio :label="1">任意商品</el-radio>
                                    <el-radio :label="2">指定商品</el-radio>
                                </el-radio-group>

                                <div style="margin-top: 10px; display: flex;" v-if="ruleForm.goods_type==2">
                                    <com-dialog-select :multiple="true" @selected="goodsSelect" title="商品选择">
                                        <el-button type="primary" plain>选择商品</el-button>
                                    </com-dialog-select>
                                    <div style="color: #ff4544; margin-left: 10px;">最多可添加99个商品</div>
                                </div>
                            </el-form-item>
                        </el-form-item>
                        <el-form-item prop="goods_ids" v-if="ruleForm.upgrade_type_goods==1">
                            <template v-if="ruleForm.goods_type==2">
                                <div style="max-height: 300px;overflow-y: auto;width: 60%;">
                                    <el-table :data="ruleForm.goods_list" border style="width: 100%">
                                        <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="100">
                                            <template slot-scope="scope">
                                                <el-button @click="deleteGoods(scope.$index)" type="primary" size="mini">删除</el-button>
                                            </template>
                                        </el-table-column>
                                    </el-table>
                                </div>
                            </template>
                        </el-form-item>

                        <el-form-item label="购买门店商品升级" v-if="ruleForm.is_auto_upgrade == 1">
                            <el-form-item>
                                <el-switch v-model="ruleForm.upgrade_type_store_goods" :active-value="1"
                                           :inactive-value="0" active-text="开启" inactive-text="关闭">
                                </el-switch>
                            </el-form-item>
                            <el-form-item v-if="ruleForm.upgrade_type_store_goods==1">
                                <el-radio-group v-model="ruleForm.buy_store_goods_type">
                                    <el-radio :label="0">订单完成
                                    </el-radio>
                                    <el-radio :label="1">支付完成
                                    </el-radio>
                                </el-radio-group>
                            </el-form-item>

                            <el-form-item v-if="ruleForm.upgrade_type_store_goods==1">
                                <el-radio-group v-model="ruleForm.store_goods_type">
                                    <el-radio :label="1">任意商品</el-radio>
                                    <el-radio :label="2">指定商品</el-radio>
                                </el-radio-group>

                                <div style="margin-top: 10px; display: flex;" v-if="ruleForm.store_goods_type==2">
                                    <com-dialog-select-store :multiple="true" @selected="storeGoodsSelect" title="商品选择" :is_show_store_name="true" url="store/store-goods/search-with-store">
                                        <el-button type="primary" plain>选择商品</el-button>
                                    </com-dialog-select-store>
                                    <div style="color: #ff4544; margin-left: 10px;">最多可添加99个商品</div>
                                </div>
                            </el-form-item>
                        </el-form-item>
                        <el-form-item label="收银台支付任意一笔订单升级" v-if="ruleForm.is_auto_upgrade == 1">
                            <el-form-item>
                                <el-switch v-model="ruleForm.store_cashier_order_is_up" :active-value="1"
                                           :inactive-value="0" active-text="开启" inactive-text="关闭">
                                </el-switch>
                            </el-form-item>
                        </el-form-item>

                        <el-form-item prop="store_goods_ids" v-if="ruleForm.upgrade_type_store_goods==1">
                            <template v-if="ruleForm.store_goods_type==2">
                                <div style="max-height: 300px;overflow-y: auto;width: 60%;">
                                    <el-table :data="ruleForm.store_goods_list" border style="width: 100%">
                                        <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="100">
                                            <template slot-scope="scope">
                                                <el-button @click="deleteStoreGoods(scope.$index)" type="primary" size="mini">删除</el-button>
                                            </template>
                                        </el-table-column>
                                    </el-table>
                                </div>
                            </template>
                        </el-form-item>

                        <el-form-item label="是否启用" prop="status">
                            <el-switch v-model="ruleForm.status" :active-value="1" :inactive-value="0"></el-switch>
                        </el-form-item>

                        <el-form-item label="等级说明">
                            <el-input type="textarea" :rows="8" placeholder="请输入等级说明" v-model="ruleForm.explain" maxlength="1000" show-word-limit></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
            </el-form>
        </div>
        <el-button class="button-item" :loading="btnLoading" type="primary" @click="submitForm('ruleForm')"
                   size="small">保存
        </el-button>
    </el-card>
</div>
<script>
    const app = new Vue({
        el: '#app',
        data() {
            return {
                msg: 1,
                options: [], //会员等级列表
                origin_level: 0,
                showConditionMsg: false,
                conditionMsg: '',
                //权重列表
                weights: [],
                level_arr: [],
                capital_map: {
                    first_prize: '直推奖',
                    indirect_prize: '间推奖',
                    second_prize: '平台补贴',
                    equal_prize: '培育奖',
                    freeze_fund: '冻结基金',
                    allowance_price : '津贴奖',
                    equal_level_prize: '平级奖',
                    repurchase_prize:'复购奖',
                },
                ruleForm: {
                    level: '',	//当前选中等级
                    name: '',
                    condition_type: 1,
                    buy_goods_type: 0,
                    is_auto_upgrade: 0,
                    goods_type: 1,
                    upgrade_type_condition: 0,
                    upgrade_type_goods: 0,
                    status: 1,
                    explain: '',
                    checked_condition_values: [
                        {
                            key: 0,
                            value: {
                                val0: '',
                            }
                        },
                        {
                            key: 1,
                            value: {
                                val0: 2,
                                val1: 2,
                                val2: 2,
                            }
                        },
                        {
                            key: 2,
                            value: {
                                val0: '',
                            }
                        },
                        {
                            key: 3,
                            value: {
                                val0: '',
                                val1: '0',
                            }
                        },
                    ],
                    goods_ids: [],
                    checked_condition_keys: [],	//对应条件的key
                    goods_list: [],
                    setting: {
                        commission_type: 'commission',
                        from_type: 'double_copy',
                        first_prize_type: 0,
                        first_prize: 0,
                        indirect_prize_type: 0,
                        indirect_prize: 0,
                        second_prize_type: 0,
                        second_prize: 0,
                        equal_prize_type: 0,
                        equal_prize: 0,
                        freeze_fund_prize: 0,
                        freeze_fund_num: 0,
                        allowance_price_type: 0,
                        allowance_price: 0,
                        equal_level_prize_type: 0,
                        equal_level_prize: 0,
                        repurchase_prize_type:0,
                        repurchase_prize:0,
                        is_thaw: 0, //是否勾选额外解冻条件
                        first_level:'', //直推1、2号位需满足等级条件 
                        push_num: 0, //直推个数
                        second_level: '', //直推用户等级

                    },
                    score_setting: {
                        commission_type: 'score',
                        from_type: 'double_copy',
                        first_prize_type: 0,
                        first_prize: 0,
                        indirect_prize_type: 0,
                        indirect_prize: 0,
                        second_prize_type: 0,
                        second_prize: 0,
                        equal_prize_type: 0,
                        equal_prize: 0,
                        freeze_fund_prize: 0,
                        freeze_fund_num: 0,
                        allowance_price_type: 0,
                        allowance_price: 0,
                        equal_level_prize_type: 0,
                        equal_level_prize: 0,
                        repurchase_prize_type:0,
                        repurchase_prize:0,
                    },
                    additional_score_setting: {
                        commission_type: 'additional_score',
                        from_type: 'double_copy',
                        first_prize_type: 0,
                        first_prize: 0,
                        indirect_prize_type: 0,
                        indirect_prize: 0,
                        second_prize_type: 0,
                        second_prize: 0,
                        equal_prize_type: 0,
                        equal_prize: 0,
                        freeze_fund_prize: 0,
                        freeze_fund_num: 0,
                        allowance_price_type: 0,
                        allowance_price: 0,
                        equal_level_prize_type: 0,
                        equal_level_prize: 0,
                        repurchase_prize_type:0,
                        repurchase_prize:0,
                    },
                    open_ladder: 0,
                    ladder_setting: [],
                    buy_store_goods_type: 0,
                    store_goods_type: 1,
                    upgrade_type_store_goods: 0,
                    store_cashier_order_is_up: 0,
                    store_goods_ids:[],
                    store_goods_list:[],
                },
                checked_condition_values: [
                    {
                        key: 0,
                        value: {
                            val0: '',
                        }
                    },
                    {
                        key: 1,
                        value: {
                            val0: 0,
                            val1: 0,
                            val2: 0,
                        }
                    },
                    {
                        key: 2,
                        value: {
                            val0: '',
                        }
                    },
                    {
                        key: 3,
                        value: {
                            val0: '',
                            val1: 0,
                        }
                    }
                ],
                rules: {
                    level: [
                        {required: true, message: '请选择等级', trigger: 'change'},
                    ],
                    name: [
                        {required: true, message: '请输入等级名称', trigger: 'change'},
                    ],
                    status: [
                        {required: true, message: '请选择等级状态', trigger: 'change'},
                    ],
                },
                btnLoading: false,
                cardLoading: false,
                is_show_additional_score: <?= $is_show_additional_score ?>
            };
        },
        mounted() {
            // if (getQuery('id')) {
            //     this.loadData();
            // }
            this.loadData();
        },
        methods: {
            // 获取显示的值
            loadData() {
                this.cardLoading = true;
                request({
                    params: {
                        r: 'double-copy/level/edit',
                        id: getQuery('id')
                    },
                }).then(e => {
                    this.cardLoading = false;
                    if (e.data.code == 0) {
                        if (e.data.data.detail) {
                            // 该字段为后面新增的关联字段，兼容之前的数据
                            let score_setting = this.ruleForm.score_setting
                            let additional_score_setting = this.ruleForm.additional_score_setting

                            Object.assign(this.ruleForm, e.data.data.detail)

                            if(!e.data.data.detail.score_setting){
                                this.ruleForm.score_setting = score_setting
                            }

                            if(!e.data.data.detail.additional_score_setting){
                                this.ruleForm.additional_score_setting = additional_score_setting
                            }

                            this.checked_condition_values.forEach((item,i) => {
                                if (isEmpty(this.ruleForm.checked_condition_values[i])) {
                                    this.ruleForm.checked_condition_values.push(item)
                                }
                            })
                            console.log(this.ruleForm.checked_condition_values);
                            this.origin_level =this.ruleForm.level;
                        }
                        this.weights = e.data.data.weights;
                        this.level_arr = e.data.data.level_arr;
                        if (!isEmpty(e.data.data.capital_map)) this.capital_map = e.data.data.capital_map;
                        console.log(thi.ruleForm);
                    } else {
                        this.$message.error(e.data.msg);
                    }
                }).catch(e => {
                    console.log(e);
                });
            },

            //提交表单
            submitForm(formName) {
                let self = this;
                self.showConditionMsg = false;
                if (self.ruleForm.upgrade_type_goods == 1) {
                    if (self.ruleForm.goods_list.length == 0 && self.ruleForm.goods_type == 2) {	//选中的checkBox
                        self.$message.error('请选择升级商品');
                        return;
                    }
                }
                if (self.ruleForm.is_auto_upgrade == 1 && self.ruleForm.upgrade_type_condition == 1) {	//选中升级条件
                    if (self.ruleForm.checked_condition_keys.length == 0) {	//选中的checkBox
                        self.$message.error('请完善升级条件');
                        return;
                    }

                    let checked_condition_values = self.ruleForm.checked_condition_values;
                    self.ruleForm.checked_condition_keys.forEach(v => {
                        self.conditionMsg = '请完善条件：' + (parseInt(v) + 1);
                        // 遍历对象里面的每一个值，如果为空，则弹出
                        for (let i in checked_condition_values[v].value) {
                            if (!checked_condition_values[v].value[i] && checked_condition_values[v].value[i] === '') {
                                self.showConditionMsg = true;
                                return;
                            }
                        }
                    })

                    if (self.showConditionMsg) {
                        this.$message.error(self.conditionMsg);
                        return
                    }
                    if (this.ruleForm.checked_condition_keys.length > 0) {
                        if (this.ruleForm.condition_type == 0) {
                            this.$message.error('请选择条件升级的方式升级类型');
                            return;
                        }
                    }
                }

                // return
                this.$refs[formName].validate((valid) => {
                    if (valid) {
                        // self.btnLoading = true;
                        request({
                            params: {
                                r: 'double-copy/level/edit'
                            },
                            method: 'post',
                            data: {
                                form: self.ruleForm,
                            }
                        }).then(e => {
                            self.btnLoading = false;
                            if (e.data.code == 0) {
                                navigateTo({
                                    r: 'double-copy/level/index'
                                })
                            } 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;
                    }
                });
            },
            //选择商品
            goodsSelect(param) {
                for (let j in param) {
                    let item = param[j];
                    if (this.ruleForm.goods_ids.length >= 99) {
                        this.$message.error('指定商品不能大于99个');
                        return;
                    }
                    let flag = true;
                    for (let i in this.ruleForm.goods_ids) {
                        if (this.ruleForm.goods_ids[i] == param[j].id) {
                            flag = false;
                            break;
                        }
                    }
                    if (flag) {
                        this.ruleForm.goods_ids.push(param[j].id);
                        this.ruleForm.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.goods_list.splice(index, 1);
                this.ruleForm.goods_ids.splice(index, 1);
            },
            //检测当前输入的违规次数--输入的时候
            freezeFundValuesVal0ViolationNumInput(value, v_key) {
                this.ruleForm.freeze_fund_data.freeze_fund_values[v_key].value.val0 = numberHandle(value, 2, 2);
            },
            //检测当前输入的违规次数--输入的时候
            freezeFundValuesVal2ViolationNumInput(value, v_key) {
                this.ruleForm.freeze_fund_data.freeze_fund_values[v_key].value.val2 = numberHandle(value, 2, 2);
            },
            handle(type, data = null) {
                switch (type) {
                    case 'add':// 添加规格
                        this.ruleForm.ladder_setting.push({
                            market:"2",
                            achievement:"0",
                            thaw_percent:"",
                            show_contents:"",
                        });

                        break;
                    case 'delete':// 删除规格
                        this.ruleForm.ladder_setting.splice(data,1);
                        break;
                }
            },
            //选择商品
            storeGoodsSelect(param) {
                for (let j in param) {
                    let item = param[j];
                    if (this.ruleForm.store_goods_ids.length >= 99) {
                        this.$message.error('指定商品不能大于99个');
                        return;
                    }
                    let flag = true;
                    for (let i in this.ruleForm.store_goods_ids) {
                        if (this.ruleForm.store_goods_ids[i] == param[j].id) {
                            flag = false;
                            break;
                        }
                    }
                    if (flag) {
                        this.ruleForm.store_goods_ids.push(param[j].id);
                        this.ruleForm.store_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,
                        });
                    }
                }
            },
            
            //删除商品
            deleteStoreGoods(index) {
                this.ruleForm.store_goods_list.splice(index, 1);
                this.ruleForm.store_goods_ids.splice(index, 1);
            },
            clickSelectCheckConditionGoods() {
                this.$refs.checkgoods.$el.click()
            },

            conditionGoodsSelectCheck(param) {
                let ckey;
                this.ruleForm.checked_condition_values.forEach(function(item, index) {
                    if (item.key == 2) {
                        ckey = index;
                    }

                })

                let gval = this.ruleForm.checked_condition_values[2].value.val0;
                let garr = [];
                if (gval.length > 0) {
                    garr = gval.split(",")
                }

                for (let j in param) {
                    let item = param[j];
                    let isHave = false;
                    garr.forEach(element => {
                        if (element == param[j].id) {
                            isHave = true;
                        }
                    });
                    if (!isHave) {
                        garr.push(param[j].id);
                    }

                }
                gval = garr.join(',');
                this.ruleForm.checked_condition_values[2].value.val0 = gval;
                console.log(gval);
            },
            conditionGoodsSelect(param) {
                let ckey;
                this.ruleForm.checked_condition_values.forEach(function(item, index) {
                    if (item.key == 2) {
                        ckey = index;
                    }

                })
                let gval = this.ruleForm.checked_condition_values[ckey].value.val0;
                let garr = [];
                if (gval.length > 0) {
                    garr = gval.split(",")
                }

                for (let j in param) {
                    let item = param[j];
                    let isHave = false;
                    garr.forEach(element => {
                        if (element == param[j].id) {
                            isHave = true;
                        }
                    });
                    if (!isHave) {
                        garr.push(param[j].id);
                    }

                }
                gval = garr.join(',');
                console.log(gval);
                this.ruleForm.checked_condition_values[ckey].value.val0 = gval;
            },
        }
    });
</script>

<style>
    .form-body {
        padding: 20px;
        background-color: #fff;
        margin-bottom: 20px;
        padding-right: 20%;
        min-width: 900px;
    }

    .form-button .el-form-item__content {
        margin-left: 0 !important;
    }

    .button-item {
        padding: 9px 25px;
    }

    .check-group {
        font-size: 14px !important;
    }

    .check-group .el-col {
        display: flex;
    }

    .check-group .el-input {
        margin: 0 5px;
    }

    .check-group .el-col .el-checkbox {
        display: flex;
        align-items: center;
    }

    .check-group .el-col .el-input {
        width: 100px;
    }

    .check-group .el-col .el-input .el-input__inner {
        height: 30px;
        width: 100px;
    }

    .el-checkbox-group .el-col {
        margin-bottom: 10px;
    }
    .my_reset input {
        height: 32px;
        line-height: 32px;
    }
    .my_reset .el-input-group__append {
        padding: 0px 10px;
    }
</style>