Administrator/dashboard-completo
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Actualizar frontend/src/pages/Comisiones.jsx

Browse Source
This commit is contained in:
Administrator
2026-09-22 10:22:48 -05:00
parent fd4e765908
commit 8e87d6581a
1 changed files with 16 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
frontend/src/pages/Comisiones.jsx
View File

@@ -47,7 +47,7 @@ export default function Comisiones() {
const [modalAdd, setModalAdd] = useState(false);
const [modalBuscar, setModalBuscar] = useState(false);
const [modalConfig, setModalConfig] = useState(false);
const cols = useColumnasAjustables([200, 160, 150, 160, 150, 130, 110]);
const cols = useColumnasAjustables([200, 160, 150, 160, 150, 130, 160]);
// Carga TODOS los manuales del año (una sola vez por año) → cambio de mes instantáneo
function cargarManuales() {
@@ -62,10 +62,10 @@ export default function Comisiones() {
[manualesAno, mes]
);
// Tabla de ventas (depende del mes, sede y programa)
// Tabla de ventas (depende del mes, sede y programa) — Comisiones SÍ aplica overrides
function cargarTabla() {
setLoading(true); setError(null);
api.ventas(ano, mes, sede, programa)
api.ventas(ano, mes, sede, programa, true)
.then((res) => { setFilas(res.filas || []); setLoading(false); })
.catch((e) => { setError(e.message); setLoading(false); });
}
@@ -73,7 +73,7 @@ export default function Comisiones() {
useEffect(() => {
let activo = true;
setLoading(true); setError(null);
api.ventas(ano, mes, sede, programa)
api.ventas(ano, mes, sede, programa, true)
.then((res) => { if (activo) { setFilas(res.filas || []); setLoading(false); } })
.catch((e) => { if (activo) { setError(e.message); setLoading(false); } });
return () => { activo = false; };
@@ -138,10 +138,12 @@ export default function Comisiones() {
<td style={C}>{f[5]}</td><td style={C}>{fmt(f[6])}</td>
<td style={{...C,fontWeight:600}}>{fmt(f[7])}</td>
<td style={C}>
<button className="btn btn-ghost" style={{padding:"4px 10px",fontSize:11,marginRight:4}}
<div style={{display:"flex",gap:4,justifyContent:"center",flexWrap:"nowrap"}}>
<button className="btn btn-ghost" title="Ver" style={{padding:"4px 9px",fontSize:11,whiteSpace:"nowrap"}}
onClick={() => setModal({ vendedor: f[0] })}>👁️ Ver</button>
<button className="btn btn-ghost" style={{padding:"4px 10px",fontSize:11}}
<button className="btn btn-ghost" title="Editar" style={{padding:"4px 9px",fontSize:11,whiteSpace:"nowrap"}}
onClick={() => setModalEdit({ vendedor: f[0] })}>✏️ Editar</button>
</div>
</td>
</tr>
))}
@@ -154,10 +156,12 @@ export default function Comisiones() {
<td style={C}>—</td><td style={C}>—</td>
<td style={{...C,fontWeight:600}}>{fmt(g.totalMonto)}</td>
<td style={C}>
<button className="btn btn-ghost" style={{padding:"4px 10px",fontSize:11,marginRight:4}}
<div style={{display:"flex",gap:4,justifyContent:"center",flexWrap:"nowrap"}}>
<button className="btn btn-ghost" title="Ver" style={{padding:"4px 9px",fontSize:11,whiteSpace:"nowrap"}}
onClick={() => setModal({ vendedor: g.nombre, manual: g })}>👁️ Ver</button>
<button className="btn btn-ghost" style={{padding:"4px 10px",fontSize:11}}
<button className="btn btn-ghost" title="Editar" style={{padding:"4px 9px",fontSize:11,whiteSpace:"nowrap"}}
onClick={() => setModalEditManual({ nombre: g.nombre })}>✏️ Editar</button>
</div>
</td>
</tr>
))}