@extends('layouts.app')

@section('title','打印机')

@section('content')
    <div class="container-fluid d-none" id="list">
        <div class="card">
{{--            @can('基础设置-快递打印-终端-添加')--}}
                @include('maintenance.expressPrinting.setting.terminal._create')
{{--            @endcan--}}
{{--            @can('基础设置-快递打印-终端-编辑')--}}
                @include('maintenance.expressPrinting.setting.terminal._edit')
{{--            @endcan--}}
            <div class="card-body">
                <div class="row pull-left m-1">
{{--                    @can('基础设置-快递打印-终端-添加')--}}
                        <button class="btn btn-outline-info mb-1 mr-3" @click="showCreatedModel"><span
                                class="fa fa-plus"></span>&nbsp;新&nbsp;&nbsp;增
                        </button>
{{--                    @endcan--}}
                </div>
                @include('maintenance.expressPrinting.setting.terminal._table')
            </div>
        </div>
    </div>
@endsection

@section('lastScript')
    <script>
        let list = new Vue({
            el: '#list',
            data: {
                terminals: {!!$terminals->toJson()!!}['data'],
                terminal: {},
                selectTr: null,
                index: null,
                terminalErrors: {},
            },
            mounted() {
                $('#list').removeClass('d-none');
            },
            created() {
            },
            methods: {
                showCreatedModel() {
                    this.terminal = {};
                    this.terminalErrors = {};
                    $('#create-terminal').modal('show');
                },
                showEditModel(terminal,index) {
                    this.terminal = JSON.parse(JSON.stringify(terminal));
                    this.index = index;
                    this.terminalErrors = {};
                    $('#edit-terminal').modal('show');
                },
                createTerminal() {
                    let url = '{{url('apiLocal/maintenance/expressPrinting/setting/terminal')}}';
                    let data = this.terminal;
                    window.tempTip.setIndex(1999)
                    window.axios.post(url, data).then(res => {
                        if (res.data['success']) {
                            this.terminals.unshift(res.data['data']);
                            this.$forceUpdate();
                            $('#create-terminal').modal('hide');
                            window.tempTip.showSuccess('添加成功！');
                            return ;
                        } else if (res.data['errors']){
                            this.terminalErrors = res.data['errors'];
                            return;
                        }
                        window.tempTip.show(res.data['message']);
                    }).catch(err => {
                        window.tempTip.show('网络异常！'+err);
                    })

                },
                editTerminal() {
                    let url = '{{url('apiLocal/maintenance/expressPrinting/setting/terminal')}}';
                    let data = this.terminal;
                    window.tempTip.setIndex(1999)
                    window.axios.put(url, data).then(res => {
                        if (res.data['success']) {
                            this.$set(this.terminals,this.index,res.data['data']);
                            window.tempTip.showSuccess('编辑成功！');
                            $('#edit-terminal').modal('hide');
                            return ;
                        } else if (res.data['errors']){
                            this.terminalErrors = res.data['errors'];
                            return;
                        }
                        window.tempTip.show(res.data['message'])
                    }).catch(err => {
                        window.tempTip.show('网络异常！'+err)
                    });
                },
                destroyTerminal(terminal,index){
                    let url = '{{url('apiLocal/maintenance/expressPrinting/setting/terminal')}}'+'/'+terminal['id'];
                    if (!confirm('是否删除当前终端'))return;
                    window.axios.delete(url).then(res => {
                        if (res.data['success']) {
                            this.$delete(this.terminals,index);
                            window.tempTip.showSuccess('删除成功！');
                            return ;
                        } else if (res.data['errors']){
                            this.terminalErrors = res.data['errors'];
                            return;
                        }
                        window.tempTip.show(res.data['message'])
                    }).catch(err => {
                        window.tempTip.show('网络异常！'+err)
                    });
                }
            }
        })
    </script>

@endsection