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

<?php
use common\helpers\ComponentHelper;

ComponentHelper::loadComponentView('com-dialog-select');
ComponentHelper::loadComponentView('com-select-cat');
ComponentHelper::loadComponentView('com-dialog-select-store');
?>
<div id="app" v-cloak>
    <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:'agent/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">
                <el-row>
                    <el-col :span="24">
                        <el-form-item label="经销商等级权重" prop="level" :label-width="formLabelWidth">
                            <el-select style="width: 100%" v-model="ruleForm.level" placeholder="请选择">
                                <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" :label-width="formLabelWidth">
                            <el-input v-model="ruleForm.name" placeholder="请输入经销商等级名称"></el-input>
                        </el-form-item>

                        <el-form-item label="渠道奖佣金类型" prop="is_percent_team" :label-width="formLabelWidth">
                            <el-radio-group v-model="ruleForm.commission.is_percent_team">
                                <el-radio :label="0">百分比</el-radio>
                                <el-radio :label="1">固定金额</el-radio>
                            </el-radio-group>
                        </el-form-item>
                        <el-form-item label="渠道奖励" :label-width="formLabelWidth">
                            <el-input v-model.number="ruleForm.commission.agent_team_prize" type="number">
                                <template slot="append" v-if="ruleForm.commission.is_percent_team == 0">%</template>
                                <template slot="append" v-if="ruleForm.commission.is_percent_team == 1">元</template>
                            </el-input>
                        </el-form-item>

                        <el-form-item label="被越级的奖励" :label-width="formLabelWidth">
                            <el-input v-model.number="ruleForm.commission.agent_over_prize" type="number">
                                <template slot="append">%</template>
                            </el-input>
                        </el-form-item>

                        <template v-if="is_show_additional_score == 1">
                            <el-form-item label="渠道奖额外积分类型" prop="is_percent_team" :label-width="formLabelWidth">
                                <el-radio-group v-model="ruleForm.additional_score.is_percent_team">
                                    <el-radio :label="0">百分比</el-radio>
                                    <el-radio :label="1">固定积分</el-radio>
                                </el-radio-group>
                            </el-form-item>
                            <el-form-item label="渠道额外积分奖励" :label-width="formLabelWidth">
                                <el-input v-model.number="ruleForm.additional_score.agent_team_prize" type="number">
                                    <template slot="append" v-if="!ruleForm.additional_score.is_percent_team">%</template>
                                    <template slot="append" v-if="ruleForm.additional_score.is_percent_team == 1">积分</template>
                                </el-input>
                            </el-form-item>

                            <el-form-item label="被越级的额外积分奖励" :label-width="formLabelWidth">
                                <el-input v-model.number="ruleForm.additional_score.agent_over_prize" type="number">
                                    <template slot="append" v-if="!ruleForm.additional_score.is_percent_team">%</template>
                                    <template slot="append" v-if="ruleForm.additional_score.is_percent_team == 1">积分</template>
                                </el-input>
                            </el-form-item>
                        </template>


                        <el-form-item label="渠道奖积分类型" prop="is_percent_team" :label-width="formLabelWidth">
                            <el-radio-group v-model="ruleForm.score.is_percent_team">
                                <el-radio :label="0">百分比</el-radio>
                                <el-radio :label="1">固定积分</el-radio>
                            </el-radio-group>
                        </el-form-item>
                        <el-form-item label="渠道积分奖励" :label-width="formLabelWidth">
                            <el-input v-model.number="ruleForm.score.agent_team_prize" type="number">
                                <template slot="append" v-if="ruleForm.score.is_percent_team == 0">%</template>
                                <template slot="append" v-if="ruleForm.score.is_percent_team == 1">积分</template>
                            </el-input>
                        </el-form-item>

                        <el-form-item label="被越级的积分奖励" :label-width="formLabelWidth">
                            <el-input v-model.number="ruleForm.score.agent_over_prize" type="number">
                                <template slot="append">%</template>
                            </el-input>
                        </el-form-item>


                        <template>
                            <el-form-item label="渠道奖数字币类型" prop="is_percent_team" :label-width="formLabelWidth">
                                <el-radio-group v-model="ruleForm.digital.is_percent_team">
                                    <el-radio :label="0">百分比</el-radio>
                                    <el-radio :label="1">固定数字币</el-radio>
                                </el-radio-group>
                            </el-form-item>
                            <el-form-item label="渠道奖数字币奖励" :label-width="formLabelWidth">
                                <el-input v-model.number="ruleForm.digital.agent_team_prize" type="number" onInput="value=toNumber(value,2)">
                                    <template slot="append" v-if="ruleForm.digital.is_percent_team == 0">%</template>
                                    <template slot="append" v-if="ruleForm.digital.is_percent_team == 1">数字币</template>
                                </el-input>
                            </el-form-item>

                            <el-form-item label="被越级的数字币奖励" :label-width="formLabelWidth">
                                <el-input v-model.number="ruleForm.digital.agent_over_prize" type="number" onInput="value=toNumber(value,2)">
                                    <template slot="append">%</template>
                                </el-input>
                            </el-form-item>
                        </template>

                        <el-form-item label="平级奖佣金类型" prop="is_percent_equal" :label-width="formLabelWidth">
                            <el-radio-group v-model="ruleForm.commission.is_percent_equal">
                                <el-radio :label="0">百分比</el-radio>
                                <el-radio :label="1">固定金额</el-radio>
                            </el-radio-group>
                        </el-form-item>
                        <el-form-item label="平级奖励" :label-width="formLabelWidth">
                            <el-input v-model.number="ruleForm.commission.agent_equal_prize" type="number">
                                <template slot="append" v-if="ruleForm.commission.is_percent_equal == 0">%</template>
                                <template slot="append" v-if="ruleForm.commission.is_percent_equal == 1">元</template>
                            </el-input>
                        </el-form-item>
                        <el-form-item label="独立平级奖励" prop="is_alone_agent_equal_prize" :label-width="formLabelWidth">
                            <el-switch v-model="ruleForm.commission.is_alone_agent_equal_prize" :active-value="1" :inactive-value="0">
                            </el-switch>
                        </el-form-item>
                        <div v-if="ruleForm.commission.is_alone_agent_equal_prize">

                            <el-form-item v-for="(item,index) in ruleForm.commission.alone_agent_equal_prize_info" :label-width="formLabelWidth">
                                <label slot="label">
                                    {{'第'+item.deep+'层平级奖励'}}
                                </label>
                                <el-input v-model.number="item.prize" type="number">
                                    <template slot="append" v-if="ruleForm.commission.is_percent_equal == 0">%</template>
                                    <template slot="append" v-if="ruleForm.commission.is_percent_equal == 1">元</template>
                                </el-input>
                            </el-form-item>
                        </div>
                        <el-form-item label="平级奖积分类型" prop="is_percent_equal" :label-width="formLabelWidth">
                            <el-radio-group v-model="ruleForm.score.is_percent_equal">
                                <el-radio :label="0">百分比</el-radio>
                                <el-radio :label="1">固定积分</el-radio>
                            </el-radio-group>
                        </el-form-item>
                        <el-form-item label="平级积分奖励" :label-width="formLabelWidth">
                            <el-input v-model.number="ruleForm.score.agent_equal_prize" type="number">
                                <template slot="append" v-if="ruleForm.score.is_percent_equal == 0">%</template>
                                <template slot="append" v-if="ruleForm.score.is_percent_equal == 1">积分</template>
                            </el-input>
                        </el-form-item>
                        <el-form-item label="独立平级积分奖励" prop="is_alone_agent_equal_prize" :label-width="formLabelWidth">
                            <el-switch v-model="ruleForm.score.is_alone_agent_equal_prize" :active-value="1" :inactive-value="0">
                            </el-switch>
                        </el-form-item>
                        <div v-if="ruleForm.score.is_alone_agent_equal_prize">
                            <el-form-item v-for="(item,index) in ruleForm.score.alone_agent_equal_prize_info" :label-width="formLabelWidth">
                                <label slot="label">
                                    {{'第'+item.deep+'层平级积分奖励'}}
                                </label>
                                <el-input v-model.number="item.prize" type="number">
                                    <template slot="append" v-if="ruleForm.score.is_percent_equal == 0">%</template>
                                    <template slot="append" v-if="ruleForm.score.is_percent_equal == 1">元</template>
                                </el-input>
                            </el-form-item>
                        </div>

                        <template>
                            <el-form-item label="平级奖数字币类型" prop="is_percent_equal" :label-width="formLabelWidth">
                                <el-radio-group v-model="ruleForm.digital.is_percent_equal">
                                    <el-radio :label="0">百分比</el-radio>
                                    <el-radio :label="1">固定数字币</el-radio>
                                </el-radio-group>
                            </el-form-item>
                            <el-form-item label="平级数字币奖励" :label-width="formLabelWidth">
                                <el-input v-model.number="ruleForm.digital.agent_equal_prize" type="number" onInput="value=toNumber(value,2)">
                                    <template slot="append" v-if="ruleForm.digital.is_percent_equal == 0">%</template>
                                    <template slot="append" v-if="ruleForm.digital.is_percent_equal == 1">数字币</template>
                                </el-input>
                            </el-form-item>
                        </template>

                        <template v-if="is_show_additional_score == 1">
                            <el-form-item label="平级额外积分类型" prop="is_percent_equal" :label-width="formLabelWidth">
                                <el-radio-group v-model="ruleForm.additional_score.is_percent_equal">
                                    <el-radio :label="0">百分比</el-radio>
                                    <el-radio :label="1">固定积分</el-radio>
                                </el-radio-group>
                            </el-form-item>
                            <el-form-item label="平级额外积分奖励" :label-width="formLabelWidth">
                                <el-input v-model.number="ruleForm.additional_score.agent_equal_prize" type="number" onInput="value=toNumber(value,2)">
                                    <template slot="append" v-if="!ruleForm.additional_score.is_percent_equal">%</template>
                                    <template slot="append" v-if="ruleForm.additional_score.is_percent_equal == 1">积分</template>
                                </el-input>
                            </el-form-item>
                            <el-form-item label="独立平级额外积分奖励" prop="is_alone_agent_equal_prize" :label-width="formLabelWidth">
                                <el-switch v-model="ruleForm.additional_score.is_alone_agent_equal_prize" :active-value="1" :inactive-value="0">
                                </el-switch>
                            </el-form-item>
                            <div v-if="ruleForm.additional_score.is_alone_agent_equal_prize">
                                <el-form-item v-for="(item,index) in ruleForm.additional_score.alone_agent_equal_prize_info" :label-width="formLabelWidth">
                                    <label slot="label">
                                        {{'第'+item.deep+'层平级额外积分奖励'}}
                                    </label>
                                    <el-input v-model.number="item.prize" type="number">
                                        <template slot="append" v-if="!ruleForm.additional_score.is_percent_equal">%</template>
                                        <template slot="append" v-if="ruleForm.additional_score.is_percent_equal == 1">积分</template>
                                    </el-input>
                                </el-form-item>
                            </div>
                        </template>


                        <el-form-item label="开启独立平级奖结算" prop="is_open_equal_settle_type" :label-width="formLabelWidth">
                            <el-switch v-model="ruleForm.is_open_equal_settle_type" :active-value="1" :inactive-value="0">
                            </el-switch>
                        </el-form-item>

                        <el-form-item v-if="ruleForm.is_open_equal_settle_type==1" prop="equal_settle_type" label="平级奖结算方式" :label-width="formLabelWidth">
                            <label slot="label">平级奖结算方式
                                <el-tooltip class="item" effect="dark" content="奖励是由谁来结算平级奖" placement="top">
                                    <i class="el-icon-info"></i>
                                </el-tooltip>
                            </label>
                            <el-col :span="18">
                                <el-radio-group  v-model="ruleForm.equal_settle_type" size="small">
                                    <el-radio :label="0" border>平台结算</el-radio>
                                    <el-radio :label="1" border>上级拿级差或渠道奖者支付</el-radio>
                                    <el-radio :label="2" border>下级拿级差或渠道奖者支付</el-radio>
                                </el-radio-group>
                            </el-col>
                        </el-form-item>


                        <el-form-item label="是否启用自动升级" prop="is_auto_upgrade" :label-width="formLabelWidth">
                            <el-switch v-model="ruleForm.is_auto_upgrade" :active-value="1" :inactive-value="0">
                            </el-switch>
                        </el-form-item>
                        <template v-if="ruleForm.is_auto_upgrade == 1">
                            <?php echo $tpl ?>
                        </template>

                        <el-form-item label="购买门店商品升级" v-if="ruleForm.is_auto_upgrade == 1 && is_show_store_upgrade == 1" :label-width="formLabelWidth">
                            <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 prop="store_goods_ids" v-if="ruleForm.upgrade_type_store_goods==1 && is_show_store_upgrade == 1" :label-width="formLabelWidth">
                            <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" :label-width="formLabelWidth">
                            <el-switch v-model="ruleForm.status" :active-value="1" :inactive-value="0">
                            </el-switch>
                        </el-form-item>
                        <el-form-item v-if="ruleForm.status" :key="1" label="权重说明" prop="explain" :label-width="formLabelWidth">
                            <el-input type="textarea" :rows="8" placeholder="请输入权重说明" v-model="ruleForm.explain" maxlength="1000" show-word-limit></el-input>
                        </el-form-item>
						<el-form-item v-if="!ruleForm.status" :key="2" label="权重说明" :label-width="formLabelWidth">
                            <el-input type="textarea" :rows="8" placeholder="请输入权重说明" v-model="ruleForm.explain" maxlength="1000" show-word-limit></el-input>
                        </el-form-item>
                        <el-form-item label="渠道业绩额外奖励" :label-width="formLabelWidth">
                            <el-input v-model.number="ruleForm.commission.team_achievement" type="number">
                                <template slot="append">%</template>
                            </el-input>
                        </el-form-item>
                        <el-form-item label="每月复购补贴奖" prop="is_repurchase_subsidy" :label-width="formLabelWidth">
                            <el-switch v-model="ruleForm.commission.is_repurchase_subsidy" :active-value="1" :inactive-value="0">
                            </el-switch>
                        </el-form-item>
                        <template v-if="ruleForm.commission.is_repurchase_subsidy == 1">
                            <el-form-item label="获得奖励条件" prop="condition_goods_list" :label-width="formLabelWidth">
                                <com-dialog-select :multiple="true" @selected="repurchaseSubsidyGoodsSelect"
																	title="商品选择">
									<el-button type="primary" size="mini">选择商品</el-button>
								</com-dialog-select>

                                <template v-if="ruleForm.commission.repurchase_subsidy_condition.condition_goods_list && ruleForm.commission.repurchase_subsidy_condition.condition_goods_list.length > 0">
                                    <el-table :data="ruleForm.commission.repurchase_subsidy_condition.condition_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="deleteRepurchaseSubsidyGoods(scope.$index)" type="primary" size="mini">删除</el-button>
                                            </template>
                                        </el-table-column>
                                    </el-table>
                                </template>
                            </el-form-item>
                            <el-form-item label="补贴奖1" prop="before_layer" :label-width="formLabelWidth">
                                <div style="display: flex;align-items: center;">
                                    <span style="display:inline-block;margin-right:4px;">
                                        用户下单，往关系链上寻找处于前
                                    </span>
                                    <el-input style="width:150px;" v-model.number="ruleForm.commission.repurchase_subsidy_condition.before_layer" type="number">
                                        <template slot="append">层</template>
                                    </el-input>                            
                                </div>
                                <div style="height:10px"></div>
                                <div style="display: flex;align-items: center;">
                                    <span style="display:inline-block;margin-right:4px;">
                                        里本等级身份并当月有完成复购的团队长，团队长可获得
                                    </span>
                                    <el-input style="width:150px;" v-model.number="ruleForm.commission.repurchase_subsidy_condition.subsidy_reward1" type="number">
                                        <template slot="append">元</template>
                                    </el-input> 
                                </div>
                            </el-form-item>
                            <el-form-item label="补贴奖2" prop="after_layer">
                                <div style="display: flex;align-items: center;">
                                    <span style="display:inline-block;margin-right:4px;">用户下单，往关系链上寻找处于后</span>
                                    <el-input style="width:150px;" v-model.number="ruleForm.commission.repurchase_subsidy_condition.after_layer" type="number">
                                        <template slot="append">层</template>
                                    </el-input>
                                </div>
                                <div style="height:10px"></div>
                                <div style="display: flex;align-items: center;">
                                    <span style="display:inline-block;margin:4px;">里本等级身份并当月有完成复购的团队长，团队长可获得</span>
                                    <el-input style="width:150px;" v-model.number="ruleForm.commission.repurchase_subsidy_condition.subsidy_reward2" type="number">
                                        <template slot="append">元</template>
                                    </el-input>    
                                </div>
                            </el-form-item>
                        </template>
                       
                    </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() {
            let repurchase_subsidy_condition = {
                condition_goods_list: [],
                condition_goods_ids: [],
                before_layer: 0,
                subsidy_reward1: 0,
                after_layer: 0,
                subsidy_reward2: 0,
            }
            return {
                origin_level:0,
                msg: 1,
                options: [], //会员等级列表
                level: 0,
                form: {
                    type: [],
                },
                formLabelWidth: '150px',
                showConditionMsg: false,
                dialogFormVisible_edit: false,
                conditionMsg: '',
                weights: [],
                levels: [],
                ruleForm: {
                    id:'',
                    level: '',	//当前选中等级
                    name: '',
                    status: 0,
                    condition_type: 1,
                    score:{
                        is_percent_team:0,
                        is_percent_equal:0,
                        agent_team_prize:0,
                        agent_equal_prize:0,
                        agent_over_prize:0,
                        is_alone_agent_equal_prize:0,
                        alone_agent_equal_prize_info:[],
                        is_repurchase_subsidy: 0,
                        repurchase_subsidy_condition: repurchase_subsidy_condition,
                    },
                    additional_score: {
                        is_percent_team:0,
                        is_percent_equal:0,
                        agent_team_prize:0,
                        agent_equal_prize:0,
                        agent_over_prize:0,
                        is_alone_agent_equal_prize: 0,
                        alone_agent_equal_prize_info: [],
                        is_repurchase_subsidy: 0,
                        repurchase_subsidy_condition: repurchase_subsidy_condition,
                    },
                    commission:{
                        is_percent_team:0,
                        is_percent_equal:0,
                        agent_team_prize:0,
                        agent_equal_prize:0,
                        agent_over_prize:0,
                        team_achievement:0,
                        is_alone_agent_equal_prize:0,
                        alone_agent_equal_prize_info:[],
                        is_repurchase_subsidy: 0,
                        repurchase_subsidy_condition: repurchase_subsidy_condition,
                    },
                    digital: {
                        is_percent_team: 0,
                        is_percent_equal: 0,
                        agent_team_prize: 0,
                        agent_equal_prize: 0,
                        agent_over_prize: 0,
                        team_achievement: 0,
                        is_alone_agent_equal_prize:0,
                        alone_agent_equal_prize_info:[],
                        is_repurchase_subsidy: 0,
                        repurchase_subsidy_condition: repurchase_subsidy_condition,
                    },
                    buy_goods_type: 0,
                    is_auto_upgrade: 1,
                    goods_type: 0,
                    upgrade_type_condition: 1,
                    upgrade_type_goods: 1,
                    indicators_num: 1,
                    rule: '',
                    explain : '',
                    goods_ids: [],
                    checked_condition_keys: [],	//对应条件的key
                    goods_list: [],
                    checked_condition_values:<?= $key_arr?>,
                    is_open_equal_settle_type:0,
                    equal_settle_type:0,
                    buy_store_goods_type: 0,
                    store_goods_type: 1,
                    upgrade_type_store_goods: 0,
                    store_goods_ids:[],
                    store_goods_list:[],
                    is_custom_condition_num: 0,
                },
                options_list:<?= $source_list ?>,
                checkbox_list:<?= $checkbox_list ?>,
                rules: {
                    level: [{
                        required: true,
                        message: '请选择经销商等级',
                        trigger: 'change'
                    }, ],
                    name: [{
                        required: true,
                        message: '请输入经销商等级名称',
                        trigger: 'change'
                    }, ],
                    status: [{
                        required: true,
                        message: '请选择经销商等级状态',
                        trigger: 'change'
                    }, ],
                    explain: [{
                        required: true,
                        message: '等级说明不能为空',
                        trigger: 'change'
                    }, ],
                },
                btnLoading: false,
                cardLoading: false,
                formLabelWidth: '150px',
                goodsCatsDialogVisible: false,
                currentGoodsCats: [],
                currentGoodsCatsIndex: null,
                currentGoodsCatsName: '',
                cat_list: <?= $cat_list ?>,
                is_show_additional_score: <?= $is_show_additional_score ?>,
                is_set_condition: false,
                is_show_store_upgrade: <?= $is_show_store_upgrade ?>,
                is_show_condition_num: true,
            };
        },
        mounted() {
            if (getQuery('id')) {
                this.loadData();
            }else{
                this.checked_condition_values_fourArr=[
                    {
                        itemName: "默认等级",
                        val: 0
                    }
                ]
                this.loadData();
            }

            // try {
            //     console.log('ruleForm.checked_condition_values[11].value.personal_order_num',
            //         this.ruleForm.checked_condition_values[11].value.personal_order_num, '13456')
            // } catch (e) {
            //     console.error('ruleForm.checked_condition_values[11].value.personal_order_num', e)
            // }
            console.info(this.ruleForm.checked_condition_keys);
            console.info(this.ruleForm.checked_condition_values, JSON.stringify(this.ruleForm.checked_condition_values));
            //  ruleForm.checked_condition_values[11].value.personal_order_num
        },
        methods: {
            close(e) {
                this.visible = 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,
                            condition_num: 1,
                            name: param[j].goods_name,
                            cover_pic: param[j].cover_pic,
                            price: param[j].price,
                            stock: param[j].stock,
                        });
                    }
                }
            },
            clickSelectConditionGoods(){
                this.$refs.cgoods.$el.click()
            },
            conditionGoodsSelect(param) {
                let ckey;
                this.ruleForm.checked_condition_values.forEach(function(item, index){
                    if(item.key==50)
                    {
                        ckey=index;
                    }

                })
                let gval=this.ruleForm.checked_condition_values[ckey].value.team_goods;
                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[ckey].value.team_goods=gval;
            },
            clickSelectConditionGoodsCats(val, name, index){
                this.currentGoodsCatsIndex = index
                this.currentGoodsCatsName = name
                if (val === "") {
                    val = []
                } else if (typeof val === 'string') {
                    val = JSON.parse(val)
                }
                this.currentGoodsCats = val
                this.goodsCatsDialogVisible = true
            },
            onChangGoodsCat(val) {
                this.$set(this.ruleForm.checked_condition_values[this.currentGoodsCatsIndex].value, this.currentGoodsCatsName, JSON.stringify(val))
            },
			// 2.1 提交表单编辑
            submitForm(formName) {
                let self = this;
                self.showConditionMsg = false;
                if(self.ruleForm.upgrade_type_goods ==1){
                    if (self.ruleForm.goods_type == 2 && self.ruleForm.goods_list.length == 0) {	//选中的checkBox
                        self.$message.error('请选择升级商品');
                        return;
                    }
                }
                if (self.ruleForm.upgrade_type_condition == 1&&self.ruleForm.is_auto_upgrade == 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(function(item, index){
                        for(i in self.ruleForm.checked_condition_values[index].value) {
                            if (!self.ruleForm.checked_condition_values[index].value[i]) {
                                self.conditionMsg = '请完善条件：' + (parseInt(index) + 1);
                                return false;
                            }
                        }
                    });
                    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;
                        }
                    }
                }

                this.$refs[formName].validate((valid) => {
                    if (valid) {
                        self.btnLoading = true;
                        request({
                            params: {
                                r: 'agent/level/edit'
                            },
                            method: 'post',
                            data: {
                                form: self.ruleForm,
                            }
                        }).then(e => {
                            self.btnLoading = false;
                            if (e.data.code == 0) {
                                self.$message.success(e.data.msg);
                                navigateTo({
                                    r: 'agent/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;
                    }
                });
            },
			// 获取显示的值
            loadData() {
                this.cardLoading = true;
                request({
                    params: {
                        r: 'agent/level/edit',
                        id: getQuery('id'),
                    },
                    method: 'get'
                }).then(e => {
                    this.cardLoading = false;
                    if (e.data.code == 0) {
                        if (e.data.data.detail) {
                            let detail = e.data.data.detail
                            console.log('detail', detail)
                            Object.assign(this.ruleForm, detail);
                            this.origin_level = this.ruleForm.level;

                            if (Array.isArray(this.ruleForm.goods_list)) {
                                for (const goodsItem of this.ruleForm.goods_list) {
                                    goodsItem.condition_num = goodsItem.condition_num || 1
                                }
                            }
                        }
                        this.weights = e.data.data.weights;
                    } else {
                        this.$message.error(e.data.msg);
                    }
                }).catch(e => {
                    console.log(e);
                });
            },
            deleteGoods(index) {
                this.ruleForm.goods_list.splice(index, 1);
                this.ruleForm.goods_ids.splice(index, 1);
            },
            setCondition() {
                navigateTo({
                    r: 'agent/level/condition',
                });
            },
            clickSelectCloudStockConditionGoods(){
                this.$refs.csgoods.$el.click()
            },
            conditionCloudStockGoodsSelect(param) {
                let ckey;
                this.ruleForm.checked_condition_values.forEach(function(item, index){
                    if(item.key==68)
                    {
                        ckey=index;
                    }

                })
                let gval=this.ruleForm.checked_condition_values[ckey].value.team_goods;
                let garr=[];
                if(gval && 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[ckey].value.team_goods=gval;
                console.log(this.ruleForm.checked_condition_values[ckey]);
            },
            clickSelectCloudStockConditionGoodsByNums(){
                this.$refs.csgoodscondition.$el.click()
            },
            deleteGoodsThree(index) {
                let ckey;
                this.ruleForm.checked_condition_values.forEach(function(item, index){
                    if(item.key==69)
                    {
                        ckey=index;
                    }

                })
                this.ruleForm.checked_condition_values[ckey].value.team_goods.splice(index, 1);
            },
            conditionCloudStockGoodsSelectByNums(param) {
                let ckey;
                this.ruleForm.checked_condition_values.forEach(function(item, index){
                    if(item.key==69)
                    {
                        ckey=index;
                    }

                })
                for (let j in param) {
                    let item = param[j];
                    let obj = {
                        id: item.id,
                        name: item.goods_name,
                        cover_pic: item.cover_pic,
                        cost_price: item.cost_price,
                        original_price: item.original_price,
                    }
                    this.$set(obj,'num',1);
                    this.ruleForm.checked_condition_values[ckey].value.team_goods.push(obj);
                }
            },

            //选择商品
            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);
            },

            repurchaseSubsidyGoodsSelect(param) {
                console.log('this.ruleForm.commission.repurchase_subsidy_condition.condition_goods_list',this.ruleForm.commission.repurchase_subsidy_condition.condition_goods_list)
                if(this.ruleForm.commission.repurchase_subsidy_condition.condition_goods_list == undefined){
                    this.$set(this.ruleForm.commission.repurchase_subsidy_condition,'condition_goods_list', [])
                }
                if(this.ruleForm.commission.repurchase_subsidy_condition.condition_goods_ids == undefined){
                    this.$set(this.ruleForm.commission.repurchase_subsidy_condition,'condition_goods_ids', [])
                }
                for (let j in param) {
                    let item = param[j];
                    if (this.ruleForm.commission.repurchase_subsidy_condition.condition_goods_list.length >= 99) {
                        this.$message.error('指定商品不能大于99个');
                        return;
                    }
                    let flag = true;
                    for (let i in this.ruleForm.commission.repurchase_subsidy_condition.condition_goods_ids) {
                        if (this.ruleForm.store_goods_ids[i] == param[j].id) {
                            flag = false;
                            break;
                        }
                    }
                    if (flag) {
                        this.ruleForm.commission.repurchase_subsidy_condition.condition_goods_ids.push(param[j].id);
                        this.ruleForm.commission.repurchase_subsidy_condition.condition_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,
                        });
                    }
                }
            },
            deleteRepurchaseSubsidyGoods(index){
                this.ruleForm.commission.repurchase_subsidy_condition.condition_goods_list.splice(index, 1);
                this.ruleForm.commission.repurchase_subsidy_condition.condition_goods_ids.splice(index, 1);
            }
        }
    });
</script>

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

    .form-body .el-form-item {
        padding-right: 25%;
        min-width: 850px;
    }

    .form-button {
        margin: 0;
    }

    .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;
    }

    .condition_common {
        display: flex;
        align-items: center;
    }
	.condition_common_five {
        display: flex;
    }

</style>