Actualizar frontend/src/pages/Cobranza.jsx

This commit is contained in:
2026-10-07 13:42:13 -05:00
parent f0184eaeed
commit bc5c9a8399

View File

@@ -823,8 +823,8 @@ function GraficoVencimientos({ alumnos, porRetirar, ano, mes }) {
const SERIES = [
{ k: "cta", label: "CTA x COB en curso", color: "#64748b" }, // gris azulado
{ k: "cob", label: "Cobrado en curso", color: "#5b8a72" }, // verde apagado
{ k: "dif", label: "Retiros", color: "#e08989" }, // 3ª barra · Retiros · rojo suave
{ k: "ret", label: "Diferencia", color: "#a594c9" }, // 4ª barra · Diferencia · morado suave
{ k: "ret", label: "Retiros", color: "rgba(224,137,137,0.6)" }, // 3ª barra · rojo transparente
{ k: "dif", label: "Diferencia", color: "rgba(165,148,201,0.6)" }, // 4ª barra · morado transparente
];
const MESES_N = ["ENERO","FEBRERO","MARZO","ABRIL","MAYO","JUNIO","JULIO","AGOSTO","SEPTIEMBRE","OCTUBRE","NOVIEMBRE","DICIEMBRE"];
@@ -1014,9 +1014,9 @@ function GraficoVencimientos({ alumnos, porRetirar, ano, mes }) {
const cta = data[gi].cta;
if (cta <= 0) return null;
const pcts = [
{ v: data[gi].cob, color: "#5b8a72" }, // Cobrado/CTA
{ v: data[gi].dif, color: "#e08989" }, // Retiros/CTA (key dif = retiros)
{ v: data[gi].ret, color: "#a594c9" }, // Diferencia/CTA (key ret = diferencia)
{ v: data[gi].cob, color: "#5b8a72" }, // Cobrado/CTA (verde)
{ v: data[gi].ret, color: "#e08989" }, // Retiros/CTA (rojo, key ret)
{ v: data[gi].dif, color: "#a594c9" }, // Diferencia/CTA (morado, key dif)
];
const cxg = padL + gi * gW + gW / 2;
return (
@@ -1816,7 +1816,7 @@ function ModalInfoAlumno({ alumno, ano, mes, onClose, onGuardado }) {
Observaciones
</label>
<div style={{display:"flex",gap:8}}>
<input value={nuevaObs} onChange={(e)=>setNuevaObs(e.target.value)}
<input value={nuevaObs} onChange={(e)=>setNuevaObs(e.target.value.toUpperCase())}
onKeyDown={(e)=>{ if(e.key==="Enter") agregarObs(); }}
placeholder="Escribe una observación…"
style={{flex:1,padding:"8px 10px",fontSize:13,borderRadius:8,border:"1px solid #cbd5e1"}} />