|
|
@ -91,13 +91,23 @@ const compareYear = (date1: dayjs.Dayjs, date2: dayjs.Dayjs) => { |
|
|
|
<template> |
|
|
|
<template> |
|
|
|
<div class="p-4 flex flex-col gap-4"> |
|
|
|
<div class="p-4 flex flex-col gap-4"> |
|
|
|
<div class="flex justify-between items-center"> |
|
|
|
<div class="flex justify-between items-center"> |
|
|
|
<NcButton size="small" type="secondary" @click="paginate('prev')"> |
|
|
|
<NcTooltip> |
|
|
|
<component :is="iconMap.doubleLeftArrow" class="h-4 w-4" /> |
|
|
|
<NcButton size="small" type="secondary" @click="paginate('prev')"> |
|
|
|
</NcButton> |
|
|
|
<component :is="iconMap.doubleLeftArrow" class="h-4 w-4" /> |
|
|
|
|
|
|
|
</NcButton> |
|
|
|
|
|
|
|
<template #title> |
|
|
|
|
|
|
|
<span>{{ $t('labels.previousYear') }}</span> |
|
|
|
|
|
|
|
</template> |
|
|
|
|
|
|
|
</NcTooltip> |
|
|
|
<span class="font-bold text-gray-700">{{ yearPicker ? 'Select Year' : currentYear }}</span> |
|
|
|
<span class="font-bold text-gray-700">{{ yearPicker ? 'Select Year' : currentYear }}</span> |
|
|
|
<NcButton size="small" type="secondary" @click="paginate('next')"> |
|
|
|
<NcTooltip> |
|
|
|
<component :is="iconMap.doubleRightArrow" class="h-4 w-4" /> |
|
|
|
<NcButton size="small" type="secondary" @click="paginate('next')"> |
|
|
|
</NcButton> |
|
|
|
<component :is="iconMap.doubleRightArrow" class="h-4 w-4" /> |
|
|
|
|
|
|
|
</NcButton> |
|
|
|
|
|
|
|
<template #title> |
|
|
|
|
|
|
|
<span>{{ $t('labels.nextYear') }}</span> |
|
|
|
|
|
|
|
</template> |
|
|
|
|
|
|
|
</NcTooltip> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="border-1 border-gray-200 rounded-y-xl max-w-[350px]"> |
|
|
|
<div class="border-1 border-gray-200 rounded-y-xl max-w-[350px]"> |
|
|
|
<div class="grid grid-cols-4 gap-2 p-2"> |
|
|
|
<div class="grid grid-cols-4 gap-2 p-2"> |
|
|
|