baoshi-was/resources/views/equipment/_warehouseDetail.blade.php

<div class="modal fade" id="warehouseDetail" tabindex="-1" role="dialog" data-keyboard="false" aria-hidden="true">
    <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-header row m-0">
                <h5 class="font-weight-bold">新增仓库层</h5>
            </div>
            <div class="modal-body container">
                <div class="form-group">
                    <label for="warehouse">仓库:</label>
                    <select class="form-control" id="warehouse" v-model="warehouseDetail.warehouseId">
                        <option v-for="w in ws" :value="w.id">@{{ w.name }}</option>
                    </select>
                </div>
                <div class="form-group">
                    <label for="layer">层数:</label>
                    <input type="number" class="form-control" id="layer" step="1" min="1" placeholder="层数"
                     v-model="warehouseDetail.layer">
                </div>
                <div class="form-group">
                    <label for="ratio">缩放比例:</label>
                    <input type="number" class="form-control" id="ratio" step="1" min="1" placeholder="比例值/%"
                           v-model="warehouseDetail.ratio">
                </div>
                <div class="form-inline">
                    <label for="width">宽:</label>
                    <input type="number" step="0.01" class="form-control" id="width" placeholder="层宽"
                           v-model="warehouseDetail.width">
                    <label for="height" class="ml-3">高:</label>
                    <input type="number" step="0.01" class="form-control" id="height" placeholder="层高"
                           v-model="warehouseDetail.height">
                    <label for="length" class="ml-3">长:</label>
                    <input type="number" step="0.01" class="form-control" id="length" placeholder="层长"
                           v-model="warehouseDetail.length">
                </div>
            </div>
            <div class="modal-footer">
                <button class="pull-right btn btn-success" @click="addWarehouseDetail()">确定新增</button>
            </div>
        </div>
    </div>
</div>