Query optimizado sin función de fechas_clase.

This commit is contained in:
Your Name
2025-03-05 07:17:24 -06:00
parent f35185e29e
commit 8853b35b09
3 changed files with 41 additions and 31 deletions

View File

@@ -347,25 +347,44 @@
<!-- page -->
<nav v-if="store.registros.relevant.length > 0" class="mt-3 col-12">
<ul class="pagination justify-content-center">
<!-- Botón para ir a la primera página -->
<li class="page-item" :class="{'disabled': store.current.page == 1}" @click="store.current.page = 1"
:disabled="store.current.page == 1" :title="`Ir a la primera página`">
<a class="page-link" style="cursor: pointer;">Primera</a>
</li>
<!-- Botón Anterior -->
<li class="page-item" :class="{'disabled': store.current.page == 1}"
@click="store.current.page == 1 ? '' : store.current.page--" :disabled="store.current.page == 1"
:title="`Página ${store.current.page} de ${store.registros.pages}`">
<a class="page-link" style="cursor: pointer;">Anterior</a>
</li>
<!-- Páginas dinámicas -->
<li class="page-item"
v-for="page in [...Array(store.registros.pages).keys()].map(x => ++x).slice(store.current.page - 3 > 0 ? store.current.page - 3 : 0, store.current.page + 2 < store.registros.pages ? store.current.page + 2 : store.registros.pages)"
:class="{'active': store.current.page == page}" @click="store.current.page = page"
:title="`Página ${store.current.page} de ${store.registros.pages}`">
<a class="page-link" style="cursor: pointer;">{{ page }}</a>
</li>
<!-- Botón Siguiente -->
<li class="page-item" :class="{'disabled': store.current.page == store.registros.pages}"
:disabled="store.current.page == store.registros.pages"
@click="store.current.page += store.current.page == store.registros.pages ? 0 : 1"
:title="`Página ${store.current.page} de ${store.registros.pages}`">
<a class="page-link" style="cursor: pointer;">Siguiente</a>
</li>
<!-- Botón para ir a la última página -->
<li class="page-item" :class="{'disabled': store.current.page == store.registros.pages}"
@click="store.current.page = store.registros.pages"
:disabled="store.current.page == store.registros.pages" :title="`Ir a la última página`">
<a class="page-link" style="cursor: pointer;">Última</a>
</li>
</ul>
</nav>
</div>