smoreno/funcionarios_front
1
0
Fork 0
Code Issues Pull Requests Actions Releases Wiki Activity

Se modifico la forma en la busqueda del organigrama ahora es por id, y se agregaron nuevas adscripciones en el dataset

Browse Source
This commit is contained in:
santiago
2025-11-13 21:35:21 +01:00
parent b3bf3f440e 0f89b0ccee
commit 91ef6b4ddc
6 changed files with 289 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/Organigrama_con_ids(1).svg
+20 -20
View File
@@ -85,7 +85,7 @@
<path class="st2" d="M451,221.3h117.7c6.6,0,12,5.4,12,12v46.9c0,6.6-5.4,12-12,12H451c-6.6,0-12-5.4-12-12v-46.9 C439,226.6,444.3,221.3,451,221.3z"/>
<path class="st2" d="M734.4,136.6h117.7c6.6,0,12,5.4,12,12v46.9c0,6.6-5.4,12-12,12H734.4c-6.6,0-12-5.4-12-12v-46.9 C722.4,142,727.8,136.6,734.4,136.6z"/>
<text id="72" class="st0 st3 st4" transform="matrix(1 0 0 1 618.5801 91.77)">DIRECCIÓN</text>
<g>
<g id="60">
<text class="st0 st3 st4" transform="matrix(1 0 0 1 729.47 168.9204)">DEPARTAMENTO DE LA</text>
<text class="st0 st3 st4" transform="matrix(1 0 0 1 735.8301 183.3208)">OFICINA DE PRENSA</text>
</g>
@@ -94,7 +94,7 @@
<text class="st0 st3 st4" transform="matrix(1 0 0 1 459.8101 176.1206)">COMUNICACIÓN</text>
<text class="st0 st3 st4" transform="matrix(1 0 0 1 488.24 190.52)">SOCIAL</text>
</g>
<g>
<g id="143">
<text class="st0 st3 st4" transform="matrix(1 0 0 1 452.01 253.5806)">COORDINACIÓN DE</text>
<text class="st0 st3 st4" transform="matrix(1 0 0 1 484.8799 267.981)">GESTIÓN</text>
</g>
@@ -126,7 +126,7 @@
<text class="st0 st3 st4" transform="matrix(1 0 0 1 84.3201 958.6936)">ABIERTA Y EDUCACIÓN</text>
<text class="st0 st3 st4" transform="matrix(1 0 0 1 115 971.8047)">A DISTANCIA</text>
</g>
<g>
<g id="148">
<text class="st0 st3 st4" transform="matrix(1 0 0 1 88.01 1033.7505)">SECRETARÍA AUXILIAR</text>
<text class="st0 st3 st4" transform="matrix(1 0 0 1 98.21 1048.1504)">DE LA SECRETARÍA</text>
<text class="st0 st3 st4" transform="matrix(1 0 0 1 123.76 1062.5503)">GENERAL</text>
@@ -199,34 +199,34 @@
<text class="st0 st3 st4" transform="matrix(1 0 0 1 613.29 498.6807)">RECREATIVAS</text>
</g>
<path class="st2" d="M592.7,899.6h117.7c6.6,0,12,5.4,12,12v46.9c0,6.6-5.4,12-12,12H592.7c-6.6,0-12-5.4-12-12v-46.9 C580.7,905,586.1,899.6,592.7,899.6z"/>
<g>
<g id="198">
<text class="st0 st3 st5" transform="matrix(1 0 0 1 586.46 919.6406)">SECRETARÍA AUXILIAR DE</text>
<text class="st0 st3 st5" transform="matrix(1 0 0 1 582.5 932.8403)">EXTENSIÓN UNIVERSITARIA</text>
<text class="st0 st3 st5" transform="matrix(1 0 0 1 608.3501 946.0405)">Y VINCULACIÓN</text>
<text class="st0 st3 st5" transform="matrix(1 0 0 1 612.4199 959.2407)">INSTITUCIONAL</text>
</g>
<path class="st2" d="M592.7,992h117.7c6.6,0,12,5.4,12,12v46.9c0,6.6-5.4,12-12,12H592.7c-6.6,0-12-5.4-12-12V1004 C580.7,997.3,586.1,992,592.7,992z"/>
<g>
<g id="165">
<text class="st0 st3 st5" transform="matrix(1 0 0 1 587.1201 1011.9604)">SECRETARÍA TÉCNICA DE</text>
<text class="st0 st3 st5" transform="matrix(1 0 0 1 582.5 1025.1606)">EXTENSIÓN UNIVERSITARIA</text>
<text class="st0 st3 st5" transform="matrix(1 0 0 1 608.3501 1038.3604)">Y VINCULACIÓN</text>
<text class="st0 st3 st5" transform="matrix(1 0 0 1 612.4199 1051.5605)">INSTITUCIONAL</text>
</g>
<path class="st2" d="M422.5,711.9h117.7c6.6,0,12,5.4,12,12v46.9c0,6.6-5.4,12-12,12H422.5c-6.6,0-12-5.4-12-12v-46.9 C410.5,717.3,415.8,711.9,422.5,711.9z"/>
<g id="181">
<g id="190">
<text class="st0 st3 st5" transform="matrix(1 0 0 1 416.2 731.9307)">SECRETARÍA AUXILIAR DE</text>
<text class="st0 st3 st5" transform="matrix(1 0 0 1 433.8 745.1304)">LA SECRETARÍA DE</text>
<text class="st0 st3 st5" transform="matrix(1 0 0 1 418.0701 758.3306)">ASUNTOS ACADÉMICOS</text>
<text class="st0 st3 st5" transform="matrix(1 0 0 1 444.24 771.5308)">ESTUDIANTILES</text>
</g>
<path class="st2" d="M422.5,523.7h117.7c6.6,0,12,5.4,12,12v46.9c0,6.6-5.4,12-12,12H422.5c-6.6,0-12-5.4-12-12v-46.9 C410.5,529.1,415.8,523.7,422.5,523.7z"/>
<g id="">
<g id="110">
<text class="st0 st3 st5" transform="matrix(1 0 0 1 430.8301 543.7407)">DEPARTAMENTO DE</text>
<text class="st0 st3 st5" transform="matrix(1 0 0 1 416.2 556.9404)">MOVILIDAD ESTUDIANTIL,</text>
<text class="st0 st3 st5" transform="matrix(1 0 0 1 419.3999 570.1406)">INTERCAMBIO, BECAS Y</text>
<text class="st0 st3 st5" transform="matrix(1 0 0 1 427.2 583.3403)">SERVICIOS DE SALUD</text>
</g>
<g id="119">
<g id="50">
<text class="st0 st3 st4" transform="matrix(1 0 0 1 249.6699 650.3105)">SECRETARÍA AUXILIAR</text>
<text class="st0 st3 st4" transform="matrix(1 0 0 1 264.1799 664.7104)">DE POSGRADO E</text>
<text class="st0 st3 st4" transform="matrix(1 0 0 1 265.6299 679.1104)">INVESTIGACIÓN</text>
@@ -250,7 +250,7 @@
<text class="st0 st3 st4" transform="matrix(1 0 0 1 791.71 380.8804)">SERVICIOS</text>
<text class="st0 st3 st4" transform="matrix(1 0 0 1 781.04 395.2803)">ACADÉMICOS</text>
</g>
<g id="">
<g id="59">
<text class="st0 st3 st4" transform="matrix(1 0 0 1 925.02 373.6807)">UNIDAD DE LA OFICINA</text>
<text class="st0 st3 st4" transform="matrix(1 0 0 1 965.21 388.0806)">JURÍDICA</text>
</g>
@@ -268,7 +268,7 @@
<text class="st0 st3 st4" transform="matrix(1 0 0 1 1454.6299 388.0806)">ADMINISTRATIVA</text>
</g>
<path class="st2" d="M1444,719.6h117.7c6.6,0,12,5.4,12,12v46.9c0,6.6-5.4,12-12,12H1444c-6.6,0-12-5.4-12-12v-46.9 C1432,725,1437.4,719.6,1444,719.6z"/>
<g id="">
<g id="5">
<text class="st0 st3 st4" transform="matrix(1 0 0 1 1471.0698 745.0503)">UNIDAD DE</text>
<text class="st0 st3 st4" transform="matrix(1 0 0 1 1442.6401 759.4507)">ADMINISTRACIÓN DE</text>
<text class="st0 st3 st4" transform="matrix(1 0 0 1 1472.99 773.8506)">RECURSOS</text>
@@ -285,28 +285,28 @@
<text class="st0 st3 st4" transform="matrix(1 0 0 1 1450.9102 580.0703)">ADMINISTRATIVOS</text>
</g>
<path class="st2" d="M423.7,436.6h117.7c6.6,0,12,5.4,12,12v46.9c0,6.6-5.4,12-12,12H423.7c-6.6,0-12-5.4-12-12v-46.9 C411.7,442,417.1,436.6,423.7,436.6z"/>
<text class="st0 st3 st5" transform="matrix(1 0 0 1 431.8599 456.6206)">DEPARTAMENTO DE </text>
<text class="st0 st3 st5" transform="matrix(1 0 0 1 440.8899 469.8203)">ATENCIÓN A LA </text>
<text class="st0 st3 st5" transform="matrix(1 0 0 1 447.5901 483.0205)">COMUNIDAD </text>
<text class="st0 st3 st5" transform="matrix(1 0 0 1 451 496.2207)">ESTUDIANTIL</text>
<text id="105" class="st0 st3 st5" transform="matrix(1 0 0 1 431.8599 456.6206)">DEPARTAMENTO DE </text>
<text id="105" class="st0 st3 st5" transform="matrix(1 0 0 1 440.8899 469.8203)">ATENCIÓN A LA </text>
<text id="105" class="st0 st3 st5" transform="matrix(1 0 0 1 447.5901 483.0205)">COMUNIDAD </text>
<text id="105" class="st0 st3 st5" transform="matrix(1 0 0 1 451 496.2207)">ESTUDIANTIL</text>
<path class="st2" d="M422.2,621.5H540c6.6,0,12,5.4,12,12v46.9c0,6.6-5.4,12-12,12H422.2c-6.6,0-12-5.4-12-12v-46.9 C410.2,626.9,415.6,621.5,422.2,621.5z"/>
<text class="st0 st3 st6" transform="matrix(1 0 0 1 435.1899 642.6006)">DEPARTAMENTO DE </text>
<text class="st0 st3 st6" transform="matrix(1 0 0 1 437.8 654.6006)">SERVICIO SOCIAL, </text>
<text class="st0 st3 st6" transform="matrix(1 0 0 1 415.99 666.6006)">DESARROLLO PROFESIONAL </text>
<text class="st0 st3 st6" transform="matrix(1 0 0 1 427.5 678.6006)">E INSERCIÓN LABORAL</text>
<text id="93" class="st0 st3 st6" transform="matrix(1 0 0 1 435.1899 642.6006)">DEPARTAMENTO DE </text>
<text id="93" class="st0 st3 st6" transform="matrix(1 0 0 1 437.8 654.6006)">SERVICIO SOCIAL, </text>
<text id="93" class="st0 st3 st6" transform="matrix(1 0 0 1 415.99 666.6006)">DESARROLLO PROFESIONAL </text>
<text id="93" class="st0 st3 st6" transform="matrix(1 0 0 1 427.5 678.6006)">E INSERCIÓN LABORAL</text>
<path class="st2" d="M596.7,621.5h117.7c6.6,0,12,5.4,12,12v46.9c0,6.6-5.4,12-12,12H596.7c-6.6,0-12-5.4-12-12v-46.9 C584.7,626.9,590.1,621.5,596.7,621.5z"/>
<text id="124" class="st0 st3 st4" transform="matrix(1 0 0 1 595.0801 639.7407)">COORDINACIÓN DEL </text>
<text id="124" class="st0 st3 st4" transform="matrix(1 0 0 1 623.27 654.1406)">CENTRO DE </text>
<text id="124" class="st0 st3 st4" transform="matrix(1 0 0 1 619.4299 668.5405)">EDUCACIÓN </text>
<text id="124" class="st0 st3 st4" transform="matrix(1 0 0 1 624.48 682.9404)">CONTINUA</text>
<path class="st2" d="M423.6,338.5h117.7c6.6,0,12,5.4,12,12v46.9c0,6.6-5.4,12-12,12H423.6c-6.6,0-12-5.4-12-12v-46.9 C411.6,343.8,417,338.5,423.6,338.5z"/>
<g id="ACADÉMICOS">
<g id="181">
<text class="st0 st3 st5" transform="matrix(1 0 0 1 417.1499 365.0703)">SECRETARÍA DE ASUNTOS</text>
<text class="st0 st3 st5" transform="matrix(1 0 0 1 445.0901 378.2705)">ACADÉMICOS</text>
<text class="st0 st3 st5" transform="matrix(1 0 0 1 445.4099 391.4707)">ESTUDIANTILES</text>
</g>
<path class="st2" d="M1444,624.2h117.7c6.6,0,12,5.4,12,12v46.9c0,6.6-5.4,12-12,12H1444c-6.6,0-12-5.4-12-12v-46.9 C1432,629.6,1437.4,624.2,1444,624.2z"/>
<g>
<g id="61">
<text class="st0 st3 st4" transform="matrix(1 0 0 1 1438.2 649.6704)">SUPERINTENDENCIA DE</text>
<text class="st0 st3 st4" transform="matrix(1 0 0 1 1477.9102 664.0703)">OBRAS Y</text>
<text class="st0 st3 st4" transform="matrix(1 0 0 1 1454.6401 678.4702)">MANTENIMIENTO</text>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 23 KiB

