hemall.terabimsoft.com.cn/plugins/fight-groups/views/admin/edit.blade.php

@extends('layouts.base')
@section('title', "活动创建")
@section('content')
    <style>
        .rightlist #app .rightlist-head{line-height:50px;padding:15px 0;}
        .rightlist #app{margin-left:30px;}
        .rightlist #app .el-breadcrumb{padding:30px 0;font-size:16px;}
        .el-form-item__label{padding-right:30px;}
        .tip{font-size:12px;color:#999;font-weight:500}
        .rightlist-head-con{padding-right:20px;font-size:16px;color:#888;}
        /* .rightlist-head-con{float:left;padding-right:20px;font-size:16px;color:#888;} */
        .el-tag{font-weight:700;font-size:15px;margin-bottom:30px;}
        .el-icon-edit{font-size:16px;padding:0 15px;color:#409EFF;cursor: pointer;}
        /* 滑块选择小白点 */
        .el-switch.is-checked .el-switch__core::after {left: 100%;margin-left: -17px;}
        .el-switch__core::after {content: "";position: absolute;top: 1px;left: 1px;border-radius: 100%;transition: all .3s;width: 16px;height: 16px;background-color: #fff;}
        .tip1{font-size:12px;color:red;font-weight:500}
        [v-cloak]{
            display:none;
        }
        /* css */
        .goods-info{display:inline-block;line-height:18px;font-size:13px;padding-left:10px;font-weight:600}
        .end-time{display:inline-block;padding-right:30px;font-size: 14px;color: #333;font-weight:400}
        .level-box{padding:10px;background:#e9e9e9;width:70%;}
        .setting-display{display:inline-block;font-weight:500;font-size:14px;margin-left:30px;}
        .title-t{border-bottom:1px solid #e9e9e9;}
        .add-tip{font-size:14px;font-weight:600;}
        .add-tip span{margin:0 15px;cursor:pointer;color:#409EFF}
        .list-title{display:flex;width:100%;background:#f9f9f9;padding:15px 10px;font-weight:900;border:1px solid #e9e9e9;}
        .list-title-head{flex:1;display:flex;align-items:center;justify-content: center;}
        .list-con{display:flex;flex;align-items:center;justify-content: center;padding:10px 0;border-bottom:1px solid #e9e9e9;}
        .list-con-price{flex:1;display:flex;flex;align-items:center;justify-content: center;}

        .input1 .el-input-group__append, .el-input-group__prepend {padding: 0 5px;}
        .input1 .el-input-group__append {padding: 5;}
    </style>
    <div class="rightlist">
        <div id="app"  v-cloak v-loading="loading">
            <el-breadcrumb separator-class="el-icon-arrow-right">
                <el-breadcrumb-item><a href="{{ yzWebFullUrl('plugin.fight-groups.admin.controllers.fight-groups.index') }}">活动列表</a></el-breadcrumb-item>
                <el-breadcrumb-item>添加修改</el-breadcrumb-item>
            </el-breadcrumb>
            <template>
                <el-form ref="form" :model="form" :rules="rules" label-width="15%">
                    <div v-show="step==1">
                        <div style="margin-left:15%;">
                            <div class="tip1">注意：活动创建后，请勿对该商品进行修改规格、下架、删除等操作，否则影响下单购买，活动结束可正常编辑该商品！</div>
                        </div>

                        <el-form-item label="商家平台" prop="business_type">
                            <el-radio v-model="form.business_type" :label="1">平台自营</el-radio>
                            <el-radio v-model="form.business_type" :label="2" v-if="is_store == true">O2O门店</el-radio>
                        </el-form-item>

                        <el-form-item  v-if="form.business_type==2">
                            <div class="upload-box" @click="addStore"  type="primary" :disabled="is_edit" v-if="!store_obj.id">
                                <i class="el-icon-plus" style="font-size:50px;border:1px dashed #25a78c"></i>
                            </div>
                            <div @click="addStore" class="upload-boxed" v-if="store_obj.id">
                                <img :src="store_obj.thumb" style="width:70px;height:70px;">
                                <div class="goods-info">
                                    <div>[[store_obj.store_name]]</div>
                                    <div>门店id：[[store_obj.id]]</div>
                                </div>
                                <div class="upload-boxed-text">点击重新上传</div>
                            </div>
                        </el-form-item>


                        <el-form-item label="活动商品" prop="">
                            <el-input v-model="has_one_goods.title?'【ID：'+has_one_goods.id+'】'+has_one_goods.title:has_one_goods.title" style="width:70%" disabled></el-input>
                            <el-button @click="add" type="primary" :disabled="is_edit">选择商品</el-button>
                            <div v-if="has_one_goods.title">
                                <img :src="has_one_goods.thumb" style="width:70px;height:70px;">
                                <div class="goods-info">
                                    <div>[[has_one_goods.title]]</div>
                                    <div>库存：[[has_one_goods.stock]]（[[has_one_goods.sku]]）</div>
                                    <div>价格：￥[[has_one_goods.price]]</div>
                                </div>
                            </div>
                        </el-form-item>
                        <el-form-item label="活动标题" prop="title">
                            <el-input v-model="form.title" style="width:70%" ></el-input>
                        </el-form-item>
                        <el-form-item label="开始时间" prop="assessed_at">
                            <el-row>
                                <el-col :span="8">
                                    <el-date-picker v-model="form.start_time" type="datetime" format="yyyy-MM-dd HH:mm:ss"
                                                    value-format="timestamp" placeholder="选择开始时间" style="width:90%" :disabled="is_edit"></el-date-picker>
                                </el-col>
                                <el-col :span="10">
                                    <div class="end-time">结束时间</div>
                                    <el-date-picker v-model="form.end_time" type="datetime" format="yyyy-MM-dd HH:mm:ss"
                                                    value-format="timestamp" placeholder="选择结束时间" style="width:70%" :disabled="is_edit"></el-date-picker>
                                </el-col>
                                <el-col :span="24">
                                    <div class="tip1">说明：结束时间可不填，若不填商品详情页也不展示结束时间；不填则活动不会自动结束，需手动结束。</div>
                                </el-col>
                            </el-row>
                        </el-form-item>
                        {{--<el-form-item label="商家说明" prop="note">--}}
                        {{--<el-input v-model="form.note" type="textarea" rows="5" style="width:70%" ></el-input>   --}}
                        {{--</el-form-item>--}}

                        <el-form-item label="拼团层级" prop="worth">
                            <!-- 表格start -->
                            <div class="level-box">
                                <el-table :data="form.has_many_level" style="width: 100%">
                                    <el-table-column prop="level_num" label="层级" width="80" align="center"></el-table-column>
                                    <el-table-column prop="member_num" label="拼团人数"  min-width="100">
                                        <template slot-scope="scope">
                                            <el-input v-model="scope.row.member_num" :disabled="is_edit">
                                                <template slot="append">人</template>
                                            </el-input>
                                        </template>
                                    </el-table-column>
                                    <el-table-column prop="" label="拼团时间(团长开团后，有多少小时可以召集团员参团购买。)" min-width="180"  align="center">
                                        <template slot-scope="scope">
                                            <el-input v-model="scope.row.expire_in">
                                                <template slot="append">小时</template>
                                            </el-input>
                                        </template>
                                    </el-table-column>
                                    <el-table-column label="操作" min-width="80" align="center">
                                        <template slot-scope="scope">
                                            <el-button type="danger" @click="delTier(scope.$index)" :disabled="is_edit">删除</el-button>
                                        </template>
                                    </el-table-column>
                                </el-table>
                            </div>

                            <div>
                                <el-button size="mini" type="primary" icon="el-icon-plus" @click="addTier" :disabled="is_edit">新增一个拼团层级 </el-button>
                                <div class="tip" style="display:inline-block">最多可设置3个阶梯</div>
                            </div>
                            <!-- 表格end -->
                        </el-form-item>

                        <el-form-item label="展示设置" prop="menu_show">
                            <el-checkbox v-model.number="form.menu_show" :true-label="1" :false-label="0">隐藏开关</el-checkbox>
                            <div class="setting-display" v-show="form.menu_show">
                            <span>
                                当可参的团数达到
                                <input v-model="form.hide_num" style="height:25px;" />
                                时，不显示开团按钮
                            </span>
                            </div>
                            <div class="tip">勾选此选项则手机端商品详情页底部仅展示“去参团”，不展示“一键开团”</div>
                        </el-form-item>
                        <el-form-item label="团长福利" prop="is_integral">
                            <el-checkbox v-model.number="form.is_integral" :true-label="1" :false-label="0" style="width:100px">团长送积分</el-checkbox>
                            <div class="setting-display" v-show="form.is_integral">
                            <span>
                                <div class="el-input el-input--mini el-input-group el-input-group--append el-input-group--prepend" style="flex: 0 0 90%; padding: 5px 0px;">
                                    <div class="el-input-group__prepend">送</div>
                                    <input type="text" autocomplete="off" class="el-input__inner" v-model="form.integral_num">
                                    <div class="el-input-group__append">分</div>
                                </div>
                            </span>
                            </div><br>
                            <el-checkbox v-if="loves" v-model.number="form.is_love" :true-label="1" :false-label="0" style="width:100px">团长送[[love_name]]</el-checkbox>
                            <div class="setting-display" v-if="loves" v-show="form.is_love">
                            <span>
                                <div class="el-input el-input--mini el-input-group el-input-group--append el-input-group--prepend" style="flex: 0 0 90%; padding: 5px 0px;">
                                    <div class="el-input-group__prepend">送</div>
                                    <input type="text" autocomplete="off" class="el-input__inner" v-model="form.love">
                                    <div class="el-input-group__append">[[love_name]]</div>
                                </div>
                            </span>
                            </div><br v-if="loves">
                            <el-checkbox v-model.number="form.is_balance" :true-label="1" :false-label="0" style="width:100px">团长送余额</el-checkbox>
                            <div class="setting-display" >
                            <div style="display: flex;align-items: center;" v-show="form.is_balance">
                                <div class="el-input el-input--mini el-input-group el-input-group--append el-input-group--prepend" style="width: 220px; padding: 5px 0px;" >
                                    <div class="el-input-group__prepend">送</div>
                                    <input type="text" autocomplete="off" class="el-input__inner" v-model="form.balance">
                                    <div class="el-input-group__append">余额</div>
                                </div>
                                <div style="margin-left: 20px;color:#848282">
                                    <el-switch v-model="form.balance_switch" :active-value="1" :inactive-value="0"  inactive-color="#ccc"> </el-switch>
                                    <div style="font-size: 12px;line-height: 12px;width: 250px;">开启后奖励以开团奖励为主。</div>
                                </div>
                            </div>
                            </div>
                            <div>
                                <el-checkbox v-model.number="form.is_coupon" :true-label="1" :false-label="0" style="width:100px;margin-right: 30px">团长送优惠券</el-checkbox>
                            </div>
                            <div v-if="form.is_coupon">
                                <div v-for="(item,index) in form.coupon" :key="index" style="display:flex;margin-bottom:5px">
                                    <el-input v-model="item.name" disabled style="width:300px" size="mini">
                                        <template slot="prepend">优惠券名称</template>
                                    </el-input>
                                    <el-input v-model="item.coupon_num" style="width:300px" size="mini">
                                        <template slot="prepend">赠送</template>
                                        <template slot="append">张</template>
                                    </el-input>
                                    <el-button @click="delCoupon(index)" icon="el-icon-close" type="danger" size="mini"></el-button>
                                </div>
                            </div>
                            <div>
                                <el-button size="mini" v-if="form.is_coupon" @click="openCoupon">选择优惠券</el-button></div>

                            <div v-if="is_open_integral">
                                <el-checkbox v-model.number="form.is_consumption_points" :true-label="1" :false-label="0" style="width:130px">团长送消费积分</el-checkbox>
                                <div class="setting-display" v-show="form.is_consumption_points">
                                    <div>
                                        <div class="el-input el-input--mini el-input-group el-input-group--append el-input-group--prepend" style="flex: 0 0 90%; padding: 5px 0px;">
                                            <div class="el-input-group__prepend">送</div>
                                            <input type="text" autocomplete="off" class="el-input__inner" v-model="form.consumption_points">
                                            <div class="el-input-group__append">消费积分</div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </el-form-item>
                        <el-form-item label="开团奖励" v-if="form.is_balance&&form.balance_switch==1">
                            <div style="display: flex;flex-wrap: wrap;">
                                <div style="display: flex;align-items: center;margin:0 20px 20px 0;" v-for="item in form.group_list">
                                    <el-checkbox :true-label="1" :false-label="0" v-model="item.change">[[item.name]]</el-checkbox>
                                    <el-input style="margin-left: 20px;" v-model="item.count">
                                     <template slot="append">余额</template>
                                    </el-input>
                                </div>
                            </div>
                            <div style="margin-top: -20px;" class="tip1">选择等级开团获得奖励，为0或为空则不奖励</div>
                        </el-form-item>
                        <el-form-item label="老拉新" prop="is_lead">
                            <el-checkbox v-model.number="form.is_lead" :true-label="1" :false-label="0">开启老拉新</el-checkbox>
                            <div class="tip1">参与过该活动一次的视为老用户，老用户只允许开团不允许参团。此场景适合设置特价商品，用于鼓励老用户开团，协助店铺拉新。</div>
                        </el-form-item>
                        <el-form-item label="拼团设置" prop="setting" v-if="!form.is_lead">
                            <el-input v-model="form.setting" style="width:70%" ></el-input>
                            <div class="tip">每人最多参与几次不同的团</div>
                        </el-form-item>

                        <el-form-item label="限制参与活动次数" prop="is_join_number">
                            <el-switch v-model="form.is_join_number" :active-value="1" :inactive-value="0"></el-switch>
                        </el-form-item>

                        <el-form-item label="" prop="join_number">
                            <template slot="label">
                                <span>每人每天参与活动总次数</span>
                            </template>
                            <el-input v-model="form.join_number" style="width:35%">
                                <template slot="append">次</template>
                            </el-input>
                            <div style="color:#F55A4E;font-size:10px;">（若为0为空没有参与次数）每人每天参与活动的次数。例如：设置参与次数5次，会员当天该活动只能参与5次，超出则参与不了(包含会员本身自己开团）</div>
                        </el-form-item>
                        <el-form-item label="经销商限制开团" prop="is_team_open" v-if="form.is_team_dividend">
                            <el-switch v-model="form.is_team_open" :active-value="1" :inactive-value="0"></el-switch>
                        </el-form-item>
                        <el-form-item label="活动详情页是否显示参团按钮" prop="is_show_be_being_group">
                            <el-switch v-model="form.is_show_be_being_group" :active-value="1" :inactive-value="0"></el-switch>
                        </el-form-item>
                        <el-form-item label="已开团标题自定义" prop="open_group_title">
                            <el-input v-model="form.open_group_title" placeholder="默认'以下小伙伴拼团中，可直接参加'" style="width:70%" ></el-input>
                        </el-form-item>
                        <!-- <el-form-item label="弹幕设置" prop="barrage">
                            <el-radio v-model.munber="form.barrage" :label="1" >开启</el-radio>
                            <el-radio v-model.munber="form.barrage" :label="0" >关闭</el-radio>
                        </el-form-item> -->

                        <div v-if="data.fight_groups_lottery && fight_groups_lottery_set.is_open == 1" >
                            <h5 class="title-t">
                                拼团抽奖
                            </h5>
                            <el-form-item label="开启抽奖" prop="is_open">
                                <el-switch v-model="form.fight_groups_lottery_info.is_open" :active-value="1" :inactive-value="0"></el-switch>
                                <div class="tip" style="color:#f00">拼团所选商品为虚拟商品时，拼团活动不参与拼团抽奖</div>
                            </el-form-item>

                            <el-form-item label="独立规则" prop="is_separate_rules">
                                <el-switch v-model="form.fight_groups_lottery_info.is_separate_rules" :active-value="1" :inactive-value="0"></el-switch>
                                <div class="tip" style="color:#f00">如未开启独立规则，则开启抽奖后按照拼团奖励插件设置规则执行！</div>
                            </el-form-item>

                            <div style="font-weight:600;font-size:15px;padding-left:60px;padding-bottom:20px">抽奖规则（统一设置）</div>
                            <el-form-item label="团长限制" prop="commander_set">
                                <el-radio v-model="form.fight_groups_lottery_info.commander_set" :label="0">无限制</el-radio>
                                <el-radio v-model="form.fight_groups_lottery_info.commander_set" :label="1">必中</el-radio>
                                <el-radio v-model="form.fight_groups_lottery_info.commander_set" :label="2">必不中</el-radio>
                            </el-form-item>

                            <el-form-item label="新会员限制" prop="first_set">
                                <el-radio v-model="form.fight_groups_lottery_info.first_set" :label="0">无限制</el-radio>
                                <el-radio v-model="form.fight_groups_lottery_info.first_set" :label="1">必中</el-radio>
                                <el-radio v-model="form.fight_groups_lottery_info.first_set" :label="2">必不中</el-radio>
                            </el-form-item>

                            <el-form-item label="中奖人数（不填写默认为1人）" prop="win_number">
                                <el-input v-model="form.fight_groups_lottery_info.win_number" style="width:10%"></el-input>
                            </el-form-item>

                            <el-form-item label="" prop="">
                                <div class="tip" style="color:red">新会员为未参加过拼团的用户！</div>
                                <div class="tip" style="color:red">如果设置了两个必不中的选项，则成团人数不能设置等于小于2人，否则会出问题。</div>
                            </el-form-item>

                            <el-form-item label="中奖解冻爱心值" prop="is_winning_thaw_love" v-if="loves">
                                <el-switch v-model="form.fight_groups_lottery_info.is_winning_thaw_love"
                                           :active-value="1" :inactive-value="0"></el-switch>
                            </el-form-item>

                            <el-form-item v-if="loves">
                                <el-input v-model="form.fight_groups_lottery_info.winning_thaw_love_limit"
                                          style="width:35%">
                                    <template slot="prepend">累计中奖</template>
                                    <template slot="append">次</template>
                                </el-input>
                                <el-input v-model="form.fight_groups_lottery_info.winning_thaw_love_number"
                                          style="width:35%">
                                    <template slot="prepend">解冻爱心值</template>
                                    <template slot="append">个</template>
                                </el-input>
                                <div style="color:#F55A4E;font-size:10px;">例如：设置累计中奖10次，冻结爱心值解冻5个，满足条件则解冻爱心值</div>
                            </el-form-item>

                            <div style="font-weight:600;font-size:15px;padding-left:60px;padding-bottom:20px">奖励规则</div>
                            <el-form-item label="积分" prop="winning_integral">
                                <template slot="label">
                                    <span style="font-weight:600">抽中会员奖励</span>&nbsp;&nbsp;&nbsp;积分
                                </template>
                                <el-input v-model="form.fight_groups_lottery_info.winning_integral_percentage" style="width:35%">
                                    <template slot="append">%</template>
                                </el-input>
                                <el-input v-model="form.fight_groups_lottery_info.winning_integral" style="width:35%">
                                    <template slot="append">积分</template>
                                </el-input>
                            </el-form-item>

                            <el-form-item label="余额" prop="winning_credit">
                                <el-input v-model="form.fight_groups_lottery_info.winning_credit_percentage" style="width:35%">
                                    <template slot="append">%</template>
                                </el-input>
                                <el-input v-model="form.fight_groups_lottery_info.winning_credit" style="width:35%">
                                    <template slot="append">余额</template>
                                </el-input>
                            </el-form-item>

                            <el-form-item :label="love_name" prop="winning_love" v-if="loves">
                                <el-input v-model="form.fight_groups_lottery_info.winning_love_percentage" style="width:35%">
                                    <template slot="append">%</template>
                                </el-input>
                                <el-input v-model="form.fight_groups_lottery_info.winning_love" style="width:35%">
                                    <template slot="append">[[love_name]]</template>
                                </el-input>
                            </el-form-item>

                            <el-form-item label="消费积分" prop="winning_shop_integral" v-if="is_open_integral">
                                <el-input v-model="form.fight_groups_lottery_info.winning_shop_integral_percentage" style="width:35%">
                                    <template slot="append">%</template>
                                </el-input>
                                <el-input v-model="form.fight_groups_lottery_info.winning_shop_integral" style="width:35%">
                                    <template slot="append">消费积分</template>
                                </el-input>
                            </el-form-item>

                            <br>
                            <el-form-item label="积分" prop="loser_integral">
                                <template slot="label">
                                    <span style="font-weight:600">未抽中会员奖励(平分奖励)</span>&nbsp;&nbsp;&nbsp;积分
                                </template>
                                <el-input v-model="form.fight_groups_lottery_info.loser_integral_percentage" style="width:35%">
                                    <template slot="append">%</template>
                                </el-input>
                                <el-input v-model="form.fight_groups_lottery_info.loser_integral" style="width:35%">
                                    <template slot="append">积分</template>
                                </el-input>
                            </el-form-item>

                            <el-form-item label="" prop="loser_credit_type">
                                <el-radio v-model="form.fight_groups_lottery_info.loser_credit_type" :label="0">平均分</el-radio>
                                <el-radio v-model="form.fight_groups_lottery_info.loser_credit_type" :label="1">每人固定奖励</el-radio>
                                <div class="tip" style="color:red">注：该选择只针对余额奖励设置</div>
                            </el-form-item>

                            <el-form-item label="余额" prop="loser_credit">
                                <el-input v-model="form.fight_groups_lottery_info.loser_credit_percentage" style="width:35%">
                                    <template slot="append">%</template>
                                </el-input>
                                <el-input v-model="form.fight_groups_lottery_info.loser_credit" style="width:35%">
                                    <template slot="append">余额</template>
                                </el-input>
                            </el-form-item>

                            <el-form-item :label="love_name" prop="loser_love" v-if="loves">
                                <el-input v-model="form.fight_groups_lottery_info.loser_love_percentage" style="width:35%">
                                    <template slot="append">%</template>
                                </el-input>
                                <el-input v-model="form.fight_groups_lottery_info.loser_love" style="width:35%">
                                    <template slot="append">[[love_name]]</template>
                                </el-input>
                            </el-form-item>

                            <el-form-item label="消费积分" prop="loser_shop_integral" v-if="is_open_integral">
                                <el-input v-model="form.fight_groups_lottery_info.loser_shop_integral_percentage" style="width:35%">
                                    <template slot="append">%</template>
                                </el-input>
                                <el-input v-model="form.fight_groups_lottery_info.loser_shop_integral" style="width:35%">
                                    <template slot="append">消费积分</template>
                                </el-input>
                            </el-form-item>

                            <el-form-item label="奖励到收入" prop="loser_income" v-if="is_open_integral">
                                <el-input v-model="form.fight_groups_lottery_info.loser_income_percentage" style="width:35%">
                                    <template slot="append">%</template>
                                </el-input>

                                <el-input v-model="form.fight_groups_lottery_info.loser_income" style="width:35%">
                                    <template slot="append">元</template>
                                </el-input>
                                <div class="tip" style="color:red">注：该设置只针对收入奖励设置</div>
                            </el-form-item>

                            <el-form-item label="未抽中会员上级奖励" prop="">
                                <template slot="label">
                                    <div style="font-weight:600">未抽中会员上级奖励</div>
                                </template>

                                <el-radio v-model="form.fight_groups_lottery_info.parent_reward" :label="0">比例</el-radio>
                                <el-radio v-model="form.fight_groups_lottery_info.parent_reward" :label="1">固定值</el-radio>
                            </el-form-item>

                            <el-form-item label="一级上级奖励积分" prop="parent_one_integral">
                                <el-input v-model="form.fight_groups_lottery_info.parent_one_integral" style="width:70%">
                                    <!-- <template slot="append">%</template> -->
                                </el-input>
                            </el-form-item>
                            <el-form-item label="二级上级奖励积分" prop="parent_two_integral">
                                <el-input v-model="form.fight_groups_lottery_info.parent_two_integral" style="width:70%">
                                    <!-- <template slot="append">%</template> -->
                                </el-input>
                            </el-form-item>
                            <el-form-item label="一级上级奖励余额" prop="parent_one_credit">
                                <el-input v-model="form.fight_groups_lottery_info.parent_one_credit" style="width:70%">
                                    <!-- <template slot="append">%</template> -->
                                </el-input>
                            </el-form-item>
                            <el-form-item label="二级上级奖励余额" prop="parent_two_credit">
                                <el-input v-model="form.fight_groups_lottery_info.parent_two_credit" style="width:70%">
                                    <!-- <template slot="append">%</template> -->
                                </el-input>
                            </el-form-item>

                            <el-form-item label="" prop="">
                                <div class="tip" style="color:red">为0不奖励！为空则走统一设置</div>
                            </el-form-item>
                        </div>

                        <div v-if="data.fight_groups_operators && data.fight_groups_operators.is_open == 1">
                            <el-form-item>
                                <template slot="label">
                                    <span>团长上级奖励</span>
                                </template>

                                <el-input v-model="form.parent_reward" style="width:23%;">
                                    <template slot="prepend">上级获得奖励</template>
                                    <template slot="append">余额</template>
                                </el-input>

                                <el-input v-model="form.parent_every_group" style="width:20%;margin-left:3%;">
                                    <template slot="append">人/组</template>
                                </el-input>

                                <el-input v-model="form.parent_reward_max" style="width:20%">
                                    <template slot="prepend">封顶奖励次数</template>
                                </el-input>
                            </el-form-item>

                            <el-form-item label="团长正在开团中的活动限制" prop="open_group_max">
                                <el-input v-model="form.open_group_max" style="width:70%"></el-input>
                                <div style="font-size:11px;">例如：设置2次，则团长开团满足2次则不能再次开团，需拼团中的有团结束了才能再次开团。</div>
                            </el-form-item>
                        </div>


                        {{--安慰奖插件--}}
                        <div v-if="data.comfort_set ? data.fight_group_lottery_comfort && data.comfort_set.is_open == 1 : false">
                            <el-form ref="form" :model="form" :rules="rules" label-width="15%">
                                <div style="margin-bottom: 30px;font-size: 18px;border-bottom: 1px solid #e9e9e9;">[[ch_name]]</div>
                                <div>
                                    <el-form-item label="未中奖会员安慰奖" prop="credit">
                                        <el-input v-model="form.comfort.credit" style="width:50%">
                                            <template slot="append">元</template>
                                        </el-input>
                                    </el-form-item>
                                    <el-form-item label="未中奖会员一级上级" prop="ratio_one">
                                        <el-input v-model="form.comfort.ratio_one" style="width:50%">
                                            <template slot="append">%</template>
                                        </el-input>
                                    </el-form-item>
                                    <el-form-item label="未中奖会员二级上级" prop="ratio_two">
                                        <el-input v-model="form.comfort.ratio_two" style="width:50%">
                                            <template slot="append">%</template>
                                        </el-input>
                                    </el-form-item>
                                    <div style="font-size:18px;padding-bottom:20px">经销商等级<span style="padding-left: 190px;">奖励比例</span></div>
                                    <template v-for="(item,index) in form.comfort.team_level">
                                        <el-form-item :label="item.level_name" prop="level">
                                            <el-input v-model="item.number_level" style="width:25%">
                                                <template slot="append">%</template>
                                            </el-input>
                                        </el-form-item>
                                    </template>
                                </div>
                            </el-form>
                        </div>

                        {{--优惠奖插件--}}
                        <div v-if="data.fight_groups_lottery_coupon && data.reward_coupon_set && data.reward_coupon_set.is_open == 1">
                            <el-form ref="form" :model="form" :rules="rules" label-width="15%">
                                <div style="margin-bottom: 30px;font-size: 18px;border-bottom: 1px solid #e9e9e9;">拼团抽奖</div>
                                <el-checkbox v-model.number="form.is_coupon_lottery" checked :true-label="1" :false-label="0" style="width:100px;margin-left: 80px;display: none;"></el-checkbox>
                                <br>
                                <div v-if="form.is_coupon_lottery" style="margin-left: 80px;">
                                    <div v-for="(item,index) in form.coupon_lottery" :key="index" style="display:flex;margin-bottom:5px">
                                        <el-input v-model="item.name" disabled style="width:300px" size="mini">
                                            <template slot="prepend">优惠券名称</template>
                                        </el-input>
                                        <el-input v-model="item.coupon_num" style="width:300px" size="mini">
                                            <template slot="prepend">赠送</template>
                                            <template slot="append">张</template>
                                        </el-input>
                                        <el-button @click="delCouponLottery(index)" icon="el-icon-close" type="danger" size="mini"></el-button>
                                    </div>
                                </div>
                                <el-button size="mini" v-if="form.is_coupon_lottery" @click="openLotteryCoupon" style="margin-left: 80px;">选择优惠券</el-button>
                            </el-form>
                        </div>



                        <!-- <div class="setting-display" v-if="loves" v-show="form.is_love"> -->
                        <h5 class="title-t">
                            活动分享
                        </h5>

                        <el-form-item label="标题" prop="share_title">
                            <el-input v-model="form.share_title" style="width:70%"  ref="share_title"></el-input>
                            <div class="add-tip">
                                点击添加数据
                                <span v-for="(item,index) in keywords.share_title" :key="index" @click="addContent('share_title',index,1)">[[item]]</span>
                            </div>
                        </el-form-item>

                        <el-form-item label="商家说明" prop="share_content">
                            <el-input v-model="form.share_content" type="textarea" rows="5" style="width:70%"  ref="share_content"></el-input>
                            <div class="add-tip">
                                点击添加数据
                                <span v-for="(item,index) in keywords.share_content" :key="index" @click="addContent('share_content',index,2)">[[item]]</span>
                            </div>
                        </el-form-item>

                        <h5 class="title-t">
                            活动详情分享
                        </h5>
                        <el-form-item label="标题" prop="desc_title">
                            <el-input v-model="form.desc_title" style="width:70%"  ref="desc_title"></el-input>
                            <div class="add-tip">
                                点击添加数据
                                <span v-for="(item,index) in keywords.desc_title" :key="index" @click="addContent('desc_title',index,3)">[[item]]</span>
                            </div>
                        </el-form-item>

                        <el-form-item label="商家说明" prop="desc_content">
                            <el-input v-model="form.desc_content" type="textarea" rows="5"  ref="desc_content" style="width:70%" ></el-input>
                            <div class="add-tip">
                                点击添加数据
                                <span v-for="(item,index) in keywords.desc_content" :key="index" @click="addContent('desc_content',index,4)">[[item]]</span>
                            </div>
                        </el-form-item>
                        <h5 class="title-t" v-if="commission.length > 0">
                            分销商设置
                        </h5>

                        <el-form-item label="分销商等级" prop="commission" v-if="commission.length > 0">

                            <!-- <el-checkbox  v-model="form.c_level" :checked="form.c_level == 1 ? true : false" true-label="1" false-label="0" style="width:100px" >默认等级</el-checkbox> -->

                            <!-- <el-checkbox-group v-model="form.checkedlist">
                                <el-checkbox v-for="item in commission"  :label="item.id" :key="item.id" :true-label="1" :false-label="0" style="width:100px" @change="btnCheck(item.id)">[[item.name]]</el-checkbox>
                            </el-checkbox-group> -->
                            <div style="display: flex;flex-wrap: wrap;">
                                <div style="display: flex;align-items: center;margin:0 20px 20px 0;" v-for="item in form.level_list">
                                    <el-checkbox :true-label="1" :false-label="0" v-model="item.change">[[item.name]]</el-checkbox>
                                    <el-input style="margin-left: 20px;width: 240px;" v-model="item.count">
                                        <template slot="append">次</template>
                                    </el-input>
                                </div>
                            </div>
                            <div style="margin-top: -20px;" class="tip1">为0或为空则不限制开团次数</div>
                        </el-form-item>


                        <el-form-item>
                            <a href="#">
                                <el-button type="primary" @click="next">
                                    下一步
                                </el-button>
                            </a>
                            <el-button @click="goBack()">
                                返回列表
                            </el-button>
                        </el-form-item>
                    </div>
                    <!-- 第二页start -->
                    <div v-show="step==2">
                        <div class="list-title">
                            <div class="list-title-head">规格</div>
                            <div class="list-title-head">原价(元)</div>
                            <div  class="list-title-head">拼团价格</div>
                            <div class="list-title-head">活动库存</div>
                            <div class="list-title-head">
                                限购件数
                                <span style="color:#999;font-weight:400;">(0为不限购)</span>
                            </div>
                        </div>
                        <div class="list-con" v-for="(item,index) in form.has_many_options">
                            <div class="list-con-price">
                                [[item.option_title]]
                            </div>
                            <div class="list-con-price">
                                [[item.option_price]]
                            </div>
                            <div class="list-title-head" style="flex-wrap: wrap;"  class="input1">
                                <!-- <el-input style="flex:0 0 90%;" v-model="form.stock"></el-input> -->
                                <div v-for="(item1,index1) in item.has_many_option_level" :key="index1" >
                                    <div class="el-input el-input-group el-input-group--append el-input-group--prepend" style="flex: 0 0 90%; padding: 5px 0px;">
                                        <div class="el-input-group__prepend">[[item1.member_num]]人团：</div>
                                        <input type="text" autocomplete="off" class="el-input__inner" v-model="item1.group_price" :disabled="is_edit">
                                        <div class="el-input-group__append">元</div>
                                    </div>
                                </div>

                            </div>
                            <div class="list-title-head">
                                <!-- <el-input style="flex:0 0 90%;" v-model="item.stock"></el-input> -->
                                <input class="el-input__inner" v-model="item.stock" style="margin:0 10px">
                            </div>
                            <div class="list-title-head">
                                <input type="text" autocomplete="off" class="el-input__inner" v-model="item.buy_limit">
                                <!-- <el-input style="flex:0 0 90%;" v-model="item.buy_limit"></el-input> -->
                            </div>
                        </div>
                        <div style="text-align:center;margin-top:22px;">
                            <el-button type="primary" @click="last">
                                上一步
                            </el-button>
                            <el-button @click="submitForm('form')">
                                保存
                            </el-button>
                        </div>
                    </div>

                    <!-- 第二页end -->
                </el-form>
            </template>
            <!-- 新增活动弹出框 -->
            <el-dialog title="选择商品" :visible.sync="new_url" width="60%">
                <div>
                    <el-form :inline="true" :model="search_goods" ref="search_goods" style="padding:20px 0 0 0;">
                        <el-form-item label="" prop="">
                            <el-select v-model="search_goods.category" placeholder="请选择分类" clearable>
                                <el-option v-for="item in category_list" :key="item.id" :label="item.name" :value="item.id"></el-option>
                            </el-select>
                        </el-form-item>
                        <el-form-item label="" prop="">
                            <el-input v-model="search_goods.goods_name" placeholder="请输入标题"></el-input>
                        </el-form-item>
                        <a href="#">
                            <el-button type="success" icon="el-icon-search" @click="searchGoods()">搜索</el-button>
                        </a>
                    </el-form>
                    <template>
                        <!-- 表格start -->
                        <el-table :data="goods_list" style="width: 100%;overflow-y:auto" max-height="600" v-loading="table_loading">
                            <el-table-column prop="id" label="ID" align="center"></el-table-column>
                            <el-table-column prop="id" label="" width="110" align="center">
                                <template slot-scope="scope">
                                    <img :src="scope.row.thumb" alt="" style="width:50px;height:50px;">
                                </template>
                            </el-table-column>
                            <el-table-column prop="title" label="商品"  min-width="120"></el-table-column>
                            <el-table-column prop="" label="价格"  min-width="80"  align="center">
                                <template slot-scope="scope">
                                    <div style="color:red">￥[[scope.row.price]]</div>
                                </template>
                            </el-table-column>
                            <el-table-column prop="stock" label="库存"  min-width="80"  align="center"></el-table-column>
                            <el-table-column label="操作" min-width="80" align="center">
                                <template slot-scope="scope">
                                    <el-button :type="scope.row.has_many_activity_goods_count>=1?'info':'primary'" @click="choose(scope.row,scope.$index)" :disabled="scope.row.has_many_activity_goods_count>=1">选取</el-button>
                                </template>
                            </el-table-column>
                        </el-table>
                        <!-- 表格end -->
                    </template>
                    <!-- 分页 -->
                    <el-row>
                        <el-col :span="24" align="right" style="padding:15px 5% 15px 0">
                            <el-pagination layout="prev, pager, next" @current-change="currentChangeGoods" :current-page="goods_current_page" :total="goods_total" :page-size="goods_per_size" background v-loading="loading"></el-pagination>
                        </el-col>
                    </el-row>
                </div>
                <span slot="footer" class="dialog-footer">
                <el-button @click="new_url = false">取 消</el-button>
                    <!-- <el-button type="primary" @click="img_text_url = false">确 定</el-button> -->
            </span>
            </el-dialog>
            <!-- 选择优惠券弹窗 -->
            <el-dialog title="选择优惠券" :visible.sync="coupon_show" width="60%">
                <div>
                    <el-input v-model="coupon_keyword" placeholder="请输入优惠券名称" style="width:70%"></el-input>
                    <el-button type="success" icon="el-icon-search" @click="searchCoupon()">搜索</el-button>
                    <template>
                        <!-- 表格start -->
                        <el-table :data="coupon_list" style="width: 100%;overflow-y:auto;height:450px" v-loading="table_loading">
                            <el-table-column prop="id" label="ID" align="center"></el-table-column>

                            <el-table-column prop="name" label="优惠券名称" align="center" min-width="120"></el-table-column>
                            <el-table-column label="操作" min-width="80" align="center">
                                <template slot-scope="scope">
                                    <el-button @click="chooseCoupon(scope.row,scope.$index)">选择</el-button>
                                </template>
                            </el-table-column>
                        </el-table>
                        <!-- 表格end -->
                    </template>
                    <!-- 分页 -->
                    <el-row>
                        <el-col :span="24" align="right" style="padding:15px 5% 15px 0">
                            <el-pagination layout="prev, pager, next" @current-change="currentChangeGoods" :current-page="goods_current_page" :total="goods_total" :page-size="goods_per_size" background v-loading="loading"></el-pagination>
                        </el-col>
                    </el-row>
                </div>
                <span slot="footer" class="dialog-footer">
                <el-button @click="coupon_show = false">取 消</el-button>
                    <!-- <el-button type="primary" @click="img_text_url = false">确 定</el-button> -->
            </span>
            </el-dialog>
            <!-- 选择门店弹窗 -->
            <el-dialog :visible.sync="store_show" width="60%" center title="选择门店">
                <div>
                    <div>
                        <el-input v-model="store_keyword" style="width:70%"></el-input>
                        <el-button type="primary" @click="searchStore()">搜索</el-button>
                    </div>
                    <el-table :data="store_list" style="width: 100%;height:500px;overflow:auto" v-loading="loading">
                        <el-table-column label="ID" prop="id" align="center" width="100px"></el-table-column>
                        <el-table-column label="门店名称">
                            <template slot-scope="scope">
                                <div v-if="scope.row" style="display:flex;align-items: center">
                                    <div style="margin-left:10px">[[scope.row.store_name]]</div>
                                </div>
                            </template>
                        </el-table-column>

                        <el-table-column prop="refund_time" label="操作" align="center" width="320">
                            <template slot-scope="scope">
                                <el-button @click="chooseStore(scope.row)">
                                    选择
                                </el-button>

                            </template>
                        </el-table-column>
                    </el-table>
                </div>
                <span slot="footer" class="dialog-footer">
                    <el-button @click="store_show = false">取 消</el-button>
                </span>
            </el-dialog>

            <!-- 赠送优惠券 -->
            <el-dialog title="选择优惠券" :visible.sync="lottery_coupon_show" width="60%">
                <div>
                    <el-input v-model="lottery_coupon_keyword" placeholder="请输入优惠券名称" style="width:70%"></el-input>
                    <el-button type="success" icon="el-icon-search" @click="searchLotteryCoupon()">搜索</el-button>
                    <template>
                        <!-- 表格start -->
                        <el-table :data="lottery_coupon_list" style="width: 100%;overflow-y:auto;height:450px" v-loading="table_loading">
                            <el-table-column prop="id" label="ID" align="center"></el-table-column>

                            <el-table-column prop="name" label="优惠券名称" align="center" min-width="120"></el-table-column>
                            <el-table-column label="操作" min-width="80" align="center">
                                <template slot-scope="scope">
                                    <el-button @click="chooseCouponLottery(scope.row,scope.$index)">选择</el-button>
                                </template>
                            </el-table-column>
                        </el-table>
                        <!-- 表格end -->
                    </template>
                    <!-- 分页 -->
                    <el-row>
                        <el-col :span="24" align="right" style="padding:15px 5% 15px 0">
                            <el-pagination layout="prev, pager, next" @current-change="currentChangeGoods" :current-page="goods_current_page" :total="goods_total" :page-size="goods_per_size" background v-loading="loading"></el-pagination>
                        </el-col>
                    </el-row>
                </div>
                <span slot="footer" class="dialog-footer">
                <el-button @click="lottery_coupon_show = false">取 消</el-button>
                    <!-- <el-button type="primary" @click="img_text_url = false">确 定</el-button> -->
            </span>
            </el-dialog>


        </div>
        <script>
            const store_url = '{!! yzWebFullUrl('plugin.fight-groups.admin.controllers.fight-groups.store') !!}';
            var app = new Vue({
                el:"#app",
                delimiters: ['[[', ']]'],
                data() {
                    let data = {!! $data?:'{}' !!};
                    let keywords = data.keywords;
                    let love_name = data.love_name?data.love_name:'';
                    let loves = data.loves?data.loves:false;
                    let fight_groups_lottery_set = data.fight_groups_lottery_set?data.fight_groups_lottery_set:false;
                    let fight_groups_lottery_info = data.fight_groups_lottery_info?data.fight_groups_lottery_info:{};
                    let is_open_integral = data.is_open_integral?data.is_open_integral:false;
                    let store_obj = data.has_one_store_cashier?data.has_one_store_cashier:{};
                    let is_store = data.is_store?data.is_store:false;
                    let commission = data.commission?data.commission:{};
                    let c_level = data.c_level?data.c_level:0;
                    let comfort = data.comfort;
                    // let isshow = false;
                    console.log(commission,1111);
                    // data.checkedlist = data.commissions
                    data.checkedlist = this.fuc(data.commissions)

                    if (fight_groups_lottery_set.open_type == 1 && fight_groups_lottery_info.is_open == undefined)
                    {
                        fight_groups_lottery_info.is_open = 1;
                    }
                    function checkdatelist(key){
                        if (data[key]&&Array.isArray(data[key])&&data[key].length>0) return data[key];
                        let arr = [];
                        JSON.parse(JSON.stringify(commission)).forEach(item=>{
                            arr.push(item)
                         })
                        return arr
                    }
                    console.log(data,888999);
                    let form = {
                        goods_id:"",
                        goods_name:"",
                        is_lead:0,
                        barrage:0,
                        hide_num:"1",
                        setting:"",
                        share_title:'原价￥<<商品最高价>>，现价￥<<商品最低价>>起，参加<<拼团活动名称>>即可享受',
                        share_content : "活动商品数量有限，先到先得。",
                        desc_title : "我已经参加了<<团长名称>>发起的拼团。",
                        desc_content : "凑足<<拼团人数>>人即可享受拼团优惠，我已经参加，你也来吧。",
                        has_many_level:[],
                        has_many_options:[],//规格

                        is_love:0,
                        love:'',
                        is_balance:0,
                        balance_switch:data.balance_switch||0,
                        group_list:checkdatelist("group_list"),//开团奖励
                        level_list:checkdatelist("level_list"),//分销商等级多选与次数
                        balance:'',
                        is_coupon:0,
                        is_coupon_lottery: 0,
                        fight_groups_lottery_info:fight_groups_lottery_info,

                        coupon:[],//优惠券
                        coupon_lottery: [],
                        coupon_lottery2: [],
                        business_type:1,
                        store_id:0,
                        //分销
                        commissions:{},
                        commissions_list:[],
                        commissions_list_data:{},
                        c_level:c_level,
                        comfort: comfort,
                        ...data,
                        checked:[data.commissions],
                        info:true,
                        is_show_be_being_group:data.is_show_be_being_group != null ? data.is_show_be_being_group : 1
                    }

                    let has_one_goods = {};
                    let is_edit = false;
                    if(form.id){
                        if(form.start_time){
                            form.start_time = form.start_time*1000;
                        }
                        if(form.end_time){
                            form.end_time = form.end_time*1000;
                        }
                        has_one_goods = {
                            ...form.has_one_goods
                        }
                        if(form.status == 1 || form.status == 0){
                            is_edit = true;
                        }
                    }
                    return{
                        tab:"all",
                        new_url:false,//新增活动弹出框
                        step:1,//下一步
                        has_option:0,//是否开启规格
                        search_form:{},
                        search_goods:{},
                        category_list:[],
                        goods_list:[],
                        list:[],
                        keywords:keywords,
                        form:form,
                        fight_groups_lottery_set:fight_groups_lottery_set,
                        data:data,
                        // has_many_options:has_many_options,//规格
                        has_one_goods:has_one_goods,//回显商品信息
                        is_edit:is_edit,//是否允许编辑
                        //商品分页
                        goods_total:0,
                        goods_per_size:0,
                        goods_current_page:0,

                        // 优惠券
                        coupon_show:false,
                        lottery_coupon_show: false,
                        coupon_keyword:"",
                        lottery_coupon_keyword: "",
                        coupon_list:[],
                        lottery_coupon_list: [],
                        // choose_coupon_list:[],
                        // 爱心值
                        love_name:love_name,
                        loves:loves,
                        is_open_integral:is_open_integral,
                        //门店
                        store_show:false,
                        store_list:[],
                        store_keyword:'',
                        store_obj:store_obj,
                        is_store:is_store,

                        // 安慰奖名称
                        ch_name: '',

                        //分销等级
                        commission:commission,
                        c_level:c_level,

                        loading:false,
                        table_loading:false,
                        rules:{
                            title:{required: true, message: '请输入活动标题',}
                        },
                    }

                },
                created () {
                    if(this.has_one_goods&&this.has_one_goods.title){
                        this.has_one_goods.title = this.escapeHTML(this.has_one_goods.title);
                    }
                    if(!this.form.coupon || this.form.coupon == 'Array') {
                        this.form.coupon = [];
                    }
                    if (this.data.fight_group_lottery_comfort && this.data.fight_groups_lottery_set.is_open == 1) {
                        this.getNameComfort();
                    }
                },
                mounted() {
                    this.form.commissions_list =[]
                    this.form.checkedlist.forEach(item => {
                        let cc = {};
                        this.$set(cc, `${item}`,item);
                        this.form.commissions_list.push(cc);
                    })
                },
                methods: {
                    fuc(data){
                        let dataList = []
                        for(var key in data){
                            if(key !== 'null'){
                                dataList.push(key * 1);
                                console.log(key,'key1');
                            }else{
                                console.log(key,'key2');
                            }
                        }
                        return dataList
                    },
                    add() {
                        var that = this;
                        that.new_url = true;
                        that.getCategory();
                        this.search_goods = {};
                        // let json = this.search_goods;
                        // json.store_id = this.store_obj.id
                        let json = {store_id:this.store_obj.id}
                        that.getGoodsInfo(json);
                    },
                    //获得分类
                    getCategory(){
                        var that = this;
                        let json ={}
                        if(this.form.business_type == 2) {
                            json = {store_id:this.store_obj&&this.store_obj.id?this.store_obj.id:''}
                        };
                        console.log(json)
                        that.$http.post("{!! yzWebFullUrl('plugin.fight-groups.admin.controllers.fight-groups.get-category') !!}",json).then(response => {
                            console.log(response);
                            if(response.data.result==1){
                                that.category_list = response.data.data;
                                that.category_list.unshift({id:0,name:'全部分类'})
                            }
                            else{
                                that.$message.error(response.data);
                            }
                        }),function(res){
                            console.log(res);
                        };
                    },
                    //获得商品列表
                    getGoodsInfo(json){
                        var that = this;
                        that.table_loading = true;
                        if(this.form.business_type == 2) {
                            if(!this.store_obj||!this.store_obj.id){
                                that.new_url = false;
                                this.$message.error("门店id为空")
                                return false;
                            }
                        };
                        that.$http.post("{!! yzWebFullUrl('plugin.fight-groups.admin.controllers.fight-groups.search-goods') !!}",json).then(response => {
                            console.log(response);
                            if(response.data.result==1){
                                that.goods_total = response.data.data.total;
                                that.goods_per_size = response.data.data.per_page;
                                that.goods_current_page = response.data.data.current_page;
                                that.goods_list = response.data.data.data;
                                this.goods_list.forEach((item,index) => {
                                    item.title = this.escapeHTML(item.title)
                                });

                            }
                            else{
                                that.$message.error(response.data);
                            }
                            console.log(that.goods_list);
                            that.table_loading = false;
                        }),function(res){
                            console.log(res);
                            that.table_loading = false;
                        };

                    },
                    //搜索商品
                    searchGoods() {
                        console.log(this.search_goods);
                        this.getGoodsInfo(this.search_goods)
                    },
                    // 商品分页
                    currentChangeGoods(page) {
                        let json ={};
                        json = {category:this.search_goods.category,goods_name:this.search_goods.goods_name,page:page}
                        if (this.form.business_type == 2) {
                            json = {category:this.search_goods.category,goods_name:this.search_goods.goods_name,page:page,store_id:this.store_obj.id}
                        }
                        this.getGoodsInfo(json)
                    },
                    del(val){
                        for(var i = 0; i < this.form.checkedlist.length; i++){
                            if(this.form.checkedlist[i] == val){return i;}
                        }
                        return -1;
                    },
                    delCommit(val){
                        for(var i = 0; i < this.form.commissions_list.length; i++){
                            if(this.form.commissions_list[i] == val){return i;}
                        }
                        return -1;
                    },
                    btnCheck(data,count){
                        let a = this.form.checkedlist.indexOf(data);
                        if(a  === -1){
                            this.form.checkedlist.push(data)
                        }else{
                            let index = this.del(data)
                            this.form.checkedlist.splice(index,1);
                        }
                        this.form.commissions_list = []
                        this.form.checkedlist.forEach(item => {
                            let cc = {};
                            this.$set(cc, `${item}`,item);
                            this.form.commissions_list.push(cc);
                        })
                        this.form.info = false
                        // if(this.form.commissions.level){
                        //     this.form.commissions_list.push({'level':this.form.commissions.level})
                        // }
                        // let abc = {}
                        // for(let item in this.form.commissions_list){
                        //     this.$set(abc,`${item}`,this.form.commissions_list[item]);
                        // }
                    },
                    // 选择商品
                    choose(row,index) {
                        this.new_url = false,
                            this.has_one_goods.title = this.goods_list[index].title;
                        this.has_one_goods.id = this.goods_list[index].id;
                        this.has_one_goods.thumb = this.goods_list[index].thumb;
                        this.has_one_goods.price = this.goods_list[index].price;
                        this.has_one_goods.stock = this.goods_list[index].stock;
                        this.has_one_goods.sku = this.goods_list[index].sku;
                        this.has_option = this.goods_list[index].has_option;//是否开启规格
                        if(this.has_option){
                            this.form.has_many_options = this.goods_list[index].has_many_options;//规格
                        }
                        else {
                            this.form.has_many_options = [];

                        }
                        // 规格价格数据处理

                        // if(this.form.has_many_options.length>0) {
                        if(this.has_option) {
                            this.form.has_many_options.forEach((item,index) => {
                                this.form.has_many_options[index].option_price = item.product_price;
                                this.form.has_many_options[index].option_id  = item.id;
                                this.form.has_many_options[index].option_title = item.title;
                                this.form.has_many_options[index].has_many_option_level = []
                                this.form.has_many_options[index].buy_limit = "0"
                                this.form.has_many_options[index].stock = item.stock;
                            })
                        }
                        else {
                            this.form.has_many_options.push({option_title:'单规格',option_price:this.goods_list[index].price,stock:this.goods_list[index].stock,buy_limit:"0",has_many_option_level:[]})
                        }
                        console.log(this.form.has_many_options);
                        // 添加has_many_option_level
                        // let arr =[];
                        // this.form.has_many_options.map((item,index)=>{
                        //     arr.push(Object.assign({},item,{has_many_option_level:[],buy_limit:"0",stock:item.stock}))
                        // })
                        // this.form.has_many_options=arr;

                        this.form.goods_id = this.has_one_goods.id;
                        this.form.goods_name = this.has_one_goods.title;
                    },
                    // 添加关键词
                    addContent(name,index,x) {
                        console.log(this.$refs[name]);
                        let ref = this.$refs[name];
                        let words = "";
                        if(x==1){
                            words ="<<" + this.keywords.share_title[index] + ">>";
                        }
                        if(x==2){
                            words ="<<"  + this.keywords.share_content[index] + ">>";
                        }
                        if(x==3){
                            words ="<<" + this.keywords.desc_title[index] + ">>";
                        }
                        if(x==4){
                            words ="<<" + this.keywords.desc_content[index] + ">>";
                        }
                        console.log(words)
                        this.insertInputTxt(name,words,x)
                    },
                    insertInputTxt(ref,words,x) {
                        let name = "";
                        if(x==1||x==3){
                            name = this.$refs[ref].$refs.input;
                        }
                        if(x==2||x==4){
                            name = this.$refs[ref].$refs.textarea;
                        }
                        var startPos = name.selectionStart;
                        console.log(startPos);
                        var endPos = name.selectionEnd;
                        if (startPos === undefined || endPos === undefined) return
                        var txt = name.value;
                        var result = txt.substring(0, startPos) + words + txt.substring(endPos)
                        name.value = result;
                        name.focus();
                        name.selectionStart = startPos + words.length;
                        name.selectionEnd = startPos + words.length;
                        console.log(name.value)
                        this.form[ref] = name.value;
                    },
                    // 下一步
                    next() {
                        // this.form.groupList.forEach(item=>{
                        //     if (item.change) {
                        //         console.log(item,"grounp");
                        //     }
                        // })
                        // this.form.leverlist.forEach(item=>{
                        //     if (item.change) {
                        //         console.log(item,"lever");
                        //     }
                        // })
                        // // console.log(this.form);
                        // return
                        if(this.form.business_type == 2) {
                            if(!this.store_obj.id){
                                this.$message.error("门店id为空")
                                return false;
                            }
                        }
                        if(!this.form.title) {
                            this.$message.error("活动标题不能为空！")
                            return false;
                        }
                        if(!this.has_one_goods.title) {
                            this.$message.error("请选择活动商品！")
                            return false;
                        }
                        if(this.form.has_many_level.length == 0) {
                            this.$message.error("层级不能为空！")
                            return false;
                        }
                        if(!this.form.start_time) {
                            this.$message.error("开始时间不能为空！")
                            return false;
                        }
                        if(this.form.end_time && this.form.start_time >= this.form.end_time) {
                            this.$message.error("开始时间不能大于或者等于结束时间！")
                            return false;
                        }
                        if(this.form.menu_show==1){
                            if(this.form.hide_num<1) {
                                this.$message.error("展示设置->可参的团数不能少于1")
                                return false;
                            }
                        }

                        this.form.has_many_level.some(item => {
                            if (isNaN(item.expire_in)) {
                                this.$message.error("拼团时间只能是数值");
                                return true;
                            }
                            if(!item.member_num || !item.expire_in){
                                this.$message.error("层级信息不完成！");
                                return true;
                            }
                            else if(item.member_num == 1){
                                this.$message.error("拼团人数不能为1");
                                return true;
                            } else if (this.monitorPoint(item.expire_in)) {
                                this.$message.error("拼团层级时间不能超过一位小数点");
                                return true;
                            }
                            else {
                                this.step = 2;
                            }
                            console.log(this.step)
                        });
                        // 添加层级价格
                        if(!this.form.id){
                            if(this.has_option){
                                for(let i=0;i<this.form.has_many_options.length;i++) {
                                    this.form.has_many_options[i].has_many_option_level = [];
                                }
                                for(let i=0;i<this.form.has_many_options.length;i++) {
                                    for(let j=0;j<this.form.has_many_level.length;j++) {
                                        this.form.has_many_options[i].has_many_option_level.push({group_price:"",member_num:this.form.has_many_level[j].member_num})
                                    }
                                }
                                console.log(this.form);
                            }

                            else {
                                this.form.has_many_options[0].has_many_option_level = [];

                                for(let j=0;j<this.form.has_many_level.length;j++) {
                                    this.form.has_many_options[0].has_many_option_level.push({group_price:"0",member_num:this.form.has_many_level[j].member_num})
                                }

                            }
                        }
                    },
                    monitorPoint (str) {
                        let monitorStr = String(str);
                        let poiIndex = monitorStr.indexOf(".") + 1
                        if (poiIndex > 0 && monitorStr.length - poiIndex > 1) {
                            return true;
                        } else {
                            return false;
                        }
                    },
                    last() {
                        this.step = 1;
                    },
                    goBack() {
                        history.go(-1);
                    },
                    // 新增层级
                    addTier() {
                        if(this.form.has_many_level.length>=3){
                            this.$message.error("最多可设置3个阶梯");
                            return;
                        }
                        this.form.has_many_level.push({
                            level_num : this.form.has_many_level.length+1,
                            member_num : "",
                            expire_in : "",
                        })
                    },
                    delTier(index) {
                        this.form.has_many_level.splice(index,1);
                        // 层级重新排序
                        this.form.has_many_level.forEach((item,index1) => {
                            item.level_num = index1+1;
                        })
                    },
                    // 打开选择优惠券
                    openCoupon() {
                        this.coupon_show = true;
                    },
                    openLotteryCoupon() {
                        this.lottery_coupon_show = true;
                    },
                    getNameComfort() {
                        if  (!this.data.fight_group_lottery_comfort || this.data.comfort_set.is_open != 1) {
                            return
                        }
                        var that = this;
                        that.table_loading = true;
                        {{--that.$http.post("{!! yzWebFullUrl('plugin.fight-group-lottery-comfort.admin.comfort.get-data') !!}", {--}}
                        {{--}).then(response => {--}}
                        {{--console.log(response,'response')--}}
                        {{--if (response.data.result == 1) {--}}
                        {{--that.ch_name = response.data.data.plugin_name--}}
                        {{--} else {--}}
                        {{--that.$message.error(response.data);--}}
                        {{--}--}}
                        {{--that.table_loading = false;--}}
                        {{--}),--}}
                        {{--function(res) {--}}
                        {{--console.log(res);--}}
                        {{--that.table_loading = true;--}}
                        {{--};--}}
                    },

                    // 搜索优惠券
                    searchCoupon() {
                        var that = this;
                        that.table_loading = true;
                        that.$http.post("{!! yzWebFullUrl('plugin.fight-groups.admin.controllers.fight-groups.coupon') !!}",{keyword:that.coupon_keyword}).then(response => {
                            console.log(response);
                            if(response.data.result==1){
                                // that.goods_total = response.data.data.total;
                                // that.goods_per_size = response.data.data.per_page;
                                // that.goods_current_page = response.data.data.current_page;
                                that.coupon_list = response.data.data;
                            }
                            else{
                                that.$message.error(response.data);
                            }
                            console.log(that.goods_list);
                            that.table_loading = false;
                        }),function(res){
                            console.log(res);
                            that.table_loading = false;
                        };
                    },
                    searchLotteryCoupon() {
                        if (!this.data.fight_groups_lottery_coupon || this.data.reward_coupon_set.is_open != 1) {
                            return
                        }
                        var that = this;
                        that.table_loading = true;
                        that.$http.post("{!! yzWebFullUrl('plugin.fight-groups-lottery-coupon.admin.index.search-coupon') !!}", {
                            keyword: that.lottery_coupon_keyword
                        }).then(response => {
                            if (response.data.result == 1) {

                                that.lottery_coupon_list = response.data.data;
                            } else {
                                that.$message.error(response.data);
                            }
                            that.table_loading = false;
                        }),
                            function(res) {
                                console.log(res);
                                that.table_loading = false;
                            };
                    },

                    chooseCoupon(item,index) {
                        let is_true = true;
                        this.form.coupon.some((item1,index1) => {
                            if(item1.id == item.id) {
                                is_true = false;
                                this.$message.error("请勿重复选择优惠券！");
                                return true;
                            }
                        })
                        if(is_true) {
                            this.form.coupon.push({id:item.id,name:item.name,coupon_num:'1'});
                        }
                    },
                    chooseCouponLottery(item, index) {
                        let is_true = true
                        this.form.coupon_lottery2.some((item1, index1) => {
                            if (item1.id == item.id) {
                                is_true = false;
                                this.$message.error("请勿重复选择优惠券！");
                                return true;
                            }
                        })
                        if (is_true) {
                            this.form.coupon_lottery2.push({
                                id: item.id,
                                name: item.name,
                                coupon_num: '1'
                            });
                            this.form.coupon_lottery = this.form.coupon_lottery2
                            console.log(this.form.coupon_lottery2,'this.form.coupon_lottery2')
                        }
                    },

                    // 删除优惠券
                    delCoupon(index) {
                        this.form.coupon.splice(index,1);
                    },
                    addStore(){
                        this.store_show = true;
                    },
                    searchStore() {
                        let that = this;
                        this.loading = true;
                        this.$http.post(store_url,{keyword:this.store_keyword}).then(response => {
                            if (response.data.result) {
                                console.log(response.data.data)
                                this.store_list = response.data.data;
                            } else {
                                this.$message({message: response.data.msg,type: 'error'});
                            }
                            this.loading = false;
                        },response => {
                            this.loading = false;
                        });
                    },
                    chooseStore(item) {

                        this.store_obj = item;
                        console.log(this.store_obj )
                        // this.store_ids.push(item.id)
                        // this.store_names.push(item.store_name)
                        // console.log(this.store_names)
                    },
                    closeStore(index) {
                        console.log(index)
                        this.store_ids.splice(index,1)
                        this.store_names.splice(index,1)
                    },
                    submitForm(){
                        var that = this;
                        let info_commissions = false
                        if(that.form.commissions){
                            if(that.form.commissions.level){
                                info_commissions = true
                            }
                        }else{
                            that.$set(that.form,"commissions","")
                        }
                        // that.form.commissions.level
                        if(info_commissions){
                            that.form.commissions_list.push({'level':that.form.commissions.level})
                        }else{
                            let index = that.delCommit('level')
                            that.form.commissions_list.splice(index,1);
                            this.form.commissions_list = []
                            this.form.checkedlist.forEach(item => {
                                let cc = {};
                                this.$set(cc, `${item}`,item);
                                this.form.commissions_list.push(cc);
                            })
                        }
                        let abc = {}
                        for(let item in that.form.commissions_list){
                            that.$set(abc,`${item}`,that.form.commissions_list[item]);
                        }
                        //
                        let qq = {}
                        for(var key in that.form.commissions_list){
                            for(let item in that.form.commissions_list[key]){
                                that.$set(this.form.commissions_list_data,`${item}`,that.form.commissions_list[key][item])
                                console.log(that.form.commissions_list[key][item],'item');
                            }
                        }
                        that.loading = true;
                        if(this.form.start_time) {
                            this.form.start_time = this.form.start_time/1000;
                        }
                        if(this.form.end_time) {
                            this.form.end_time = this.form.end_time/1000;
                        }
                        delete(this.form.goods_name)
                        delete(this.form.loves)
                        delete(this.form.love_name)
                        delete(this.form.commissions_list)

                        let josn = that.form;
                        josn.store_id = that.store_obj.id;
                        // console.log(that.form,josn.commissions,josn);
                        that.$http.post("{!! yzWebFullUrl('plugin.fight-groups.admin.controllers.fight-groups.save') !!}",{form_data:josn}).then(response => {
                            console.log(response);
                            if(response.data.result==1){
                                that.$message.success("保存成功！");
                                window.location.href='{!! yzWebFullUrl('plugin.fight-groups.admin.controllers.fight-groups.index') !!}';
                            }
                            else{
                                that.$message.error(response.data.msg);
                                if(this.form.start_time) {
                                    this.form.start_time = this.form.start_time*1000;
                                }
                                if(this.form.end_time) {
                                    this.form.end_time = this.form.end_time*1000;
                                }
                            }
                            that.loading = false;
                        }),function(res){
                            that.loading = false;
                            if(this.form.start_time) {
                                this.form.start_time = this.form.start_time*1000;
                            }
                            if(this.form.end_time) {
                                this.form.end_time = this.form.end_time*1000;
                            }
                            console.log(res);
                        };
                    },
                    // 字符转义
                    escapeHTML(a) {
                        a = "" + a;
                        return a.replace(/&amp;/g, "&").replace(/&lt;/g, "<").replace(/&gt;/g, ">").replace(/&quot;/g, "\"").replace(/&apos;/g, "'");;
                    },
                }
            })
        </script>
@endsection