@extends('layouts.base')
@section('title', '基本设置')
@section('content')
    <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>
        .vue-head{
            max-width: 900px!important;
        }
        .form-item_tips {
            margin-top:8px;
            line-height:26px;
            color: #b5b5b5;
            font-size: 13px;
        }
    </style>
    <div class="all" id="app">
        <el-form :model="set" label-width="170px">
            <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_give_contribution">
                        <div style="line-height:40px">
                            <el-radio v-model.number="set.is_give_contribution" :label="0">不开启</el-radio>
                            <el-radio v-model.number="set.is_give_contribution" :label="1">开启</el-radio>
                        </div>
                    </el-form-item>
                    <div v-if="set.is_give_contribution == 1">
                        <el-form-item label="奖励比例" prop="contribution_ratio">
                            <el-input type="number" placeholder="贡献值奖励比例" v-model.number="set.contribution_ratio" step="0.01">
                                <template slot="append">%</template>
                            </el-input>
                            <div class="form-item_tips">订单实际支付的N%奖励给用户及直推上级，作为贡献值。0或者空则无贡献值奖励</div>
                        </el-form-item>
                        <el-form-item label="分红总额比例" prop="contribution_bonus_ratio">
                            <el-input type="number" placeholder="贡献值分红总额比例" v-model.number="set.contribution_bonus_ratio" step="0.01">
                                <template slot="append">%</template>
                            </el-input>
                            <div class="form-item_tips">周期销售额的N%用作分红总金额，根据每个人当前贡献值比例进行分红；0或者空则无贡献值奖励</div>
                        </el-form-item>
                    </div>
                </div>




                {{--保存按钮--}}
                <el-form-item>
                    <el-button type="primary" size="small" @click="onSubmit">保存</el-button>
                </el-form-item>
            </div>
        </el-form>
    </div>
    <script>
        var app = new Vue({
            el:"#app",
            delimiters: ['[[', ']]'],
            name: 'test',
            data() {
                return{
                    set: JSON.parse('{!! json_encode($set) !!}') || {
                        is_give_contribution: 0,
                        is_open_contribution_bonus: 0,
                    },
                }
            },
            created() {},
            mounted() {},
            methods: {
                // 提交
                onSubmit() {
                    let _this = this;
                    _this.$http.post('{!! yzWebFullUrl('plugin.cultural-space.admin.index.set') !!}', {
                        cultural_space_set: _this.set
                    }).then(function (response) {
                        let res = response.body;
                        _this.$message({
                            message: res.msg,
                            type:  res.result == 1 ? 'success' : 'error'
                        });
                    });
                },
            },
        })
    </script>
@endsection