baoshi-was/resources/views/maintenance/containerManage/create.blade.php

@extends('layouts.app')
@section('title')录入-容器@endsection

@section('content')
    <div class="container-fluid" id="list">
        <div class="card col-md-8 offset-md-2">
            <div class="card-body">
                <div class="form-group">
                    <div class="form-group">
                        <label for="type">容器类型</label>
                        <select class="form-control" id="type" v-model="submitData.type" required>
                            <option>托盘</option>
                            <option>周转箱</option>
                        </select>
                    </div>
                </div>

                <div class="form-group">
                    <div class="form-group">
                        <label for="warehouse">所用仓库</label>
                        <select class="form-control" id="warehouse" v-model="submitData.warehouseId" required>
                            <option v-for="(item,i) in  selectData.warehouses" :value="item.id"> @{{ item.name }}
                            </option>
                        </select>
                    </div>
                </div>

                <div class="form-group">
                    <div class="form-group">
                        <label for="allowMixed">是否允许混放</label>
                        <select class="form-control" id="allowMixed" v-model="submitData.allowMixed" required>
                            <option>允许</option>
                            <option>不允许</option>
                        </select>
                    </div>
                </div>

                <div class="form-group">
                    <label for="volume">容积</label>
                    <input type="number" class="form-control" id="volume" aria-describedby="volume"
                           v-model="submitData.volume" required>
                </div>

                <div class="form-group">
                    <label for="loadWeight">载重</label>
                    <input type="number" class="form-control" id="loadWeight" aria-describedby="loadWeight"
                           v-model="submitData.loadWeight" required>
                </div>

                <div class="form-group">
                    <label for="createAmount">生成数量</label>
                    <input type="number" class="form-control" id="createAmount" aria-describedby="createAmount"
                           v-model="submitData.createAmount" required>
                </div>
                <button @click="submit()" class="btn btn-primary">提交</button>
            </div>
        </div>
    </div>
@endsection
@section('lastScript')
    <script>
        let vue = new Vue({
            el: "#list",
            data: {
                submitData: {
                    type: null,
                    warehouseId: null,
                    allowMixed: null,
                    volume: null,
                    loadWeight: null,
                    createAmount: null,
                    userId: {!! $userId !!}
                },
                selectData: {
                    warehouses: {!! $warehouses !!}
                }
            },
            created() {
            },
            mounted: function () {

            },
            methods: {
                submit() {
                    let url = this.getBaseUrl() + `/api/wms/containerManage/create`;
                    axios.post(url, this.submitData).then(res => {
                        if (res.data.code !== 200) {
                            let errors = "";
                            for (let i in res.data.data) {
                                errors += i + ': ' + res.data.data[i];
                            }
                            tempTip.show(errors);

                        } else {
                            tempTip.showSuccess('提交成功!');
                            this.submitData = {
                                type: null,
                                warehouseId: null,
                                allowMixed: null,
                                volume: null,
                                loadWeight: null,
                                createAmount: null,
                                userId: {!! $userId !!}
                            }
                        }
                    });
                },

                //根据环境获取不同的url
                getBaseUrl() {
                    let url = null;
                    let env = "{{ config('app.env') }}";
                    if (env === 'local') {
                        url = 'http://127.0.0.1:8118'
                    } else if (env === 'production') {
                        url = 'https://swms.baoshi56.com'
                    }
                    return url;
                },
            },

        });
    </script>
@endsection