feat(certidoes): formatar datas de emissão e validade das certidões
All checks were successful
Dev Build & Deploy Portal / build-deploy (push) Successful in 2m36s
All checks were successful
Dev Build & Deploy Portal / build-deploy (push) Successful in 2m36s
This commit is contained in:
parent
7fd1460bca
commit
11bc109e4b
@ -1,6 +1,7 @@
|
|||||||
<script setup>
|
<script setup>
|
||||||
import { ref, onMounted } from 'vue'
|
import { ref, onMounted } from 'vue'
|
||||||
import { portalService } from '@/services/portalService'
|
import { portalService } from '@/services/portalService'
|
||||||
|
import { formatDate } from '@/utils/formatador'
|
||||||
|
|
||||||
definePageMeta({
|
definePageMeta({
|
||||||
layout: 'portal',
|
layout: 'portal',
|
||||||
@ -134,8 +135,8 @@ const statusMap = {
|
|||||||
<p class="text-sm font-semibold text-slate-800 dark:text-slate-100 truncate">{{ cert.tipo }}</p>
|
<p class="text-sm font-semibold text-slate-800 dark:text-slate-100 truncate">{{ cert.tipo }}</p>
|
||||||
<p class="text-xs text-slate-400 dark:text-slate-500 mt-0.5">Nº {{ cert.numero }}</p>
|
<p class="text-xs text-slate-400 dark:text-slate-500 mt-0.5">Nº {{ cert.numero }}</p>
|
||||||
</div>
|
</div>
|
||||||
<p class="hidden sm:block text-sm text-slate-500 dark:text-slate-400 w-28 text-right">{{ cert.dataEmissao }}</p>
|
<p class="hidden sm:block text-sm text-slate-500 dark:text-slate-400 w-28 text-right">{{ formatDate(cert.dataEmissao) }}</p>
|
||||||
<p class="hidden sm:block text-sm text-slate-500 dark:text-slate-400 w-28 text-right">{{ cert.dataValidade }}</p>
|
<p class="hidden sm:block text-sm text-slate-500 dark:text-slate-400 w-28 text-right">{{ formatDate(cert.dataValidade) }}</p>
|
||||||
<div class="w-20 flex justify-center">
|
<div class="w-20 flex justify-center">
|
||||||
<span :class="['text-xs font-semibold px-2 py-1 rounded-full', statusMap[cert.status]?.classe ?? 'bg-slate-100 text-slate-500']">
|
<span :class="['text-xs font-semibold px-2 py-1 rounded-full', statusMap[cert.status]?.classe ?? 'bg-slate-100 text-slate-500']">
|
||||||
{{ statusMap[cert.status]?.label ?? cert.status }}
|
{{ statusMap[cert.status]?.label ?? cert.status }}
|
||||||
|
|||||||
@ -3,7 +3,7 @@ import { ref, computed, watch } from 'vue'
|
|||||||
import { z } from 'zod'
|
import { z } from 'zod'
|
||||||
import { useAuth } from '@/composables/useAuth'
|
import { useAuth } from '@/composables/useAuth'
|
||||||
import { certidaoService } from '@/services/certidaoService'
|
import { certidaoService } from '@/services/certidaoService'
|
||||||
import { validarCpf, validarCnpj } from '@/utils/formatador'
|
import { validarCpf, validarCnpj, formatDate } from '@/utils/formatador'
|
||||||
|
|
||||||
const router = useRouter()
|
const router = useRouter()
|
||||||
const route = useRoute()
|
const route = useRoute()
|
||||||
@ -451,7 +451,7 @@ function reiniciar() {
|
|||||||
</div>
|
</div>
|
||||||
<div class="flex justify-between gap-4">
|
<div class="flex justify-between gap-4">
|
||||||
<span class="text-sm text-slate-500 dark:text-slate-400">Válida até</span>
|
<span class="text-sm text-slate-500 dark:text-slate-400">Válida até</span>
|
||||||
<span class="text-sm font-semibold text-emerald-600 dark:text-emerald-400 text-right">{{ certidaoExistente?.dataValidade }}</span>
|
<span class="text-sm font-semibold text-emerald-600 dark:text-emerald-400 text-right">{{ formatDate(certidaoExistente?.dataValidade) }}</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user