@extends('layouts.base')
@section('title', '折扣运费设置')
@section('content')
    <link rel="stylesheet" type="text/css" href="{{static_url('yunshop/goods/vue-goods1.css')}}"/>

    <style>
        
        .el-tabs__item,.is-top{font-size:16px}
        .el-tabs__active-bar { height: 3px;}
    </style>
    <div class="all">
        <div id="app" v-cloak>
            <div class="vue-nav">
                <el-tabs v-model="activeName" @tab-click="handleClick">
                    <el-tab-pane label="折扣全局设置" name="1"></el-tab-pane>
                    <el-tab-pane label="折扣设置" name="2"></el-tab-pane>
                    <el-tab-pane label="运费批量设置" name="3"></el-tab-pane>
                </el-tabs>
            </div>
            
            <div class="vue-main">
                
                <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 ref="form" :model="form" :rules="rules" label-width="15%">
                        <el-form-item label="" prop="batch_list">
                            <template v-for="(item,index) in form.batch_list">
                                <el-input :value="item.new_name" style="width:60%;padding:10px 0;" disabled></el-input>
                                <a v-bind:href="'{{ yzWebUrl('discount.batch-dispatch.update-freight', array('id' => '')) }}'+[[form.batch_list[index].id]]">
                                    <el-button>编辑</el-button>
                                </a>
                                <el-button type="danger" icon="el-icon-close" @click="delBatch(index,form.batch_list[index].id)"></el-button>
                            </template><br>
                            <a href="{{ yzWebFullUrl('discount.batch-dispatch.freight-set') }}">
                                <el-button type="primary">添加批量运费</el-button>
                            </a>
                        </el-form-item>
                </el-form>
                </div>
            </div>
            <!-- 分页 -->
            <!-- <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> -->
            <!--end-->
        </div>
    </div>

    <script>
        var vm = new Vue({
        el:"#app",
        delimiters: ['[[', ']]'],
            data() {
               // let batch_list = [
               //      {
               //      category_ids: [
               //          {id: 20,name: "1.1"},
               //      ],
               //      // created_at: "2019-02-19 13:43:28",
               //      // discount_method: 1,
               //      id: 18,
               //      // level_discount_type: 1,
               //      new_name: "[ID:20][分类:1.1]",
               //      // uniacid: 2
               //      // updated_at: "2019-02-19 13:43:28",
               //  }
               // ];
                return{
                    form:{
                        batch_list:[],
                    },
                    activeName:'3',
                    loading: false,
                    submit_loading: false,
                    rules: {

                    },
                }
            },
            methods: {
                delBatch(index,id){
                    if(!id){
                        this.$confirm('确定删除吗', '提示', {confirmButtonText: '确定',cancelButtonText: '取消',type: 'warning'}).then(() => {
                            this.form.batch_list.splice(index,1);
                            this.$message({type: 'success',message: '删除成功111!'});
                        }).catch(() => {
                            this.$message({type: 'info',message: '已取消删除'});
                        });
                    }
                    else{
                        this.$confirm('确定删除吗', '提示', {confirmButtonText: '确定',cancelButtonText: '取消',type: 'warning'}).then(() => {
                            this.table_loading=true;
                            this.$http.post('{!! yzWebFullUrl('discount.batch-dispatch.delete-freigh') !!}',{id:id}).then(function (response) {
                                    console.log(response.data);
                                    if (response.data.result) {
                                        this.form.batch_list.splice(index,1);
                                        this.$message({type: 'success',message: '删除成功!'});
                                    }
                                    else{
                                        this.$message({type: 'error',message: response.data.msg});
                                    }
                                    this.table_loading=false;
                                },function (response) {
                                    this.$message({type: 'error',message: response.data.msg});
                                    this.table_loading=false;
                                }
                            );
                        }).catch(() => {
                            this.$message({type: 'info',message: '已取消删除'});
                        });

                    }
                },
                handleClick(val) {
                    console.log(val.name)
                    if(val.name == 1) {
                        window.location.href = `{!! yzWebFullUrl('discount.batch-discount.allSet') !!}`;
                    }
                    else if(val.name == 2) {
                        window.location.href = `{!! yzWebFullUrl('discount.batch-discount.index') !!}`;
                    }
                    else if(val.name == 3) {
                        window.location.href = `{!! yzWebFullUrl('discount.batch-dispatch.freight') !!}`;
                    }
                },
                // settingBatch(index,id) {
                //     console.log(index,id);
                //     window.location.href='{!! yzWebFullUrl('discount.batch-discount.store') !!}';
                // },
            },
            created(){
                this.$http.get("{!! yzWebUrl('discount.batch-dispatch.get-set') !!}" ).then(response => {
                    let batch_list=response.data.data
                    for(let i=0;i<batch_list.length;i++){
                        batch_list[i].new_name=[];
                        for(let j=0;j<batch_list[i].category_ids.length;j++){
                            batch_list[i].new_name[j] = "[ID:"+batch_list[i].category_ids[j].id+"][分类:"+batch_list[i].category_ids[j].name+"]";
                        }
                        batch_list[i].new_name = batch_list[i].new_name.join(",");
                    }
                    this.form.batch_list=batch_list
                }, response => {
                    console.log(response);
                });
            }

        });
    </script>
@endsection