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

<div class="modal " id="add-supplier" tabindex="-1" >
    <div class="modal-dialog modal-lg modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title text-center">供应商添加</h5>
                <button type="button" class="close" data-dismiss="modal" @click="addSupplier={}">
                    <span>&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <form class="form">
                    <div class="form-group row">
                        <label for="add-name" class="col-sm-3 col-form-label text-right">名称</label>
                        <div class="col-sm-9 form-inline">
                            <input type="text"id="add-name" class="form-control col-9"  v-model="addSupplier.name"  placeholder="供应商名称" >
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="add-contact-man" class="col-sm-3 col-form-label text-right">联系人</label>
                        <div class="col-sm-9 form-inline">
                            <input type="text" name="material-code" id="add-contact-man" class="form-control col-9" v-model="addSupplier.contact_man" placeholder="联系人" >
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="add-phone" class="col-sm-3 col-form-label text-right">联系电话</label>
                        <div class="col-sm-9 form-inline">
                            <input type="text" name="material-code" id="add-phone" class="form-control col-9" v-model="addSupplier.phone" placeholder="联系电话" >
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="add-invoice-title" class="col-sm-3 col-form-label text-right">发票抬头</label>
                        <div class="col-sm-9 form-inline">
                            <input type="text" id="add-invoice-title"  class="form-control col-9" v-model="addSupplier.invoice_title" placeholder="发票抬头">
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="add-bank" class="col-sm-3 col-form-label text-right">账户银行</label>
                        <div class="col-sm-9 form-inline">
                            <input type="text" id="add-bank" class="form-control col-9" name="size" v-model="addSupplier.bank" placeholder="账户银行">
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="add-bank-account " class="col-sm-3 col-form-label text-right">收款账户</label>
                        <div class="col-sm-9 form-inline">
                            <input type="text" id="add-bank-account " class="form-control col-9" name="size" v-model="addSupplier.bank_account " placeholder="账户银行">
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="add-opening-bank " class="col-sm-3 col-form-label text-right">开户行</label>
                        <div class="col-sm-9 form-inline">
                            <textarea name="specification" id="add-opening-bank " cols="30" rows="5"  class="form-control form-text col-10" v-model="addSupplier.opening_bank "></textarea>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary"  data-dismiss="modal" @click="addSupplier={}">关闭</button>
                <button type="button" class="btn btn-primary" @click="create">提交</button>
            </div>
        </div>
    </div>
</div>