@extends('layouts.base')

@section('content')
@section('title', trans('编辑'))
<link rel="stylesheet" type="text/css" href="{{static_url('yunshop/goods/vue-goods1.css')}}"/>
<style>
    .all{background:#eff3f6}
    .btn_shili{color: #FFAD56;margin-left: 20px}
    .el-input-group__append, .el-input-group__prepend {
        padding: 0 8px;
    }
    .el-form-item__content .el-input-group {
        vertical-align: baseline
    }
</style>
<div class="all">
    <div id="app" v-cloak>
        <el-form ref="set" :model="set" 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="服务标签">
                        <el-switch v-model="set.is_label" active-value="1" inactive-value="0"></el-switch>
                        <div style="font-size:12px;">开启后，商品详情页显示服务标签信息。</div>
                    </el-form-item>

                </div>
            </div>
        </el-form>

        <div class="vue-page">
            <div class="vue-center">
                <el-button type="primary" @click="submitForm()">保存设置</el-button>
                {{--<el-button @click="goBack">返回</el-button>--}}
            </div>
        </div>
    </div>
</div>
<script>
    var app = new Vue({
        el:"#app",
        delimiters: ['[[', ']]'],
        name: 'test',
        data() {
            return{
                set:{},
            }
        },
        created() {

        },
        mounted() {
            let result = this.viewReturn();
            this.__initial(result);
            // this.getData();
        },
        methods: {
            //视图返回数据
            viewReturn() {
                return {!! $data?:'{}' !!};
            },
            //初始化页面数据，请求链接
            __initial(data) {

                if (data) {
                    this.set = data;
                }
                console.log(data);
            },

            submitForm() {

                let json = {
                    'is_label': this.set.is_label,
                };

                this.$http.post('{!! yzWebFullUrl('plugin.label.admin.set.index') !!}',json).then(function (response) {
                    if (response.data.result) {
                        this.$message({type: 'success',message: '设置成功！'});
                    } else{
                        this.$message({type: 'error',message: response.data.msg});
                    }
                    location.reload();
                },function (response) {
                    this.$message({type: 'error',message: response.data.msg});
                })

            },
        },
    })

</script>
@endsection