@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="管理中心海报">
                        <el-select v-model="set.poster_id" placeholder="请选择">
                            <el-option v-for="(item,index) in poster_list" :key="index" :label="item.title" :value="item.id"></el-option>
                        </el-select>
                    </el-form-item>
                </div>

                <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 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_fund_open">
                            <div style="line-height:40px">
                                <el-radio v-model.number="set.is_fund_open" :label="0">不开启</el-radio>
                                <el-radio v-model.number="set.is_fund_open" :label="1">开启</el-radio>
                            </div>
                            <div class="form-item_tips">基金池能力</div>
                        </el-form-item>

                        <el-form-item label="基金入账比例" prop="order_fund_ratio">
                            <el-input type="number" placeholder="基金池基金成交入账比例" v-model.number="set.order_fund_ratio" step="30">
                                <template slot="append">%</template>
                            </el-input>
                            <div class="form-item_tips">基金池基金用户订单成交订单金额比例纳入基金池</div>
                        </el-form-item>

                        <el-form-item label="起始价格" prop="fund_start_price">
                            <el-input type="number" placeholder="起始价格" v-model.number="set.fund_start_price" step="0.5">
                                <template slot="append">元</template>
                            </el-input>
                            <div class="form-item_tips">用户订单成交第一笔订单计算价格</div>
                        </el-form-item>


                        <el-form-item label="文创豆赠送比例" prop="user_fund_ratio">
                            <el-input type="number" placeholder="收益比例" v-model.number="set.user_fund_ratio" step="10">
                                <template slot="append">%</template>
                            </el-input>
                            <div class="form-item_tips">用户购买商品活动赠送文创豆数量比例 《消费额度ⅹ赠送10%÷价格》</div>
                        </el-form-item>

                        <el-form-item label="兑换余额比例" prop="balance_ratio">
                            <el-input type="number" placeholder="余额兑换比例" v-model.number="set.balance_ratio" step="8">
                                <template slot="append">%</template>
                            </el-input>
                            <div class="form-item_tips">用户将文创豆兑换余额比例</div>
                        </el-form-item>

                        <el-form-item label="最小赠送" prop="min_number">
                            <el-input type="number" placeholder="赠送最小个数" v-model.number="set.min_number" step="8">
                                <template slot="append">个</template>
                            </el-input>
                            <div class="form-item_tips">当系统赠送积分小于当前数量时,系统将自动增值比例</div>
                        </el-form-item>

                        <el-form-item label="增加倍数" prop="fund_multiple">
                            <el-input type="number" placeholder="增加倍数" v-model.number="set.fund_multiple" step="10">
                                <template slot="append">倍</template>
                            </el-input>
                            <div class="form-item_tips">当系统赠送积分小于指定数量,用户全局增长总量倍数</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,
                    },
                    poster_list: JSON.parse('{!! json_encode($poster_list) !!}') || {},
                }
            },
            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