<template>
  <div>
    <div class="flex justify-evenly">
      <topLeft></topLeft>
      <topRight></topRight>
    </div>
    <div class="flex justify-evenly">
      <bottomLeft></bottomLeft>
      <div class="w-[116.94vh] flex justify-between">
        <bottomMiddle></bottomMiddle>
        <bottomRight></bottomRight>
      </div>
    </div>
  </div>
</template>

<script>
import topLeft from "./topLeft/index.vue";
import topRight from "./topRight/index.vue";
import bottomLeft from "./bottomLeft/index.vue";
import bottomMiddle from "./bottomMiddle/index.vue";
import bottomRight from './bottomRight/index.vue';


export default {
  data() {
    return {
      isLoading: true,
      topLeftData: {
        firstPunctualityRate: 0,
        roomUserRate: 0,
        patEmergencyCount: 0,
        patCount: 0,
        patOperationing: 0,
        patWating: 0,
      },
    };
  },
  components: {
    topLeft,
    topRight,
    bottomLeft,
    bottomMiddle,
    bottomRight,
  },
};
</script>

<style></style>
