<template>
  <div class="w-[116.94vh] h-[85.51vh] bgRightMidBox">
    <div class="w-[112.96vh] h-[77.03vh] mx-auto mt-[2.96vh] border border-teal-400">
      <div class="h-[4.44vh] leading-[4.44vh] text-center">
        <div class="inline-block">
          <div class="inline-block w-[11.11vh] text-[#AAAAAA] text-[1.48vh]">手术间</div>
          <div class="inline-block w-[18.51vh] text-[#AAAAAA] text-[1.48vh]">手术名称</div>
          <div class="inline-block w-[11.11vh] text-[#AAAAAA] text-[1.48vh]">申请类型</div>
          <div class="inline-block w-[16.66vh] text-[#AAAAAA] text-[1.48vh]">入手术室时间</div>
          <div class="inline-block w-[16.66vh] text-[#AAAAAA] text-[1.48vh]">麻醉开始时间</div>
          <div class="inline-block w-[16.66vh] text-[#AAAAAA] text-[1.48vh]">手术开始时间</div>
          <div class="inline-block w-[11.11vh] text-[#AAAAAA] text-[1.48vh]">是否准点</div>
        </div>
      </div>
      <div class="h-[72.58vh] border border-red-400">
        <el-carousel direction="vertical" :autoplay="false" :interval="5000" indicatorPosition="none">
          <el-carousel-item v-for="item in 1" :key="item">
            <section></section>
          </el-carousel-item>
        </el-carousel>
      </div>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style>
.bgRightMidBox {
  background-image: url('@/assets/svg/Operation/RightMid/Box.svg');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
</style>
