baoshi-was/resources/views/station/monitor/_loadDetail.blade.php

<div class="modal fade" tabindex="-1" role="dialog" id="modal">
    <div class="modal-dialog modal-lg modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-body">
                <div class="w-100 h-100 d-inline-block text-center h2" v-if="loadStatus">
                    <i class="fa fa-spinner fa-pulse"></i>
                </div>
                <table class="w-100 h-100 table table-bordered" v-else>
                    <tr v-for="arr in detail">
                        <td v-for="obj in arr" class="p-0">
                            <div class="container">
                                <div class="row justify-content-center" style="min-width: 50px;min-height: 50px"
                                     :class="obj.status===undefined ? '' : (obj.status ? 'bg-danger' : 'bg-success')">
                                    <div class="align-self-center">
                                        @{{ obj.location }}
                                    </div>
                                </div>
                            </div>
                        </td>
                    </tr>
                </table>
            </div>
        </div>
    </div>
</div>