@extends('layouts.base')


@section('title', '语言设置')

@section('content')
    <div class="right-titpos">
        <ul class="add-snav">
            <li class="active"><a href="#">设置</a></li>
            <a class='btn btn-danger' href="{{yzWebUrl('plugin.language.admin.set.default-lang')}}" style="margin-bottom:5px;">恢复默认设置</a>
        </ul>
    </div>
    <div id="app" class="w1200 m0a">
        <!-- 新增加右侧顶部三级菜单 -->

        <div style="font-size:20px;border-bottom:1px solid #ccc;padding:10px;margin-bottom:10px">目前仅限首页、分类、推广、购物车、会员中心五个页面使用</div>

            <el-form v-model="set">
                    <el-tabs type="card"  v-model="en" @tab-click="handleClick">
                        <el-tab-pane  v-for="(item,i) in set" :label="i" :name="i">

                            <div v-for="(data,index) in item">
                                <div v-if="aa(data)">
                                    <div>

                                        <el-form-item label-width="20%" :label="index">
                                            <el-input style="width: 50%" v-model="set[i][index]"></el-input>
                                        </el-form-item>
                                    </div>
                                </div>
                                <div v-else>
                                    <div style="font-size:20px;border-bottom:1px solid #ccc;padding:10px;margin-bottom:10px">[[index]]</div>

                                    <div :title="index" v-for="(data2,index2) in data">
                                        <el-form-item label-width="20%" :label="index2">
                                            <el-input style="width: 50%" v-model="set[i][index][index2]"></el-input>
                                        </el-form-item>
                                    </div>
                                </div>

                            </div>

                        </el-tab-pane>
                    </el-tabs>


                <el-form-item label-width="20%">
                    <el-button type="success" round @click="saveLang()">提交保存</el-button>
                </el-form-item>
            </el-form>
        <div >
            <div class="panel panel-default">
                <div class="panel panel-body">

                </div>
            </div>
        </div>
    </div>
    <script>
        var app = new Vue({
            el:"#app",
            delimiters: ['[[', ']]'],
            data() {
                return {
                    en:'en',
                    activeName: 'set',
                    set:{},
                }
            },
            created() {
                __set = this.getSet();
                if (Object.keys(__set).length !== 0) {
                    this.set = __set;
                }
                console.log(this.set);
            },

            methods: {
                aa(rrr) {
                    //console.log(rrr);
                    //是否是对象
                    if((rrr instanceof  Object) === true) {
                        return false; //是对象不需要再循环
                    }
                    return true; //不是对象不需要循环
                },
                getSet() {
                    return {!! $set?:'{}' !!};
                },
                handleClick(tab, event) {
                    //console.log(tab, event);
                },
                //保存语言设置信息
                saveLang() {
                    var that = this;
                    console.log(that.set);
                    that.$http.post("{!! yzWebFullUrl('plugin.language.admin.set.save-lang') !!}", {set:that.set}).then(response => {
                        console.log(response);
                        if(response.data.result==1){
                            that.$message({message: response.data.msg, type: 'success'});
                            that.backtrack();
                        } else{

                            this.$message({message: response.data.msg, type: 'error'});
                        }
                    }),function(res){
                        console.log(res);
                        this.$message({message: response.data.msg, type: 'error'});
                    };
                },
                //跳转到列表页
                backtrack() {
                    window.location.href='{!! yzWebFullUrl('plugin.language.admin.set.index') !!}';
                },
            },
        })

    </script>
@endsection