nucleo000/cataRio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

cambiesito
All checks were successful
build-and-deploy / build-and-deploy (push) Successful in 1m7s
Details

Browse Source
This commit is contained in:
josedario87
2025-10-19 03:16:22 -06:00
parent 8dc48ebb43
commit 8b03a59525
1 changed files with 12 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
nuxt4/app/components/cata/FormularioMuestra.vue
View File

@@ -1,5 +1,5 @@
<template> <template>
<div class="formulario-muestra space-y-6"> <div class="formulario-muestra p-4 space-y-6">
<!-- Tab 1: Organoléptica (solo selectores de familia) --> <!-- Tab 1: Organoléptica (solo selectores de familia) -->
<div v-if="tabActiva === 'organoleptica'" class="tab-content cata-fade-in"> <div v-if="tabActiva === 'organoleptica'" class="tab-content cata-fade-in">
<!-- Selector de Familia de Fragancia/Aroma --> <!-- Selector de Familia de Fragancia/Aroma -->
@@ -24,7 +24,7 @@
<!-- Sensaciones en Boca (selección única) --> <!-- Sensaciones en Boca (selección única) -->
<div v-if="mostrarSensacionBocaOrganoleptica" class="form-section"> <div v-if="mostrarSensacionBocaOrganoleptica" class="form-section">
<label class="block text-sm font-medium mb-2 cata-text"> <label class="block text-sm font-medium mt-2 cata-text">
Sensación en la Boca Sensación en la Boca
</label> </label>
<div class="sensaciones-grid"> <div class="sensaciones-grid">
@@ -46,8 +46,8 @@
<!-- Gustos Predominantes (máx 2) --> <!-- Gustos Predominantes (máx 2) -->
<div v-if="mostrarGustosPredominantes" class="form-section"> <div v-if="mostrarGustosPredominantes" class="form-section">
<label class="block text-sm font-medium mb-2 cata-text"> <label class="block text-sm font-medium mt-2 cata-text">
Gustos Predominantes (mín 1, máx 2) Gustos Predominantes
</label> </label>
<div class="gustos-grid"> <div class="gustos-grid">
<button <button
@@ -407,7 +407,7 @@
</h4> </h4>
<!-- Sección: Organoléptica --> <!-- Sección: Organoléptica -->
<div class="global-section mb-6 cata-outline-box rounded-lg"> <div class="global-section mb-6 p-4 cata-outline-box rounded-lg">
<h5 class="global-section-title cata-text mb-4">Características Organolépticas</h5> <h5 class="global-section-title cata-text mb-4">Características Organolépticas</h5>
<!-- Selector de Familia de Fragancia/Aroma --> <!-- Selector de Familia de Fragancia/Aroma -->
@@ -477,7 +477,7 @@
</div> </div>
<!-- Sección: Intensidades --> <!-- Sección: Intensidades -->
<div class="global-section mb-6 cata-outline-box rounded-lg"> <div class="global-section mb-6 p-4 cata-outline-box rounded-lg">
<h5 class="global-section-title cata-text mb-4">Intensidades Descriptivas y Afectivas</h5> <h5 class="global-section-title cata-text mb-4">Intensidades Descriptivas y Afectivas</h5>
<!-- Fragancia --> <!-- Fragancia -->
@@ -738,7 +738,7 @@
</div> </div>
<!-- Sección: Defectos --> <!-- Sección: Defectos -->
<div class="global-section mb-6 cata-outline-box rounded-lg"> <div class="global-section mb-6 p-4 cata-outline-box rounded-lg">
<h5 class="global-section-title cata-text mb-4">Defectos y Uniformidad</h5> <h5 class="global-section-title cata-text mb-4">Defectos y Uniformidad</h5>
<!-- Tazas No Uniformes --> <!-- Tazas No Uniformes -->
@@ -784,14 +784,11 @@
</div> </div>
<!-- Sección: Detalles Adicionales --> <!-- Sección: Detalles Adicionales -->
<div class="global-section mb-6 cata-outline-box rounded-lg"> <div class="global-section mb-6 p-4 cata-outline-box rounded-lg">
<h5 class="global-section-title cata-text mb-4">Notas Adicionales</h5> <h5 class="global-section-title cata-text mt-2">Notas Adicionales</h5>
<!-- Otras Notas --> <!-- Otras Notas -->
<div class="form-section"> <div class="form-section">
<label class="block text-sm font-medium mb-2 cata-text">
Otras Notas
</label>
<textarea <textarea
v-model="otrasNotasLocal" v-model="otrasNotasLocal"
class="cata-input w-full min-h-[100px] resize-y" class="cata-input w-full min-h-[100px] resize-y"
@@ -802,7 +799,7 @@
</div> </div>
<!-- Puntajes (solo lectura) --> <!-- Puntajes (solo lectura) -->
<div class="global-section cata-outline-box rounded-lg space-y-4"> <div class="global-section p-4 cata-outline-box rounded-lg space-y-4">
<!-- Sumatoria Afectiva --> <!-- Sumatoria Afectiva -->
<div class="puntaje-item"> <div class="puntaje-item">
<div class="flex items-baseline justify-between"> <div class="flex items-baseline justify-between">
@@ -878,13 +875,13 @@ const deberMostrarSeccion = (subcategorias: Subcategoria[]): boolean => {
} }
// Nueva función para filtrado restrictivo de sliders por tipo y categoría // Nueva función para filtrado restrictivo de sliders por tipo y categoría
const deberMostrarSlider = (tipo: 'descriptiva' | 'afectiva', categoria: Exclude<Subcategoria, null>): boolean => { const deberMostrarSlider = (tipo: 'descriptiva' | 'afectiva', categoria: Subcategoria): boolean => {
// Si no hay filtros activos, mostrar todo // Si no hay filtros activos, mostrar todo
if (!props.subcategoriasActivas || props.subcategoriasActivas.length === 0) return true if (!props.subcategoriasActivas || props.subcategoriasActivas.length === 0) return true
// Separar filtros en tipos y categorías // Separar filtros en tipos y categorías
const filtrosTipo = props.subcategoriasActivas.filter(s => s === 'descriptiva' || s === 'afectiva') const filtrosTipo = props.subcategoriasActivas.filter(s => s === 'descriptiva' || s === 'afectiva')
const filtrosCategoria = props.subcategoriasActivas.filter((s): s is Exclude<Subcategoria, null> => const filtrosCategoria = props.subcategoriasActivas.filter(s =>
s !== 'descriptiva' && s !== 'afectiva' && s !== null s !== 'descriptiva' && s !== 'afectiva' && s !== null
) )