<div class="modal face" id="box">
    <div class="modal-dialog ":class="boxClass">
        <div class="modal-content">
            <div class="modal-header">
                <div class="modal-title">入料箱</div>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <div class="form-group">
                    <label for="material-box">扫描条码</label>
                    <div class="form-inline">
                        <input type="text" id="material-box" class="form-control col" @keydown.enter="pushMaterialBox()" v-model="materialBoxCode">
                    </div>
                </div>
                <div class="container" id="alert-box">
                    <div class="alert-info" >加载中......</div>
                </div>
                <hr>
                <div class="container">
                    <div class="row">
                        <template v-for="(grid,i) in currentStation.grids">
                            <div class="col-4">
                                <textarea class="form-control" @keyup.enter="pushMaterialBox(grid,$event)" :placeholder="grid.index" :value="grid.materialBoxCode" :class="grid.materialBoxCode ?  'border-success ':''"></textarea>
                            </div>
                        </template>
                    </div>
                </div>
                <div class="modal-footer">
                    <button class="btn btn-primary" data-dismiss="modal">关闭</button>
{{--                    <button class="btn btn-primary" @click="clearCurrentStation">清空</button>--}}
                </div>
            </div>
        </div>
    </div>
</div>
