baoshi-was/resources/views/store/inStorage/quickPutStorage.blade.php

@extends('layouts.app')
@section('title')商品绑定型号-入库管理@endsection

@section('content')
    <div class="container-fluid d-none" id="container">
        <div class="mt-3 col-8 offset-2">
            <div class="form-group row">
                <label for="asn">ASN号</label>
                <input id="asn" type="text" class="form-control" v-model="asn"></input>
            </div>
            <div class="input-group row mt-5">
                <button type="submit" id="submit" class="btn btn-info offset-2 col-10" @click="searchAsn()">检索</button>
            </div>
        </div>
        @include("store.inStorage._setCommodityMaximum")
        @include("store.inStorage._commodities")
    </div>
@stop

@section('lastScript')
    <script>
        new Vue({
            el:"#container",
            data:{
                asn:"",
                commodities:[],
                model:{},
            },
            methods:{
                searchAsn(){
                    if (!this.asn)return;
                    window.tempTip.postBasicRequest("{{url('store/inStorage/searchAsn')}}",{asn:this.asn},res=>{
                        this.commodities = res.commodities;
                        this.model = res.model;
                    })
                },
                settingCommodityMaximum(){
                    this.commodities.forEach(commodity=>{
                        if (!commodity.maximum){
                            window.tempTip.setDuration(2000);
                            window.tempTip.show("'"+commodity.name+"'未设定上限");
                            return;
                        }
                    });
                    window.tempTip.postBasicRequest("{{url('store/inStorage/settingCommodityMaximum')}}",
                        {commodities:this.commodities,modelId:this.model.id},res=>{
                        return "设定完毕";
                    })
                },
            },
        });
    </script>
@stop