baoshi-was/resources/views/maintenance/expressPrinting/setting/terminal/index.blade.php

@extends('layouts.app')

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

@section('content')
    <span id="nav2">
        @component('maintenance.menu')@endcomponent
        @component('maintenance.expressPrinting.menu')@endcomponent
        @component('maintenance.expressPrinting.setting.menu')@endcomponent
    </span>
    <div class="container-fluid " 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