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

<div class="modal fade" id="createdModal">
    <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">
                    <span v-show="isUpdate">卸货任务修改</span>
                    <span v-show="!isUpdate">卸货任务添加</span>
                </h5>
                <button type="button" class="close" data-dismiss="modal" @click="addTask={},isUpdate=false">
                    <span>&times;</span>
                </button>
            </div>

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

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

                    <div class="form-group row">
                        <label for="addTask-type" class="col-sm-3 col-form-label text-right">作业名称</label>
                        <div class="col-sm-9 form-inline">
                            <select id="addTask-type" class="form-control col-4" v-model="addTask.type">
                                <option v-for="(type,index) in taskTypes" :value="type.name" :key="type+index">@{{ type.value }}</option>
                            </select>
                        </div>
                    </div>

                    <div class="form-group row">
                        <label for="addTask-numbers" class="col-sm-3 col-form-label text-right">入库单</label>
                        <div class="col-sm-9 form-inline">
                            <input type="text" id="addTask-numbers" class="form-control col-9" name="size" v-model="addTask.numbers">
                        </div>
                    </div>

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

                    <div class="form-group row">
                        <label for="addTask-amount" class="col-sm-3 col-form-label text-right">单位</label>
                        <div class="col-sm-9 form-inline">
                            <select id="addTask-type" class="form-control col-4" v-model="addTask.income_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="addTask-income-unit-price" class="col-sm-3 col-form-label text-right">单价</label>
                        <div class="col-sm-9 form-inline">
                            <input type="number" id="addTask-income-unit-price" class="form-control col-9"  v-model="addTask.income_unit_price">
                        </div>
                    </div>

                    <div class="form-group row" v-show="isUpdate">
                        <label for="addTask-income-total-cost" class="col-sm-3 col-form-label text-right">总价</label>
                        <div class="col-sm-9 form-inline">
                            <input type="number" id="addTask-income-total-cost" class="form-control col-9"  v-model="addTask.income_total_cost">
                        </div>
                    </div>


                    <div class="form-group row">
                        <label for="addTask-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="addTask.income_remark"></textarea>
                        </div>
                    </div>

                </form>
            </div>

            <div class="modal-footer">
                <button type="button" class="btn btn-secondary"  data-dismiss="modal" @click="addTask={}">关闭</button>
                <button type="button" class="btn btn-primary" v-show="isUpdate" @click="updateCurrentTask">提交</button>
                <button type="button" class="btn btn-primary" v-show="!isUpdate" @click="createTask">提交</button>
            </div>
        </div>
    </div>

</div>