<template>
  <div class="rightMiddle">
    <dv-scroll-board :config="config" />
  </div>
</template>

<script>
export default {
  data() {
    return {
      title: '白班 手术间：78 护理人员：135',
      titleWidth: 380,
      config: {
        header: ['手术间', '手术名称', '申请类型', '入手术室时间', '麻醉开始时间', '手术开始时间', '是否准点'],
        data: [
          ['WK01', '阑尾切除术', '紧急', '2023-09-10 08:00', '2023-09-10 08:30', '2023-09-10 09:15', '准点'],
          ['WK02', '膝关节置换术', '择期', '2023-09-11 09:30', '2023-09-11 10:00', '2023-09-11 10:45', '不准点'],
          ['WK03', '白内障手术', '择期', '2023-09-12 14:45', '2023-09-12 15:15', '2023-09-12 15:45', '准点'],
          ['WK04', '胆囊切除术', '紧急', '2023-09-13 08:30', '2023-09-13 09:00', '2023-09-13 09:45', '准点'],
          ['WK05', '阑尾切除术', '紧急', '2023-09-14 07:45', '2023-09-14 08:15', '2023-09-14 08:45', '不准点'],
          ['WK06', '膝关节置换术', '择期', '2023-09-15 10:00', '2023-09-15 10:30', '2023-09-15 11:15', '准点'],
          ['WK07', '阑尾切除术', '紧急', '2023-09-16 08:15', '2023-09-16 08:45', '2023-09-16 09:30', '不准点'],
          ['WK08', '白内障手术', '择期', '2023-09-17 14:30', '2023-09-17 15:00', '2023-09-17 15:45', '准点'],
          ['WK09', '胆囊切除术', '紧急', '2023-09-18 08:45', '2023-09-18 09:15', '2023-09-18 10:00', '不准点'],
          ['WK10', '膝关节置换术', '择期', '2023-09-19 10:15', '2023-09-19 10:45', '2023-09-19 11:30', '准点'],
          ['WK11', '阑尾切除术', '紧急', '2023-09-20 08:30', '2023-09-20 09:00', '2023-09-20 09:45', '准点'],
          ['WK12', '白内障手术', '择期', '2023-09-21 14:15', '2023-09-21 14:45', '2023-09-21 15:30', '不准点'],
          ['WK13', '胆囊切除术', '紧急', '2023-09-22 08:00', '2023-09-22 08:30', '2023-09-22 09:15', '不准点'],
          ['WK14', '阑尾切除术', '紧急', '2023-09-23 07:30', '2023-09-23 08:00', '2023-09-23 08:45', '不准点'],
          ['WK15', '膝关节置换术', '择期', '2023-09-24 10:30', '2023-09-24 11:00', '2023-09-24 11:45', '准点'],
          ['WK16', '白内障手术', '择期', '2023-09-25 14:00', '2023-09-25 14:30', '2023-09-25 15:15', '不准点'],
          ['WK17', '胆囊切除术', '紧急', '2023-09-26 08:15', '2023-09-26 08:45', '2023-09-26 09:30', '不准点'],
          ['WK18', '阑尾切除术', '紧急', '2023-09-27 07:45', '2023-09-27 08:15', '2023-09-27 09:00', '不准点'],
          ['WK19', '膝关节置换术', '择期', '2023-09-28 10:45', '2023-09-28 11:15', '2023-09-28 12:00', '准点'],
          ['WK20', '白内障手术', '择期', '2023-09-29 13:45', '2023-09-29 14:15', '2023-09-29 14:45', '不准点'],
        ],
        rowNum: 12,
        waitTime: 10000,
        carousel: 'page',
      },
    };
  },
};
</script>

<style lang="scss" scoped>
.rightMiddle {
  height: 100%;
  :deep(.dv-scroll-board) {
    box-sizing: border-box;
    height: 100%;
    .header-item {
      font-size: 18px;
    }
    .ceil {
      font-size: 18px;
      white-space: nowrap;
    }
    .row-item {
      .ceil:last-child {
        color: #87ceeb;
      }
    }
  }
}
</style>
