baoshi-was/resources/views/maintenance/user/_allocationOwner.blade.php

<div class="modal fade" id="allocation-owner" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <div class="text-center font-weight-bold h4">分配货主</div>
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>
            <div class="modal-body card p-0">
                <div class="card-header row">
                    <div class="col-4">
                        <div class="pull-left text-muted">
                            <label for="check-owners">
                                <input type="checkbox" class="switch" v-model="switchStatus" @change="changeSwitchStatus()"  id="check-owners">
                            </label>
                        </div>
                        <label class="ml-0">已拥有</label>
                    </div>
                    <div class="col-5">
                        <input class="form-control form-control-sm rounded-pill" id="seek-owner" placeholder="检索" @keydown.enter="seekOwner($event)">
                    </div>
                    <button class="col-2 btn btn btn-success ml-1 rounded-pill" @click="cloneTarget()">克隆</button>
                </div>
                <div class="card-body overflow-scrollbar-200 p-0">
                    <ul class="list-group">
                        <li class="list-group-item" v-for="owner in owners" v-show="!owner.hide">
                            <div class="custom-control custom-checkbox" style="user-select:none">
                                <input type="checkbox" class="custom-control-input" v-model="switchOwner" :value="owner.name" :id="'owner'+owner.name">
                                <label class="custom-control-label ml-0 w-100" :for="'owner'+owner.name">@{{ owner.value }}</label>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="modal-footer">
                <button class="col-12 btn btn-success" @click="executeAllocation()">确定</button>
            </div>
        </div>
    </div>
</div>