bigScreen/src/views/pageScheduling/index.vue

<template>
  <section class="scheduling">
    <dv-border-box-11 :title="title" :titleWidth="titleWidth">
      <dv-scroll-board :config="config" />
    </dv-border-box-11>
  </section>
</template>

<script>
export default {
  data() {
    return {
      title: '白班 手术间：78 护理人员：135',
      titleWidth: 380,
      config: {
        data: [
          [
            `<span class='numFont'>001 陈宇、孙晨、邓一帆</span>`,
            `<span class='numFont'>002 朱佳琪、邓一帆、唐芳华</span>`,
            `<span class='numFont'>003 杨华、朱佳琪、唐芳华</span>`,
          ],
          [
            `<span class='numFont'>004 杨华、朱佳琪、唐芳华</span>`,
            `<span class='numFont'>005 邓一帆、朱佳琪、孙晨</span>`,
            `<span class='numFont'>006 杨华、唐芳华、孙晨</span>`,
          ],
          [
            `<span class='numFont'>007 邓一帆、陈宇、唐芳华</span>`,
            `<span class='numFont'>008 杨华、邓一帆、孙晨</span>`,
            `<span class='numFont'>009 朱佳琪、陈宇、孙晨</span>`,
          ],
          [
            `<span class='numFont'>010 邓一帆、朱佳琪、陈宇</span>`,
            `<span class='numFont'>011 朱佳琪、邓一帆、孙晨</span>`,
            `<span class='numFont'>012 朱佳琪、陈宇、邓一帆</span>`,
          ],
          [
            `<span class='numFont'>013 陈宇、孙晨、朱佳琪</span>`,
            `<span class='numFont'>014 朱佳琪、陈宇、唐芳华</span>`,
            `<span class='numFont'>015 邓一帆、唐芳华、孙晨</span>`,
          ],
          [
            `<span class='numFont'>016 杨华、唐芳华、陈宇</span>`,
            `<span class='numFont'>017 朱佳琪、孙晨、唐芳华</span>`,
            `<span class='numFont'>018 朱佳琪、唐芳华、孙晨</span>`,
          ],
          [
            `<span class='numFont'>019 邓一帆、朱佳琪、陈宇</span>`,
            `<span class='numFont'>020 朱佳琪、孙晨、唐芳华</span>`,
            `<span class='numFont'>021 陈宇、孙晨、朱佳琪</span>`,
          ],
          [
            `<span class='numFont'>022 邓一帆、朱佳琪、孙晨</span>`,
            `<span class='numFont'>023 邓一帆、陈宇、孙晨</span>`,
            `<span class='numFont'>024 邓一帆、唐芳华、孙晨</span>`,
          ],
          [
            `<span class='numFont'>025 杨华、朱佳琪、唐芳华</span>`,
            `<span class='numFont'>026 邓一帆、孙晨、陈宇</span>`,
            `<span class='numFont'>027 杨华、唐芳华、孙晨</span>`,
          ],
          [
            `<span class='numFont'>028 邓一帆、朱佳琪、孙晨</span>`,
            `<span class='numFont'>029 朱佳琪、唐芳华、陈宇</span>`,
            `<span class='numFont'>030 邓一帆、孙晨、朱佳琪</span>`,
          ],
          [
            `<span class='numFont'>031 朱佳琪、邓一帆、唐芳华</span>`,
            `<span class='numFont'>032 陈宇、朱佳琪、邓一帆</span>`,
            `<span class='numFont'>033 邓一帆、孙晨、唐芳华</span>`,
          ],
          [
            `<span class='numFont'>034 邓一帆、朱佳琪、孙晨</span>`,
            `<span class='numFont'>035 杨华、朱佳琪、唐芳华</span>`,
            `<span class='numFont'>036 邓一帆、孙晨、陈宇</span>`,
          ],
          [
            `<span class='numFont'>037 杨华、孙晨、邓一帆</span>`,
            `<span class='numFont'>038 朱佳琪、陈宇、唐芳华</span>`,
            `<span class='numFont'>039 邓一帆、唐芳华、孙晨</span>`,
          ],
          [
            `<span class='numFont'>040 邓一帆、孙晨、唐芳华</span>`,
            `<span class='numFont'>041 邓一帆、朱佳琪、孙晨</span>`,
            `<span class='numFont'>042 杨华、唐芳华、孙晨</span>`,
          ],
          [
            `<span class='numFont'>043 邓一帆、唐芳华、陈宇</span>`,
            `<span class='numFont'>044 陈宇、朱佳琪、孙晨</span>`,
            `<span class='numFont'>045 朱佳琪、陈宇、邓一帆</span>`,
          ],
          [
            `<span class='numFont'>046 邓一帆、孙晨、陈宇</span>`,
            `<span class='numFont'>047 杨华、孙晨、朱佳琪</span>`,
            `<span class='numFont'>048 陈宇、邓一帆、唐芳华</span>`,
          ],
          [
            `<span class='numFont'>049 陈宇、孙晨、朱佳琪</span>`,
            `<span class='numFont'>050 陈宇、邓一帆、陈宇</span>`,
            `<span class='numFont'>051 邓一帆、陈宇、孙晨</span>`,
          ],
          [
            `<span class='numFont'>052 朱佳琪、唐芳华、邓一帆</span>`,
            `<span class='numFont'>053 邓一帆、朱佳琪、孙晨</span>`,
            `<span class='numFont'>054 邓一帆、孙晨、唐芳华</span>`,
          ],
          [
            `<span class='numFont'>055 邓一帆、孙晨、朱佳琪</span>`,
            `<span class='numFont'>056 邓一帆、唐芳华、朱佳琪</span>`,
            `<span class='numFont'>057 邓一帆、孙晨、陈宇</span>`,
          ],
          [
            `<span class='numFont'>058 杨华、唐芳华、孙晨</span>`,
            `<span class='numFont'>059 邓一帆、陈宇、孙晨</span>`,
            `<span class='numFont'>060 邓一帆、朱佳琪、唐芳华</span>`,
          ],
          [
            `<span class='numFont'>061 杨华、唐芳华、朱佳琪</span>`,
            `<span class='numFont'>062 朱佳琪、邓一帆、陈宇</span>`,
            `<span class='numFont'>063 邓一帆、朱佳琪、孙晨</span>`,
          ],
          [
            `<span class='numFont'>064 陈宇、孙晨、邓一帆</span>`,
            `<span class='numFont'>065 邓一帆、唐芳华、陈宇</span>`,
            `<span class='numFont'>066 邓一帆、孙晨、唐芳华</span>`,
          ],
          [
            `<span class='numFont'>067 朱佳琪、唐芳华、孙晨</span>`,
            `<span class='numFont'>068 陈宇、朱佳琪、唐芳华</span>`,
            `<span class='numFont'>069 邓一帆、唐芳华、朱佳琪</span>`,
          ],
          [
            `<span class='numFont'>070 陈宇、孙晨、唐芳华</span>`,
            `<span class='numFont'>071 杨华、孙晨、朱佳琪</span>`,
            `<span class='numFont'>072 邓一帆、陈宇、朱佳琪</span>`,
          ],
          [
            `<span class='numFont'>073 朱佳琪、唐芳华、孙晨</span>`,
            `<span class='numFont'>074 邓一帆、孙晨、唐芳华</span>`,
            `<span class='numFont'>075 邓一帆、孙晨、朱佳琪</span>`,
          ],
          [
            `<span class='numFont'>076 邓一帆、唐芳华、朱佳琪</span>`,
            `<span class='numFont'>077 陈宇、邓一帆、唐芳华</span>`,
            `<span class='numFont'>078 陈宇、朱佳琪、朱佳琪</span>`,
          ],
          [],
          [],
          [],
          [],
          [],
          [],
          [],
          [],
          [],
          [],
        ],
        rowNum: 12,
        waitTime: 5000,
        carousel: 'page',
        oddRowBGC: 'rgba(74, 78, 103, 0.15)',
        evenRowBGC: 'rgba(74, 78, 103, 0.15)',
        headerHeight: '48',
      },
    };
  },
};
</script>

<style lang="scss" scoped>
@import '@/assets/scss/pxtovw.scss';
.scheduling {
  width: 100%;
  height: 100%;
  background: #011343;
  :deep(.dv-border-box-11) {
    height: 100%;
    .dv-scroll-board {
      padding: 3% 1% 0;
      box-sizing: border-box;
      height: 92%;
      .ceil {
        border-bottom: vw(8) solid #011343;
        font-size: vw(16);
        white-space: nowrap;
      }
    }
  }
}
</style>