<template>
  <div class="record-container">
    <RecordItem :data="data" />
  </div>
</template>

<script lang="ts" setup>
  import { ref } from 'vue';
  import RecordItem from './RecordItem.vue';
  const data = ref([
    {
      id: 1,
      title: 'title-week-1',
      time: '2017-10-31 23:12:00',
      department: 'XXX-部门-1',
    },
    {
      id: 2,
      title: 'title-week-2',
      time: '2017-10-31 23:12:00',
      department: 'XXX-部门-2',
    },
    {
      id: 3,
      title: 'title-week-3',
      time: '2017-10-31 23:12:00',
      department: 'XXX-部门-3',
    },
    {
      id: 4,
      title: 'title-week-4',
      time: '2017-10-31 23:12:00',
      department: 'XXX-部门-4',
    },
    {
      id: 5,
      title: 'title-week-5',
      time: '2017-10-31 23:12:00',
      department: 'XXX-部门-5',
    },
    {
      id: 6,
      title: 'title-week-6',
      time: '2017-10-31 23:12:00',
      department: 'XXX-部门-6',
    },
    {
      id: 7,
      title: 'title-week-7',
      time: '2017-10-31 23:12:00',
      department: 'XXX-部门-7',
    },
    {
      id: 8,
      title: 'title-week-8',
      time: '2017-10-31 23:12:00',
      department: 'XXX-部门-8',
    },
    {
      id: 9,
      title: 'title-week-9',
      time: '2017-10-31 23:12:00',
      department: 'XXX-部门-9',
    },
    {
      id: 10,
      title: 'title-week-10',
      time: '2017-10-31 23:12:00',
      department: 'XXX-部门-10',
    },
  ]);
</script>

<style lang="scss" scoped>
  @use '../styles/record.scss' as *;
</style>
