baoshi-was/resources/views/transport/discharge/task/_executeTask.blade.php

<div class="modal fade" id="executingTaskModal">
    <div class="modal-dialog modal-dialog-centered modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title text-center text-uppercase">
                    卸货任务服务商指定
                </h5>
                <button type="button" class="close" data-dismiss="modal" @click="executingTack={},selectIndex = null">
                    <span>&times;</span>
                </button>
            </div>

            <div class="modal-body">
                <form class="form">
                    <div class="form-group row">
                        <label for="executingTack-owner-id" class="col-sm-3 col-form-label text-right">服务商</label>
                        <div class="col-sm-9 form-inline">
                            <select id="executingTack-owner-id" class="form-control col-3" v-model="executingTack.owner_id">
                                <option v-for="(providers,index) in dischargeProvidersFilter" :value="providers.id" :key="providers+index">@{{ providers.name }}</option>
                            </select>
                            <input class="form-control col-4 offset-2" placeholder="输入服务商进行刷选" @change="filterProviders($event)">
                        </div>
                    </div>

                    <div class="form-group row">
                        <label for="executingTack-created-at" class="col-sm-3 col-form-label text-right">卸货日期</label>
                        <div class="col-sm-9 form-inline">
                            <input type="date" id="executingTack-created-at"  class="form-control col-9" name="size" v-model="executingTack.created_at">
                        </div>
                    </div>

                    <div class="form-group row">
                        <label for="executingTack-amount" class="col-sm-3 col-form-label text-right">数量</label>
                        <div class="col-sm-9 form-inline">
                            <input type="number" id="executingTack-amount" class="form-control col-9" name="size" v-model="executingTack.expenditure_amount">
                        </div>
                    </div>

                    <div class="form-group row">
                        <label for="executingTack-amount" class="col-sm-3 col-form-label text-right">单位</label>
                        <div class="col-sm-9 form-inline">
                            <select id="executingTack-type" class="form-control col-4" v-model="executingTack.expenditure_unit">
                                <option v-for="(unit,index) in units" :value="unit.name" :key="unit+index">@{{ unit.value }}</option>
                            </select>
                        </div>
                    </div>

                    <div class="form-group row">
                        <label for="executingTack-expenditure-unit-price" class="col-sm-3 col-form-label text-right">外派单价</label>
                        <div class="col-sm-9 form-inline">
                            <input type="number" id="executingTack-expenditure-unit-price" class="form-control col-9"  v-model="executingTack.expenditure_unit_price">
                        </div>
                    </div>

                    <div class="form-group row">
                        <label for="executingTack-amount" class="col-sm-3 col-form-label text-right">备注</label>
                        <div class="col-sm-9 form-inline">
                            <textarea class="form-control col-9"  v-model="executingTack.expenditure_remark"></textarea>
                        </div>
                    </div>

                </form>
            </div>

            <div class="modal-footer">
                <button type="button" class="btn btn-secondary"  data-dismiss="modal" @click="executingTack={},selectIndex = null">关闭</button>
                <button type="button" class="btn btn-primary"  @click="executedTask(executingTack,selectIndex)">提交</button>
            </div>
        </div>
    </div>

</div>