@extends('layouts.base')
@section('title', trans('基础设置'))
@section('content')
    <link rel="stylesheet" href="{{resource_get('plugins/aggregation-cps/static/index.css')}}">
    <link rel="stylesheet" href="{{static_url('css/public-number.css')}}">
    <style>

        .el-tag1 {
            line-height: 60px !important;
            height: 60px !important;
            font-size: 16px;
        }

        .el-form-item1 .el-form-item__label {
            line-height: 28px;
        }

        /* 导航 */
        .el-radio-button .el-radio-button__inner, .el-radio-button:first-child .el-radio-button__inner {
            border-radius: 4px 4px 4px 4px;
            border-left: 0px;
        }

        .el-radio-button__inner {
            border: 0;
        }

        .el-radio-button:last-child .el-radio-button__inner {
            border-radius: 4px 4px 4px 4px;
        }
    </style>
    <div class="all">
        <div id="app" v-cloak>
            <div class="vue-head">
                <el-tabs v-model="activeName" style="margin:10px 0;">
                    <el-tab-pane v-for="(item,index) in tab_list" :key="index" v-if="item.show==1" :label="item.name"
                                 :name="item.value"></el-tab-pane>
                </el-tabs>
            </div>
            <el-form ref="form" :model="form" label-width="15%">

                <!-- 基础 -->
                <div class="vue-main" v-show="activeName=='basic'">
                    @include('Yunshop\CpsSubPlatform::admin.setting.basic')
                </div>
                <!-- 基础 -->

                <!-- 营销 -->
                <div v-show="activeName=='market'">
                    @include('Yunshop\CpsSubPlatform::admin.setting.market')
                </div>
                <!-- 营销 -->

                <!-- 分润 -->
                <div v-show="activeName=='profit'">
                    @include('Yunshop\CpsSubPlatform::admin.setting.profit')
                </div>
                <!-- 分润 -->

                <!-- 每日红包设置 -->
            {{--                <div class="vue-main" v-show="activeName=='red-packet'">--}}
            {{--                    @include('Yunshop\AggregationCps::admin.setting.red-packet')--}}
            {{--                </div>--}}
            <!-- 每日红包设置 -->

                <!-- app下载页设置 -->
            {{--                <div v-show="activeName=='app_version'">--}}
            {{--                    @include('Yunshop\AggregationCps::admin.setting.app-version')--}}
            {{--                </div>--}}
            <!-- app下载页设置 -->

                <!-- app设置 -->
            {{--                <div v-show="activeName=='link_category'">--}}
            {{--                    @include('Yunshop\AggregationCps::admin.setting.link-category')--}}
            {{--                </div>--}}
            <!-- app设置 -->

                <!-- 协议设置 -->
            {{--                <div v-show="activeName=='page_text'">--}}
            {{--                    @include('Yunshop\AggregationCps::admin.setting.page-text')--}}
            {{--                </div>--}}
            <!-- 协议设置 -->

                <!-- 支付设置 -->
            {{--                <div v-show="activeName=='pay_info'">--}}
            {{--                    @include('Yunshop\AggregationCps::admin.setting.pay-info')--}}
            {{--                </div>--}}
            <!-- 支付设置 -->


            </el-form>

        {{--            <el-dialog title="上传文件" :visible.sync="app_show" width="30%">--}}
        {{--                <el-upload--}}
        {{--                        class="upload-demo"--}}
        {{--                        drag--}}
        {{--                        :action="upload_url"--}}
        {{--                        :before-upload="beforeAppUpload"--}}
        {{--                        :on-success="uploadSuccess"--}}
        {{--                        :on-error="uploadFailed"--}}
        {{--                        :limit=1--}}
        {{--                        :file-list="app_list"--}}
        {{--                        ref="app-upload"--}}
        {{--                        multiple>--}}
        {{--                    <i class="el-icon-upload"></i>--}}
        {{--                    <div v-if="app_modal_text1" class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>--}}
        {{--                    <div v-if="app_modal_text2" class="el-upload__text">文件上传中，请稍后....</div>--}}
        {{--                    <div class="el-upload__tip" slot="tip">证书文件格式为pem</div>--}}
        {{--                </el-upload>--}}

        {{--            </el-dialog>--}}


        <!-- 分页 -->
            <div class="vue-page">
                <div class="vue-center">
                    <el-button type="primary" @click="submitForm('form')">提交</el-button>
                    <el-button @click="goBack">返回</el-button>
                </div>
            </div>
            {{--            <upload-img :upload-show="uploadShow" :name="chooseImgName" @replace="changeProp"--}}
            {{--                        @sure="sureImg"></upload-img>--}}
            {{--            <upload-img :upload-show="uploadShow2" :name="chooseImgName2" @replace="changeProp2"--}}
            {{--                        @sure="sureImg2"></upload-img>--}}
            {{--            <upload-img :upload-show="uploadShow3" :name="chooseImgName3" @replace="changeProp3"--}}
            {{--                        @sure="sureImg3"></upload-img>--}}

            {{--            <pop :show="show" @replace="changeLink" @add="parHref"></pop>--}}

        </div>
    </div>
    <script src="{{resource_get('static/yunshop/tinymce4.7.5/tinymce.min.js')}}"></script>

    @include('public.admin.tinymceee')
    {{--    @include('public.admin.uploadImg')--}}
    {{--    @include('public.admin.pop')--}}

    {{--    @include('public.admin.uploadMultimediaImg')--}}

    <script>
        var app = new Vue({
            el: "#app",
            delimiters: ['[[', ']]'],
            name: 'test',
            data() {
                return {
                    tab_list: [
                        {'show': 1, 'name': '基础设置', 'value': 'basic'},
                        {'show': 1, 'name': '营销设置', 'value': 'market'},
                        {'show': 1, 'name': '分润设置', 'value': 'profit'},
                    ],
                    form: {
                        'basic': {},
                        'market': {},
                        'profit': {},
                        'plugins': {},
                        'another_name': {}
                    },
                    return_url: "",
                    activeName: "basic",
                    weixin_appid_show: true,
                    weixin_secret_show: true,
                    order_type: 1,
                    list: [],
                    award_list: [],
                    id: 0,
                    love_name: '爱心值',
                    // 优惠券
                    coupon_show: false,
                    coupon_keyword: "",
                    coupon_list: [],
                    table_loading: false,
                }
            },
            created() {


            },
            mounted() {
                this.id = this.getParam("store_id");
                this.getData();
            },
            methods: {

                copyUrl(url, msg) {
                    let oInput = document.createElement('input');
                    oInput.value = url;
                    document.body.appendChild(oInput);
                    oInput.select(); // 选择对象;
                    console.log(oInput.value);
                    document.execCommand("Copy"); // 执行浏览器复制命令
                    this.$message({message: msg, type: 'success'});
                    oInput.remove()
                },

                getParam(name) {
                    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
                    var r = window.location.search.substr(1).match(reg);
                    if (r != null) return unescape(r[2]);
                    return null;
                },
                getData() {
                    let loading = this.$loading({
                        target: document.querySelector(".content"),
                        background: 'rgba(0, 0, 0, 0)'
                    });
                    this.$http.post('{!! yzWebFullUrl('plugin.cps-sub-platform.admin.setting.index') !!}', {'is_json': 1}).then(function (response) {
                            if (response.data.result) {
                                let data = response.data.data;
                                this.form = data.setting;
                                this.return_url = data.return_url;
                            } else {
                                this.$message({message: response.data.msg, type: 'error'});
                            }
                            loading.close();
                        }, function (response) {
                            this.$message({message: response.data.msg, type: 'error'});
                            loading.close();
                        }
                    );
                },
                submitForm(formName) {

                    // 每日红包
                    // let red_packet_obj = this.tab_list.find((item, index) => {
                    //     return item.value == 'red-packet'
                    // })
                    // if (red_packet_obj.show == 1) {
                    //     json.red_packet = {
                    //         is_cps: this.form.red_packet.is_cps,
                    //         cps_scale: this.form.red_packet.cps_scale,
                    //         cps_proportion: this.form.red_packet.cps_proportion,
                    //     }
                    //
                    // }

                    let loading = this.$loading({
                        target: document.querySelector(".content"),
                        background: 'rgba(0, 0, 0, 0)'
                    });
                    this.$http.post("{!! yzWebFullUrl('plugin.cps-sub-platform.admin.setting.edit') !!}", this.form).then(response => {
                        if (response.data.result) {
                            this.$message({type: 'success', message: '操作成功!'});
                            window.location.reload();
                        } else {
                            this.$message({message: response.data.msg, type: 'error'});
                        }
                        loading.close();
                    }, response => {
                        loading.close();
                    });
                },
                goBack() {
                    history.go(-1)
                },
                blurSearchFor() {
                    this.form.basic.weixin_secret = '';
                },

                ResetValue(str) {
                    switch (str) {
                        case 'basic.weixin_appid' :
                            this.form.basic.weixin_appid = ''
                            this.weixin_appid_show = true
                            break;
                        case 'basic.weixin_secret' :
                            this.form.basic.weixin_secret = ''
                            this.weixin_secret_show = true
                            break;

                    }
                },
                getShow() {

                    if (this.form.basic.weixin_appid) {
                        this.weixin_appid_show = false
                    }
                    if (this.form.basic.weixin_secret) {
                        this.weixin_secret_show = false
                    }
                },
            },
        })

    </script>
@endsection