baoshi-was/resources/views/maintenance/supplier/index.blade.php

@extends('layouts.app')
@section('title','供应商')
@section('content')
    <nav class="nav2">
        @component('maintenance.menu')@endcomponent
    </nav>
    <div class="container-fluid d-none" id="supplier">
        <div class="card">
            @include('maintenance.supplier._create')
            @include('maintenance.supplier._edit')
            <div class="card-body">
                <div class="row pull-left m-1">
                    <button class="btn btn-outline-info mb-1 mr-3" @click="store"><span class="fa fa-plus"></span>&nbsp;新&nbsp;&nbsp;增</button>
                </div>
                @include('maintenance.supplier._table')
            </div>
        </div>
    </div>
@endsection

@section('lastScript')
    <script>
        new Vue({
            el:'#supplier',
            data:{
                suppliers:{!! $suppliers->toJson() !!}['data'],
                editSupplier:{},
                addSupplier:{},
                index:''
            },
            mounted(){
                $('#supplier').removeClass('d-none');
            },
            methods:{
                destroy(id,index){
                    if (!confirm('是否删除当前供应商')) return;
                    axios.delete('{{url('apiLocal/supplier')}}/'+id).then(res=>{
                        if(res.data.success){
                            tempTip.setIndex(100);
                            tempTip.setDuration(3000);
                            tempTip.showSuccess('删除成功');
                            this.$delete(this.suppliers,index);
                            return ;
                        }
                        tempTip.setDuration(3000);
                        tempTip.show(res.data.message);
                    }).catch(err=>{
                        tempTip.setDuration(3000);
                        tempTip.show('删除当前项目耗材失败:'+err);
                    });
                },
                edit(suppliers,i){
                    this.editSupplier = JSON.parse(JSON.stringify(suppliers));
                    this.index = i;
                    $('#edit-supplier').modal('show');
                },
                update(){
                    let url = '{{url('apiLocal/supplier/update')}}';
                    let params = this.editSupplier;
                    window.tempTip.postBasicRequest(url,params,res=>{
                        this.$set(this.suppliers,this.index,res);
                        this.index = null;
                        this.editSupplier = {};
                        $("#edit-supplier").modal('hide');
                        return "修改完成";
                    },true);
                },
                store(){
                    $('#add-supplier').modal('show');
                },
                create(){
                    let url = '{{url('apiLocal/supplier/store')}}';
                    let params = this.addSupplier;
                    window.tempTip.postBasicRequest(url,params,res=>{
                        this.$set(this.suppliers,this.suppliers.length,res);
                        this.addSupplier = {};
                        $("#add-supplier").modal('hide');
                        return "创建成功";
                    },true);
                },
            }
        })
    </script>
@endsection