From 7a1d00d56c10d74d76432d18c4a4b3947e6c49a4 Mon Sep 17 00:00:00 2001
From: elmer-20 <80175046+elmer-20@users.noreply.github.com>
Date: Fri, 13 Mar 2026 17:54:04 -0500
Subject: [PATCH] 123

---
 .../WebPageSections/HeroSection.vue           |  61 +++++---
 .../navbarcontent/ProcesoResultado.vue        | 131 +++++++++++++++---
 2 files changed, 159 insertions(+), 33 deletions(-)

diff --git a/front/src/components/WebPageSections/HeroSection.vue b/front/src/components/WebPageSections/HeroSection.vue
index a682165..5546700 100644
--- a/front/src/components/WebPageSections/HeroSection.vue
+++ b/front/src/components/WebPageSections/HeroSection.vue
@@ -54,20 +54,30 @@
           </div>
 
           <h3>{{ procesoPrincipal?.titulo ?? 'Proceso vigente' }}</h3>
-
-          <p class="card-date">
+          <div
+            v-for="f in fechasExamen"
+            :key="f.label"
+            class="card-date"
+          >
             <ClockCircleOutlined />
-            {{ fechasExamen }}
-          </p>
 
-          <a-button
-            size="large"
-            class="secondary-button"
-            @click="irAResultados"
-          >
-            <template #icon><BarChartOutlined /></template>
-            Resultados del Examen
-          </a-button>
+            <span>
+              <strong>{{ f.label }}:</strong> {{ f.fecha }}
+            </span>
+            <div>
+              <a-button
+                v-if="(f.tipo === 1 && hayExamen1) || (f.tipo === 2 && hayExamen2)"
+                size="large"
+                class="secondary-button"
+                @click="irAResultados(f.tipo)"
+              >
+                <template #icon><BarChartOutlined /></template>
+                Resultados del {{ f.label }}
+              </a-button>
+              </div>
+          </div>
+
+
         </div>
       </div>
 
@@ -98,24 +108,41 @@ const resultadosStore = useProcesoAdmisionResultadoStore()
 const procesoPrincipal = computed(() => webStore.procesoPrincipal)
 
 const hayResultados = computed(() => resultadosStore.archivos.length > 0)
+const hayExamen1 = computed(() => {
+  return resultadosStore.archivos.some(a => a.orden === 1 || a.orden === 2)
+})
+
+const hayExamen2 = computed(() => {
+  return resultadosStore.archivos.some(a => a.orden === 5 || a.orden === 6)
+})
 
 const fechasExamen = computed(() => {
   const p = procesoPrincipal.value
-  if (!p) return ''
+  if (!p) return []
+
   const fmt = (iso) => {
     if (!iso) return null
     const d = new Date(iso)
     if (Number.isNaN(d.getTime())) return null
     return d.toLocaleDateString('es-PE', { day: '2-digit', month: 'long' })
   }
+
+  const fechas = []
+
   const f1 = fmt(p.fecha_examen1)
   const f2 = fmt(p.fecha_examen2)
-  if (f1 && f2) return `${f1} • ${f2}`
-  return f1 ?? f2 ?? ''
+
+  if (f1) fechas.push({ label: "Sábado", fecha: f1, tipo: 1 })
+  if (f2) fechas.push({ label: "Domingo", fecha: f2, tipo: 2 })
+
+  return fechas
 })
 
