Actualizar frontend/src/pages/Retiros.jsx
This commit is contained in:
@@ -709,7 +709,7 @@ function ModalBuscarRetiro({ ano, mes, onClose, onCambio }) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
const th = { background: "#334155", color: "#f1f5f9", padding: "9px 10px", fontSize: 11,
|
const th = { background: "#334155", color: "#f1f5f9", padding: "9px 10px", fontSize: 11,
|
||||||
fontWeight: 700, textAlign: "left", whiteSpace: "nowrap", position: "sticky", top: 0 };
|
fontWeight: 700, textAlign: "center", whiteSpace: "nowrap", position: "sticky", top: 0 };
|
||||||
const td = { padding: "8px 10px", fontSize: 12.5, borderBottom: "1px solid #f1f5f9",
|
const td = { padding: "8px 10px", fontSize: 12.5, borderBottom: "1px solid #f1f5f9",
|
||||||
whiteSpace: "nowrap", overflow: "hidden", textOverflow: "ellipsis" };
|
whiteSpace: "nowrap", overflow: "hidden", textOverflow: "ellipsis" };
|
||||||
|
|
||||||
@@ -719,7 +719,7 @@ function ModalBuscarRetiro({ ano, mes, onClose, onCambio }) {
|
|||||||
display: "flex", alignItems: "flex-start", justifyContent: "center",
|
display: "flex", alignItems: "flex-start", justifyContent: "center",
|
||||||
zIndex: 1000, padding: "40px 20px", overflow: "auto" }}>
|
zIndex: 1000, padding: "40px 20px", overflow: "auto" }}>
|
||||||
<div onClick={(e) => e.stopPropagation()}
|
<div onClick={(e) => e.stopPropagation()}
|
||||||
style={{ background: "#fff", borderRadius: 16, width: "min(1100px, 96vw)",
|
style={{ background: "#fff", borderRadius: 16, width: "min(1300px, 97vw)",
|
||||||
boxShadow: "0 20px 60px rgba(0,0,0,.3)", overflow: "hidden" }}>
|
boxShadow: "0 20px 60px rgba(0,0,0,.3)", overflow: "hidden" }}>
|
||||||
<div style={{ display: "flex", alignItems: "center", justifyContent: "space-between",
|
<div style={{ display: "flex", alignItems: "center", justifyContent: "space-between",
|
||||||
padding: "16px 20px", borderBottom: "1px solid #e2e8f0" }}>
|
padding: "16px 20px", borderBottom: "1px solid #e2e8f0" }}>
|
||||||
@@ -743,9 +743,10 @@ function ModalBuscarRetiro({ ano, mes, onClose, onCambio }) {
|
|||||||
<table style={{ width: "100%", borderCollapse: "collapse" }}>
|
<table style={{ width: "100%", borderCollapse: "collapse" }}>
|
||||||
<thead><tr>
|
<thead><tr>
|
||||||
<th style={th}>ALUMNO</th><th style={th}>VENDEDOR</th>
|
<th style={th}>ALUMNO</th><th style={th}>VENDEDOR</th>
|
||||||
<th style={th}>F. MATRÍCULA</th><th style={th}>PROGRAMA</th>
|
<th style={th}>F. MATRÍCULA</th>
|
||||||
<th style={{ ...th, textAlign: "right" }}>INV. NETA</th>
|
<th style={{ ...th, minWidth: 340 }}>PROGRAMA</th>
|
||||||
<th style={{ ...th, textAlign: "center" }}>ESTADO</th>
|
<th style={th}>INV. NETA</th>
|
||||||
|
<th style={th}>ESTADO</th>
|
||||||
</tr></thead>
|
</tr></thead>
|
||||||
<tbody>
|
<tbody>
|
||||||
{filtrados.length === 0 && (
|
{filtrados.length === 0 && (
|
||||||
@@ -761,9 +762,9 @@ function ModalBuscarRetiro({ ano, mes, onClose, onCambio }) {
|
|||||||
<tr key={i} style={porRetirar ? { background: "#fff7ed" } : undefined}>
|
<tr key={i} style={porRetirar ? { background: "#fff7ed" } : undefined}>
|
||||||
<td style={{ ...td, fontWeight: 600, color: "#1e293b", maxWidth: 240 }}>{f[1]}</td>
|
<td style={{ ...td, fontWeight: 600, color: "#1e293b", maxWidth: 240 }}>{f[1]}</td>
|
||||||
<td style={{ ...td, color: "#475569", maxWidth: 160 }}>{f[0]}</td>
|
<td style={{ ...td, color: "#475569", maxWidth: 160 }}>{f[0]}</td>
|
||||||
<td style={{ ...td, color: "#475569" }}>{f[2]}</td>
|
<td style={{ ...td, color: "#475569", textAlign: "center" }}>{f[2]}</td>
|
||||||
<td style={{ ...td, color: "#475569", maxWidth: 260 }}>{f[8]}</td>
|
<td style={{ ...td, color: "#475569", minWidth: 340, maxWidth: 360 }}>{f[8]}</td>
|
||||||
<td style={{ ...td, textAlign: "right", color: "#1e293b" }}>{f[7]}</td>
|
<td style={{ ...td, textAlign: "center", color: "#1e293b" }}>{f[7]}</td>
|
||||||
<td style={{ ...td, textAlign: "center" }}>
|
<td style={{ ...td, textAlign: "center" }}>
|
||||||
<select value={est}
|
<select value={est}
|
||||||
onChange={(e) => cambiarEstado(mat, e.target.value)}
|
onChange={(e) => cambiarEstado(mat, e.target.value)}
|
||||||
|
|||||||
Reference in New Issue
Block a user