sposchedule

1
<script setup lang="ts">
2
  import { toRef } from 'vue';
3
  const props = defineProps({
4
    period: {
5
      type: Object,
6
    },
7
  });
8

9
  const period = toRef(() => props.period);
10
</script>
11
<template>
12
  <tr class="bg-surface-50 dark:bg-surface-900 py-4">
13
    <td
14
      class="px-4 text-center py-4 font-bold text-surface-700 group-last:border-none dark:text-surface-400"
15
    >
16
      {{ period.index }} пара
17
    </td>
18

19
    <td
20
      class="px-4 text-center py-4 group-last:border-none flex flex-col gap-1 justify-center"
21
    >
22
      <div class="">{{ period.period_from }} - {{ period.period_to }}</div>
23
      <div v-if="period?.period_from_after && period?.period_from_after">
24
        {{ period.period_from_after }} - {{ period.period_to_after }}
25
      </div>
26
    </td>
27
  </tr>
28
</template>
29