-function irAResultados() {
-  router.push('/proceso-resultado')
+function irAResultados(tipo) {
+  router.push({
+    path: '/proceso-resultado',
+    query: { examen: tipo }
+  })
 }
 
 onMounted(async () => {
diff --git a/front/src/components/WebPageSections/navbarcontent/ProcesoResultado.vue b/front/src/components/WebPageSections/navbarcontent/ProcesoResultado.vue
index 758ff63..d0805dc 100644
--- a/front/src/components/WebPageSections/navbarcontent/ProcesoResultado.vue
+++ b/front/src/components/WebPageSections/navbarcontent/ProcesoResultado.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { onMounted } from "vue"
+import { onMounted, computed } from "vue"
 import NavbarModerno from '../../nabvar.vue'
 import FooterModerno from '../../Footer.vue'
 import { FileSearchOutlined } from "@ant-design/icons-vue"
@@ -10,14 +10,28 @@ const webStore = useWebAdmisionStore()
 const resultadosStore = useProcesoAdmisionResultadoStore()
 
 onMounted(async () => {
+
   if (!webStore.procesos.length) {
     await webStore.cargarProcesos()
   }
+
   const proceso = webStore.procesoPrincipal
+
   if (proceso?.id) {
     await resultadosStore.fetchArchivosPublico(proceso.id)
   }
+
 })
+
+
+const archivosExamen1 = computed(() =>
+  resultadosStore.archivos.filter(a => [1,2,3,4].includes(a.orden))
+)
+
+const archivosExamen2 = computed(() =>
+  resultadosStore.archivos.filter(a => [5,6].includes(a.orden))
+)
+
 </script>
 
 <template>
@@ -25,68 +39,86 @@ onMounted(async () => {
 
   <section id="proceso-resultado" class="convocatorias-modern">
     <div class="section-container">
+
+      <!-- HEADER -->
       <div class="section-header">
         <div class="header-with-badge">
           <h2 class="section-title">
             RESULTADOS — {{ webStore.procesoPrincipal?.titulo ?? 'Proceso vigente' }}
           </h2>
         </div>
+
         <p class="section-subtitle">
           Resultados del proceso de admisión vigente.
         </p>
       </div>
 
-      <!-- Estado -->
+      <!-- ESTADO -->
       <a-card class="main-convocatoria-card" :loading="resultadosStore.loading">
         <div class="card-badge">Resultados</div>
 
         <template v-if="resultadosStore.error">
-          <div style="padding: 6px 2px; color: #dc2626; font-weight: 700;">
+          <div style="padding:6px 2px; color:#dc2626; font-weight:700;">
             {{ resultadosStore.error }}
           </div>
         </template>
 
         <template v-else-if="!resultadosStore.archivos.length && !resultadosStore.loading">
-          <div style="padding: 6px 2px; color: #666;">
+          <div style="padding:6px 2px; color:#666;">
             Resultados próximamente.
           </div>
         </template>
 
         <template v-else>
-          <div style="padding: 6px 2px; color:#666;">
+          <div style="padding:6px 2px; color:#666;">
             Resultados disponibles — {{ webStore.procesoPrincipal?.titulo }}
           </div>
         </template>
       </a-card>
 
-      <!-- Cards de archivos -->
+
+      <!-- ================= EXAMEN 1 ================= -->
       <a-card
-        v-if="resultadosStore.archivos.length"
+        v-if="archivosExamen1.length"
         class="year-section-card"
       >
         <div class="year-header">
           <div class="year-icon">
             <FileSearchOutlined />
           </div>
+
           <div>
-            <h3 class="year-title">{{ webStore.procesoPrincipal?.titulo }}</h3>
-            <p class="year-subtitle">Selecciona el archivo que deseas consultar.</p>
+            <h3 class="year-title">
+              Resultados — Sábado - Primera Etapa.
+            </h3>
+
+            <p class="year-subtitle">
+              {{ webStore.procesoPrincipal?.fecha_examen1
+                ? new Date(webStore.procesoPrincipal.fecha_examen1)
+                    .toLocaleDateString('es-PE', { day:'2-digit', month:'long', year:'numeric' })
+                : ''
+              }}
+            </p>
           </div>
         </div>
 
         <a-divider class="custom-divider" />
 
         <div class="secondary-list one-col">
+
           <a-card
-            v-for="archivo in resultadosStore.archivos"
+            v-for="archivo in archivosExamen1"
             :key="archivo.id"
             class="secondary-convocatoria-card"
           >
             <div class="convocatoria-header">
-              <div>
-                <h4 class="secondary-title">{{ archivo.nombre }}</h4>
-              </div>
-              <a-tag class="status-tag" color="blue">DISPONIBLE</a-tag>
+              <h4 class="secondary-title">
+                {{ archivo.nombre }}
+              </h4>
+
+              <a-tag class="status-tag" color="blue">
+                Publicado
+              </a-tag>
             </div>
 
             <div class="card-footer">
@@ -97,11 +129,79 @@ onMounted(async () => {
                 :href="archivo.archivo_url"
                 target="_blank"
               >
-                <template #icon><FileSearchOutlined /></template>
+                <template #icon>
+                  <FileSearchOutlined />
+                </template>
+
                 Ver Resultados
               </a-button>
             </div>
           </a-card>
+
+        </div>
+      </a-card>
+
+
+
+      <a-card
+        v-if="archivosExamen2.length"
+        class="year-section-card"
+      >
+        <div class="year-header">
+          <div class="year-icon">
+            <FileSearchOutlined />
+          </div>
+
+          <div>
+            <h3 class="year-title">
+              Resultados — Domingo - Segunda Etapa.
+            </h3>
+
+            <p class="year-subtitle">
+              {{ webStore.procesoPrincipal?.fecha_examen2
+                ? new Date(webStore.procesoPrincipal.fecha_examen2)
+                    .toLocaleDateString('es-PE', { day:'2-digit', month:'long', year:'numeric' })
+                : ''
+              }}
+            </p>
+          </div>
+        </div>
+
+        <a-divider class="custom-divider" />
+
+        <div class="secondary-list one-col">
+
+          <a-card
+            v-for="archivo in archivosExamen2"
+            :key="archivo.id"
+            class="secondary-convocatoria-card"
+          >
+            <div class="convocatoria-header">
+              <h4 class="secondary-title">
+                {{ archivo.nombre }}
+              </h4>
+              <a-tag class="status-tag" color="blue">
+                Publicado
+              </a-tag>
+            </div>
+
+            <div class="card-footer">
+              <a-button
+                type="primary"
+                ghost
+                size="small"
+                :href="archivo.archivo_url"
+                target="_blank"
+              >
+                <template #icon>
+                  <FileSearchOutlined />
+                </template>
+
+                Ver Resultados
+              </a-button>
+            </div>
+          </a-card>
+
         </div>
       </a-card>
 
@@ -110,7 +210,6 @@ onMounted(async () => {
 
   <FooterModerno />
 </template>
-
 <style scoped>
 .convocatorias-modern {
   position: relative;