@extends('layouts.base')
@section('title', '收入排行榜导出')
@section('content')
    <link rel="stylesheet" type="text/css" href="{{static_url('yunshop/goods/vue-goods1.css')}}"/>
    <link rel="stylesheet" type="text/css" href="{{static_url('yunshop/goods/vue-ohter.css')}}"/>
    <link rel="stylesheet" href="{{static_url('css/public-number.css')}}">
    <style>
        .el-checkbox-group {
            position: relative;
            z-index: 0;
        }

        .el-checkbox {
            margin-top: 10px !important;
        }
    </style>
    <div id='re_content'>

        <div class="con">

            <div class="setting">
                <el-form ref="form" label-width="15%">


                    <div class="vue-main-title">
                        <div class="title" style="margin-top: 20px"><span
                                    style="width: 4px;height: 18px;background-color: #29ba9c;margin-right:15px;display:inline-block;"></span><b>收入排行榜导出</b>
                        </div>
                    </div>

                    <el-form-item label="会员等级">
                        <el-select v-model="form.level_id" clearable>
                            <el-option :label="'默认会员等级'" :value="-1"></el-option>
                            <el-option v-for="(v,k) in level_list"
                                       :label="v.level_name" :value="v.id"
                            ></el-option>
                        </el-select>
                    </el-form-item>

                    <el-form-item label="排名" >
                        <el-input v-model="form.rank" style="width: 60%"></el-input>
                    </el-form-item>

                    <el-form-item label="月份">
                        <div class="block">
                            <el-date-picker
                                    v-model="form.create_month"
                                    type="month"
                                    placeholder="选择月"
                                    value-format="yyyyMM"
                            >
                            </el-date-picker>
                        </div>

                    </el-form-item>





                </el-form>
            </div>

        </div>
        <div class="confirm-btn">
            <el-button type="primary" @click="submit">导出</el-button>
        </div>
        </el-form>
    </div>
    </div>
    <script src="{{resource_get('static/yunshop/tinymce4.7.5/tinymce.min.js')}}"></script>
    @include('public.admin.tinymceee')
    <script>

        var app = new Vue({
            el: "#re_content",
            delimiters: ['[[', ']]'],
            name: 'test',
            data() {
                return {
                    form: {
                        rank: '',
                        level_id: '',
                        create_month: '',
                        // time_arr: [new Date().getTime(), new Date().getTime()],
                    },
                    level_list: [],
                }
            },
            created() {
                this.getData();
            },
            mounted() {
            },
            methods: {
                getData() {
                    this.$http.post('{!! yzWebFullUrl('plugin.ranking.admin.income-export.index') !!}', {is_json: 1}).then(response => {
                        if (response.data.result) {
                            this.level_list = response.data.data.level_list;
                            console.log(this.form);
                        } else {
                            this.$message({message: response.data.msg, type: 'error'});
                        }
                    }, response => {
                        this.$message({message: response.data.msg, type: 'error'});
                    })
                },
                submit() {
                    var json = JSON.stringify(this.form);
                    var url = '{!! yzWebFullUrl('plugin.ranking.admin.income-export.export') !!}';
                    url = url + '&search_data=' + json;
                    window.open(url);
                    {{--this.$http.post('{!! yzWebFullUrl('plugin.ranking.admin.income-export.export') !!}', this.form).then(response => {--}}
                    {{--    if (response.data.result) {--}}
                    {{--        this.$message({message: response.data.msg, type: 'success'});--}}
                    {{--    } else {--}}
                    {{--        this.$message({message: response.data.msg, type: 'error'});--}}
                    {{--    }--}}
                    {{--}, response => {--}}
                    {{--    this.$message({message: response.data.msg, type: 'error'});--}}
                    {{--})--}}
                },
            },
        })

    </script>
@endsection