@extends('layouts.base')
@section('title', '基础设置')
@section('content')
<link rel="stylesheet" type="text/css" href="{{static_url('yunshop/goods/vue-goods1.css')}}"/>
    <div class="all">
        <div id="app" v-cloak>
            <div class="vue-crumbs">
                拼团奖励 > 基础设置
            </div>
            <el-form ref="form" :model="form" :rules="rules" label-width="15%">

                <div class="vue-head">
                    <div class="vue-main-title">
                        <div class="vue-main-title-left"></div>
                        <div class="vue-main-title-content">基础设置</div>
                    </div>
                    <div class="vue-main-form">
                        <el-form-item label="插件开启" prop="is_open">
                            <el-switch v-model="form.is_open" :active-value="1" :inactive-value="0"></el-switch>
                            <div class="tip" style="color:red">拼团所选商品为虚拟商品时，拼团活动不参与拼团抽奖</div>
                        </el-form-item>
                        <el-form-item label="拼团活动默认状态" prop="open_type">
                            <el-switch v-model="form.open_type" :active-value="1" :inactive-value="0"></el-switch>
                        </el-form-item>
                        <el-form-item label="退款方式" prop="refund">
                            <el-radio v-model="form.refund" :label="0">原路退回</el-radio>
                            <el-radio v-model="form.refund" :label="1">余额</el-radio>
                        </el-form-item>

                        <el-form-item label="奖励节点" prop="reward_time">
                            <el-radio v-model="form.reward_time" :label="0">订单完成后（任意一单）</el-radio>
                            <el-radio v-model="form.reward_time" :label="1">成团后</el-radio>
                        </el-form-item>

                        <el-form-item label="拼团抽奖通知">
                          <el-select v-model="form.notifiyType" value-key="id">
                              <el-option label="请选择消息模板" :value="0"></el-option>
                            <el-option v-for="(typeItem,itemIndex) in notifiyTypes" :value="typeItem.id" :label="typeItem.title" :key="typeItem.id"></el-option>
                          </el-select>
                        </el-form-item>

                        <el-form-item label="自定义前端显示名称" prop="lottery_name">
                            <el-input v-model="form.lottery_name" style="width:10%"></el-input>
                        </el-form-item>

                        <el-form-item label="前端活动详情页参与次数与累积中奖次数显示" prop="is_show_custom_number" style="width:150%">
                            <el-switch v-model="form.is_show_custom_number" :active-value="1" :inactive-value="0"></el-switch>
                        </el-form-item>

                        <el-form-item label="当天累积参与次数自定义" prop="join_number_custom">
                            <el-input v-model="form.join_number_custom" style="width:70%;" ref="join_number_custom" placeholder="默认：今日累积参与次数【参与次数】"></el-input>
                            <div>
                                <el-button size="mini" @click="addContent_1('join_number')" ref="join_number">参与次数</el-button>
                            </div>
                        </el-form-item>

                        <el-form-item label="拼中累积次数自定义" prop="winning_number_custom">
                            <el-input v-model="form.winning_number_custom" style="width:70%;" ref="winning_number_custom" placeholder="默认：您已累积拼中【累积次数】次~"></el-input>
                            <div>
                                <el-button size="mini" @click="addContent_2('winning_number')" ref="winning_number">累积次数</el-button>
                            </div>
                        </el-form-item>
                    </div>
                </div>
                <div class="vue-head">
                    <div class="vue-main-title">
                        <div class="vue-main-title-left"></div>
                        <div class="vue-main-title-content">抽奖规则（统一设置）</div>
                    </div>
                    <div class="vue-main-form">
                        <el-form-item label="团长限制" prop="commander_set">
                            <el-radio v-model="form.commander_set" :label="0">无限制</el-radio>
                            <el-radio v-model="form.commander_set" :label="1">必中</el-radio>
                            <el-radio v-model="form.commander_set" :label="2">必不中</el-radio>
                        </el-form-item>
                        <el-form-item label="新会员限制" prop="first_set">
                            <el-radio v-model="form.first_set" :label="0">无限制</el-radio>
                            <el-radio v-model="form.first_set" :label="1">必中</el-radio>
                            <el-radio v-model="form.first_set" :label="2">必不中</el-radio>
                        </el-form-item>

                        <el-form-item label="中奖人数（不填写默认为1人）" prop="win_number">
                            <el-input v-model="form.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>
                    </div>
                </div>
                <div class="vue-head">
                    <div class="vue-main-title">
                        <div class="vue-main-title-left"></div>
                        <div class="vue-main-title-content">奖励规则</div>
                    </div>
                    <div class="vue-main-form">
                        <el-form-item label="抽中会员奖励" prop="">
                            <template slot="label">
                                <div style="font-weight:600">抽中会员奖励</div>
                            </template>
                        </el-form-item>
                        <el-form-item label="积分" prop="winning_integral_percentage">
                            <el-input v-model="form.winning_integral_percentage" style="width:70%">
                                <template slot="append">%</template>
                            </el-input>
                        </el-form-item>
                        <el-form-item label="余额" prop="winning_credit_percentage">
                            <el-input v-model="form.winning_credit_percentage" style="width:70%">
                                <template slot="append">%</template>
                            </el-input>
                        </el-form-item>
                        <el-form-item label="爱心值" prop="winning_love_percentage" v-if="form.is_love">
                            <el-input v-model="form.winning_love_percentage" style="width:70%">
                                <template slot="append">%</template>
                            </el-input>
                        </el-form-item>
                        <el-form-item label="消费积分" prop="winning_shop_integral_percentage" v-if="form.is_integral">
                            <el-input v-model="form.winning_shop_integral_percentage" style="width:70%">
                                <template slot="append">%</template>
                            </el-input>
                        </el-form-item>
                        
                        <el-form-item label="未抽中会员奖励" prop="">
                            <template slot="label">
                                <div style="font-weight:600">未抽中会员奖励(平分奖励)</div>
                            </template>
                        </el-form-item>
                        <el-form-item label="积分" prop="loser_integral_percentage">
                            <el-input v-model="form.loser_integral_percentage" style="width:70%">
                                <template slot="append">%</template>
                            </el-input>
                        </el-form-item>

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

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

                            <el-input v-model="form.loser_credit" style="width:35%">
                                <template slot="append">余额</template>
                            </el-input>
                        </el-form-item>
                        <el-form-item label="爱心值" prop="loser_love_percentage" v-if="form.is_love">
                            <el-input v-model="form.loser_love_percentage" style="width:70%">
                                <template slot="append">%</template>
                            </el-input>
                        </el-form-item>
                        <el-form-item label="消费积分" prop="loser_shop_integral_percentage" v-if="form.is_integral">
                            <el-input v-model="form.loser_shop_integral_percentage" style="width:70%">
                                <template slot="append">%</template>
                            </el-input>
                        </el-form-item>

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

                            <el-input v-model="form.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.parent_reward" :label="0">比例</el-radio>
                            <el-radio v-model="form.parent_reward" :label="1">固定值</el-radio>
                        </el-form-item>

                        <el-form-item label="一级上级奖励积分" prop="parent_one_integral">
                            <el-input v-model="form.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.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.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.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">如果拼团活动中进行了独立设置，以拼团活动设置为准！</div>
                        </el-form-item>
                    </div>
                </div>
                <div class="vue-head">
                    <div class="vue-main-title">
                        <div class="vue-main-title-left"></div>
                        <div class="vue-main-title-content">拼团抽奖规则</div>
                    </div>
                    <div class="vue-main-form">
                        <el-form-item label="是否显示" prop="is_display">
                            <el-switch v-model="form.is_display" :active-value="1" :inactive-value="0"></el-switch>
                        </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="desc">
                            <tinymceee v-model="form.desc" style="width:70%"></tinymceee>
                        </el-form-item>
                    </div>
                </div>
            </el-form>

            <!-- 分页 -->
            <div class="vue-page">
                <div class="vue-center">
                    <el-button type="primary" @click="submitForm('form')">保存设置</el-button>
                    <el-button @click="goBack">返回</el-button>
                </div>
            </div>
        </div>
    </div>
    <script src="{{resource_get('static/yunshop/tinymce4.7.5/tinymce.min.js')}}"></script> 
    @include('public.admin.uploadImg') 
    @include('public.admin.tinymceee')
    <script>
        let set={!!json_encode($set) !!}
        const notifiyTypes=JSON.parse('{!! json_encode($temp_list,true) !!}');

        var app = new Vue({
            el:"#app",
            delimiters: ['[[', ']]'],
            name: 'test',
            data() {
                return{
                    form:{
                        desc:set.desc?set.desc:'',
                        join_number:'',
                        winning_number:'',
                        notifiyType : null
                    },
                    
                    rules:{
                        name:{ required: true, message: '请输入'}
                    },

                    notifiyTypes
                }
            },
            created() {


            },
            mounted() {
                this.getData();
            },
            methods: {
                // 添加关键词
                addContent_1(name) {
                    let words = "";
                    if(name=='join_number'){
                        words = "[参与次数]";
                    }

                    this.insertInputTxt_1(name,words)
                },
                // 添加关键词
                addContent_2(name) {
                    let words = "";
                    if(name=='winning_number'){
                        words = "[累积次数]";
                    }

                    this.insertInputTxt_2(name,words)
                },
                insertInputTxt_1(ref,words) {
                    let name = this.$refs['join_number_custom'].$refs.input;
                    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['join_number_custom'] = name.value;
                },
                insertInputTxt_2(ref,words) {
                    let name = this.$refs['winning_number_custom'].$refs.input;
                    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['winning_number_custom'] = name.value;
                },
                getData() {
                    let loading = this.$loading({target:document.querySelector(".content"),background: 'rgba(0, 0, 0, 0)'});
                    this.$http.post('{!! yzWebFullUrl('plugin.fight-groups-lottery.admin.set.set-info') !!}').then(function (response) {
                            if (response.data.result){
                                this.form = {
                                    ...response.data.data,
                                };
                                console.log(this.form);
                            }
                            else {
                                this.$message({message: response.data.msg,type: 'error'});
                            }
                            loading.close();
                        },function (response) {
                            this.$message({message: response.data.msg,type: 'error'});
                            loading.close();
                        }
                    );
                },
                submitForm(formName) {
                    console.log(this.form)
                    let that = this;
                    let json = this.form;
                    
                    this.$refs[formName].validate((valid) => {
                        if (valid) {
                            let loading = this.$loading({target:document.querySelector(".content"),background: 'rgba(0, 0, 0, 0)'});
                            this.$http.post('{!! yzWebFullUrl('plugin.fight-groups-lottery.admin.set.add-groups-lottery-set') !!}',json).then(response => {
                                if (response.data.result) {
                                    this.$message({type: 'success',message: '操作成功!'});
                                } else {
                                    this.$message({message: response.data.msg,type: 'error'});
                                }
                                loading.close();
                            },response => {
                                loading.close();
                            });
                        }
                        else {
                            console.log('error submit!!');
                            return false;
                        }
                    });
                },
                goBack() {
                    history.go(-1)
                },
                
            },
        })

    </script>
@endsection