baoshi-was/resources/views/store/inStorage/_settingAsnRule.blade.php

<div class="modal fade" tabindex="-1" role="dialog" id="modal">
    <div class="modal-dialog modal-lg modal-dialog-centered modal-dialog-scrollable">
        <div class="modal-content">
            <div class="modal-header">
                <div class="font-weight-bold h4">ASN规则</div>
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>
            <div class="modal-body row">
                <div class="col-5 h-100 card p-0">
                    <div class="card-header">
                        <div class="custom-control custom-checkbox">
                            <input type="checkbox" class="custom-control-input" id="owner" @change="selectAll(false)">
                            <label class="custom-control-label" for="owner">未设定货主</label>
                        </div>
                    </div>
                    <div class="card-body list-group p-0 overflow-y-scrollbar-200">
                        <div class="list-group-item" v-for="owner in owners" v-if="!owner.is_show">
                            <div class="custom-control custom-checkbox">
                                <input type="checkbox" class="custom-control-input" :id="'owner-'+owner.name" v-model="owner.is_check_asn">
                                <label class="custom-control-label" :for="'owner-'+owner.name">@{{ owner.value }}</label>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-2 d-flex align-items-center h-100">
                    <div class="w-100 text-center cursor-pointer">
                        <span class="fa fa-angle-double-right fa-3x w-100" @click="changeAsnRule(false)"></span>
                        <span class="fa fa-angle-double-left fa-3x w-100" @click="changeAsnRule(true)"></span>
                    </div>
                </div>
                <div class="col-5 h-100 card p-0">
                    <div class="card-header">
                        <div class="custom-control custom-checkbox">
                            <input type="checkbox" class="custom-control-input" id="ownerNo" @change="selectAll(true)">
                            <label class="custom-control-label" for="ownerNo">已设定货主</label>
                        </div>
                    </div>
                    <div class="card-body list-group p-0 overflow-y-scrollbar-200">
                        <div class="list-group-item" v-for="owner in owners" v-if="owner.is_show">
                            <div class="custom-control custom-checkbox">
                                <input type="checkbox" class="custom-control-input" :id="'owner-'+owner.name" v-model="owner.is_check_asn">
                                <label class="custom-control-label" :for="'owner-'+owner.name">@{{ owner.value }}</label>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>