<script setup lang="ts">
import {SYSTEM_CONFIG} from "@/utils/public";
import {InpatientBoardKey} from "@/views/single-page/InpatientBoardV2/index";
import BoardCard from "@/views/single-page/InpatientBoardV2/BoardCard.vue";

const {store} = inject(InpatientBoardKey)!

</script>

<template>

  <div class="layout_container info_main">
    <div class="layout_container" style="height: max-content;">
      <div class="layout_main layout_container layout-horizontal">
        <div class="layout_main">
          <b style="font-size: 2.63rem">{{ SYSTEM_CONFIG.HOSPITAL_NAME }} | {{ store.urlQuery.wardName }}</b>
          <div>床位 - {{ store.data.value.length }} 在用 / {{ store.bedCount.value }} 全部</div>
          <div style="height: 2px;background-color: #0a84fd;margin-top: 5px"></div>
        </div>

        <div class="右边宽度">
          <div class="蓝色底框" style="font-size: 1.56rem">
            {{ store.time.weekName }}
            <br/>
            {{ store.time.now }}
          </div>
        </div>
      </div>
    </div>

    <div class="layout_main layout_container layout-horizontal" style="padding: 0 0.63rem">
      <div class="layout_main" style="padding: 0">
        <BoardCard/>
      </div>
      <div class="右边宽度">
        <div class="深度边框">
          <b>护理信息:</b>
          <div class="护理信息">
            <dv-scroll-board v-bind="store.dvTableData.huli" class="layout_h-w_max"/>
          </div>
        </div>

        <div class="深度边框" style="margin-top: 0.63rem">
          <b>今日手术:</b>
          <div class="护理信息">
            <dv-scroll-board v-bind="store.dvTableData.operation" class="layout_h-w_max"/>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<style lang="scss">
.info_main {

  .护理信息 {
    height: 12.50rem;
    padding-top: 0.63rem;
    overflow: hidden;
  }

  .右边宽度 {
    width: 23%;
  }

  .蓝色底框 {
    margin-top: 0.31rem;
    padding-bottom: 0.31rem;
    border-bottom: 0.19rem solid #0a84fd;
  }

  .深度边框 {
    border-radius: 0.63rem;
    padding: 0.31rem;
    background-color: #1c2641;
  }


}
</style>