After

Width:  |  Height:  |  Size: 23 KiB

public/organigrama_FES102025.svg
+242 -1
View File
File diff suppressed because one or more lines are too long
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 14 KiB

After

Width:  |  Height:  |  Size: 16 KiB

src/app/page.tsx
+1 -1
View File
@@ -78,7 +78,7 @@ export default function Home() {
try {
const url = process.env.NEXT_PUBLIC_API_FUNCIONARIOS;
if (!url) throw new Error('Url no definida en las variables de entorno');
const payload: PayloadBusqueda = { tipoBusqueda: 'area', IdUnidadResponsable: areaId };
const payload: PayloadBusqueda = { tipoBusqueda: 'area', IdUnidadResponsable: areaId };
const response = await axios.post(url, payload);
if (Array.isArray(response.data) && response.data.length > 0) {
setResultados(response.data as Funcionario[]);
src/components/BuscarFuncionario.tsx
+9 -1
View File
@@ -21,6 +21,14 @@ export default function BuscarFuncionario({ onResultados, onAreaSelected, onClea
const [apellidos, setApellidos] = useState('');
const [area, setArea] = useState('0');
// variable para excluir las adscripciones necesarias
const area_excluida = [
60, 198, 148, 50, 105, 110, 93, 190, 165, 61, 143,
]
// Creamos el nuevo arreglo para las areas filtradas
const areas_filtradas = AREAS.filter(area => !area_excluida.includes(area.id));
const fetchData = async (tipo?: 'manual' | 'auto') => {
try {
const payload: PayloadBusqueda = {};
@@ -135,7 +143,7 @@ export default function BuscarFuncionario({ onResultados, onAreaSelected, onClea
}
}}
>
{AREAS.map((a) => (
{areas_filtradas.map((a) => (
<option key={a.id} value={String(a.id)}>{a.label}</option>
))}
</select>
src/components/OrganigramaInteractivo.tsx
-1
View File
@@ -137,7 +137,6 @@ export default function OrganigramaInteractivo({ onAreaSelect, className, style,
<div ref={containerRef} className={className} style={style} />
);
}
*/
src/data/areas.ts
+17 -1
View File
@@ -66,13 +66,29 @@ export const AREAS: Array<{ id: number; label: string }> = [
{ id: 1, label: 'Unidad de Talleres, Laboratorios y Audiovisuales' },
{ id: 130, label: 'Unidad del Centro de Desarrollo Tecnológico' },
{ id: 123, label: 'Unidad del Centro de Información y Documentación' },
//Estas no se tiene que mostrar
{ id: 60, label: 'Departamento de la Oficina de Prensa'},
{ id: 198, label: 'Secretaria Auxiliar De Extension Universitaria y Vinculacion Institucional.'},
{ id: 148, label: 'Secretaria Auxiliar de la Secretaria General'},
{ id: 50, label: 'Secretaria Auxiliar de Posgrado e Investigacion'},
{ id: 105, label: 'Departamento de Atencion a la Comunidad Estudiantil'},
{ id: 110, label: 'Departamento de Movilidad Estudiantil, Intercambio, Becas y Servicios de Salud'},
{ id: 93, label: 'Departamento de servicio Social, desarrollo Profesional e Intercambio Laboral'},
{ id: 190, label: 'Secretaria Auxiliar de la Secretaria de Asuntos Academicos Estudiantiles'},
{ id: 165, label: 'Secretaria Tecnica de Extension Universitaria y Vinculacion Institucional'},
{ id: 61, label: 'Superintendencia de Obras y Mantenimiento'},
{ id: 143, label: 'Cordinacion de Gestion'},
];
/*
{ id: 61, label: 'Superintendencia de Obras y Mantenimiento' },
{ id: 61, label: 'Superintendencia de Obras y Mantenimiento' },
{ id: 106, label: 'Departamento de Obra Civil y Proyectos' },
{ id: 87, label: 'Departamento de Supervisión Técnica' },
{ id: 82, label: 'Departamento de Vigilancia' },
{ id: 52, label: 'Coordinación del Programa de Humanidades' },
{ id: 198, label: 'Secretaria Auxiliar De Extension Universitaria y Vinculacion Institucional.'}
{ id: 190, label: 'Departamento Auxiliar De Extension Universitaria y Vinculacion Institucional.'},
*/
export default AREAS;