@extends('layouts.base')
@section('title', '基础设置')
@section('content')
<link href="{{ static_url('yunshop/element-ui/2.10.1/css/index.css') }}" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="{{static_url('yunshop/goods/vue-goods1.css')}}"/>
<link rel="stylesheet" href="{{static_url('css/public-number.css')}}">
<style>
    .dialog-cover{z-index:2001}
    .dialog-content{z-index:2002}
</style>
    <div class="all">
        <div id="app" v-cloak>

            <el-form ref="form" :model="form"  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>
                        </el-form-item>
                        <el-form-item label="计算基数">
                            <div style="line-height: 50px">
                                <el-radio-group v-model="form.cardinality">
                                    <el-radio :label='0'>实际支付金额</el-radio>
                                    <el-radio :label='1'>利润</el-radio>
                                </el-radio-group>
                                <div class="tip">实际支付金额为订单实际支付的金额（含余额支付，不含余额抵扣、运费、服务费）
                                    平台自营、供应商、供应链商品利润为实际支付金额-成本！O2O多商户、酒店插件利润为平台提成部分，自营扫码买单功能利润为实际支付金额。</div>
                            </div>
                        </el-form-item>
                        <el-form-item label="分成比例">
                                <el-input  style="width: 30%;" v-for="(item,index) in form.share_ratio" :key="item.id" v-model="item.value" >
                                    <template slot="prepend">[[item.level_name]]</template>
                                    <template slot="append">%</template>
                                </el-input>
                                <div class="tip">所有等级设置比例总和不能超过70%</div>
                        </el-form-item>
                        <el-form-item label="分红份数" prop="bonus_set">
                            <el-switch v-model="form.bonus_set" :active-value="1" :inactive-value="0"></el-switch>
                            <div class="tip">开启后分红按等级设置条件会员持有的份数进行分红，关闭或没设定的等级则按原来的机制均分<br>公式：分红金额=等级分红总额度/分红份数*对应会员获得的份数<br>封顶金额：对应等级可以获得的最多分红金额</div>
                        </el-form-item>
                        <el-form-item label="分成周期">
                            <div style="line-height: 50px">
                                <el-radio-group v-model="form.dividend_cycle">
                                    <el-radio :label="0">天</el-radio>
                                    <el-radio :label="1">周</el-radio>
                                    <el-radio :label="2">月</el-radio>
                                </el-radio-group>
                            </div>
                        </el-form-item>
                        <el-form-item label="结算周期" prop="">
                            <el-input style="width: 20%;vertical-align:baseline" v-model="form.settlement_cycle">
                                <template slot="append">天</template>
                            </el-input>
                            <div class="tip">计算订单完成后满足设置天数的累计订单，请勿中途修改天数，否则会导致部分订单重复计算分成！</div>
                        </el-form-item>
                        <el-form-item label="分成方式">
                            <div style="line-height: 50px">
                                <el-radio-group v-model="form.dividend_type">
                                    <el-radio :label="0">等级人数</el-radio>
                                    <el-radio :label="1">达标等级人数</el-radio>
                                </el-radio-group>
                            </div>
                            <div class="tip">等级人数：按该等级总人数分成<br>达标等级人数：满足消费限制的人数分成</div>
                        </el-form-item>
                        <el-form-item label="前端显示分成明细" prop="detail_set">
                            <el-switch v-model="form.detail_set" :active-value="1" :inactive-value="0"></el-switch>
                        </el-form-item>

                        <div class="vue-main-title">
                            <div class="vue-main-title-left"></div>
                            <div class="vue-main-title-content">分成限制</div>
                        </div>

                        <el-form-item label="消费限制">
                            <div style="line-height: 50px">
                                <el-radio-group v-model="form.consume_limit">
                                    <el-radio :label="0">周</el-radio>
                                    <el-radio :label="1">月</el-radio>
                                    <el-radio :label="2">季度</el-radio>
                                </el-radio-group>
                            </div>
                            <el-input style="width: 20%;vertical-align:baseline" v-model="form.consume_money">
                                <template slot="append">元</template>
                            </el-input>
                            <div class="tip">分成时上个限制周期（自然周、自然月、自然季度）内自购已支付订单满足条件才可以获得分红！</div>
                        </el-form-item>

                        <div class="vue-main-title">
                            <div class="vue-main-title-left"></div>
                            <div class="vue-main-title-content">领取限制</div>
                        </div>

                        <el-form-item label="手动领取" prop="is_manual">
                            <el-switch v-model="form.is_manual" :active-value="1" :inactive-value="0"></el-switch>
                            <div class="tip">开启后，合伙人分成获得为待领取状态，需手动领取才计入收入账户。</div>
                        </el-form-item>

                        <el-form-item label="每日领取限制" prop="">
                            <el-input style="width: 20%;vertical-align:baseline" v-model="form.receive_limit">
                                <template slot="append">次</template>
                            </el-input>
                            <div class="tip">为空或者0为不限制，设置后，合伙人每天最多可以领取设置次数的分红；</div>

                        </el-form-item>

                        <el-form-item label="领取激励视频" prop="urge_video">
                            <el-switch v-model="form.urge_video" :active-value="1" :inactive-value="0"></el-switch>
                            <div class="tip">开启后合伙人点击领取分红，都需要观看激励视频广告，如果开启该选项，只能在微信小程序、聚合APP中领取分红。</div>
                        </el-form-item>

                        <el-form-item label="提示跳转链接" prop="jump_url">
                            <el-input style="width: 20%;vertical-align:baseline" v-model="form.jump_url">
                            </el-input>
                            <div class="tip">非微信小程序、聚合APP端领取提示跳转链接</div>
                        </el-form-item>

                        <div class="vue-main-title">
                            <div class="vue-main-title-left"></div>
                            <div class="vue-main-title-content">分成说明</div>
                        </div>
                        <el-form-item label="" prop="description">
                            <tinymceee v-model="form.description" 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()">保存设置</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.pop')
    @include('public.admin.program')
    @include('public.admin.tinymceee')
    <script>
        var app = new Vue({
            el:"#app",
            delimiters: ['[[', ']]'],
            name: 'test',
            data() {
                return{
                    mini_page:'',
                    page:'',

                    form:{
                        is_open:0,
                        cardinality:0,
                        dividend_cycle:0,
                        dividend_type:0,
                        settlement_cycle:0,
                        consume_limit:0,
                        consume_money:0.00,
                        is_manual:0,
                        receive_limit:0,
                        urge_video:0,
                        jump_url:'',
                        description:'',
                        bonus_set:0,
                        detail_set:1,
                        share_ratio:[]
                    },


                }
            },
            created() {
                this.getData();
            },
            mounted() {
            },
            methods: {
                getData() {
                    let loading = this.$loading({target:document.querySelector(".content"),background: 'rgba(0, 0, 0, 0.2)'});
                    this.$http.get('{!! yzWebFullUrl('plugin.share-partner.admin.set.detail') !!}').then(function (response) {
                            if (response.data.result){
                                this.form = Object.assign(this.form,response.data.data.data);
                                console.log(this.form.share_ratio);
                            }
                            else {
                                this.$message({message: response.data.msg,type: 'error'});
                            }
                            loading.close();
                        },function (response) {
                            this.$message({message: response.data.msg,type: 'error'});
                            loading.close();
                        }
                    );
                },

                submitForm() {
                    let json = {
                        set:this.form
                    };
                    let loading = this.$loading({target:document.querySelector(".content"),background: 'rgba(0, 0, 0, 0.2)'});
                    this.$http.post('{!! yzWebFullUrl('plugin.share-partner.admin.set.detail') !!}',json).then(response => {
                        if (response.data.result) {
                            this.$message({type: 'success',message: '操作成功!'});
                            // this.goBack();
                        } else {
                            this.$message({message: response.data.msg,type: 'error'});
                        }
                        loading.close();
                    },response => {
                        loading.close();
                    });
                },
            },
        })

    </script>
@endsection