// ===== Order detail ===== function OrderDetail({ order, user, onBack, onUpdate, inventory, onConsumePart, onReturnPart, templates, onNotify }){ const [diag, setDiag] = React.useState(order.diagnosis || ""); const [editDiag, setEditDiag] = React.useState(false); const [showNotify, setShowNotify] = React.useState(false); const [doc, setDoc] = React.useState(null); // null | "ingreso" | "retiro" const [editEst, setEditEst] = React.useState(false); const [estVal, setEstVal] = React.useState(order.estimate || 0); const [showPay, setShowPay] = React.useState(false); const [showPart, setShowPart] = React.useState(false); const [showClose, setShowClose] = React.useState(false); const c = getClient(order.clientId); const t = getTech(order.techId); const dev = getDevice(order.device); const curIndex = FLOW.indexOf(order.status === "espera" ? "reparacion" : (order.status==="presupuesto"?"diagnostico":order.status)); const payments = orderPayments(order); const paid = orderPaid(order); const balance = orderBalance(order); const parts = orderParts(order); const partsCost = orderPartsCost(order); const partsCharge = parts.reduce((s,p)=>s+(+p.price||0)*(+p.qty||1),0); const outcome = getOutcome(order.outcome); const canEdit = ROLES[user.roleId]?.perms.includes("advance") || ROLES[user.roleId]?.perms.includes("diagnosis"); function log(o, text){ return { ...o, log:[...o.log, { t:new Date().toISOString(), who:user.name, text }] }; } function advance(){ const idx = FLOW.indexOf(order.status==="espera"?"reparacion":(order.status==="presupuesto"?"diagnostico":order.status)); const next = FLOW[Math.min(idx+1, FLOW.length-1)]; if(next === order.status) return; onUpdate(log({ ...order, status:next }, `Estado cambiado a "${STATUSES[next].label}".`)); } function setStatus(s){ if(s===order.status) return; onUpdate(log({ ...order, status:s }, `Estado cambiado a "${STATUSES[s].label}".`)); } function saveDiag(){ onUpdate(log({ ...order, diagnosis:diag }, "Diagnóstico actualizado.")); setEditDiag(false); } function saveEst(){ const v = +estVal || 0; onUpdate(log({ ...order, estimate:v }, `Presupuesto actualizado a ${fmtMoney(v)}.`)); setEditEst(false); } function addPayment(p){ const next = [...payments, p]; onUpdate(log({ ...order, payments:next, paid:undefined }, `Abono registrado: ${fmtMoney(p.amount)} (${p.method}).`)); setShowPay(false); } function addPart(item, qty){ const next = [...parts, { invId:item.id, name:item.name, sku:item.sku, qty, cost:item.cost, price:item.price }]; onConsumePart(item.id, qty); onUpdate(log({ ...order, parts:next }, `Repuesto usado: ${qty}× ${item.name}.`)); setShowPart(false); } function removePart(idx){ const p = parts[idx]; onReturnPart(p.invId, p.qty); const next = parts.filter((_,i)=>i!==idx); onUpdate(log({ ...order, parts:next }, `Repuesto devuelto al inventario: ${p.qty}× ${p.name}.`)); } function setOutcome(oc){ let o2 = log({ ...order, outcome:oc.id }, `Resultado registrado: "${oc.label}".`); // outcomes that close the order move to delivered-ready flow if(["reparado","sin_falla"].includes(oc.id) && order.status!=="entregado") o2 = { ...o2, status: o2.status==="entregado"?"entregado":"listo" }; onUpdate(o2); setShowClose(false); } const isDone = order.status==="entregado"; const nextLabel = isDone ? "Orden entregada" : `Avanzar a "${STATUSES[FLOW[Math.min(curIndex+1,FLOW.length-1)]].label}"`; const ocVars = outcome ? STATUS_VARS[outcome.color] : null; return (
setDoc(isDone?"retiro":"ingreso")}>{isDone?"Comprobante de retiro":"Imprimir comprobante"} setShowNotify(true)}>Avisar al cliente {!isDone && {nextLabel}}
{/* header card */}
Orden #{order.num} {outcome && ( {outcome.label} )}

{order.brand} {order.model}

{dev.label} · Ingresó {fmtDateTime(order.createdAt)}
Presupuesto
{fmtMoney(order.estimate)}
{balance>0 ?
Saldo {fmtMoney(balance)}
: (order.estimate>0 &&
Pagado completo
)}
{/* stepper */}
{FLOW.map((s,i)=>{ const done = i < curIndex, active = i === curIndex; return ( {i )} ); })}
{order.status==="espera" && (
En espera de repuesto
)}
{/* left */}

Falla reportada

{order.issue}

Diagnóstico técnico

{!editDiag && }
{editDiag ? (