@extends('layouts.base')
@section('title', "基础设置")
@section('content')

    <style>
        .rightlist #app .rightlist-head{padding:15px 0;line-height:50px;border-bottom:1px solid #ccc;}
        .rightlist #app{margin-left:30px;}
        .rightlist-head-con{float:left;padding-right:20px;font-size:16px;color:#888;}
        .el-form-item__label{padding-right:30px;}
        .mouse-active{cursor:pointer;border:1px dotted #409EFF;border-radius: 4px;}
        /* 滑块选择小白点 */
        .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;}

        .avatar-uploader .el-upload {margin-top:15px;border: 1px dashed #d9d9d9;border-radius: 6px;cursor: pointer;position: relative;overflow: hidden;}
        .avatar-uploader .el-upload:hover {border-color: #409EFF;}
        .avatar-uploader-icon {font-size: 28px;color: #8c939d;width: 178px;height: 178px;line-height: 178px;text-align: center;}
        .avatar {width: 178px;height: 178px;display: block;}
        .el-upload-tip{width:178px;margin:0;padding:0;color:#999;text-align:center;}
        input[type=file] {display: none;}
        .avatar-uploader-box{position:relative;width:200px;}
        .el-icon-circle-close{position:absolute;top:10px;right:0;color:#999;}
        .tip{font-size:12px;color:#999;}
    </style>

    <div class="rightlist">
        <div id="app" v-loading="loading">
        <link rel="stylesheet" href="//at.alicdn.com/t/font_913727_zrmdutznqpd.css">
            <el-form ref="form" :model="form" :rules="rules" ref="form" label-width="240px" hide-required-asterisk=true>
                <h5 class="rightlist-head">
                    基础设置
                </h5>
                <el-form-item label="股东奖励" prop="is_open">
                    <el-radio v-model.number="form.is_open" :label="1">开启</el-radio>
                    <el-radio v-model.number="form.is_open" :label="0">关闭</el-radio>
                </el-form-item>
                <el-row>
                    <el-col :span="11">
                        <el-form-item label="自定义名称" prop="" label-width="240px">
                            <el-input v-model.number="form.name" style="width:100%" placeholder="请输入名称">
                            </el-input>
                            <templace>空白默认为股东奖励</templace>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="11">
                        <el-form-item label="结算天数" prop="settle_days" :rules="{type:'number',message:'请输入数字'}">
                            <el-input v-model.number="form.settle_days" style="width:100%"  placeholder="请输入数值">
                            </el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
                <h5 class="rightlist-head">
                消息推送
                </h5>
                <el-form-item label="成为股东通知" prop="">
                    <el-select v-model="form.become_partner_notice" filterable placeholder="请选择" style="width:60%">
                        <el-option
                                v-for="item in notice_list"
                                :key="item.id"
                                :label="item.title"
                                :value="item.id">
                        </el-option>
                    </el-select>
                </el-form-item>
                <el-form-item label="奖励通知" prop="">
                    <el-select v-model="form.partner_reward_notice" filterable placeholder="请选择" style="width:60%">
                        <el-option
                                v-for="item in notice_list"
                                :key="item.id"
                                :label="item.title"
                                :value="item.id">
                        </el-option>
                    </el-select>
                </el-form-item>

                <el-form-item label="" prop="">
                    <el-button type="primary" @click="submit('form')">保存</el-button>
                </el-form-item>
            </el-form>
        </div>
    </div>
    <script>
        var vm = new Vue({
        el:"#app",
        delimiters: ['[[', ']]'],
            data() {
                let set = JSON.parse('{!! $set ?: '{}' !!}');
                let notice_list = JSON.parse('{!! $notice_list ?: '{}' !!}');
                notice_list.unshift({id:0,title:"关闭消息通知"})
                return{
                    loading:false,
                    table_loading:false,
                    submit_loading:false,
                    status:{},
                    form:{
                        is_open : 0,
                        name : '',
                        settle_days : '',
                        become_partner_notice : 0,
                        reward_notice : 0,
                        ...set
                    },
                    notice_list : notice_list,
                    rules:{
                        settle_days:{type:"number",message:"请输入数字"},
                    },
                }
            },
            methods: {
                submit(formName) {
                    this.$refs[formName].validate((valid) => {
                        if (valid) {
                            this.loading = true;
                            // delete(this.form['thumb_url']);
                            this.$http.post("{!! yzWebFullUrl('plugin.partner-reward.admin.controllers.set.index') !!}",{'form_data':this.form}).then(response => {
                                if (response.data.result) {
                                    this.$message({type: 'success',message: '操作成功!'});
                                      window.location.href='{!! yzWebFullUrl('plugin.partner-reward.admin.controllers.set.index') !!}';
                                    this.loading = false;
                                } else {
                                    this.$message({message: response.data.msg,type: 'error'});
                                    this.loading = false;
                                }
                            },response => {
                                this.loading = false;
                            });
                         }
                        else {
                            console.log('error submit!!');
                            return false;
                        }
                     });
                },
            },
        });
    </script>

@endsection