☰ Menú
</div> <!-- MAIN CONTENT --> <main class="main" id="mainContent"> <!-- TOAST CONTAINER --> <div class="toast-container" id="toastContainer"></div> <!-- TOP BAR --> <div class="topbar"> <div style="display:flex; align-items:center;"> <button class="btn-toggle-sidebar" onclick="toggleSidebar()" title="Mostrar/ocultar panel">☰</button> <h1 id="pageTitle">Panel de Control</h1> </div> <div class="user-info"> <span id="syncStatus" title="Estado de sincronización" style="font-size:12px; color:var(--gray); display:flex; align-items:center; gap:5px;">🔄 Conectando...</span> <div class="avatar" id="userAvatar">A</div> <span id="userName">Admin</span> <button class="logout-btn" onclick="logout()">Cerrar sesión</button> </div> </div> <!-- INICIO --> <section id="secInicio" class="card"> <h2>🏠 Panel de Control</h2> <div class="subtitle">Resumen general del estado de los pedidos y actividad reciente.</div> <div id="estadisticasInicio"></div> <div id="metricasExtraInicio"></div> <div id="pedidosRecientesInicio"></div> </section> <!-- CLIENTES --> <section id="secClientes" class="card hidden"> <h2>👥 Clientes</h2> <div class="subtitle">Gestión de clientes y direcciones de envío.</div> <div class="tab-bar"> <button id="tabClientesLista" class="active" onclick="showTabClientes('lista')">Lista de Clientes</button> <button id="tabClientesNuevo" onclick="showTabClientes('nuevo')">Nuevo Cliente</button> </div> <div id="clientesLista"> <div class="form-group" style="background:#f7fafd; border:1.5px dashed var(--border); border-radius:10px; padding:14px 16px; margin-bottom:16px;"> <label style="font-size:13px; font-weight:600; color:var(--primary); margin-bottom:6px; display:block;">Subir clientes reales (Excel/CSV) — columnas en este orden: Nombre, RUC, Contacto, Teléfono, Dirección, Ciudad, Email</label> <div style="display:flex; align-items:center; gap:10px; flex-wrap:wrap;"> <input type="file" id="clientesFile" accept=".xlsx,.xls,.csv" style="display:none;" onchange="cargarClientesArchivo(this)"> <button class="btn btn-outline" onclick="document.getElementById('clientesFile').click()" style="font-size:13px; padding:7px 14px;">Seleccionar archivo</button> <span id="nombreArchivoClientes" style="font-size:13px; color:var(--text);">Sin archivos seleccionados</span> </div> </div> <div class="search-box"> <input type="text" id="buscarCliente" placeholder="Buscar cliente..." oninput="paginaClientes=1; renderClientes()"> </div> <div class="table-container"> <table> <thead><tr><th>Nombre</th><th>RUC</th><th>Contacto</th><th>Teléfono</th><th>Dirección</th><th>Acciones</th></tr></thead> <tbody id="tablaClientes"></tbody> </table> </div> <div style="display:flex; justify-content:space-between; align-items:center; margin-top:14px; flex-wrap:wrap; gap:10px;"> <div style="display:flex; align-items:center; gap:8px; font-size:13px;"> <label for="tamanoPaginaClientes">Mostrar:</label> <select id="tamanoPaginaClientes" onchange="cambiarTamanoPaginaClientes()" style="padding:6px 10px; border:1.3px solid var(--border); border-radius:7px; font-size:13px;"> <option value="5">5</option> <option value="10">10</option> <option value="25" selected>25</option> <option value="50">50</option> </select> </div> <div id="paginacionClientes" style="display:flex; align-items:center; gap:10px; font-size:13px;"></div> </div> </div> <div id="clientesNuevo" class="hidden"> <div class="fila"> <div class="campo"><label>Nombre *</label><input type="text" id="cNombre"></div> <div class="campo"><label>RUC</label><input type="text" id="cRut" placeholder="Ej: 1234567890001"></div> </div> <div class="fila"> <div class="campo"><label>Contacto</label><input type="text" id="cContacto"></div> <div class="campo"><label>Teléfono</label><input type="text" id="cTel"></div> </div> <div class="fila"> <div class="campo" style="flex:2;"><label>Email</label><input type="text" id="cEmail"></div> </div> <div style="margin:10px 0;"> <label style="font-weight:600; font-size:13px; color:var(--primary);">Direcciones de envío</label> <div id="cDireccionesContainer"></div> <button class="btn btn-outline" type="button" onclick="agregarDireccionCliente()" style="margin-top:6px; font-size:12px; padding:5px 12px;">+ Agregar dirección</button> </div> <button class="btn btn-primary" onclick="guardarCliente()">Guardar Cliente</button> </div> <!-- Modal editar cliente --> <div id="modalCliente" class="modal-overlay"> <div class="modal-box"> <button class="close-modal" onclick="closeModal('modalCliente')">&times;</button> <h3>Editar Cliente</h3> <div class="fila"> <div class="campo"><label>Nombre</label><input type="text" id="ecNombre"></div> <div class="campo"><label>RUC</label><input type="text" id="ecRut"></div> </div> <div class="fila"> <div class="campo"><label>Contacto</label><input type="text" id="ecContacto"></div> <div class="campo"><label>Teléfono</label><input type="text" id="ecTel"></div> </div> <div class="fila"> <div class="campo" style="flex:2;"><label>Email</label><input type="text" id="ecEmail"></div> </div> <div style="margin:10px 0;"> <label style="font-weight:600; font-size:13px; color:var(--primary);">Direcciones de envío</label> <div id="ecDireccionesContainer"></div> <button class="btn btn-outline" type="button" onclick="agregarDireccionClienteEdit()" style="margin-top:6px; font-size:12px; padding:5px 12px;">+ Agregar dirección</button> </div> <input type="hidden" id="ecId"> <button class="btn btn-primary" onclick="guardarEdicionCliente()">Guardar Cambios</button> </div> </div> </section> <!-- PICKING --> <section id="secPicking" class="card hidden"> <h2>🧮 Ingreso packing</h2> <div class="subtitle">Gestiona el picking de productos para los pedidos.</div> <!-- Vista de pendientes: pedidos del archivo aún no ingresados a Picking --> <div id="pickingPendientes"> <!-- Carga base de pedidos Excel --> <div class="form-group" style="background:#f7fafd; border:1.5px dashed var(--border); border-radius:10px; padding:14px 16px; margin-bottom:16px;"> <label style="font-size:13px; font-weight:600; color:var(--primary); margin-bottom:6px; display:block;">Base de pedidos (Excel) — para autocompletar cliente al ingresar el Pedido</label> <div style="display:flex; align-items:center; gap:10px; margin-bottom:6px; flex-wrap:wrap;"> <input type="file" id="basePedidosFile" accept=".xlsx,.xls,.csv" style="display:none;" onchange="cargarBasePedidos(this)"> <button class="btn btn-outline" onclick="document.getElementById('basePedidosFile').click()" style="font-size:13px; padding:7px 14px;">Seleccionar archivo</button> <span id="nombreArchivoBase" style="font-size:13px; color:var(--text);">Sin archivos seleccionados</span> <button class="btn btn-danger" onclick="eliminarBasePedidos()" style="font-size:13px; padding:7px 14px;">🗑️ Eliminar archivo</button> </div> <div id="contadorBasePedidos" style="font-size:12px; color:var(--success); font-weight:500;"></div> </div> <div style="display:flex; justify-content:space-between; align-items:center; margin-bottom:12px; flex-wrap:wrap; gap:10px;"> <div class="subtitle" style="margin:0;">Pedidos de la base cargada, pendientes de ingresar el picking. Da clic en un pedido para completarlo.</div> <div style="display:flex; gap:10px; align-items:center; flex-wrap:wrap;"> <input type="text" id="buscarPedidoPicking" placeholder="Buscar número de pedido y presione Enter" onkeydown="if(event.key==='Enter'){buscarYAbrirPicking()}" style="min-width:260px; padding:9px 12px; border:1.3px solid var(--border); border-radius:7px; font-size:14px;"> <button class="btn btn-outline" onclick="nuevoPedidoPicking(); mostrarFormularioPicking();" style="font-size:13px; padding:7px 14px; white-space:nowrap;">🆕 Ingresar Pedido Nuevo</button> </div> </div> <div id="gridPendientesPicking" class="table-container"> <table> <thead><tr><th>Cliente</th><th>Ciudad</th><th>Pedido</th></tr></thead> <tbody id="tbodyPendientesPicking"></tbody> </table> </div> <div style="display:flex; justify-content:space-between; align-items:center; margin-top:14px; flex-wrap:wrap; gap:10px;"> <div style="display:flex; align-items:center; gap:8px; font-size:13px;"> <label for="tamanoPaginaPicking">Mostrar:</label> <select id="tamanoPaginaPicking" onchange="cambiarTamanoPaginaPicking()" style="padding:6px 10px; border:1.3px solid var(--border); border-radius:7px; font-size:13px;"> <option value="5">5</option> <option value="10">10</option> <option value="25" selected>25</option> <option value="50">50</option> </select> </div> <div id="paginacionPicking" style="display:flex; align-items:center; gap:10px; font-size:13px;"></div> </div> </div> <!-- Formulario Picking --> <div id="pickingFormulario" class="hidden"> <button class="btn btn-outline" onclick="mostrarPendientesPicking()" style="font-size:13px; padding:7px 14px; margin-bottom:14px;">← Volver a pendientes</button> <div style="display:flex; justify-content:flex-end; margin-bottom:10px;"> <button class="btn btn-outline" onclick="nuevoPedidoPicking()" style="font-size:13px; padding:7px 14px;">🆕 Ingresar Pedido Nuevo</button> </div> <div class="fila"> <div class="campo"><label>Pedido</label><input type="text" id="pPedido" placeholder="Número de pedido o guía" onblur="autocompletarDesdeBase()"></div> <div class="campo"><label>Cliente</label><input type="text" id="pCliente" placeholder="Nombre del cliente" readonly style="background:#eef2f6;"></div> </div> <div class="fila"> <div class="campo"><label>Dirección</label><input type="text" id="pDireccion" placeholder="Dirección" readonly style="background:#eef2f6;"></div> <div class="campo"><label>Ciudad</label><input type="text" id="pCiudad" placeholder="Ciudad" readonly style="background:#eef2f6;"></div> </div> <div class="section-title" style="margin-top:14px;">Datos de Picking</div> <div class="fila"> <div class="campo"><label>Cajas</label><input type="number" id="pCajas" min="0" style="font-size:26px;font-weight:700;text-align:center;"></div> <div class="campo"><label>Cantidad de Equipos</label><input type="number" id="pCantEquipos" min="0" style="font-size:26px;font-weight:700;text-align:center;"></div> </div> <style> #pTermGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;align-items:end} #pTermGrid .term-item{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0} #pTermGrid .term-tag{font-weight:700;font-size:13px;color:#146ca8} #pTermGrid .term-ctrl{display:flex;align-items:stretch;width:100%} #pTermGrid .term-btn{width:30px;height:40px;border:1px solid #cdd7e1;background:#f1f5f9;font-size:18px;font-weight:700;cursor:pointer;color:#146ca8;line-height:1;padding:0} #pTermGrid .term-btn:first-child{border-radius:7px 0 0 7px} #pTermGrid .term-btn:last-child{border-radius:0 7px 7px 0} #pTermGrid .term-inp{flex:1;min-width:0;width:100%;height:40px;text-align:center;border:1px solid #cdd7e1;border-left:0;border-right:0;font-size:22px;font-weight:700;-moz-appearance:textfield} #pTermGrid .term-inp::-webkit-outer-spin-button,#pTermGrid .term-inp::-webkit-inner-spin-button{-webkit-appearance:none;margin:0} #pTermGrid .term-total{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;min-width:0} #pTermGrid .term-total-lbl{font-weight:700;font-size:13px;color:#8a6d00} #pTermGrid .term-total-val{display:flex;align-items:center;justify-content:center;width:100%;height:40px;background:#fff7cc;border:1.5px solid #e6c200;border-radius:7px;font-size:22px;font-weight:800;color:#6b5500} #pickingFormulario .campo input[type=text],#pickingFormulario .campo input[type=datetime-local],#pickingFormulario .campo select{max-width:100%} </style> <div class="fila"> <div class="campo" style="flex:1; min-width:100%;"><label>Cajas térmicas</label> <div id="pTermGrid"> <div class="term-item"><span class="term-tag">T13</span><div class="term-ctrl"><button type="button" class="term-btn" onclick="termStep('13',-1)">−</button><input type="number" id="pTerm13" class="term-inp" min="0" value="0" oninput="termRecalc()"><button type="button" class="term-btn" onclick="termStep('13',1)">+</button></div></div> <div class="term-item"><span class="term-tag">T20</span><div class="term-ctrl"><button type="button" class="term-btn" onclick="termStep('20',-1)">−</button><input type="number" id="pTerm20" class="term-inp" min="0" value="0" oninput="termRecalc()"><button type="button" class="term-btn" onclick="termStep('20',1)">+</button></div></div> <div class="term-item"><span class="term-tag">T40</span><div class="term-ctrl"><button type="button" class="term-btn" onclick="termStep('40',-1)">−</button><input type="number" id="pTerm40" class="term-inp" min="0" value="0" oninput="termRecalc()"><button type="button" class="term-btn" onclick="termStep('40',1)">+</button></div></div> <div class="term-item"><span class="term-tag">T80</span><div class="term-ctrl"><button type="button" class="term-btn" onclick="termStep('80',-1)">−</button><input type="number" id="pTerm80" class="term-inp" min="0" value="0" oninput="termRecalc()"><button type="button" class="term-btn" onclick="termStep('80',1)">+</button></div></div> <div class="term-item"><span class="term-tag">T90</span><div class="term-ctrl"><button type="button" class="term-btn" onclick="termStep('90',-1)">−</button><input type="number" id="pTerm90" class="term-inp" min="0" value="0" oninput="termRecalc()"><button type="button" class="term-btn" onclick="termStep('90',1)">+</button></div></div> <div class="term-total"><span class="term-total-lbl">TOTAL</span><span class="term-total-val" id="pTermTotal">0</span></div> </div> </div> </div> <div class="fila"> <div class="campo"><label>Tipo de Pedido</label> <select id="pTipoPedido"> <option value="">Seleccione...</option> <option value="Código Rojo">🚨 Código Rojo</option> <option value="Normal">Normal</option> </select> </div> <div class="campo"><label>Responsable</label><input type="text" id="pResponsable" placeholder="Nombre del responsable"></div> </div> <div class="fila"> <div class="campo"><label>Fecha y Hora de Inicio</label><input type="datetime-local" id="pFechaInicio"></div> <div class="campo"><label>Fecha y Hora de Salida</label><input type="datetime-local" id="pFechaSalida"></div> </div> <div class="fila"> <div class="campo"><label>Motivo</label><input type="text" id="pMotivo" placeholder="Ej: Consumible"></div> <div class="campo"><label>Guía Operador</label><input type="text" id="pGuiaOp" placeholder="Guía del operador"></div> </div> <textarea id="pObs" style="display:none"></textarea> <div style="display:flex; gap:10px; margin-top:14px; flex-wrap:wrap;"> <button class="btn btn-primary" onclick="guardarPicking()">Guardar Packing</button> <button class="btn btn-primary" onclick="enviarPedido()" style="background:linear-gradient(135deg,#1e8b57,#146ca8);">📤 Enviar</button> </div> </div> </section> <!-- PACKING --> <section id="secPacking" class="card hidden"> <h2>📦 Ingreso de novedades</h2> <div class="subtitle">Visualiza los datos del picking registrados.</div> <!-- Vista de pendientes: pickings a los que aún les falta ingresar la novedad --> <div id="packingPendientes"> <div style="display:flex; justify-content:space-between; align-items:center; margin-bottom:12px; flex-wrap:wrap; gap:10px;"> <div class="subtitle" style="margin:0;">Pedidos con picking listo, pendientes de ingresar la novedad. Da clic en un pedido para completarlo.</div> <button class="btn btn-outline" onclick="nuevoPedidoPacking(); mostrarFormularioPacking();" style="font-size:13px; padding:7px 14px; white-space:nowrap;">🆕 Ingresar Pedido Nuevo</button> </div> <div class="table-container"> <table> <thead><tr><th>Cliente</th><th>Fecha de Ingreso</th><th>Pedido</th></tr></thead> <tbody id="tablaPendientesPacking"></tbody> </table> </div> <div style="display:flex; justify-content:space-between; align-items:center; margin-top:14px; flex-wrap:wrap; gap:10px;"> <div style="display:flex; align-items:center; gap:8px; font-size:13px;"> <label for="tamanoPaginaPacking">Mostrar:</label> <select id="tamanoPaginaPacking" onchange="cambiarTamanoPaginaPacking()" style="padding:6px 10px; border:1.3px solid var(--border); border-radius:7px; font-size:13px;"> <option value="5">5</option> <option value="10">10</option> <option value="25" selected>25</option> <option value="50">50</option> </select> </div> <div id="paginacionPacking" style="display:flex; align-items:center; gap:10px; font-size:13px;"></div> </div> </div> <!-- Formulario de packing / novedad --> <div id="packingFormulario" class="hidden"> <button class="btn btn-outline" onclick="mostrarPendientesPacking()" style="font-size:13px; padding:7px 14px; margin-bottom:14px;">← Volver a pendientes</button> <div id="packingVista"> <div style="display:flex; justify-content:flex-end; margin-bottom:10px;"> <button class="btn btn-outline" onclick="nuevoPedidoPacking()" style="font-size:13px; padding:7px 14px;">🆕 Ingresar Pedido Nuevo</button> </div> <div class="fila"> <div class="campo"><label>Pedido</label><input type="text" id="kPedido" placeholder="Ingrese número de pedido y presione Enter" onkeydown="if(event.key==='Enter'){buscarPedidoEnPacking()}" style="background:#fff;"></div> <div class="campo"><label>Cliente</label><input type="text" id="kCliente" readonly style="background:#eef2f6; width:100%;"></div> </div> <div class="fila"> <div class="campo"><label>Dirección</label><input type="text" id="kDireccion" readonly style="background:#eef2f6; width:100%;"></div> <div class="campo"><label>Ciudad</label><input type="text" id="kCiudad" readonly style="background:#eef2f6; width:100%;"></div> </div> <div class="fila"> <div class="campo"><label>Caja</label><input type="text" id="kCaja" readonly style="background:#eef2f6; width:100%;"></div> <div class="campo"><label>Tipo de Pedido</label> <select id="kTipoPedido" disabled style="background:#eef2f6; color:var(--text);"> <option value="">Seleccione...</option> <option value="Código Rojo">🚨 Código Rojo</option> <option value="Normal">Normal</option> </select> </div> </div> <div class="fila"> <div class="campo" style="flex:1; min-width:100%;"><label>Cajas térmicas</label> <div id="kTermGrid" style="display:grid;grid-template-columns:repeat(3,1fr);gap:10px;align-items:stretch;"><div style="flex:1;min-width:88px;text-align:center;background:#eef2f6;border-radius:8px;padding:6px 4px;"><div style="font-weight:700;font-size:13px;color:#146ca8;">T13</div><div id="kTerm13" style="font-weight:700;font-size:17px;">0</div></div><div style="flex:1;min-width:88px;text-align:center;background:#eef2f6;border-radius:8px;padding:6px 4px;"><div style="font-weight:700;font-size:13px;color:#146ca8;">T20</div><div id="kTerm20" style="font-weight:700;font-size:17px;">0</div></div><div style="flex:1;min-width:88px;text-align:center;background:#eef2f6;border-radius:8px;padding:6px 4px;"><div style="font-weight:700;font-size:13px;color:#146ca8;">T40</div><div id="kTerm40" style="font-weight:700;font-size:17px;">0</div></div><div style="flex:1;min-width:88px;text-align:center;background:#eef2f6;border-radius:8px;padding:6px 4px;"><div style="font-weight:700;font-size:13px;color:#146ca8;">T80</div><div id="kTerm80" style="font-weight:700;font-size:17px;">0</div></div><div style="flex:1;min-width:88px;text-align:center;background:#eef2f6;border-radius:8px;padding:6px 4px;"><div style="font-weight:700;font-size:13px;color:#146ca8;">T90</div><div id="kTerm90" style="font-weight:700;font-size:17px;">0</div></div><div style="flex:1;min-width:88px;text-align:center;background:#e6f6ec;border-radius:8px;padding:6px 4px;"><div style="font-weight:700;font-size:12px;color:#1e8b57;">TOTAL</div><div id="kTermTotal" style="font-weight:800;font-size:19px;color:#1e8b57;">0</div></div></div> <input type="hidden" id="kTipoTermica"><input type="hidden" id="kCantTermicas"> </div> </div> <div class="fila"> <div class="campo"><label>Cantidad de Equipos</label><input type="text" id="kCantEquipos" readonly style="background:#eef2f6; width:100%;"></div> <div class="campo"><label>Responsable Packing</label><input type="text" id="kResponsable" readonly style="background:#eef2f6; width:100%;"></div> </div> <div class="fila"> <div class="campo"><label>Fecha y Hora de Inicio</label><input type="text" id="kFechaInicio" readonly style="background:#eef2f6; width:100%;"></div> <div class="campo"><label>Fecha y Hora de Salida</label><input type="text" id="kFechaSalida" readonly style="background:#eef2f6; width:100%;"></div> </div> <div class="fila"> <div class="campo"><label>Motivo</label><input type="text" id="kMotivo" readonly style="background:#eef2f6; width:100%;"></div> <div class="campo"><label>Guía Operador</label><input type="text" id="kGuiaOp" readonly style="background:#eef2f6; width:100%;"></div> </div> <textarea id="kObsPicking" style="display:none;"></textarea> </div> <!-- Ingreso de Novedades (debajo del packing) --> <div id="packingNovedades" style="margin-top:22px; padding-top:18px; border-top:1.5px solid var(--border);"> <div class="section-title">Ingreso de Novedades</div> <div class="nov-grid"> <div class="campo nov-campo"><label>Fecha Entrega</label><input type="date" id="nFechaEntrega"></div> <div class="campo nov-campo"><label>Recibido</label><select id="nRecibido"><option value="">Seleccione</option><option value="Si">Sí</option><option value="No">No</option><option value="Parcial">Parcial</option></select></div> <div class="campo nov-campo"><label>Estado Entrega</label><select id="nEstadoEntrega"><option value="">Seleccione</option><option value="Entregado">Entregado</option><option value="Pendiente">Pendiente</option><option value="Recibido Parcialmente">Recibido Parcialmente</option><option value="Rechazado">Rechazado</option></select></div> <div class="campo nov-campo"><label>Recibe</label><input type="text" id="nRecibe" placeholder="Nombre de quien recibe" oninput="mayus(this)"></div> <div class="campo nov-campo"><label>Fecha y Hora de Salida</label><div class="nov-dt"><input type="date" id="nFechaSalida"><input type="time" id="nHoraSalida"></div></div> <div class="campo nov-campo"><label>Fecha y Hora de Llegada</label><div class="nov-dt"><input type="date" id="nFecha"><input type="time" id="nHoraLlegada"></div></div> <div class="campo nov-campo"><label>Temperatura Entrega (°C)</label><input type="text" id="nTemperatura" placeholder="Ej: 4.5 o NA" oninput="mayus(this)"></div> <div class="campo nov-campo"><label>Responsable Novedad</label><input type="text" id="nResponsable" placeholder="Responsable de la novedad" oninput="mayus(this)"></div> <div class="campo nov-campo"><label>Transportista</label><input type="text" id="nTransportista" placeholder="Transportista" oninput="mayus(this)"></div> <div class="campo nov-campo"><label>Hoja de Ruta Interna</label><input type="text" id="nHojaRuta" placeholder="Hoja de ruta interna" oninput="mayus(this)"></div> <div class="campo nov-campo"><label>Descripción</label><textarea id="nDescripcion" rows="2" placeholder="Descripción de la novedad" oninput="mayus(this)"></textarea></div> <div class="campo nov-campo"><label>Desviación</label><input type="text" id="nDesviacion" placeholder="Desviación" oninput="mayus(this)"></div> <div class="campo nov-campo"><label>Operador Asignado</label><input type="text" id="nOperador" placeholder="Operador asignado" oninput="mayus(this)"></div> <div class="campo nov-campo"><label>Asesor Asignado</label><input type="text" id="nAsesor" placeholder="Asesor asignado" oninput="mayus(this)"></div> <div class="campo nov-campo"><label>Observación Novedad</label><textarea id="nObsNovedad" rows="2" placeholder="Observación de la novedad" oninput="mayus(this)"></textarea></div> <div class="campo nov-campo"><label>Acción Correctiva</label><input type="text" id="nAccionCorrectiva" placeholder="Acción correctiva" oninput="mayus(this)"></div> </div> </div> <div style="display:flex; gap:10px; margin-top:14px; flex-wrap:wrap;"> <button class="btn btn-primary" onclick="guardarBorradorNovedad()">Guardar Novedad</button> <button class="btn btn-primary" style="background:linear-gradient(135deg,#16a34a,#15803d);" onclick="guardarNovedad()">Enviar</button> </div> </div> </div> </section> <!-- HISTORIAL --> <section id="secHistorial" class="card hidden"> <h2>📋 Historial</h2> <div class="subtitle">Consulta el historial completo de pedidos, picking y packing.</div> <div class="search-box"> <input type="text" id="buscarHistorial" placeholder="Buscar por pedido, cliente o producto..." oninput="renderHistorial()"> <select id="filtroHistorial" onchange="renderHistorial()"> <option value="">Todos</option> <option value="facturacion">🧾 En bandeja de facturación</option> <option value="con-novedad">Con novedad</option> <option value="sin-novedad">Falta ingreso de novedad</option> </select> <button class="btn btn-outline" onclick="abrirConsultaRapidaLink()">🔗 Consulta rápida</button> <button class="btn btn-primary" onclick="exportarHistorialExcel()">⬇️ Descargar Excel</button> </div> <div class="table-container"> <table> <thead><tr><th>Tipo</th><th>N° Pedido</th><th>Cliente</th><th>Fecha</th><th>Estado/Detalle</th><th>Acciones</th></tr></thead> <tbody id="tablaHistorial"></tbody> </table> </div> </section> <!-- TRACKING --> <section id="secTracking" class="card hidden"> <h2>🚚 Tracking</h2> <div class="subtitle">Consulta en qué estado está cada pedido: en bandeja de facturación, recibido, en preparación, en ruta o entregado.</div> <div class="search-box"> <input type="text" id="trackingBuscar" placeholder="Número de pedido o cliente..." oninput="renderTracking()" onkeydown="if(event.key==='Enter'){buscarTracking()}"> <button type="button" class="btn btn-outline" onclick="copiarEnlaceTracking()" title="Copia el enlace del pedido consultado" style="white-space:nowrap;">🔗 Copiar enlace</button> <select id="trackingFiltro" onchange="renderTracking()"> <option value="">Todos los estados</option> <option value="facturacion">🧾 En bandeja de facturación</option> <option value="recibido">📥 Pedido recibido</option> <option value="preparacion">📦 En proceso de preparación</option> <option value="ruta">🚚 Pedido en ruta</option> <option value="entregado">✅ Pedido entregado</option> </select> <button class="btn btn-primary" onclick="buscarTracking()">🔍 Consultar</button> </div> <div id="trackingResultado"></div> <div class="table-container"> <table> <thead><tr><th>N° Pedido</th><th>Cliente</th><th>Estado</th><th>Acciones</th></tr></thead> <tbody id="tablaTracking"></tbody> </table> </div> </section> <!-- CONFIGURACIÓN --> <section id="secConfiguracion" class="card hidden"> <h2>⚙️ Configuración</h2> <div class="subtitle">Configura los parámetros generales de la aplicación.</div> <div class="tab-bar"> <button id="tabConfigGeneral" class="active" onclick="showTabConfig('general')">General</button> <button id="tabConfigUsuarios" onclick="showTabConfig('usuarios')">Usuarios</button> <button id="tabConfigPapelera" onclick="showTabConfig('papelera')">🗑️ Papelera</button> </div> <div id="configGeneral"> <div class="fila"> <div class="campo"><label>Nombre de la empresa</label><input type="text" id="cfgEmpresa" value="SIMED"></div> <div class="campo"><label>Prefijo de pedidos</label><input type="text" id="cfgPrefijo" value="PED-"></div> </div> <div class="fila"> <div class="campo"><label>Notificaciones por email</label><select id="cfgNotif"><option value="si">Sí</option><option value="no">No</option></select></div> <div class="campo"><label>Formato de fecha</label><select id="cfgFecha"><option value="dd/mm/yyyy">dd/mm/yyyy</option><option value="mm/dd/yyyy">mm/dd/yyyy</option></select></div> </div> <button class="btn btn-primary" onclick="guardarConfig()">Guardar Configuración</button> </div> <div id="configUsuarios" class="hidden"> <div class="section-title">Crear nuevo usuario</div> <div class="fila"> <div class="campo"><label>Usuario (ID de login) *</label><input type="text" id="nuevoUsuarioId" placeholder="Ej: operario7"></div> <div class="campo"><label>Nombre completo *</label><input type="text" id="nuevoUsuarioNombre" placeholder="Nombre del usuario"></div> </div> <div class="fila"> <div class="campo"><label>Contraseña *</label><input type="text" id="nuevoUsuarioClave" placeholder="Contraseña"></div> <div class="campo"><label>Rol</label><input type="text" id="nuevoUsuarioRol" list="listaRoles" placeholder="Ej: operario, admin" value="operario"><datalist id="listaRoles"><option value="operario"><option value="admin"></datalist></div> </div> <div class="fila" style="flex-wrap:wrap;align-items:flex-start;"> <div class="campo" style="min-width:100%;"><label>Permisos de módulos</label></div> <label style="display:flex;align-items:center;gap:6px;margin:4px 14px 4px 0;font-size:13px;cursor:pointer;"><input type="checkbox" class="permiso-modulo" value="inicio" checked> Inicio</label> <label style="display:flex;align-items:center;gap:6px;margin:4px 14px 4px 0;font-size:13px;cursor:pointer;"><input type="checkbox" class="permiso-modulo" value="clientes" checked> Clientes</label> <label style="display:flex;align-items:center;gap:6px;margin:4px 14px 4px 0;font-size:13px;cursor:pointer;"><input type="checkbox" class="permiso-modulo" value="picking" checked> Picking</label> <label style="display:flex;align-items:center;gap:6px;margin:4px 14px 4px 0;font-size:13px;cursor:pointer;"><input type="checkbox" class="permiso-modulo" value="packing" checked> Packing</label> <label style="display:flex;align-items:center;gap:6px;margin:4px 14px 4px 0;font-size:13px;cursor:pointer;"><input type="checkbox" class="permiso-modulo" value="historial" checked> Historial</label> </div> <button class="btn btn-primary" onclick="crearUsuario()">Crear Usuario</button> <div class="section-title" style="margin-top:22px;">Usuarios registrados</div> <div id="listaUsuariosConfig" class="usuarios-lista"></div> </div> <div id="configPapelera" class="hidden"> <div class="subtitle" style="margin:0 0 12px;">Registros eliminados recientemente. Puedes restaurarlos si fue un error. Se guardan los últimos 200 borrados.</div> <div id="listaPapelera"></div> </div> </section> </main> <script> /* ===================== CLOUDFLARE WORKER + D1 ===================== */ // Usa siempre el mismo origen (el Worker hace proxy de /api/* -> simed), evitando CORS. const SIMED_API = window.SIMED_API || (location.protocol.indexOf('http') === 0 ? location.origin : 'https://simed.1315699247simed.workers.dev'); const DATA_KEYS = { clientesSIMED: 'clientes', pickingSIMED: 'picking', packingSIMED: 'packing', papeleraSIMED: 'papelera', basePedidosSIMED: 'basePedidos', pedidosEnviadosSIMED: 'pedidosEnviados' }; let SESSION_TOKEN = localStorage.getItem('simedSessionToken') || ''; let DATA_VERSIONS = {}; let CLOUD_READY = false; /* Ids que ya existen en D1 (por colección). Sirve para detectar qué registros se borraron localmente y avisarle al Worker (eliminado:1), porque antes solo se enviaban los que quedaban. */ const SYNCED_IDS = {}; /* D1 guarda el id como texto ("1727..."), pero la app lo usa como número (onclick="eliminarCliente(1727...)"). Con === nunca coincidían y por eso "eliminar" no hacía nada tras recargar. Se normaliza al cargar. */ function normalizarId(key, v) { if (key !== 'basePedidos' && typeof v === 'string' && /^[1-9]\d{0,14}$/.test(v)) return Number(v); return v; } function idEstable(key, item) { if (!item) return ''; const base = key === 'basePedidos' ? (item.pedido || item.id) : item.id; if (base !== undefined && base !== null && base !== '') return String(base); if (key === 'papelera' && item.tipo) { const d = item.datos || {}; return 'pap-' + item.tipo + '-' + (d.id || d.pedido || '') + '-' + (item.fecha || ''); } return ''; } function actualizarIndicadorSync(estado) { const el = document.getElementById('syncStatus'); if (!el) return; if (estado === 'ok') { el.textContent = '🟢 Sincronizado'; el.style.color = 'var(--success)'; } else if (estado === 'error') { el.textContent = '🔴 Sin conexión'; el.style.color = 'var(--danger)'; } else { el.textContent = '🔄 Conectando...'; el.style.color = 'var(--gray)'; } } async function apiRequest(path, options={}) { const headers = Object.assign({'Content-Type':'application/json'}, options.headers || {}); if (SESSION_TOKEN) headers.Authorization = 'Bearer ' + SESSION_TOKEN; const res = await fetch(SIMED_API + path, Object.assign({}, options, {headers})); let body = {}; try { body = await res.json(); } catch (_) {} if (!res.ok) { const err = new Error(body.error || body.mensaje || ('HTTP ' + res.status)); err.status = res.status; err.body = body; throw err; } return body; } function guardarSesionCloud(token, usuario) { SESSION_TOKEN = token || ''; if (SESSION_TOKEN) localStorage.setItem('simedSessionToken', SESSION_TOKEN); else localStorage.removeItem('simedSessionToken'); if (usuario) { USUARIO_ACTUAL = usuario; localStorage.setItem('usuarioActualSIMED', JSON.stringify(usuario)); } } async function loginWorker(usuario, password) { const r = await apiRequest('/api/auth/login', {method:'POST', body:JSON.stringify({usuario, password})}); const token = r.token || r.sessionToken || r.sesion || ''; const perfil = r.usuario || r.user || r.perfil || null; if (!token || !perfil) throw new Error('Respuesta de inicio de sesión incompleta.'); guardarSesionCloud(token, {id: perfil.id || usuario, ...perfil}); return USUARIO_ACTUAL; } async function validarSesionWorker() { if (!SESSION_TOKEN) return null; try { const r = await apiRequest('/api/auth/me', {method:'GET'}); const perfil = r.usuario || r.user || r.perfil || r; if (!perfil || !perfil.id) throw new Error('Sesión inválida'); guardarSesionCloud(SESSION_TOKEN, perfil); return perfil; } catch (e) { SESSION_TOKEN = ''; localStorage.removeItem('simedSessionToken'); return null; } } async function cargarDatosCloud() { actualizarIndicadorSync('connecting'); const pares = Object.entries(DATA_KEYS); for (const [localKey, cloudKey] of pares) { try { const r = await apiRequest('/api/collection/' + encodeURIComponent(cloudKey), {method:'GET'}); /* El Worker devuelve registros D1. Aceptamos varias formas de respuesta para mantener compatibilidad con la API actual. */ let rows = Array.isArray(r.items) ? r.items : Array.isArray(r.data) ? r.data : Array.isArray(r.registros) ? r.registros : Array.isArray(r.rows) ? r.rows : []; /* Ignora filas marcadas como eliminadas en D1 */ rows = rows.filter(row => !(row && (row.eliminado === 1 || row.eliminado === true || row.eliminado === '1'))); const value = rows.map(row => { if (row && row.datos && typeof row.datos === 'object') { return {...row.datos, id: normalizarId(cloudKey, row.id ?? row.datos.id)}; } if (row && typeof row.data === 'object' && !Array.isArray(row.data)) { return {...row.data, id: normalizarId(cloudKey, row.id ?? row.data.id)}; } return row; }); SYNCED_IDS[cloudKey] = new Set(value.map(it => idEstable(cloudKey, it)).filter(Boolean)); DATA_VERSIONS[localKey] = Number(r.version || r.revision || 0); localStorage.setItem(localKey, JSON.stringify(value)); if (localKey === 'clientesSIMED') clientes = Array.isArray(value) ? value : []; if (localKey === 'pickingSIMED') picking = Array.isArray(value) ? value : []; if (localKey === 'packingSIMED') packing = Array.isArray(value) ? value : []; if (localKey === 'papeleraSIMED') papelera = Array.isArray(value) ? value : []; if (localKey === 'basePedidosSIMED') basePedidos = Array.isArray(value) ? value : []; if (localKey === 'pedidosEnviadosSIMED') pedidosEnviados = Array.isArray(value) ? value : []; } catch (e) { console.error('Error cargando D1:', cloudKey, e); actualizarIndicadorSync('error'); throw e; } } CLOUD_READY = true; actualizarIndicadorSync('ok'); } function obtenerIdRegistro(key, item, indice) { return idEstable(key, item) || (Date.now() + '-' + indice + '-' + Math.random().toString(36).slice(2,8)); } function prepararRegistrosD1(key, val) { const lista = Array.isArray(val) ? val : []; return lista.map((item, indice) => { const obj = (item && typeof item === 'object') ? {...item} : {valor:item}; const id = obtenerIdRegistro(key, obj, indice); return { id, pedido: String(obj.pedido || ''), cliente: String(obj.cliente || obj.nombre || ''), datos: obj, eliminado: 0 }; }); } async function sincronizarWorker(key, val) { const cloudKey = DATA_KEYS[key]; if (!cloudKey || !SESSION_TOKEN) return {ok:false, localOnly:true}; try { actualizarIndicadorSync('connecting'); const registros = prepararRegistrosD1(cloudKey, val); /* Registros que estaban en D1 y ya no están en la lista local = borrados por el usuario */ const idsActuales = new Set(registros.map(x => String(x.id))); const eliminados = [...(SYNCED_IDS[cloudKey] || [])] .filter(id => !idsActuales.has(id)) .map(id => ({ id, pedido:'', cliente:'', datos:{}, eliminado:1 })); const aEnviar = registros.concat(eliminados); const r = await apiRequest('/api/collection/' + encodeURIComponent(cloudKey) + '/batch', { method:'POST', body:JSON.stringify({ items: aEnviar, records: aEnviar }) }); SYNCED_IDS[cloudKey] = idsActuales; DATA_VERSIONS[key] = Number(r.version || r.revision || DATA_VERSIONS[key] || 0); actualizarIndicadorSync('ok'); return {ok:true}; } catch (e) { if (e.status === 409) { actualizarIndicadorSync('error'); toast('⚠️ Otro usuario modificó este registro al mismo tiempo. Tu cambio NO sobrescribió el registro remoto. Actualiza y vuelve a intentarlo.', 'warning'); } else { actualizarIndicadorSync('error'); toast('⚠️ No se pudo sincronizar con D1: ' + e.message, 'warning'); } console.error('Error D1', key, e); return {ok:false, error:e}; } } /* Compatibilidad: la interfaz existente sigue llamando setData(), pero ya no usa Firebase. */ function iniciarListenersFirestore() { /* D1 no usa listeners Firestore. */ } function fetchUsuariosRemoto() { return cargarUsuariosWorker(); } let USUARIOS_CACHE = {}; function obtenerUsuarios() { return USUARIOS_CACHE; } async function cargarUsuariosWorker() { const r = await apiRequest('/api/usuarios', {method:'GET'}); const lista = Array.isArray(r.users) ? r.users : (Array.isArray(r.usuarios) ? r.usuarios : (Array.isArray(r.data) ? r.data : [])); const obj = {}; lista.forEach(u => { if (u && u.id) obj[u.id] = {...u, permisos: Array.isArray(u.permisos) ? u.permisos : []}; }); USUARIOS_CACHE = obj; localStorage.setItem('usuariosSIMED_v2', JSON.stringify(obj)); return obj; } let USUARIO_ACTUAL = null; /* ===================== LOGIN ===================== */ const loginOverlay = document.getElementById('loginOverlay'); const loginUser = document.getElementById('loginUser'); const loginPass = document.getElementById('loginPass'); const loginError = document.getElementById('loginError'); const togglePw = document.getElementById('togglePw'); const rememberMe = document.getElementById('rememberMe'); function poblarSelectUsuarios() {} function aplicarPermisos() { if (!USUARIO_ACTUAL) return; const permisos = USUARIO_ACTUAL.permisos || []; const esAdmin = USUARIO_ACTUAL.rol === 'admin'; const botones = [ { id:'btnInicio', mod:'inicio' }, { id:'btnClientes', mod:'clientes' }, { id:'btnPicking', mod:'picking' }, { id:'btnPacking', mod:'packing' }, { id:'btnHistorial', mod:'historial' }, { id:'btnTracking', mod:'historial' }, { id:'btnConfig', mod:'configuracion' } ]; botones.forEach(b => { const el=document.getElementById(b.id); if(el) el.style.display=(esAdmin||permisos.includes(b.mod))?'flex':'none'; }); const seccionActual=document.querySelector('section.card:not(.hidden)'); if(seccionActual){ const mapBtn={secInicio:'inicio',secClientes:'clientes',secPicking:'picking',secPacking:'packing',secHistorial:'historial',secTracking:'historial',secConfiguracion:'configuracion'}; const mod=mapBtn[seccionActual.id]; if(mod&&!esAdmin&&!permisos.includes(mod)) showSection('inicio'); } document.getElementById('userName').textContent=USUARIO_ACTUAL.nombre || USUARIO_ACTUAL.id || ''; document.getElementById('userAvatar').textContent=(USUARIO_ACTUAL.nombre || 'U').charAt(0).toUpperCase(); } function recordarUsuario(){ try{const rec=localStorage.getItem('recordarUsuarioSIMED');if(rec){loginUser.value=rec;rememberMe.checked=true;}}catch(e){} } togglePw.addEventListener('click',()=>{ if(loginPass.type==='password'){loginPass.type='text';togglePw.textContent='🙈';}else{loginPass.type='password';togglePw.textContent='👁️';} }); document.getElementById('loginForm').addEventListener('submit', async function(e){ e.preventDefault(); const u=loginUser.value.trim().toLowerCase(), c=loginPass.value; if(!u||!c){loginError.textContent='Ingresa usuario y contraseña.';loginError.style.display='block';return;} const btn=document.querySelector('#loginForm button[type="submit"]'); if(btn)btn.disabled=true; loginError.style.display='none'; try{ await loginWorker(u,c); if(rememberMe.checked)localStorage.setItem('recordarUsuarioSIMED',u); else localStorage.removeItem('recordarUsuarioSIMED'); loginOverlay.style.display='none'; aplicarPermisos(); await init(); toast('Bienvenido, '+USUARIO_ACTUAL.nombre,'success'); }catch(err){ loginError.textContent=(err.status===401||err.status===403)?'Usuario o contraseña incorrectos.':('Error al iniciar sesión: '+err.message); loginError.style.display='block'; } finally{if(btn)btn.disabled=false;} }); function esMovilSIMED(){return window.matchMedia('(max-width: 850px)').matches;} function toggleSidebar(){document.body.classList.toggle('sidebar-oculto');if(!esMovilSIMED())localStorage.setItem('sidebarOcultoSIMED',document.body.classList.contains('sidebar-oculto')?'1':'0');} function cerrarSidebarEnMovil(){if(esMovilSIMED())document.body.classList.add('sidebar-oculto');} (function(){if(esMovilSIMED()){document.body.classList.add('sidebar-oculto');}else if(localStorage.getItem('sidebarOcultoSIMED')==='1'){document.body.classList.add('sidebar-oculto');}})(); window.addEventListener('resize',function(){if(esMovilSIMED()){document.body.classList.add('sidebar-oculto');}else{if(localStorage.getItem('sidebarOcultoSIMED')==='1')document.body.classList.add('sidebar-oculto');else document.body.classList.remove('sidebar-oculto');}}); function logout(){ apiRequest('/api/auth/logout',{method:'POST'}).catch(()=>{}); USUARIO_ACTUAL=null; SESSION_TOKEN=''; localStorage.removeItem('simedSessionToken'); localStorage.removeItem('usuarioActualSIMED'); loginPass.value=''; loginError.style.display='none'; rememberMe.checked=false; loginUser.value=''; loginOverlay.style.display='flex'; toast('Sesión cerrada','warning'); } async function checkSession(){ const perfil=await validarSesionWorker(); if(perfil){loginOverlay.style.display='none';aplicarPermisos();await init();} else recordarUsuario(); const hash=window.location.hash; if(hash&&hash.startsWith('#consultaRapida'))setTimeout(()=>{abrirConsultaRapidaLink();const m=hash.match(/^#consultaRapida=(.+)$/);if(m){document.getElementById('inputConsultaRapida').value=decodeURIComponent(m[1]);buscarConsultaRapida();}},400); } /* ===================== DATA LOCALSTORAGE ===================== */ function getData(key, def) { try { const d = localStorage.getItem(key); return d ? JSON.parse(d) : def; } catch(e) { return def; } } function setData(key, val) { localStorage.setItem(key, JSON.stringify(val)); return sincronizarWorker(key, val); } /* Genera un id numérico único basado en la hora actual (milisegundos), en vez de "máximo existente + 1". Esto reduce mucho el riesgo de que dos usuarios, casi al mismo tiempo y en dispositivos distintos, generen el mismo id para dos registros diferentes (lo cual haría que uno de los dos "desaparezca" al sincronizar). */ function nuevoId(arr) { const maxExistente = (arr && arr.length) ? Math.max(...arr.map(x => x.id || 0)) : 0; return Math.max(Date.now(), maxExistente + 1); } let clientes = [], picking = [], packing = [], papelera = []; async function initData() { try { await cargarDatosCloud(); } catch (e) { clientes = getData('clientesSIMED', []); picking = getData('pickingSIMED', []); packing = getData('packingSIMED', []); papelera = getData('papeleraSIMED', []); basePedidos = getData('basePedidosSIMED', []); pedidosEnviados = getData('pedidosEnviadosSIMED', []); toast('No se pudieron cargar todos los datos de D1. Revisa la conexión.', 'warning'); } if (document.getElementById('contadorBasePedidos')) { document.getElementById('contadorBasePedidos').textContent = basePedidos.length ? (basePedidos.length + ' pedidos cargados en la base.') : ''; } } /* ===================== PAPELERA (borrados recuperables) ===================== */ /* Antes de un borrado definitivo (cliente, pedido, usuario), se guarda una copia aquí. Así un clic accidental en "Eliminar" no significa pérdida total del dato. Se limita a los últimos 200 registros para no generar un documento gigante. */ function guardarEnPapelera(tipo, datos) { papelera.unshift({ id: Date.now() + '-' + Math.random().toString(36).slice(2,8), tipo, datos, fecha: formatDate(), por: (typeof USUARIO_ACTUAL !== 'undefined' && USUARIO_ACTUAL) ? USUARIO_ACTUAL.nombre : 'desconocido' }); if (papelera.length > 200) papelera = papelera.slice(0, 200); setData('papeleraSIMED', papelera); } function renderPapelera() { const cont = document.getElementById('listaPapelera'); if (!cont) return; if (papelera.length === 0) { cont.innerHTML = '<div class="empty-state">La papelera está vacía</div>'; return; } const etiquetas = { cliente: '👥 Cliente', historial: '📋 Pedido (picking + novedad)', usuario: '🔑 Usuario' }; cont.innerHTML = papelera.map((item, idx) => { let descripcion = ''; if (item.tipo === 'cliente') descripcion = esc(item.datos.nombre); else if (item.tipo === 'historial') descripcion = esc(item.datos.pedido) + (item.datos.cliente ? ' — ' + esc(item.datos.cliente) : ''); else if (item.tipo === 'usuario') descripcion = esc(item.datos.id) + (item.datos.perfil && item.datos.perfil.nombre ? ' — ' + esc(item.datos.perfil.nombre) : ''); return '<div class="usuario-row" style="grid-template-columns:1fr auto auto;">' + '<span><b>' + (etiquetas[item.tipo] || item.tipo) + '</b>: ' + descripcion + ' <span style="font-size:11px;color:var(--gray);">(eliminado ' + esc(item.fecha) + ' por ' + esc(item.por) + ')</span></span>' + '<button class="btn btn-outline" style="padding:4px 10px;font-size:12px;" onclick="restaurarDePapelera(' + idx + ')">↩️ Restaurar</button>' + '<button class="btn btn-danger" style="padding:4px 10px;font-size:12px;" onclick="borrarDePapeleraDefinitivo(' + idx + ')">Borrar definitivo</button>' + '</div>'; }).join(''); } function restaurarDePapelera(idx) { const item = papelera[idx]; if (!item) return; if (item.tipo === 'cliente') { if (!clientes.some(c => c.id === item.datos.id)) clientes.push(item.datos); setData('clientesSIMED', clientes); renderClientes(); } else if (item.tipo === 'historial') { if (item.datos.pick && !picking.some(p => p.id === item.datos.pick.id)) picking.push(item.datos.pick); if (item.datos.pack && !packing.some(p => p.id === item.datos.pack.id)) packing.push(item.datos.pack); setData('pickingSIMED', picking); setData('packingSIMED', packing); renderHistorial(); } else if (item.tipo === 'usuario') { toast('Los usuarios eliminados deben recrearse desde Configuración > Usuarios.', 'warning'); return; } papelera.splice(idx, 1); setData('papeleraSIMED', papelera); renderPapelera(); renderInicio(); toast('Registro restaurado', 'success'); } function borrarDePapeleraDefinitivo(idx) { if (!confirm('¿Borrar definitivamente este registro de la papelera? Ya no se podrá recuperar.')) return; papelera.splice(idx, 1); setData('papeleraSIMED', papelera); renderPapelera(); } /* ===================== UI HELPERS ===================== */ function toast(msg, type) { const c = document.getElementById('toastContainer'); const t = document.createElement('div'); t.className = 'toast ' + (type || 'success'); t.innerHTML = (type==='error'?'❌':type==='warning'?'⚠️':'✅') + ' <span>' + msg + '</span>'; c.appendChild(t); setTimeout(() => { t.style.opacity='0'; t.style.transform='translateX(40px)'; setTimeout(()=>t.remove(), 350); }, 3200); } function showSection(id) { const map = { inicio:'secInicio', clientes:'secClientes', picking:'secPicking', packing:'secPacking', historial:'secHistorial', tracking:'secTracking', configuracion:'secConfiguracion' }; const titles = { inicio:'Panel de Control', clientes:'Clientes', picking:'Picking', packing:'Packing', historial:'Historial', tracking:'Tracking', configuracion:'Configuración' }; Object.values(map).forEach(v => document.getElementById(v).classList.add('hidden')); document.getElementById(map[id]).classList.remove('hidden'); document.getElementById('pageTitle').textContent = titles[id]; document.querySelectorAll('.sidebar nav button').forEach(b => b.classList.remove('active')); const btnMap = { inicio:'btnInicio', clientes:'btnClientes', picking:'btnPicking', packing:'btnPacking', historial:'btnHistorial', tracking:'btnTracking', configuracion:'btnConfig' }; if (btnMap[id]) document.getElementById(btnMap[id]).classList.add('active'); if (id==='clientes') renderClientes(); if (id==='picking') { mostrarPendientesPicking(); } if (id==='packing') { mostrarPendientesPacking(); } if (id==='historial') renderHistorial(); if (id==='tracking') { renderTracking(); buscarTracking(); } if (id==='inicio') renderInicio(); if (id==='configuracion') { renderUsuariosConfig(); } cerrarSidebarEnMovil(); } function closeModal(id) { document.getElementById(id).classList.remove('active'); } function openModal(id) { document.getElementById(id).classList.add('active'); } function formatDate(d) { const now = d ? new Date(d) : new Date(); return now.getDate().toString().padStart(2,'0') + '/' + (now.getMonth()+1).toString().padStart(2,'0') + '/' + now.getFullYear(); } function renderGraficoPedidos() { const canvas = document.getElementById('graficoPedidos'); if (!canvas) return; const ctx = canvas.getContext('2d'); const filtro = document.getElementById('filtroGraficoPedidos') ? document.getElementById('filtroGraficoPedidos').value : 'mensual'; const now = new Date(); let labels = [], data = []; if (filtro === 'mensual') { const diasEnMes = new Date(now.getFullYear(), now.getMonth() + 1, 0).getDate(); data = Array(diasEnMes).fill(0); picking.forEach(p => { const d = new Date(p.fechaInicio || p.fecha); if (d.getMonth() === now.getMonth() && d.getFullYear() === now.getFullYear()) { data[d.getDate() - 1]++; } }); labels = Array.from({length: diasEnMes}, (_, i) => (i + 1).toString()); } else if (filtro === 'diario') { for (let i = 6; i >= 0; i--) { const d = new Date(now); d.setDate(d.getDate() - i); labels.push(d.getDate() + '/' + (d.getMonth()+1)); data.push(picking.filter(p => { const dp = new Date(p.fechaInicio || p.fecha); return dp.getDate() === d.getDate() && dp.getMonth() === d.getMonth() && dp.getFullYear() === d.getFullYear(); }).length); } } else { for (let i = 11; i >= 0; i--) { const d = new Date(now.getFullYear(), now.getMonth() - i, 1); labels.push((d.getMonth()+1) + '/' + d.getFullYear().toString().slice(2)); data.push(picking.filter(p => { const dp = new Date(p.fechaInicio || p.fecha); return dp.getMonth() === d.getMonth() && dp.getFullYear() === d.getFullYear(); }).length); } } if (window.miGraficoPedidos) window.miGraficoPedidos.destroy(); window.miGraficoPedidos = new Chart(ctx, { type: 'line', data: { labels: labels, datasets: [{ label: 'Pedidos', data: data, borderColor: '#146ca8', backgroundColor: 'rgba(20,108,168,0.1)', borderWidth: 2, pointBackgroundColor: '#146ca8', pointRadius: 3, fill: true, tension: 0.3 }] }, options: { responsive: true, maintainAspectRatio: false, plugins: { legend: { display: false } }, scales: { y: { beginAtZero: true, ticks: { stepSize: 1, font: { size: 11 } }, grid: { color: '#f0f0f0' } }, x: { ticks: { font: { size: 11 } }, grid: { display: false } } } } }); } function fillClientes() { const opts = clientes.map(c => '<option value="' + c.nombre + '">' + c.nombre + '</option>').join(''); ['pCliente','kCliente'].forEach(id => { const el = document.getElementById(id); if (el) el.innerHTML = '<option value="">Selecciona cliente</option>' + opts; }); } /* ===================== INICIO ===================== */ function setFechaActualPicking() { const now = new Date(); const pad = n => n.toString().padStart(2,'0'); const str = now.getFullYear() + '-' + pad(now.getMonth()+1) + '-' + pad(now.getDate()) + 'T' + pad(now.getHours()) + ':' + pad(now.getMinutes()); const fi = document.getElementById('pFechaInicio'); const fs = document.getElementById('pFechaSalida'); if (fi && !fi.value) fi.value = str; if (fs && !fs.value) fs.value = str; } function setFechaActualPacking() { const now = new Date(); const pad = n => n.toString().padStart(2,'0'); const strDate = now.getFullYear() + '-' + pad(now.getMonth()+1) + '-' + pad(now.getDate()); const strTime = pad(now.getHours()) + ':' + pad(now.getMinutes()); const nf = document.getElementById('nFecha'); const nfe = document.getElementById('nFechaEntrega'); const hl = document.getElementById('nHoraLlegada'); const hs = document.getElementById('nHoraSalida'); if (nf && !nf.value) nf.value = strDate; if (nfe && !nfe.value) nfe.value = strDate; if (hl && !hl.value) hl.value = strTime; if (hs && !hs.value) hs.value = strTime; } function renderInicio() { const totalClientes = clientes.length; const now = new Date(); const currentMonth = now.getMonth(); const currentYear = now.getFullYear(); const currentDay = now.getDate(); // Contar pedidos por tipo y periodo const pedidosMes = picking.filter(p => { const d = new Date(p.fechaInicio || p.fecha); return d.getMonth() === currentMonth && d.getFullYear() === currentYear; }); const pedidosDia = picking.filter(p => { const d = new Date(p.fechaInicio || p.fecha); return d.getDate() === currentDay && d.getMonth() === currentMonth && d.getFullYear() === currentYear; }); const pedidosAnio = picking.filter(p => { const d = new Date(p.fechaInicio || p.fecha); return d.getFullYear() === currentYear; }); const codigoRojoMes = pedidosMes.filter(p => p.tipoPedido === 'Código Rojo').length; const normalMes = pedidosMes.filter(p => p.tipoPedido === 'Normal').length; document.getElementById('estadisticasInicio').innerHTML = '<div style="display:flex; gap:14px; flex-wrap:wrap; margin-bottom:18px;">' + '<div class="estadistica-card" style="flex:1; min-width:140px; display:flex; align-items:center; gap:14px; text-align:left; padding:18px 20px;">' + ' <div style="width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#7c3aed,#a78bfa);display:flex;align-items:center;justify-content:center;font-size:20px;">👥</div>' + ' <div><div style="font-size:12px;color:var(--gray);font-weight:500;">Clientes</div><div class="num" style="font-size:1.8rem;">' + totalClientes + '</div></div>' + '</div>' + '<div class="estadistica-card" style="flex:1; min-width:140px; display:flex; align-items:center; gap:14px; text-align:left; padding:18px 20px;">' + ' <div style="width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#f59e0b,#fbbf24);display:flex;align-items:center;justify-content:center;font-size:20px;">📦</div>' + ' <div><div style="font-size:12px;color:var(--gray);font-weight:500;">Pedidos (mes)</div><div class="num" style="font-size:1.8rem;">' + pedidosMes.length + '</div></div>' + '</div>' + '<div class="estadistica-card" style="flex:1; min-width:140px; display:flex; align-items:center; gap:14px; text-align:left; padding:18px 20px;">' + ' <div style="width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#ef4444,#f87171);display:flex;align-items:center;justify-content:center;font-size:20px;">🚨</div>' + ' <div><div style="font-size:12px;color:var(--gray);font-weight:500;">Código Rojo</div><div class="num" style="font-size:1.8rem; color:#ef4444;">' + codigoRojoMes + '</div></div>' + '</div>' + '<div class="estadistica-card" style="flex:1; min-width:140px; display:flex; align-items:center; gap:14px; text-align:left; padding:18px 20px;">' + ' <div style="width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#10b981,#34d399);display:flex;align-items:center;justify-content:center;font-size:20px;">✅</div>' + ' <div><div style="font-size:12px;color:var(--gray);font-weight:500;">Normal</div><div class="num" style="font-size:1.8rem; color:#10b981;">' + normalMes + '</div></div>' + '</div>' + '</div>' + '<div style="display:flex; gap:14px; flex-wrap:wrap;">' + '<div class="estadistica-card" style="flex:1; min-width:200px;">' + ' <div class="num" style="font-size:1.3rem;">' + pedidosDia.length + '</div>' + ' <div class="label">Pedidos hoy</div>' + '</div>' + '<div class="estadistica-card" style="flex:1; min-width:200px;">' + ' <div class="num" style="font-size:1.3rem;">' + pedidosAnio.length + '</div>' + ' <div class="label">Pedidos año</div>' + '</div>' + '</div>'; // Gráfico de línea: pedidos por día del mes actual const diasEnMes = new Date(currentYear, currentMonth + 1, 0).getDate(); const pedidosPorDia = Array(diasEnMes).fill(0); picking.forEach(p => { const d = new Date(p.fechaInicio || p.fecha); if (d.getMonth() === currentMonth && d.getFullYear() === currentYear) { pedidosPorDia[d.getDate() - 1]++; } }); const labelsDias = Array.from({length: diasEnMes}, (_, i) => (i + 1).toString()); const graficoHtml = '<div style="background:#fff;border-radius:12px;border:1px solid #e5ecf2;padding:20px;margin-top:18px;box-shadow:var(--shadow);">' + '<div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;">' + '<h3 style="font-size:1.05rem;font-weight:600;color:var(--primary);margin:0;">Pedidos</h3>' + '<select id="filtroGraficoPedidos" onchange="renderGraficoPedidos()" style="padding:5px 10px;border-radius:6px;border:1px solid var(--border);font-size:13px;">' + '<option value="mensual">Mensual</option><option value="diario">Diario</option><option value="anual">Anual</option>' + '</select></div>' + '<div style="height:220px;"><canvas id="graficoPedidos"></canvas></div></div>'; document.getElementById('pedidosRecientesInicio').innerHTML = graficoHtml; renderGraficoPedidos(); renderMetricasExtra(); } /* Métricas automáticas: cajas, equipos, térmicas por tipo y cumplimiento (Picking vs Packing) */ function renderMetricasExtra() { const cont = document.getElementById('metricasExtraInicio'); if (!cont) return; const totalCajas = picking.reduce((s, p) => s + (parseInt(p.cajas) || 0), 0); const totalEquipos = picking.reduce((s, p) => s + (parseInt(p.cantEquipos) || 0), 0); // Térmicas agrupadas por tipo (ej: T13, T40, T80...) — se normaliza para agrupar // variantes como "T80", "t80", "t-80" o "80" bajo el mismo tipo, y se separan los // pedidos donde se ingresó más de un tipo junto (ej: "T80,T40,13"). const termicasPorTipo = {}; picking.forEach(p => { if (p.termicasDetalle && typeof p.termicasDetalle === 'object') { Object.keys(p.termicasDetalle).forEach(tt => { const n = parseInt(p.termicasDetalle[tt]) || 0; if (!n) return; const key = String(tt).toUpperCase().replace(/[\s\-_.]/g, '').replace(/^T/, ''); if (!key) return; if (!termicasPorTipo[key]) termicasPorTipo[key] = { label: 'T' + key, total: 0 }; termicasPorTipo[key].total += n; }); return; } const original = (p.tipoTermica || '').trim(); if (!original) return; const tokens = original.split(/[,;/]+/).map(t => t.trim()).filter(Boolean); if (tokens.length === 0) return; const cantidad = parseInt(p.cantTermicas) || 0; const porTipo = cantidad / tokens.length; tokens.forEach(tok => { const key = tok.toUpperCase().replace(/[\s\-_.]/g, '').replace(/^T/, ''); if (!key) return; const label = 'T' + key; if (!termicasPorTipo[key]) termicasPorTipo[key] = { label: label, total: 0 }; termicasPorTipo[key].total += porTipo; }); }); const tiposOrdenados = Object.values(termicasPorTipo).sort((a, b) => b.total - a.total); // Cumplimiento: cruzar Picking (ingresados) contra Packing (registrados/con novedad) const mapa = {}; picking.forEach(p => { const key = (p.pedido || '').toLowerCase(); if (!key) return; if (!mapa[key]) mapa[key] = {}; mapa[key].pick = p; }); packing.forEach(p => { const key = (p.pedido || '').toLowerCase(); if (!key) return; if (!mapa[key]) mapa[key] = {}; mapa[key].pack = p; }); const todos = Object.values(mapa).filter(d => d.pick); const totalIngresados = todos.length; const conRegistro = todos.filter(d => d.pack).length; const faltantes = totalIngresados - conRegistro; const conNovedad = todos.filter(d => d.pack && tieneNovedadReal(d.pack)).length; const sinNovedad = conRegistro - conNovedad; const pctCumplimiento = conRegistro > 0 ? Math.round((sinNovedad / conRegistro) * 100) : 0; cont.innerHTML = '<div style="display:flex; gap:14px; flex-wrap:wrap; margin-bottom:18px;">' + // Cantidad de cajas '<div class="estadistica-card" style="flex:1; min-width:160px; display:flex; align-items:center; gap:14px; text-align:left; padding:18px 20px;">' + ' <div style="width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#0ea5e9,#38bdf8);display:flex;align-items:center;justify-content:center;font-size:20px;">📦</div>' + ' <div><div style="font-size:12px;color:var(--gray);font-weight:500;">Cantidad de cajas</div><div class="num" style="font-size:1.8rem;">' + totalCajas + '</div></div>' + '</div>' + // Cantidad de equipos '<div class="estadistica-card" style="flex:1; min-width:160px; display:flex; align-items:center; gap:14px; text-align:left; padding:18px 20px;">' + ' <div style="width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#6366f1,#818cf8);display:flex;align-items:center;justify-content:center;font-size:20px;">🖥️</div>' + ' <div><div style="font-size:12px;color:var(--gray);font-weight:500;">Cantidad de equipos</div><div class="num" style="font-size:1.8rem;">' + totalEquipos + '</div></div>' + '</div>' + // Térmicas por tipo (mini gráfico columna) '<div class="estadistica-card" style="flex:1.4; min-width:230px; padding:14px 18px;">' + ' <div style="font-size:12px;color:var(--gray);font-weight:500;margin-bottom:6px;">Cajas térmicas por tipo</div>' + ' <div style="height:90px;"><canvas id="graficoTermicasPorTipo"></canvas></div>' + '</div>' + // Cumplimiento '<div class="estadistica-card" style="flex:1.4; min-width:250px; padding:14px 18px;">' + ' <div style="font-size:12px;color:var(--gray);font-weight:500;margin-bottom:6px;">Cumplimiento (sin novedad vs con novedad)</div>' + ' <div style="display:flex;align-items:baseline;gap:8px;">' + ' <div class="num" style="font-size:1.8rem;color:' + (pctCumplimiento >= 90 ? '#10b981' : pctCumplimiento >= 70 ? '#f59e0b' : '#ef4444') + ';">' + pctCumplimiento + '%</div>' + ' <div style="font-size:11.5px;color:var(--gray);">sin novedad (' + sinNovedad + '/' + conRegistro + ')</div>' + ' </div>' + ' <div style="font-size:12px;color:var(--gray);margin-top:6px;">🚨 Con novedad: <b>' + conNovedad + '</b></div>' + ' <div style="font-size:12px;color:var(--gray);">📋 Ingresados: <b>' + totalIngresados + '</b> &nbsp;|&nbsp; ⏳ Faltantes: <b style="color:' + (faltantes > 0 ? '#ef4444' : 'inherit') + ';">' + faltantes + '</b></div>' + '</div>' + '</div>'; const canvasT = document.getElementById('graficoTermicasPorTipo'); if (canvasT) { if (window.miGraficoTermicas) window.miGraficoTermicas.destroy(); window.miGraficoTermicas = new Chart(canvasT.getContext('2d'), { type: 'bar', data: { labels: tiposOrdenados.map(t => t.label || 'Sin tipo'), datasets: [{ label: 'Térmicas', data: tiposOrdenados.map(t => t.total), backgroundColor: '#146ca8', borderRadius: 4, maxBarThickness: 34 }] }, options: { responsive: true, maintainAspectRatio: false, plugins: { legend: { display: false } }, scales: { y: { beginAtZero: true, ticks: { stepSize: 1, font: { size: 10 } }, grid: { color: '#f0f0f0' } }, x: { ticks: { font: { size: 10 } }, grid: { display: false } } } } }); } } /* ===================== CLIENTES ===================== */ let paginaClientes = 1; let tamanoPaginaClientes = 25; function cambiarTamanoPaginaClientes() { tamanoPaginaClientes = parseInt(document.getElementById('tamanoPaginaClientes').value) || 25; paginaClientes = 1; renderClientes(); } function irAPaginaClientes(pagina) { paginaClientes = pagina; renderClientes(); } function renderClientes() { const q = document.getElementById('buscarCliente').value.toLowerCase(); const filtrados = clientes.filter(c => (c.nombre+' '+c.rut+' '+c.contacto).toLowerCase().includes(q)); const tbody = document.getElementById('tablaClientes'); const paginacion = document.getElementById('paginacionClientes'); if (filtrados.length===0) { tbody.innerHTML = '<tr><td colspan="5" class="empty-state">Sin clientes</td></tr>'; if (paginacion) paginacion.innerHTML = ''; return; } const totalPaginas = Math.max(1, Math.ceil(filtrados.length / tamanoPaginaClientes)); if (paginaClientes > totalPaginas) paginaClientes = totalPaginas; const inicio = (paginaClientes - 1) * tamanoPaginaClientes; const visibles = filtrados.slice(inicio, inicio + tamanoPaginaClientes); tbody.innerHTML = visibles.map(c => { let dirs = ''; if (c.direcciones && c.direcciones.length) { dirs = c.direcciones.map(d => esc(d.ciudad) + ': ' + esc(d.direccion)).join('<br>'); } else if (c.dir) { dirs = esc(c.dir); } return '<tr><td>' + esc(c.nombre) + '</td><td>' + esc(c.rut) + '</td><td>' + esc(c.contacto) + '</td><td>' + esc(c.tel) + '</td>' + '<td>' + dirs + '</td>' + '<td><button class="btn btn-outline" style="padding:4px 10px; font-size:12px;" onclick="editarCliente(' + c.id + ')">✏️</button> ' + '<button class="btn btn-danger" style="padding:4px 10px; font-size:12px;" onclick="eliminarCliente(' + c.id + ')">🗑️</button></td></tr>'; }).join(''); if (paginacion) { paginacion.innerHTML = '<button class="btn btn-outline" style="padding:6px 12px;" ' + (paginaClientes<=1?'disabled':'') + ' onclick="irAPaginaClientes(' + (paginaClientes-1) + ')">← Anterior</button>' + '<span>Página ' + paginaClientes + ' de ' + totalPaginas + ' (' + filtrados.length + ' clientes)</span>' + '<button class="btn btn-outline" style="padding:6px 12px;" ' + (paginaClientes>=totalPaginas?'disabled':'') + ' onclick="irAPaginaClientes(' + (paginaClientes+1) + ')">Siguiente →</button>'; } } function cargarClientesArchivo(input) { const file = input.files[0]; if (!file) return; document.getElementById('nombreArchivoClientes').textContent = file.name; const reader = new FileReader(); reader.onload = function(e) { const data = new Uint8Array(e.target.result); try { const workbook = XLSX.read(data, {type: 'array'}); const firstSheet = workbook.Sheets[workbook.SheetNames[0]]; const json = XLSX.utils.sheet_to_json(firstSheet, {header:1}); // Validación de encabezados: esta carga asume un orden fijo de columnas // (Nombre, RUC, Contacto, Teléfono, Dirección, Ciudad, Email). Si el archivo // viene con las columnas reordenadas, los datos se mezclarían en silencio // (ej: el teléfono terminando en el campo dirección), así que avisamos antes. const normalizar = s => String(s || '').toLowerCase().normalize('NFD').replace(/[\u0300-\u036f]/g, '').trim(); const encabezadosEsperados = ['nombre', 'ruc', 'contacto', 'telefono', 'direccion', 'ciudad', 'email']; const encabezadosArchivo = (json[0] || []).map(normalizar); const encabezadosOk = encabezadosEsperados.every((h, i) => encabezadosArchivo[i] === h); if (!encabezadosOk) { const detectados = (json[0] || []).filter(Boolean).join(', ') || '(sin encabezados)'; const continuar = confirm( 'Las columnas del archivo no coinciden con el orden esperado:\n' + 'Nombre, RUC, Contacto, Teléfono, Dirección, Ciudad, Email\n\n' + 'Encabezados detectados en tu archivo: ' + detectados + '\n\n' + 'Si continúas, los datos se asignarán por posición de columna y podrían mezclarse (ej: el teléfono quedando en el campo dirección).\n\n' + '¿Continuar de todas formas?' ); if (!continuar) { input.value = ''; toast('Carga cancelada: revisa el orden de las columnas', 'warning'); return; } } let nuevos = 0, actualizados = 0; for (let i = 1; i < json.length; i++) { const row = json[i]; if (!row || !row[0]) continue; const nombre = String(row[0]).trim(); if (!nombre) continue; const ruc = String(row[1] || '').trim(); const contacto = String(row[2] || '').trim(); const tel = String(row[3] || '').trim(); const direccion = String(row[4] || '').trim(); const ciudad = String(row[5] || '').trim(); const email = String(row[6] || '').trim(); const existente = clientes.find(c => c.nombre.toLowerCase().trim() === nombre.toLowerCase()); if (existente) { if (!existente.rut && ruc) existente.rut = ruc; if (!existente.contacto && contacto) existente.contacto = contacto; if (!existente.tel && tel) existente.tel = tel; if (!existente.email && email) existente.email = email; if (ciudad || direccion) { existente.direcciones = existente.direcciones || []; const yaTiene = existente.direcciones.some(d => (d.ciudad||'').toLowerCase() === ciudad.toLowerCase() && (d.direccion||'').toLowerCase() === direccion.toLowerCase()); if (!yaTiene) existente.direcciones.push({ ciudad, direccion }); } actualizados++; } else { const id = nuevoId(clientes); clientes.push({ id, nombre, rut: ruc, contacto, tel, dir: '', direcciones: (ciudad || direccion) ? [{ ciudad, direccion }] : undefined, email }); nuevos++; } } setData('clientesSIMED', clientes); renderClientes(); renderInicio(); toast('Clientes cargados: ' + nuevos + ' nuevos, ' + actualizados + ' actualizados.', 'success'); } catch (err) { console.error(err); toast('Error al leer el archivo de clientes', 'error'); } }; reader.readAsArrayBuffer(file); } function guardarCliente() { const nombre = document.getElementById('cNombre').value.trim(); if (!nombre) { toast('Ingresa el nombre del cliente', 'error'); return; } const id = nuevoId(clientes); const direcciones = []; document.querySelectorAll('#cDireccionesContainer .fila-direccion').forEach(row => { const ciudad = row.querySelector('.d-ciudad').value.trim(); const direccion = row.querySelector('.d-direccion').value.trim(); if (ciudad || direccion) direcciones.push({ciudad, direccion}); }); clientes.push({ id, nombre, rut: document.getElementById('cRut').value.trim(), contacto: document.getElementById('cContacto').value.trim(), tel: document.getElementById('cTel').value.trim(), dir: direcciones.length ? '' : '', direcciones: direcciones.length ? direcciones : undefined, email: document.getElementById('cEmail').value.trim() }); setData('clientesSIMED', clientes); toast('Cliente guardado', 'success'); ['cNombre','cRut','cContacto','cTel','cEmail'].forEach(id=>document.getElementById(id).value=''); document.getElementById('cDireccionesContainer').innerHTML = ''; showTabClientes('lista'); renderClientes(); } function editarCliente(id) { const c = clientes.find(x=>x.id===id); if (!c) return; document.getElementById('ecId').value = c.id; document.getElementById('ecNombre').value = c.nombre; document.getElementById('ecRut').value = c.rut || ''; document.getElementById('ecContacto').value = c.contacto || ''; document.getElementById('ecTel').value = c.tel || ''; document.getElementById('ecEmail').value = c.email || ''; const container = document.getElementById('ecDireccionesContainer'); container.innerHTML = ''; if (c.direcciones && c.direcciones.length) { c.direcciones.forEach(d => agregarDireccionClienteEdit(d.ciudad, d.direccion)); } else if (c.dir) { agregarDireccionClienteEdit('', c.dir); } openModal('modalCliente'); } function guardarEdicionCliente() { const id = parseInt(document.getElementById('ecId').value); const c = clientes.find(x=>x.id===id); if (!c) return; c.nombre = document.getElementById('ecNombre').value.trim(); c.rut = document.getElementById('ecRut').value.trim(); c.contacto = document.getElementById('ecContacto').value.trim(); c.tel = document.getElementById('ecTel').value.trim(); c.email = document.getElementById('ecEmail').value.trim(); const direcciones = []; document.querySelectorAll('#ecDireccionesContainer .fila-direccion').forEach(row => { const ciudad = row.querySelector('.d-ciudad').value.trim(); const direccion = row.querySelector('.d-direccion').value.trim(); if (ciudad || direccion) direcciones.push({ciudad, direccion}); }); if (direcciones.length) { c.direcciones = direcciones; c.dir = ''; } else { c.direcciones = undefined; c.dir = ''; } setData('clientesSIMED', clientes); toast('Cliente actualizado', 'success'); closeModal('modalCliente'); renderClientes(); } function eliminarCliente(id) { if (!confirm('¿Eliminar cliente?')) return; const cliente = clientes.find(c => c.id === id); if (cliente) guardarEnPapelera('cliente', cliente); clientes = clientes.filter(c=>c.id!==id); setData('clientesSIMED', clientes); toast('Cliente eliminado (puedes restaurarlo desde Configuración > Papelera)', 'warning'); renderClientes(); } function showTabClientes(tab) { document.getElementById('clientesLista').classList.toggle('hidden', tab!=='lista'); document.getElementById('clientesNuevo').classList.toggle('hidden', tab!=='nuevo'); document.getElementById('tabClientesLista').classList.toggle('active', tab==='lista'); document.getElementById('tabClientesNuevo').classList.toggle('active', tab==='nuevo'); } /* ===================== BASE DE PEDIDOS ===================== */ let basePedidos = []; let pedidosEnviados = []; function eliminarBasePedidos() { if (basePedidos.length === 0) { toast('No hay ningún archivo cargado', 'warning'); return; } if (!confirm('¿Eliminar el archivo de base de pedidos cargado? Esta acción no se puede deshacer.')) return; basePedidos = []; setData('basePedidosSIMED', basePedidos); document.getElementById('basePedidosFile').value = ''; document.getElementById('nombreArchivoBase').textContent = 'Sin archivos seleccionados'; document.getElementById('contadorBasePedidos').textContent = ''; if (document.getElementById('gridPendientesPicking')) renderPendientesPicking(); toast('Archivo de base de pedidos eliminado', 'warning'); } function cargarBasePedidos(input) { const file = input.files[0]; if (!file) return; document.getElementById('nombreArchivoBase').textContent = file.name; const reader = new FileReader(); reader.onload = function(e) { const data = new Uint8Array(e.target.result); try { const workbook = XLSX.read(data, {type: 'array'}); const firstSheet = workbook.Sheets[workbook.SheetNames[0]]; const json = XLSX.utils.sheet_to_json(firstSheet, {header:1}); basePedidos = []; let omitidos = 0; for (let i = 1; i < json.length; i++) { const row = json[i]; if (row && row[0]) { const pedido = String(row[0]||'').trim(); const tienePicking = picking.some(p => p.pedido && p.pedido.toLowerCase().trim() === pedido.toLowerCase()); const tienePacking = packing.some(p => p.pedido && p.pedido.toLowerCase().trim() === pedido.toLowerCase()); if (tienePicking && tienePacking) { omitidos++; continue; } basePedidos.push({ pedido: pedido, cliente: String(row[1]||''), direccion: String(row[2]||''), ciudad: String(row[3]||'') }); } } document.getElementById('contadorBasePedidos').textContent = basePedidos.length + ' pedidos cargados en la base.'; setData('basePedidosSIMED', basePedidos); const clientesNuevos = sincronizarClientesDesdeBase(); if (clientesNuevos > 0 && document.getElementById('tablaClientes')) renderClientes(); renderInicio(); let msg = 'Base cargada: ' + basePedidos.length + ' pedidos'; if (omitidos > 0) msg += ' (' + omitidos + ' omitidos por ya tener picking y packing)'; if (clientesNuevos > 0) msg += '. ' + clientesNuevos + ' cliente(s) nuevo(s) registrados.'; toast(msg, 'success'); } catch(err) { toast('Error al leer el archivo Excel', 'error'); } }; reader.readAsArrayBuffer(file); } function sincronizarClientesDesdeBase() { let clientesNuevos = 0; const fuentes = [].concat(basePedidos || [], picking || [], packing || []); fuentes.forEach(b => { const nombreCliente = (b.cliente || '').trim(); if (!nombreCliente) return; const yaExiste = clientes.some(c => c.nombre.toLowerCase().trim() === nombreCliente.toLowerCase()); if (!yaExiste) { const id = nuevoId(clientes); clientes.push({ id, nombre: nombreCliente, rut: '', contacto: '', tel: '', dir: '', direcciones: (b.ciudad || b.direccion) ? [{ ciudad: b.ciudad || '', direccion: b.direccion || '' }] : undefined, email: '' }); clientesNuevos++; } }); if (clientesNuevos > 0) setData('clientesSIMED', clientes); return clientesNuevos; } function descontarDeBase(pedido) { if (!pedido) return; const antes = basePedidos.length; basePedidos = basePedidos.filter(b => b.pedido.toLowerCase().trim() !== pedido.toLowerCase().trim()); if (basePedidos.length !== antes) { setData('basePedidosSIMED', basePedidos); if (document.getElementById('contadorBasePedidos')) { document.getElementById('contadorBasePedidos').textContent = basePedidos.length ? (basePedidos.length + ' pedidos cargados en la base.') : 'Base sin pedidos pendientes.'; } } } function obtenerDireccionCliente(nombreCliente, ciudad) { if (!nombreCliente) return ''; const c = clientes.find(x => x.nombre.toLowerCase().trim() === nombreCliente.toLowerCase().trim()); if (!c) return ''; if (c.direcciones && c.direcciones.length) { const match = c.direcciones.find(d => d.ciudad && d.ciudad.toLowerCase().trim() === (ciudad||'').toLowerCase().trim()); if (match) return match.direccion; return c.direcciones[0].direccion || ''; } return c.dir || ''; } function agregarDireccionCliente(ciudad, direccion) { const container = document.getElementById('cDireccionesContainer'); const div = document.createElement('div'); div.className = 'fila fila-direccion'; div.style = 'gap:8px; margin-top:6px;'; div.innerHTML = '<div class="campo" style="flex:1;"><input type="text" class="d-ciudad" placeholder="Ciudad" value="' + escAttr(ciudad||'') + '"></div>' + '<div class="campo" style="flex:2;"><input type="text" class="d-direccion" placeholder="Dirección" value="' + escAttr(direccion||'') + '"></div>' + '<button type="button" class="btn btn-danger" style="padding:4px 10px; font-size:12px;" onclick="this.parentElement.remove()">✕</button>'; container.appendChild(div); } function agregarDireccionClienteEdit(ciudad, direccion) { const container = document.getElementById('ecDireccionesContainer'); const div = document.createElement('div'); div.className = 'fila fila-direccion'; div.style = 'gap:8px; margin-top:6px;'; div.innerHTML = '<div class="campo" style="flex:1;"><input type="text" class="d-ciudad" placeholder="Ciudad" value="' + escAttr(ciudad||'') + '"></div>' + '<div class="campo" style="flex:2;"><input type="text" class="d-direccion" placeholder="Dirección" value="' + escAttr(direccion||'') + '"></div>' + '<button type="button" class="btn btn-danger" style="padding:4px 10px; font-size:12px;" onclick="this.parentElement.remove()">✕</button>'; container.appendChild(div); } function buscarDatosCliente(nombreCliente) { if (!nombreCliente) return null; return clientes.find(c => c.nombre.toLowerCase().trim() === nombreCliente.toLowerCase().trim()) || null; } function motivoDesdeCodigo(code){ if(!code) return ''; var c = String(code).toUpperCase().trim(); var map = {FT:'VENTA',CM:'CONSUMIBLE',CJ:'CANJE',CT:'CUSTODIO',PPR:'PRUEBA REPORTADA',PRE:'REPOSICION DE REACTIVO',PC:'PRESTAMO CLIENTE',AC:'AUTOCONSUMO',IT:'INSTALACION'}; return map[c] || ''; } function autocompletarDesdeBase() { const pedido = document.getElementById('pPedido').value.trim(); if (!pedido || basePedidos.length === 0) return; const found = basePedidos.find(b => b.pedido.toLowerCase() === pedido.toLowerCase()); if (found) { document.getElementById('pCliente').value = found.cliente; const ciudad = found.ciudad || ''; const dirPorCiudad = obtenerDireccionCliente(found.cliente, ciudad); document.getElementById('pDireccion').value = dirPorCiudad || found.direccion || ''; document.getElementById('pCiudad').value = ciudad; const setVal = (id,v) => { const el=document.getElementById(id); if(el) el.value = v; }; const has = v => v !== undefined && v !== null && String(v).trim() !== ''; if (has(found.cajas)) setVal('pCajas', found.cajas); if (has(found.cantEquipos)) setVal('pCantEquipos', found.cantEquipos); if (found.termicasDetalle) setTermicasDetallePick(found.termicasDetalle); if (has(found.tipoPedido)) setVal('pTipoPedido', found.tipoPedido); if (has(found.responsable) && String(found.responsable).toUpperCase() !== 'NA') setVal('pResponsable', found.responsable); if (has(found.fechaInicio)) setVal('pFechaInicio', found.fechaInicio); if (has(found.fechaSalida)) setVal('pFechaSalida', found.fechaSalida); if (has(found.obs) && String(found.obs).toUpperCase() !== 'NA') setVal('pObs', found.obs); const motAuto = motivoDesdeCodigo(found.docTipo); if (motAuto) setVal('pMotivo', motAuto); else if (has(found.motivo) && String(found.motivo).toUpperCase() !== 'NA') setVal('pMotivo', found.motivo); /* Guía Operador: se autocompleta con EQM-<n> si hay Data Logger EQM */ if (has(found.eqm)) setVal('pGuiaOp', found.eqm); } } function mostrarPendientesPicking() { document.getElementById('pickingPendientes').classList.remove('hidden'); document.getElementById('pickingFormulario').classList.add('hidden'); renderPendientesPicking(); } function mostrarFormularioPicking() { document.getElementById('pickingPendientes').classList.add('hidden'); document.getElementById('pickingFormulario').classList.remove('hidden'); } let paginaPicking = 1; let tamanoPaginaPicking = 25; function cambiarTamanoPaginaPicking() { tamanoPaginaPicking = parseInt(document.getElementById('tamanoPaginaPicking').value) || 25; paginaPicking = 1; renderPendientesPicking(); } function irAPaginaPicking(pagina) { paginaPicking = pagina; renderPendientesPicking(); } function renderPendientesPicking() { const tbody = document.getElementById('tbodyPendientesPicking'); const paginacion = document.getElementById('paginacionPicking'); if (!tbody) return; const pendientes = (basePedidos || []).filter(b => { if (!b.pedido) return false; const yaEnPicking = picking.some(p => p.pedido && String(p.pedido).toLowerCase() === String(b.pedido).toLowerCase()); return !yaEnPicking; }); if (pendientes.length === 0) { tbody.innerHTML = '<tr><td colspan="3" class="empty-state">No hay pedidos pendientes en la base cargada</td></tr>'; if (paginacion) paginacion.innerHTML = ''; return; } const totalPaginas = Math.max(1, Math.ceil(pendientes.length / tamanoPaginaPicking)); if (paginaPicking > totalPaginas) paginaPicking = totalPaginas; const inicio = (paginaPicking - 1) * tamanoPaginaPicking; const visibles = pendientes.slice(inicio, inicio + tamanoPaginaPicking); tbody.innerHTML = visibles.map(b => '<tr style="cursor:pointer;" onclick="abrirPickingPendiente(\'' + escOnclickArg(b.pedido) + '\')">' + '<td>' + esc(b.cliente) + '</td>' + '<td>' + esc(b.ciudad) + '</td>' + '<td><a href="javascript:void(0)" style="color:var(--primary); font-weight:600; text-decoration:none;">' + esc(b.pedido) + '</a></td>' + '</tr>' ).join(''); if (paginacion) { paginacion.innerHTML = '<button class="btn btn-outline" style="padding:6px 12px;" ' + (paginaPicking<=1?'disabled':'') + ' onclick="irAPaginaPicking(' + (paginaPicking-1) + ')">← Anterior</button>' + '<span>Página ' + paginaPicking + ' de ' + totalPaginas + ' (' + pendientes.length + ' pedidos)</span>' + '<button class="btn btn-outline" style="padding:6px 12px;" ' + (paginaPicking>=totalPaginas?'disabled':'') + ' onclick="irAPaginaPicking(' + (paginaPicking+1) + ')">Siguiente →</button>'; } } function buscarYAbrirPicking() { const pedido = document.getElementById('buscarPedidoPicking').value.trim(); if (!pedido) { toast('Ingresa un número de pedido', 'warning'); return; } const yaExiste = picking.some(p => p.pedido && String(p.pedido).toLowerCase() === pedido.toLowerCase()); nuevoPedidoPicking(); document.getElementById('pPedido').value = pedido; autocompletarDesdeBase(); setFechaActualPicking(); mostrarFormularioPicking(); document.getElementById('buscarPedidoPicking').value = ''; if (yaExiste) toast('Este pedido ya tiene un picking registrado.', 'warning'); } function abrirPickingPendiente(pedido) { nuevoPedidoPicking(); document.getElementById('pPedido').value = pedido; autocompletarDesdeBase(); setFechaActualPicking(); mostrarFormularioPicking(); } function nuevoPicking() { ['pPedido','pCliente','pDireccion','pCiudad','pCajas','pCantEquipos','pResponsable','pObs','pMotivo','pGuiaOp'].forEach(id => document.getElementById(id).value = ''); resetTermicasPick(); document.getElementById('pTipoPedido').value = ''; document.getElementById('pFechaInicio').value = ''; document.getElementById('pFechaSalida').value = ''; setFechaActualPicking(); } /* ===================== PICKING ===================== */ var TERM_TIPOS=['13','20','40','80','90']; function termStep(t,d){var el=document.getElementById('pTerm'+t);if(!el)return;var v=(parseInt(el.value)||0)+d;if(v<0)v=0;el.value=v;termRecalc();} function termRecalc(){var tot=0;TERM_TIPOS.forEach(function(t){var el=document.getElementById('pTerm'+t);var v=parseInt(el&&el.value)||0;if(v<0){v=0;if(el)el.value=0;}tot+=v;});var tv=document.getElementById('pTermTotal');if(tv)tv.textContent=tot;return tot;} function getTermicasDetallePick(){var det={};TERM_TIPOS.forEach(function(t){var el=document.getElementById('pTerm'+t);var v=parseInt(el&&el.value)||0;if(v<0)v=0;det['T'+t]=v;});return det;} function setTermicasDetallePick(det){det=det||{};TERM_TIPOS.forEach(function(t){var el=document.getElementById('pTerm'+t);if(el)el.value=(parseInt(det['T'+t])||0);});termRecalc();} function resetTermicasPick(){TERM_TIPOS.forEach(function(t){var el=document.getElementById('pTerm'+t);if(el)el.value=0;});termRecalc();} function resumenTermicas(det){det=det||{};return TERM_TIPOS.map(function(t){return{t:'T'+t,n:parseInt(det['T'+t])||0};}).filter(function(x){return x.n>0;}).map(function(x){return x.t;}).join(', ');} function nuevoPedidoPicking() { document.getElementById('pPedido').value = ''; document.getElementById('pCliente').value = ''; document.getElementById('pDireccion').value = ''; document.getElementById('pCiudad').value = ''; document.getElementById('pCajas').value = ''; document.getElementById('pCantEquipos').value = ''; resetTermicasPick(); document.getElementById('pTipoPedido').value = ''; document.getElementById('pResponsable').value = ''; document.getElementById('pFechaInicio').value = ''; document.getElementById('pFechaSalida').value = ''; document.getElementById('pObs').value = ''; document.getElementById('pMotivo').value = ''; document.getElementById('pGuiaOp').value = ''; document.getElementById('pPedido').focus(); toast('Formulario de Picking limpiado. Listo para nuevo pedido.', 'success'); } function mostrarPendientesPacking() { document.getElementById('packingPendientes').classList.remove('hidden'); document.getElementById('packingFormulario').classList.add('hidden'); renderPendientesPacking(); } function mostrarFormularioPacking() { document.getElementById('packingPendientes').classList.add('hidden'); document.getElementById('packingFormulario').classList.remove('hidden'); } let paginaPacking = 1; let tamanoPaginaPacking = 25; function cambiarTamanoPaginaPacking() { tamanoPaginaPacking = parseInt(document.getElementById('tamanoPaginaPacking').value) || 25; paginaPacking = 1; renderPendientesPacking(); } function irAPaginaPacking(pagina) { paginaPacking = pagina; renderPendientesPacking(); } function renderPendientesPacking() { const tbody = document.getElementById('tablaPendientesPacking'); const paginacion = document.getElementById('paginacionPacking'); if (!tbody) return; const pendientes = picking.filter(p => { if (!p.pedido) return false; const yaConNovedad = packing.some(pk => pk.pedido && String(pk.pedido).toLowerCase() === String(p.pedido).toLowerCase()); return !yaConNovedad; }).sort((a, b) => (b.id || 0) - (a.id || 0)); if (pendientes.length === 0) { tbody.innerHTML = '<tr><td colspan="3" class="empty-state">No hay pedidos pendientes de ingresar novedad</td></tr>'; if (paginacion) paginacion.innerHTML = ''; return; } const totalPaginas = Math.max(1, Math.ceil(pendientes.length / tamanoPaginaPacking)); if (paginaPacking > totalPaginas) paginaPacking = totalPaginas; const inicio = (paginaPacking - 1) * tamanoPaginaPacking; const visibles = pendientes.slice(inicio, inicio + tamanoPaginaPacking); tbody.innerHTML = visibles.map(p => '<tr style="cursor:pointer;" onclick="abrirNovedadPendiente(' + p.id + ')">' + '<td>' + esc(p.cliente) + '</td>' + '<td>' + esc(p.fecha) + '</td>' + '<td><a href="javascript:void(0)" style="color:var(--primary); font-weight:600; text-decoration:none;">' + esc(p.pedido) + '</a>' + (p.borradorNovedad ? ' <span style="font-size:11px; color:#b45309; background:#fef3c7; border-radius:6px; padding:2px 7px; margin-left:6px;">Pre-guardado</span>' : '') + '</td>' + '</tr>' ).join(''); if (paginacion) { paginacion.innerHTML = '<button class="btn btn-outline" style="padding:6px 12px;" ' + (paginaPacking<=1?'disabled':'') + ' onclick="irAPaginaPacking(' + (paginaPacking-1) + ')">← Anterior</button>' + '<span>Página ' + paginaPacking + ' de ' + totalPaginas + ' (' + pendientes.length + ' pedidos)</span>' + '<button class="btn btn-outline" style="padding:6px 12px;" ' + (paginaPacking>=totalPaginas?'disabled':'') + ' onclick="irAPaginaPacking(' + (paginaPacking+1) + ')">Siguiente →</button>'; } } function abrirNovedadPendiente(id) { marcarPackingIngresado(id); cargarPackingDesdePicking(id); ['nFecha','nRecibe','nAccionCorrectiva','nAsesor','nDescripcion','nDesviacion','nTransportista','nHojaRuta','nFechaEntrega','nHoraLlegada','nFechaSalida','nHoraSalida','nObsNovedad','nOperador','nResponsable','nRecibido','nEstadoEntrega','nTemperatura'].forEach(fid => document.getElementById(fid).value = ''); setFechaActualPacking(); const pkDraft = picking.find(x => x.id === id); if (pkDraft && pkDraft.borradorNovedad) { Object.keys(pkDraft.borradorNovedad).forEach(fid => { const el = document.getElementById(fid); if (el && pkDraft.borradorNovedad[fid] !== '' && pkDraft.borradorNovedad[fid] !== null && pkDraft.borradorNovedad[fid] !== undefined) el.value = pkDraft.borradorNovedad[fid]; }); } mostrarFormularioPacking(); } function nuevoPedidoPacking() { document.getElementById('kPedido').value = ''; document.getElementById('kCliente').value = ''; document.getElementById('kDireccion').value = ''; document.getElementById('kCiudad').value = ''; document.getElementById('kCaja').value = ''; document.getElementById('kTipoPedido').value = ''; document.getElementById('kTipoTermica').value = ''; document.getElementById('kCantTermicas').value = ''; kFillTerm(null); document.getElementById('kCantEquipos').value = ''; document.getElementById('kResponsable').value = ''; document.getElementById('kFechaInicio').value = ''; document.getElementById('kFechaSalida').value = ''; document.getElementById('kObsPicking').value = ''; document.getElementById('nFecha').value = ''; document.getElementById('nRecibe').value = ''; document.getElementById('nAccionCorrectiva').value = ''; document.getElementById('nAsesor').value = ''; document.getElementById('nDescripcion').value = ''; document.getElementById('nDesviacion').value = ''; document.getElementById('nTransportista').value = ''; document.getElementById('nHojaRuta').value = ''; document.getElementById('nFechaEntrega').value = ''; document.getElementById('nHoraLlegada').value = ''; document.getElementById('nHoraSalida').value = ''; document.getElementById('nObsNovedad').value = ''; document.getElementById('nOperador').value = ''; document.getElementById('nResponsable').value = ''; document.getElementById('nRecibido').value = ''; document.getElementById('nEstadoEntrega').value = ''; document.getElementById('nTemperatura').value = ''; document.getElementById('kPedido').focus(); toast('Formulario de Packing limpiado. Listo para nuevo pedido.', 'success'); } function guardarPicking() { const pedido = document.getElementById('pPedido').value.trim(); if (!pedido) { toast('Ingresa el número de pedido', 'error'); return; } // Auto-completar desde basePedidos si los datos están vacíos autocompletarDesdeBase(); const cliente = document.getElementById('pCliente').value.trim(); if (!cliente) { toast('Ingresa el cliente', 'error'); return; } const direccion = document.getElementById('pDireccion').value.trim(); const ciudad = document.getElementById('pCiudad').value.trim(); if (!direccion) { toast('Dirección no encontrada en base de pedidos ni en clientes.', 'error'); return; } if (!ciudad) { toast('Ciudad no encontrada en base de pedidos.', 'error'); return; } const tipoPedido = document.getElementById('pTipoPedido').value; if (!tipoPedido) { toast('Selecciona el tipo de pedido', 'error'); return; } /* Ningún campo puede quedar vacío. "0" cuenta como un valor válido para los numéricos. */ const camposObligatoriosPicking = [ ['pCajas', 'Cajas'], ['pCantEquipos', 'Cantidad de equipos'], ['pFechaInicio', 'Fecha y hora de inicio'], ['pFechaSalida', 'Fecha y hora de salida'] ]; for (const [fid, label] of camposObligatoriosPicking) { const el = document.getElementById(fid); if (!el || el.value === '' || el.value === null || String(el.value).trim() === '') { toast('Completa el campo "' + label + '" (puedes ingresar 0 si no aplica)', 'error'); if (el) el.focus(); return; } } const cajas = parseInt(document.getElementById('pCajas').value) || 0; const cantEquipos = parseInt(document.getElementById('pCantEquipos').value) || 0; const termicasDetalle = getTermicasDetallePick(); const cantTermicas = termRecalc(); const id = nuevoId(picking); picking.push({ id, pedido, cliente, direccion: document.getElementById('pDireccion').value.trim(), ciudad: document.getElementById('pCiudad').value.trim(), cajas: parseInt(document.getElementById('pCajas').value) || 0, cantEquipos: parseInt(document.getElementById('pCantEquipos').value) || 0, termicasDetalle: termicasDetalle, tipoTermica: resumenTermicas(termicasDetalle) || 'NA', cantTermicas: cantTermicas, tipoPedido: document.getElementById('pTipoPedido').value, responsable: document.getElementById('pResponsable').value.trim() || 'NA', fechaInicio: document.getElementById('pFechaInicio').value, fechaSalida: document.getElementById('pFechaSalida').value, obs: document.getElementById('pObs').value.trim() || 'NA', motivo: document.getElementById('pMotivo').value.trim() || 'NA', guiaOperador: document.getElementById('pGuiaOp').value.trim() || 'NA', fecha: formatDate(), recibidoAt: new Date().toISOString() }); setData('pickingSIMED', picking); toast('Picking guardado', 'success'); renderHistorial(); renderInicio(); nuevoPicking(); mostrarPendientesPicking(); } function enviarPedido() { const pedido = document.getElementById('pPedido').value.trim(); if (!pedido) { toast('Ingresa el número de pedido', 'error'); return; } guardarPicking(); // Descontar del archivo original (base de pedidos cargada) descontarDeBase(pedido); // Guardar en la lista de pedidos enviados, lista para exportar más adelante const ultimo = picking[picking.length - 1]; if (ultimo && ultimo.pedido.toLowerCase() === pedido.toLowerCase()) { pedidosEnviados.push(Object.assign({}, ultimo, { fechaEnvio: formatDate() })); setData('pedidosEnviadosSIMED', pedidosEnviados); } toast('Pedido enviado correctamente', 'success'); } function verPicking(id) { const p = picking.find(x=>x.id===id); if (!p) return; marcarPackingIngresado(id); cargarPackingDesdePicking(id); // Limpiar novedades al cargar un picking nuevo ['nFecha','nRecibe','nAccionCorrectiva','nAsesor','nDescripcion','nDesviacion','nTransportista','nHojaRuta','nFechaEntrega','nHoraLlegada','nFechaSalida','nHoraSalida','nObsNovedad','nOperador','nResponsable','nRecibido','nEstadoEntrega','nTemperatura'].forEach(id => document.getElementById(id).value = ''); showSection('packing'); mostrarFormularioPacking(); } /* ===================== PACKING ===================== */ function buscarPedidoEnPacking() { const pedido = document.getElementById('kPedido').value.trim(); if (!pedido) { toast('Ingrese un número de pedido', 'warning'); return; } // Buscar primero en picking let found = picking.find(p => p.pedido && p.pedido.toLowerCase() === pedido.toLowerCase()); let origen = 'picking'; // Si no está en picking, buscar en basePedidos if (!found && basePedidos.length > 0) { found = basePedidos.find(b => b.pedido && b.pedido.toLowerCase() === pedido.toLowerCase()); origen = 'base'; } // Si no está en basePedidos, buscar en packing if (!found && packing.length > 0) { found = packing.find(pk => pk.pedido && pk.pedido.toLowerCase() === pedido.toLowerCase()); origen = 'packing'; } if (found) { if (origen === 'picking') marcarPackingIngresado(found.id); const ciudadPack = found.ciudad || ''; const dirPorCiudad = obtenerDireccionCliente(found.cliente, ciudadPack); document.getElementById('kCliente').value = found.cliente || ''; document.getElementById('kDireccion').value = dirPorCiudad || found.direccion || ''; document.getElementById('kCiudad').value = ciudadPack; document.getElementById('kCaja').value = (found.cajas ?? found.caja ?? ''); document.getElementById('kTipoPedido').value = found.tipoPedido || ''; document.getElementById('kTipoTermica').value = found.tipoTermica || ''; document.getElementById('kCantTermicas').value = (found.cantTermicas ?? ''); kFillTerm(found.termicasDetalle); document.getElementById('kMotivo').value = found.motivo || ''; document.getElementById('kGuiaOp').value = found.guiaOperador || ''; document.getElementById('kCantEquipos').value = (found.cantEquipos ?? ''); document.getElementById('kResponsable').value = found.responsable || ''; document.getElementById('kFechaInicio').value = (found.fechaInicio || found.fecha || '').replace('T',' '); document.getElementById('kFechaSalida').value = (found.fechaSalida || '').replace('T',' '); document.getElementById('kObsPicking').value = found.obs || found.obsPicking || ''; toast('Pedido encontrado en ' + origen, 'success'); } else { toast('Pedido no encontrado. Puede ingresar los datos manualmente o verifique el número.', 'warning'); } } var K_TERM=['13','20','40','80','90']; function kFillTerm(det){det=det||{};var tot=0;K_TERM.forEach(function(t){var n=parseInt(det['T'+t])||0;tot+=n;var el=document.getElementById('kTerm'+t);if(el)el.textContent=n;});var te=document.getElementById('kTermTotal');if(te)te.textContent=tot;} function kGetTerm(){var d={};K_TERM.forEach(function(t){var el=document.getElementById('kTerm'+t);d['T'+t]=parseInt(el&&el.textContent)||0;});return d;} function cargarPackingDesdePicking(id) { const p = picking.find(x=>x.id===id); if (!p) return; document.getElementById('kPedido').value = p.pedido || ''; document.getElementById('kCliente').value = p.cliente || ''; document.getElementById('kDireccion').value = p.direccion || ''; document.getElementById('kCiudad').value = p.ciudad || ''; document.getElementById('kCaja').value = (p.cajas ?? ''); document.getElementById('kTipoPedido').value = p.tipoPedido || ''; document.getElementById('kTipoTermica').value = p.tipoTermica || ''; document.getElementById('kCantTermicas').value = (p.cantTermicas ?? ''); kFillTerm(p.termicasDetalle); document.getElementById('kMotivo').value = p.motivo || ''; document.getElementById('kGuiaOp').value = p.guiaOperador || ''; document.getElementById('kCantEquipos').value = (p.cantEquipos ?? ''); document.getElementById('kResponsable').value = p.responsable || ''; document.getElementById('kFechaInicio').value = (p.fechaInicio || '').replace('T',' '); document.getElementById('kFechaSalida').value = (p.fechaSalida || '').replace('T',' '); document.getElementById('kObsPicking').value = p.obs || ''; } function nuevoPacking() { ['kPedido','kCliente','kDireccion','kCiudad','kCaja','kTipoTermica','kCantTermicas','kCantEquipos','kResponsable','kFechaInicio','kFechaSalida','kObsPicking','kMotivo','kGuiaOp'].forEach(id => document.getElementById(id).value = ''); kFillTerm(null); document.getElementById('kTipoPedido').value = ''; // Limpiar novedades ['nFecha','nRecibe','nAccionCorrectiva','nAsesor','nDescripcion','nDesviacion','nTransportista','nHojaRuta','nFechaEntrega','nHoraLlegada','nFechaSalida','nHoraSalida','nObsNovedad','nOperador','nResponsable','nRecibido','nEstadoEntrega','nTemperatura'].forEach(id => document.getElementById(id).value = ''); setFechaActualPacking(); } function guardarBorradorNovedad() { const pedido = document.getElementById('kPedido').value.trim(); if (!pedido) { toast('Primero carga un packing desde Picking', 'error'); return; } const pk = picking.find(x => x.pedido && String(x.pedido).toLowerCase() === pedido.toLowerCase()); if (!pk) { toast('No se encontró el pedido en Picking', 'error'); return; } const b = {}; ['nFecha','nRecibe','nAccionCorrectiva','nAsesor','nDescripcion','nDesviacion','nTransportista','nHojaRuta','nFechaEntrega','nHoraLlegada','nFechaSalida','nHoraSalida','nObsNovedad','nOperador','nResponsable','nRecibido','nEstadoEntrega','nTemperatura'].forEach(fid => { b[fid] = document.getElementById(fid).value; }); pk.borradorNovedad = b; pk.borradorAt = new Date().toISOString(); setData('pickingSIMED', picking); toast('Novedad pre-guardada. El pedido sigue en pendientes hasta que lo envíes.', 'success'); mostrarPendientesPacking(); } function guardarNovedad() { const pedido = document.getElementById('kPedido').value.trim(); if (!pedido) { toast('Primero carga un packing desde Picking', 'error'); return; } /* Ningún campo puede quedar vacío. "NA" cuenta como un valor válido. */ const camposObligatoriosNovedad = [ ['nFecha', 'Fecha'], ['nRecibe', 'Recibe'], ['nAccionCorrectiva', 'Acción Correctiva'], ['nAsesor', 'Asesor Asignado'], ['nDescripcion', 'Descripción'], ['nDesviacion', 'Desviación'], ['nTransportista', 'Transportista'], ['nHojaRuta', 'Hoja de Ruta Interna'], ['nFechaEntrega', 'Fecha Entrega'], ['nHoraLlegada', 'Hora Llegada'], ['nFechaSalida', 'Fecha Salida'], ['nHoraSalida', 'Hora Salida'], ['nObsNovedad', 'Observación Novedad'], ['nOperador', 'Operador Asignado'], ['nResponsable', 'Responsable Novedad'], ['nRecibido', 'Recibido'], ['nEstadoEntrega', 'Estado Entrega'], ['nTemperatura', 'Temperatura Entrega'] ]; for (const [fid, label] of camposObligatoriosNovedad) { const el = document.getElementById(fid); if (!el || el.value === '' || el.value === null || String(el.value).trim() === '') { toast('Completa el campo "' + label + '" (puedes ingresar NA si no aplica)', 'error'); if (el) el.focus(); return; } } const id = nuevoId(packing); packing.push({ id, pedido, cliente: document.getElementById('kCliente').value, direccion: document.getElementById('kDireccion').value, ciudad: document.getElementById('kCiudad').value, cajas: document.getElementById('kCaja').value, tipoPedido: document.getElementById('kTipoPedido').value, tipoTermica: document.getElementById('kTipoTermica').value, cantTermicas: document.getElementById('kCantTermicas').value, termicasDetalle: kGetTerm(), motivo: document.getElementById('kMotivo').value, guiaOperador: document.getElementById('kGuiaOp').value, cantEquipos: document.getElementById('kCantEquipos').value, responsable: document.getElementById('kResponsable').value, fechaInicio: document.getElementById('kFechaInicio').value, fechaSalida: document.getElementById('kFechaSalida').value, obsPicking: document.getElementById('kObsPicking').value, // Novedades fecha: document.getElementById('nFecha').value, recibe: document.getElementById('nRecibe').value, accionCorrectiva: document.getElementById('nAccionCorrectiva').value, asesor: document.getElementById('nAsesor').value, descripcion: document.getElementById('nDescripcion').value, desviacion: document.getElementById('nDesviacion').value, transportista: document.getElementById('nTransportista').value, hojaRuta: document.getElementById('nHojaRuta').value, fechaEntrega: document.getElementById('nFechaEntrega').value, horaLlegada: document.getElementById('nHoraLlegada').value, fechaSalida: document.getElementById('nFechaSalida').value, horaSalida: document.getElementById('nHoraSalida').value, obsNovedad: document.getElementById('nObsNovedad').value, operador: document.getElementById('nOperador').value, responsableNovedad: document.getElementById('nResponsable').value, recibido: document.getElementById('nRecibido').value, estadoEntrega: document.getElementById('nEstadoEntrega').value, temperatura: document.getElementById('nTemperatura').value, fechaRegistro: formatDate() }); setData('packingSIMED', packing); const pkBorr = picking.find(x => x.pedido && String(x.pedido).toLowerCase() === pedido.toLowerCase()); if (pkBorr && pkBorr.borradorNovedad) { delete pkBorr.borradorNovedad; delete pkBorr.borradorAt; setData('pickingSIMED', picking); } toast('Novedad enviada', 'success'); renderHistorial(); renderInicio(); nuevoPacking(); mostrarPendientesPacking(); } function verPacking(id) { const p = packing.find(x=>x.id===id); if (!p) return; // Cargar datos del packing (no del picking) document.getElementById('kPedido').value = p.pedido || ''; document.getElementById('kCliente').value = p.cliente || ''; document.getElementById('kDireccion').value = p.direccion || ''; document.getElementById('kCiudad').value = p.ciudad || ''; document.getElementById('kCaja').value = (p.cajas ?? ''); document.getElementById('kTipoPedido').value = p.tipoPedido || ''; document.getElementById('kTipoTermica').value = p.tipoTermica || ''; document.getElementById('kCantTermicas').value = (p.cantTermicas ?? ''); kFillTerm(p.termicasDetalle); document.getElementById('kMotivo').value = p.motivo || ''; document.getElementById('kGuiaOp').value = p.guiaOperador || ''; document.getElementById('kCantEquipos').value = (p.cantEquipos ?? ''); document.getElementById('kResponsable').value = p.responsable || ''; document.getElementById('kFechaInicio').value = (p.fechaInicio || '').replace('T',' '); document.getElementById('kFechaSalida').value = (p.fechaSalida || '').replace('T',' '); document.getElementById('kObsPicking').value = p.obsPicking || ''; // Cargar novedades si existen document.getElementById('nFecha').value = p.fecha || ''; document.getElementById('nRecibe').value = p.recibe || ''; document.getElementById('nAccionCorrectiva').value = p.accionCorrectiva || ''; document.getElementById('nAsesor').value = p.asesor || ''; document.getElementById('nDescripcion').value = p.descripcion || ''; document.getElementById('nDesviacion').value = p.desviacion || ''; document.getElementById('nTransportista').value = p.transportista || ''; document.getElementById('nHojaRuta').value = p.hojaRuta || ''; document.getElementById('nFechaEntrega').value = p.fechaEntrega || ''; document.getElementById('nHoraLlegada').value = p.horaLlegada || ''; document.getElementById('nFechaSalida').value = p.fechaSalida || ''; document.getElementById('nHoraSalida').value = p.horaSalida || ''; document.getElementById('nObsNovedad').value = p.obsNovedad || ''; document.getElementById('nOperador').value = p.operador || ''; document.getElementById('nResponsable').value = p.responsableNovedad || ''; document.getElementById('nRecibido').value = p.recibido || ''; document.getElementById('nEstadoEntrega').value = p.estadoEntrega || ''; document.getElementById('nTemperatura').value = p.temperatura || ''; showSection('packing'); mostrarFormularioPacking(); } /* ===================== HISTORIAL ===================== */ function tieneNovedadReal(pack) { if (!pack) return false; const estado = String(pack.estadoEntrega || '').trim(); const recibido = String(pack.recibido || '').trim(); // Campos de "Ingreso de Novedades" que, si tienen contenido real, indican // que sí hubo una incidencia aunque la entrega se haya marcado como exitosa. const accion = String(pack.accionCorrectiva || '').trim(); const accionLimpia = accion.toUpperCase().replace(/[^A-Z]/g, ''); const accionEsNovedad = accion !== '' && accionLimpia !== 'NA' && accionLimpia !== 'NINGUNA'; const desviacion = String(pack.desviacion || '').trim(); const obsNovedad = String(pack.obsNovedad || '').trim(); const responsableNovedad = String(pack.responsableNovedad || '').trim(); if (accionEsNovedad || desviacion || obsNovedad || responsableNovedad) return true; // Entrega exitosa (Entregado + Recibido: Sí) NO se considera un incidente, // aunque otros campos de texto libre (Acción Correctiva, Descripción, etc.) // tengan algo escrito por costumbre del operador. if (estado === 'Entregado' && recibido === 'Si') return false; // Cualquier otro estado real (Pendiente, Recibido Parcialmente, Rechazado) // o recibido (No, Parcial) sí indica un incidente/novedad real. return !!(estado || recibido); } function obtenerDatosHistorial() { const q = document.getElementById('buscarHistorial').value.toLowerCase(); const f = document.getElementById('filtroHistorial').value; // Agrupar por número de pedido, combinando picking + novedad const mapa = {}; getBodegaTrack().forEach(tk => { const key = (tk.pedido || '').toLowerCase(); if (!key) return; if (!mapa[key]) mapa[key] = { pedido: tk.pedido, cliente: tk.cliente, maxId: 0 }; mapa[key].trk = tk; mapa[key].cliente = mapa[key].cliente || tk.cliente; }); (basePedidos || []).forEach(b => { const key = (b.pedido || '').toLowerCase(); if (!key) return; if (!mapa[key]) mapa[key] = { pedido: b.pedido, cliente: b.cliente, maxId: 0 }; mapa[key].base = b; mapa[key].cliente = mapa[key].cliente || b.cliente; }); picking.forEach(p => { const key = (p.pedido || '').toLowerCase(); if (!key) return; if (!mapa[key]) mapa[key] = { pedido: p.pedido, cliente: p.cliente, maxId: 0 }; mapa[key].pick = p; mapa[key].cliente = mapa[key].cliente || p.cliente; mapa[key].maxId = Math.max(mapa[key].maxId, p.id); }); packing.forEach(p => { const key = (p.pedido || '').toLowerCase(); if (!key) return; if (!mapa[key]) mapa[key] = { pedido: p.pedido, cliente: p.cliente, maxId: 0 }; mapa[key].pack = p; mapa[key].cliente = mapa[key].cliente || p.cliente; mapa[key].maxId = Math.max(mapa[key].maxId, p.id + 100000); // priorizar novedades recientes al ordenar }); let datos = Object.values(mapa).filter(d => (d.pedido + ' ' + d.cliente).toLowerCase().includes(q)); if (f === 'con-novedad') datos = datos.filter(d => !!d.pack); if (f === 'sin-novedad') datos = datos.filter(d => d.pick && !d.pack); if (f === 'facturacion') datos = datos.filter(d => !d.pick && !d.pack && (d.base || d.trk)); datos.sort((a, b) => b.maxId - a.maxId); return datos; } function renderHistorial() { const datos = obtenerDatosHistorial(); const tbody = document.getElementById('tablaHistorial'); if (datos.length === 0) { tbody.innerHTML = '<tr><td colspan="6" class="empty-state">Sin registros</td></tr>'; return; } tbody.innerHTML = datos.map(d => { const tipo = (d.pick || d.pack) ? ((d.pick ? '📋 Picking' : '') + (d.pick && d.pack ? ' + ' : '') + (d.pack ? '📦 Novedad' : '')) : '🧾 En bodega'; const fecha = d.pick ? d.pick.fecha : (d.pack ? (d.pack.fechaRegistro || d.pack.fecha || '-') : (d.base ? (d.base.fecha || '-') : '-')); const registrada = !!d.pack; const esIncidente = tieneNovedadReal(d.pack); const estadoBadge = registrada ? '<span class="badge badge-completado">✅ Completado' + (esIncidente ? ' 🚨' : '') + '</span>' : (d.pick ? '<span class="badge badge-pendiente">⏳ Falta ingreso de novedad</span>' : (function(){ var tt = calcularTracking(d.pedido); return tt ? trackingBadgeHTML(tt) : '<span class="badge badge-pendiente">🧾 En bandeja de facturación</span>'; })()); return '<tr><td>' + tipo + '</td><td>' + esc(d.pedido) + '</td><td>' + esc(d.cliente) + '</td><td>' + esc(fecha) + '</td>' + '<td>' + estadoBadge + '</td>' + '<td><button class="btn btn-outline" style="padding:4px 10px; font-size:12px;" onclick="generarReporteNovedad(\'' + escOnclickArg(d.pedido) + '\')">👁️ Ver</button> ' + '<button class="btn btn-outline" style="padding:4px 10px; font-size:12px;" onclick="verTracking(\'' + escOnclickArg(d.pedido) + '\')">🔗 Consultar</button></td></tr>'; }).join(''); } async function exportarHistorialExcel(){ try{ var datos=obtenerDatosHistorial(); if(!datos.length){ toast('No hay datos para exportar','warning'); return; } var headers=['N° Pedido','Cliente','Dirección','Ciudad','Fecha Picking','Cajas','Equipos','Tipo Térmica','Cant. Térmicas','Tipo de Pedido','Responsable Picking','Observaciones Picking','Fecha Novedad','Recibe','Acción Correctiva','Asesor Asignado','Descripción','Desviación','Transportista','Hoja de Ruta Interna','Fecha Entrega','Hora Llegada','Fecha Salida','Hora Salida','Observación Novedad','Operador','Responsable Novedad','Recibido','Estado Entrega','Temperatura (°C)','Estado','Incidente/Novedad']; var rows=datos.map(function(d){ return [ d.pedido, d.cliente, d.pick?d.pick.direccion:'', d.pick?d.pick.ciudad:'', d.pick?d.pick.fecha:'', d.pick?d.pick.cajas:'', d.pick?d.pick.cantEquipos:'', d.pick?d.pick.tipoTermica:'', d.pick?d.pick.cantTermicas:'', d.pick?d.pick.tipoPedido:'', d.pick?d.pick.responsable:'', d.pick?d.pick.obs:'', d.pack?(d.pack.fechaRegistro||d.pack.fecha):'', d.pack?d.pack.recibe:'', d.pack?d.pack.accionCorrectiva:'', d.pack?d.pack.asesor:'', d.pack?d.pack.descripcion:'', d.pack?d.pack.desviacion:'', d.pack?d.pack.transportista:'', d.pack?d.pack.hojaRuta:'', d.pack?d.pack.fechaEntrega:'', d.pack?d.pack.horaLlegada:'', d.pack?d.pack.fechaSalida:'', d.pack?d.pack.horaSalida:'', d.pack?d.pack.obsNovedad:'', d.pack?d.pack.operador:'', d.pack?d.pack.responsableNovedad:'', d.pack?d.pack.recibido:'', d.pack?d.pack.estadoEntrega:'', d.pack?d.pack.temperatura:'', d.pack?'Completado':'Falta ingreso de novedad', tieneNovedadReal(d.pack)?'Sí':'No' ]; }); var total=datos.length; var completados=datos.filter(function(d){return !!d.pack;}).length; var pendientes=total-completados; var incidentes=datos.filter(function(d){return tieneNovedadReal(d.pack);}).length; var totalCajas=datos.reduce(function(s,d){return s+(d.pick?Number(d.pick.cajas)||0:0);},0); var totalTerm=datos.reduce(function(s,d){return s+(d.pick?Number(d.pick.cantTermicas)||0:0);},0); var porEstado={}; datos.forEach(function(d){ if(d.pack){ var e=d.pack.estadoEntrega||'Sin registrar'; porEstado[e]=(porEstado[e]||0)+1; } }); var estados=Object.keys(porEstado).map(function(kk){return {label:kk,value:porEstado[kk]};}); var termTipo={}; datos.forEach(function(d){ if(!d.pick)return; var det=d.pick.termicasDetalle; if(det&&typeof det==='object'){ Object.keys(det).forEach(function(tt){var n=Number(det[tt])||0;if(!n)return;var kk=String(tt).toUpperCase().replace(/[\s\-_.]/g,'').replace(/^T/,'');var lb=kk?'T'+kk:'Sin especificar';termTipo[lb]=(termTipo[lb]||0)+n;}); } }); var termicas=Object.keys(termTipo).sort(function(a,b){return (parseInt(String(a).replace(/\D/g,''),10)||0)-(parseInt(String(b).replace(/\D/g,''),10)||0);}).map(function(kk){return {label:kk,value:termTipo[kk]};}); var cumplMap={}; datos.forEach(function(d){ var f=(d.pick?d.pick.fecha:(d.pack?(d.pack.fechaRegistro||d.pack.fecha):''))||'Sin fecha'; if(!cumplMap[f])cumplMap[f]={total:0,comp:0,inc:0}; cumplMap[f].total++; if(d.pack)cumplMap[f].comp++; if(tieneNovedadReal(d.pack))cumplMap[f].inc++; }); var cumpRows=Object.keys(cumplMap).sort().map(function(f){var c=cumplMap[f];return [f,c.total,c.comp,c.total-c.comp,(c.total?c.comp/c.total:0),c.inc];}); var termicasCajas=datos.filter(function(d){return d.pick;}).map(function(d){return [d.pick.fecha,d.pedido,d.cliente,d.pick.cajas||0,d.pick.tipoTermica||'-',d.pick.cantTermicas||0];}); var payload={ generado:formatDate(), kpi:{total:total,completados:completados,pendientes:pendientes,incidentes:incidentes,totalCajas:totalCajas,totalTerm:totalTerm}, estados:estados, termicas:termicas, historial:{headers:headers,rows:rows}, cumplimiento:{rows:cumpRows}, termicasCajas:termicasCajas }; var P={generado:formatDate(),rows:datos.map(function(d){var pk=d.pick||{},pc=d.pack||{};return {cliente:d.cliente,ciudad:pk.ciudad||pc.ciudad||'',det:pk.termicasDetalle||pc.termicasDetalle||null,totalTerm:pk.cantTermicas,cajas:(d.pick?pk.cajas:pc.cajas),guia:pk.guiaOperador||pc.guiaOperador||'',responsable:pk.responsable||pc.responsable||'',tipoPedido:pk.tipoPedido||pc.tipoPedido||'',transporte:pc.transportista||'',fechaEmision:pk.fecha||'',motivo:pk.motivo||pc.motivo||'',pedido:d.pedido,pedRef:'',accion:pc.accionCorrectiva,asesor:pc.asesor,descripcion:pc.descripcion,desviacion:pc.desviacion,fechaEntrega:pc.fechaEntrega,horaLlegada:pc.horaLlegada,horaSalida:pc.horaSalida,obsNov:pc.obsNovedad,operador:pc.operador,recibe:pc.recibe,recibido:pc.recibido,respNov:pc.responsableNovedad,estado:pc.estadoEntrega,temp:pc.temperatura};})}; var okX=false; try{okX=window.parent.exportHistorialPanel(P);}catch(e2){okX=false;} if(okX){toast('Historial exportado a Excel (Panel de Control y Reporte SIMED)','success');return;} return exportarHistorialExcel_legacy(); }catch(err){ try{console.error(err);}catch(e){} exportarHistorialExcel_legacy(); } } function exportarHistorialExcel_legacy() { const datos = obtenerDatosHistorial(); if (datos.length === 0) { toast('No hay datos para exportar', 'warning'); return; } const filas = datos.map(d => ({ 'N° Pedido': d.pedido, 'Cliente': d.cliente, 'Dirección': d.pick ? d.pick.direccion : '', 'Ciudad': d.pick ? d.pick.ciudad : '', 'Fecha Picking': d.pick ? d.pick.fecha : '', 'Cajas': d.pick ? d.pick.cajas : '', 'Equipos': d.pick ? d.pick.cantEquipos : '', 'Tipo Térmica': d.pick ? d.pick.tipoTermica : '', 'Cant. Térmicas': d.pick ? d.pick.cantTermicas : '', 'Tipo de Pedido': d.pick ? d.pick.tipoPedido : '', 'Responsable Picking': d.pick ? d.pick.responsable : '', 'Observaciones Picking': d.pick ? d.pick.obs : '', 'Fecha Novedad': d.pack ? (d.pack.fechaRegistro || d.pack.fecha) : '', 'Recibe': d.pack ? d.pack.recibe : '', 'Acción Correctiva': d.pack ? d.pack.accionCorrectiva : '', 'Asesor Asignado': d.pack ? d.pack.asesor : '', 'Descripción': d.pack ? d.pack.descripcion : '', 'Desviación': d.pack ? d.pack.desviacion : '', 'Transportista': d.pack ? d.pack.transportista : '', 'Hoja de Ruta Interna': d.pack ? d.pack.hojaRuta : '', 'Fecha Entrega': d.pack ? d.pack.fechaEntrega : '', 'Hora Llegada': d.pack ? d.pack.horaLlegada : '', 'Fecha Salida': d.pack ? d.pack.fechaSalida : '', 'Hora Salida': d.pack ? d.pack.horaSalida : '', 'Observación Novedad': d.pack ? d.pack.obsNovedad : '', 'Operador': d.pack ? d.pack.operador : '', 'Responsable Novedad': d.pack ? d.pack.responsableNovedad : '', 'Recibido': d.pack ? d.pack.recibido : '', 'Estado Entrega': d.pack ? d.pack.estadoEntrega : '', 'Temperatura (°C)': d.pack ? d.pack.temperatura : '', 'Estado': d.pack ? 'Completado' : 'Falta ingreso de novedad', 'Incidente/Novedad': tieneNovedadReal(d.pack) ? 'Sí' : 'No' })); const ws = XLSX.utils.json_to_sheet(filas); const wb = XLSX.utils.book_new(); /* ===== HOJA 1: Dashboard (resumen, primera pestaña al abrir) ===== */ const totalPedidosDash = datos.length; const completadosDash = datos.filter(d => !!d.pack).length; const pendientesDash = totalPedidosDash - completadosDash; const pctCumplimientoDash = totalPedidosDash ? Math.round((completadosDash / totalPedidosDash) * 100) : 0; const incidentesDash = datos.filter(d => tieneNovedadReal(d.pack)).length; const pctIncidentesDash = totalPedidosDash ? Math.round((incidentesDash / totalPedidosDash) * 100) : 0; const totalCajasDash = datos.reduce((s,d) => s + (d.pick ? Number(d.pick.cajas)||0 : 0), 0); const totalTermicasDash = datos.reduce((s,d) => s + (d.pick ? Number(d.pick.cantTermicas)||0 : 0), 0); const porEstadoEntrega = {}; const porAccionCorrectiva = {}; datos.forEach(d => { if (d.pack) { const est = d.pack.estadoEntrega || 'Sin registrar'; porEstadoEntrega[est] = (porEstadoEntrega[est] || 0) + 1; const acc = d.pack.accionCorrectiva || 'Sin registrar'; porAccionCorrectiva[acc] = (porAccionCorrectiva[acc] || 0) + 1; } }); const filasDashboard = [ ['DASHBOARD - HISTORIAL SIMED'], ['Generado el', formatDate()], [], ['INDICADORES GENERALES'], ['Total de pedidos', totalPedidosDash], ['Completados (con registro)', completadosDash], ['Pendientes (sin registro)', pendientesDash], ['% Cumplimiento', pctCumplimientoDash + '%'], ['Pedidos con incidente/novedad', incidentesDash], ['% Incidentes', pctIncidentesDash + '%'], ['Total cajas despachadas', totalCajasDash], ['Total térmicas usadas', totalTermicasDash], [], ['PEDIDOS POR ESTADO DE ENTREGA'], ...Object.keys(porEstadoEntrega).map(k => [k, porEstadoEntrega[k]]), [], ['PEDIDOS POR ACCIÓN CORRECTIVA'], ...Object.keys(porAccionCorrectiva).map(k => [k, porAccionCorrectiva[k]]), [], ['Sugerencia: selecciona cualquiera de las tablas de arriba y usa Insertar > Gráfico recomendado para visualizarla.'] ]; const wsDashboard = XLSX.utils.aoa_to_sheet(filasDashboard); wsDashboard['!cols'] = [{wch:32},{wch:16}]; XLSX.utils.book_append_sheet(wb, wsDashboard, 'Dashboard'); XLSX.utils.book_append_sheet(wb, ws, 'Historial'); /* ===== HOJA 2: Cumplimiento (agrupado por fecha de picking) ===== */ const cumplimientoPorFecha = {}; datos.forEach(d => { const fecha = (d.pick ? d.pick.fecha : (d.pack ? (d.pack.fechaRegistro || d.pack.fecha) : '')) || 'Sin fecha'; if (!cumplimientoPorFecha[fecha]) cumplimientoPorFecha[fecha] = { total: 0, completados: 0, incidentes: 0 }; cumplimientoPorFecha[fecha].total++; if (d.pack) cumplimientoPorFecha[fecha].completados++; if (tieneNovedadReal(d.pack)) cumplimientoPorFecha[fecha].incidentes++; }); const filasCumplimiento = Object.keys(cumplimientoPorFecha).sort().map(fecha => { const c = cumplimientoPorFecha[fecha]; const pendientes = c.total - c.completados; const pct = c.total ? Math.round((c.completados / c.total) * 100) : 0; return { 'Fecha': fecha, 'Total Pedidos': c.total, 'Completados (con registro)': c.completados, 'Pendientes (sin registro)': pendientes, '% Cumplimiento': pct + '%', 'Con Incidente': c.incidentes }; }); const totalGeneral = datos.length; const completadosGeneral = datos.filter(d => !!d.pack).length; const pctGeneral = totalGeneral ? Math.round((completadosGeneral / totalGeneral) * 100) : 0; const incidentesGeneral = datos.filter(d => tieneNovedadReal(d.pack)).length; filasCumplimiento.push({ 'Fecha': 'TOTAL GENERAL', 'Total Pedidos': totalGeneral, 'Completados (con registro)': completadosGeneral, 'Pendientes (sin registro)': totalGeneral - completadosGeneral, '% Cumplimiento': pctGeneral + '%', 'Con Incidente': incidentesGeneral }); const wsCumplimiento = XLSX.utils.json_to_sheet(filasCumplimiento); wsCumplimiento['!cols'] = [{wch:14},{wch:14},{wch:20},{wch:20},{wch:16},{wch:14}]; XLSX.utils.sheet_add_aoa(wsCumplimiento, [ [], ['Sugerencia: selecciona la tabla de arriba (sin la fila de TOTAL GENERAL) y usa Insertar > Gráfico recomendado para visualizarla.'] ], { origin: -1 }); XLSX.utils.book_append_sheet(wb, wsCumplimiento, 'Cumplimiento'); /* ===== HOJA 3: Térmicas y Cajas usadas ===== */ const filasTermicasCajas = datos.filter(d => d.pick).map(d => ({ 'Fecha': d.pick.fecha, 'Pedido': d.pedido, 'Cliente': d.cliente, 'Cajas': d.pick.cajas || 0, 'Tipo de Térmica': d.pick.tipoTermica || '-', 'Cant. Térmicas': d.pick.cantTermicas || 0, termDet: d.pick.termicasDetalle || null })); const totalCajas = filasTermicasCajas.reduce((s, f) => s + (Number(f['Cajas']) || 0), 0); const totalTermicas = filasTermicasCajas.reduce((s, f) => s + (Number(f['Cant. Térmicas']) || 0), 0); const termicasPorTipo = {}; filasTermicasCajas.forEach(f => { if (f.termDet && typeof f.termDet === 'object') { Object.keys(f.termDet).forEach(tt => { const n = Number(f.termDet[tt]) || 0; if (!n) return; const key = String(tt).toUpperCase().replace(/[\s\-_.]/g, '').replace(/^T/, ''); const label = key ? 'T' + key : 'Sin especificar'; termicasPorTipo[label] = (termicasPorTipo[label] || 0) + n; }); return; } const original = String(f['Tipo de Térmica'] || '').trim(); if (!original || original === '-') { termicasPorTipo['Sin especificar'] = (termicasPorTipo['Sin especificar'] || 0) + (Number(f['Cant. Térmicas']) || 0); return; } const tokens = original.split(/[,;/]+/).map(t => t.trim()).filter(Boolean); if (tokens.length === 0) return; const cantidad = Number(f['Cant. Térmicas']) || 0; const porTipo = cantidad / tokens.length; tokens.forEach(tok => { const key = tok.toUpperCase().replace(/[\s\-_.]/g, '').replace(/^T/, ''); const label = key ? 'T' + key : 'Sin especificar'; termicasPorTipo[label] = (termicasPorTipo[label] || 0) + porTipo; }); }); const wsTermicas = XLSX.utils.json_to_sheet(filasTermicasCajas.map(({termDet, ...r}) => r)); wsTermicas['!cols'] = [{wch:14},{wch:16},{wch:24},{wch:9},{wch:18},{wch:14}]; const filasResumenTermicas = [ [], ['TOTALES'], ['Total Cajas', totalCajas], ['Total Térmicas', totalTermicas], [], ['Térmicas por tipo'], ...Object.keys(termicasPorTipo).sort((a,b)=>(parseInt(String(a).replace(/\D/g,''),10)||0)-(parseInt(String(b).replace(/\D/g,''),10)||0)).map(tipo => [tipo, termicasPorTipo[tipo]]), [], ['Sugerencia: selecciona la tabla principal y usa Insertar > Gráfico recomendado para visualizarla.'] ]; XLSX.utils.sheet_add_aoa(wsTermicas, filasResumenTermicas, { origin: -1 }); XLSX.utils.book_append_sheet(wb, wsTermicas, 'Térmicas y Cajas'); const now = new Date(); const pad = n => n.toString().padStart(2,'0'); const nombreArchivo = 'historial_simed_' + now.getFullYear() + pad(now.getMonth()+1) + pad(now.getDate()) + '.xlsx'; XLSX.writeFile(wb, nombreArchivo); toast('Historial exportado a Excel (Dashboard, Historial, Cumplimiento, Térmicas y Cajas)', 'success'); } function eliminarHistorial(pedido) { if (!confirm('¿Eliminar todos los registros de este pedido (picking y novedad)? Podrás restaurarlo desde la Papelera si te arrepientes.')) return; const key = pedido.toLowerCase(); const pick = picking.find(p => (p.pedido || '').toLowerCase() === key); const pack = packing.find(p => (p.pedido || '').toLowerCase() === key); if (pick || pack) guardarEnPapelera('historial', { pedido, cliente: (pick && pick.cliente) || (pack && pack.cliente) || '', pick, pack }); picking = picking.filter(p => (p.pedido || '').toLowerCase() !== key); packing = packing.filter(p => (p.pedido || '').toLowerCase() !== key); setData('pickingSIMED', picking); setData('packingSIMED', packing); toast('Registro eliminado (puedes restaurarlo desde Configuración > Papelera)', 'warning'); renderHistorial(); renderInicio(); } /* ===================== TRACKING ===================== */ /* Estados: 📥 Pedido recibido -> el pedido ya está ingresado (Picking guardado) 📦 Pedido en preparación -> se ingresó al Packing (se registra picking.packingAt) 🚚 Pedido en ruta -> pasaron HORAS_EN_RUTA horas desde que entró a Packing ✅ Pedido entregado -> se guardó el Ingreso de Novedades */ const HORAS_EN_RUTA = 5; const TRACKING_PASOS = [ { k:'facturacion', icon:'🧾', label:'En bandeja de facturación' }, { k:'recibido', icon:'📥', label:'Pedido recibido' }, { k:'preparacion', icon:'📦', label:'En proceso de preparación' }, { k:'ruta', icon:'🚚', label:'Listo para despacho' }, { k:'entregado', icon:'✅', label:'Pedido entregado' } ]; const TRACKING_COLOR = { facturacion:'#0891b2', recibido:'#2563eb', preparacion:'#d97706', ruta:'#7c3aed', entregado:'#16a34a' }; function marcarPackingIngresado(id) { const p = picking.find(x => x.id === id); if (!p || p.packingAt) return; p.packingAt = new Date().toISOString(); setData('pickingSIMED', picking); } function trackingFmt(iso) { const d = new Date(iso); if (isNaN(d)) return ''; return d.toLocaleString('es-EC', { day:'2-digit', month:'2-digit', year:'numeric', hour:'2-digit', minute:'2-digit' }); } /* Lee el feed de pedidos en curso que publica el módulo Bodega (facturación, ruta, packing...) para poder consultarlos en Tracking/Historial desde que están en la bandeja de facturación. */ function getBodegaTrack() { try { var raw = localStorage.getItem('BP_TRACK'); if (!raw) return []; var a = JSON.parse(raw); return Array.isArray(a) ? a : []; } catch (e) { return []; } } function calcularTracking(pedido) { const key = String(pedido || '').trim().toLowerCase(); if (!key) return null; const pick = picking.find(p => String(p.pedido || '').toLowerCase() === key); const pack = packing.find(p => String(p.pedido || '').toLowerCase() === key); const baseP = (basePedidos || []).find(b => String(b.pedido || '').toLowerCase() === key); const trk = getBodegaTrack().find(x => String(x.pedido || '').toLowerCase() === key); if (!pick && !pack && !baseP && !trk) return null; // Etapas: facturación (bandeja de facturación en bodega) → recibido (enviado a // ruta en bodega) → preparación (packing en bodega) → en ruta (picking // ingresado en SIMED, pendiente de novedad = salió a entregar) → entregado (novedad). let estado; if (pack) estado = 'entregado'; else if (pick) estado = 'ruta'; else if (trk) { if (trk.estado === 'facturacion') estado = 'facturacion'; else if (trk.estado === 'ruta') estado = 'recibido'; else estado = 'preparacion'; } else estado = 'preparacion'; const idx = TRACKING_PASOS.findIndex(x => x.k === estado); const tiempos = { facturacion: (trk && trk.tFact) ? trackingFmt(new Date(trk.tFact).toISOString()) : (baseP ? (baseP.fecha || '') : ''), recibido: (trk && trk.tRuta) ? trackingFmt(new Date(trk.tRuta).toISOString()) : '', preparacion: (trk && (trk.tPackFin || trk.tPackAsig)) ? trackingFmt(new Date(trk.tPackFin || trk.tPackAsig).toISOString()) : (baseP ? (baseP.fecha || '') : ''), ruta: pick ? (pick.recibidoAt ? trackingFmt(pick.recibidoAt) : (pick.fecha || '')) : '', entregado: pack ? (pack.fechaRegistro || pack.fecha || '') : '' }; const base = pick || pack || trk || baseP; return { pedido: base.pedido, cliente: base.cliente || '', ciudad: base.ciudad || '', direccion: base.direccion || '', estado, idx, tiempos, id: Math.max((pick && pick.id) || 0, (pack && pack.id) || 0) }; } function trackingBadgeHTML(t) { const paso = TRACKING_PASOS[t.idx]; return '<span style="display:inline-block;padding:3px 10px;border-radius:12px;font-size:12px;font-weight:600;color:#fff;background:' + TRACKING_COLOR[t.estado] + ';">' + paso.icon + ' ' + paso.label + '</span>'; } function trackingLineaHTML(t) { return '<div style="display:flex;flex-wrap:wrap;gap:8px;margin:12px 0;">' + TRACKING_PASOS.map((paso, i) => { const hecho = i <= t.idx, actual = i === t.idx; const color = hecho ? TRACKING_COLOR[paso.k] : '#c5d0db'; return '<div style="flex:1 1 105px;min-width:100px;border:1.5px solid ' + color + ';border-radius:8px;padding:7px 9px;background:' + (actual ? color + '18' : '#fff') + ';opacity:' + (hecho ? 1 : 0.65) + ';">' + '<div style="font-size:16px;line-height:1;">' + paso.icon + '</div>' + '<div style="font-weight:700;font-size:11.5px;color:' + (hecho ? color : 'var(--gray)') + ';margin-top:3px;">' + paso.label + '</div>' + '<div style="font-size:10.5px;color:var(--gray);margin-top:2px;min-height:12px;">' + esc(t.tiempos[paso.k] || (hecho ? '' : 'Pendiente')) + '</div>' + '</div>'; }).join('') + '</div>'; } function trackingResumenHTML(pedido) { const t = calcularTracking(pedido); if (!t) return ''; return '<div style="margin-bottom:14px;"><div style="font-size:13px;color:#7b93a7;margin-bottom:4px;">🚚 Tracking</div>' + trackingBadgeHTML(t) + trackingLineaHTML(t) + '</div>'; } function buscarTracking() { const q = document.getElementById('trackingBuscar').value.trim(); const cont = document.getElementById('trackingResultado'); if (!q) { cont.innerHTML = ''; return; } const t = calcularTracking(q); if (!t) { cont.innerHTML = '<div class="empty-state">No se encontró el pedido "' + esc(q) + '".</div>'; return; } cont.innerHTML = '<div style="border:1.5px solid var(--border);border-radius:10px;padding:8px 12px;margin-bottom:12px;display:inline-block;max-width:100%;">' + '<div style="font-size:14px;display:flex;flex-wrap:wrap;align-items:center;gap:8px;"><b>Pedido ' + esc(t.pedido) + '</b> — ' + esc(t.cliente) + (t.ciudad ? ' (' + esc(t.ciudad) + ')' : '') + ' <a href="javascript:void(0)" onclick="compartirTracking(\'' + escOnclickArg(t.pedido) + '\')" style="color:var(--primary);font-weight:600;text-decoration:none;font-size:12px;">🔗 Copiar enlace</a></div>' + '<div style="margin-top:6px;">' + trackingBadgeHTML(t) + '</div>' + trackingLineaHTML(t) + '</div>'; } function abrirModalTracking(pedido) { const t = calcularTracking(pedido); if (!t) return; window.__trkPedido = t.pedido; let ov = document.getElementById('trackingModal'); if (ov) ov.remove(); ov = document.createElement('div'); ov.id = 'trackingModal'; ov.style.cssText = 'position:fixed;inset:0;z-index:99999;background:rgba(8,48,79,.45);display:flex;align-items:center;justify-content:center;padding:20px;'; ov.innerHTML = '<div style="background:#fff;border-radius:14px;padding:22px 22px 20px;width:100%;max-width:560px;max-height:88vh;overflow:auto;box-shadow:0 10px 40px rgba(0,0,0,.3);">' + '<div style="display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px;">' + '<div><div style="font-weight:800;font-size:17px;color:#08304f;">🚚 Seguimiento del pedido</div>' + '<div style="font-size:13px;color:#4a5b68;margin-top:2px;"><b>' + esc(t.pedido) + '</b> — ' + esc(t.cliente) + (t.ciudad ? ' (' + esc(t.ciudad) + ')' : '') + '</div></div>' + '<button type="button" id="trackingModalClose" style="border:none;background:#eef2f6;border-radius:8px;width:32px;height:32px;font-size:18px;cursor:pointer;color:#4a5b68;">✕</button></div>' + '<div style="margin:4px 0 2px;">' + trackingBadgeHTML(t) + '</div>' + trackingLineaHTML(t) + '</div>'; document.body.appendChild(ov); const close = () => ov.remove(); ov.querySelector('#trackingModalClose').addEventListener('click', close); ov.addEventListener('click', e => { if (e.target === ov) close(); }); document.addEventListener('keydown', function esc0(e){ if(e.key==='Escape'){ close(); document.removeEventListener('keydown', esc0); } }); } function copiarEnlaceTracking() { var inp = document.getElementById('trackingBuscar'); var q = ((inp && inp.value) || '').trim() || window.__trkPedido || ''; if (!q) { toast('Escribe o consulta un pedido para copiar su enlace.', 'warning'); return; } var t = calcularTracking(q); if (!t) { toast('No se encontró el pedido "' + q + '".', 'warning'); return; } compartirTracking(t.pedido); } function compartirTracking(pedido) { // Reutiliza la consulta rápida autónoma: genera un enlace que muestra SOLO // ese pedido, en vivo, sin pedir login al destinatario. const inp = document.getElementById('inputConsultaRapida'); if (inp) inp.value = pedido; compartirConsultaRapida(); } function verTracking(pedido) { showSection('tracking'); document.getElementById('trackingBuscar').value = pedido; buscarTracking(); renderTracking(); window.scrollTo({ top: 0, behavior: 'smooth' }); } function renderTracking() { const tbody = document.getElementById('tablaTracking'); if (!tbody) return; const q = document.getElementById('trackingBuscar').value.trim().toLowerCase(); const f = document.getElementById('trackingFiltro').value; const vistos = {}, lista = []; picking.concat(packing).concat(basePedidos || []).concat(getBodegaTrack()).forEach(x => { const k = String(x.pedido || '').toLowerCase(); if (!k || vistos[k]) return; vistos[k] = true; const t = calcularTracking(x.pedido); if (t) lista.push(t); }); const filtrados = lista .filter(t => (!f || t.estado === f) && (!q || (t.pedido + ' ' + t.cliente).toLowerCase().includes(q))) .sort((a, b) => b.id - a.id) .slice(0, 200); if (filtrados.length === 0) { tbody.innerHTML = '<tr><td colspan="4" class="empty-state">Sin pedidos</td></tr>'; return; } tbody.innerHTML = filtrados.map(t => '<tr><td>' + esc(t.pedido) + '</td><td>' + esc(t.cliente) + '</td><td>' + trackingBadgeHTML(t) + '</td>' + '<td><button class="btn btn-outline" style="padding:4px 10px;font-size:12px;" onclick="abrirModalTracking(\'' + escOnclickArg(t.pedido) + '\')">👁️ Ver</button></td></tr>' ).join(''); } /* El paso "en ruta" depende del reloj: refrescar cada minuto si la pantalla está abierta */ setInterval(() => { const sec = document.getElementById('secTracking'); if (sec && !sec.classList.contains('hidden')) { renderTracking(); buscarTracking(); } }, 60000); /* ===================== VENTANAS / DESCARGAS ===================== */ function abrirVentanaHTML(html) { // Usamos un Blob real en lugar de window.open('') + document.write, // que muchos navegadores (sobre todo en celular) bloquean o dejan en blanco. const blob = new Blob([html], { type: 'text/html' }); const url = URL.createObjectURL(blob); const ventana = window.open(url, '_blank'); if (!ventana) { // El navegador bloqueó la ventana emergente: ofrecemos descargar el archivo toast('El navegador bloqueó la ventana. Descargando el archivo...', 'warning'); const a = document.createElement('a'); a.href = url; a.download = 'reporte-simed.html'; document.body.appendChild(a); a.click(); document.body.removeChild(a); } setTimeout(() => URL.revokeObjectURL(url), 60000); } function generarReporteNovedad(pedido) { const pick = picking.find(p => p.pedido && p.pedido.toLowerCase() === pedido.toLowerCase()); const pack = packing.find(p => p.pedido && p.pedido.toLowerCase() === pedido.toLowerCase()); const pedidoRef = (pick && pick.pedido) || (pack && pack.pedido) || pedido; const clienteRef = (pick && pick.cliente) || (pack && pack.cliente) || '-'; const camposPedido = pick ? [ ['Fecha Picking', pick.fecha], ['Dirección', pick.direccion], ['Ciudad', pick.ciudad], ['Cajas', (pick.cajas!=null&&pick.cajas!=='')?String(pick.cajas):''], ['Equipos', (pick.cantEquipos!=null&&pick.cantEquipos!=='')?String(pick.cantEquipos):''], ['Tipo Térmica', pick.tipoTermica], ['Cant. Térmicas', pick.cantTermicas], ['Tipo de Pedido', pick.tipoPedido], ['Responsable', pick.responsable], ['Observaciones Picking', pick.obs] ] : []; const camposNovedad = pack ? [ ['Fecha', pack.fecha], ['Recibe', pack.recibe], ['Acción Correctiva', pack.accionCorrectiva], ['Asesor Asignado', pack.asesor], ['Descripción', pack.descripcion], ['Desviación', pack.desviacion], ['Transportista', pack.transportista], ['Hoja de Ruta Interna', pack.hojaRuta], ['Fecha y Hora de Entrega', [pack.fechaEntrega, pack.horaLlegada].filter(Boolean).join(' ')], ['Fecha y Hora de Salida', [pack.fechaSalida, pack.horaSalida].filter(Boolean).join(' ')], ['Observación Novedad', pack.obsNovedad], ['Operador', pack.operador], ['Responsable', pack.responsableNovedad], ['Recibido', pack.recibido], ['Estado Entrega', pack.estadoEntrega], ['Temperatura', pack.temperatura ? pack.temperatura + ' °C' : ''] ] : []; const ahora = new Date(); const pad = n => n.toString().padStart(2,'0'); const fechaGen = pad(ahora.getDate()) + '/' + pad(ahora.getMonth()+1) + '/' + ahora.getFullYear() + ' ' + pad(ahora.getHours()) + ':' + pad(ahora.getMinutes()); const filasFn = campos => campos.map(c => '<tr><td class="etq">' + esc(c[0]) + '</td><td class="val">' + esc(c[1] || '-') + '</td></tr>').join(''); let html = '<!DOCTYPE html><html lang="es"><head><meta charset="UTF-8"><title>Reporte de Pedido - ' + esc(pedidoRef) + '</title>' + '<style>' + '@page{size:A4;margin:16mm 16mm;}' + '*{box-sizing:border-box;}' + 'body{font-family:Arial,Helvetica,sans-serif;color:#1c2b36;margin:0;padding:24px;background:#f2f6f9;}' + '.hoja{background:#fff;max-width:800px;margin:0 auto;padding:32px 40px;border-radius:4px;box-shadow:0 2px 10px rgba(8,48,79,.08);}' + '.encabezado{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:3px solid #08304f;padding-bottom:14px;margin-bottom:16px;}' + '.marca{font-size:22px;font-weight:700;color:#08304f;letter-spacing:.5px;}' + '.marca span{font-weight:400;font-size:12px;color:#7b93a7;display:block;margin-top:2px;}' + '.doc-info{text-align:right;font-size:12px;color:#4a5b68;}' + 'h1{font-size:17px;color:#08304f;margin:0 0 14px;text-transform:uppercase;letter-spacing:.5px;}' + 'h2{font-size:13px;color:#146ca8;text-transform:uppercase;letter-spacing:.5px;margin:18px 0 6px;padding-top:10px;border-top:1px solid #eef2f6;}' + 'h2:first-of-type{border-top:none;padding-top:0;}' + '.datos-pedido{display:flex;gap:24px;margin-bottom:16px;font-size:13px;}' + '.datos-pedido div{flex:1;background:#f7fafd;border:1px solid #e5ecf2;border-radius:6px;padding:10px 12px;}' + '.datos-pedido b{display:block;color:#7b93a7;font-size:11px;text-transform:uppercase;margin-bottom:3px;}' + 'table{width:100%;border-collapse:collapse;font-size:12.5px;}' + 'td{padding:7px 10px;border-bottom:1px solid #eef2f6;vertical-align:top;}' + '.etq{width:36%;font-weight:600;color:#4a5b68;}' + '.val{color:#1c2b36;}' + '.pie{margin-top:22px;padding-top:12px;border-top:1px solid #e5ecf2;font-size:11px;color:#9fb0c0;display:flex;justify-content:space-between;}' + '.sin-datos{color:#9fb0c0;padding:10px 0 20px;font-size:12.5px;}' + '.acciones{max-width:800px;margin:0 auto 16px;text-align:right;}' + '.acciones button{padding:9px 18px;border:none;border-radius:7px;font-size:13px;font-weight:600;cursor:pointer;margin-left:8px;}' + '.btn-primary{background:linear-gradient(135deg,#146ca8,#08304f);color:#fff;}.btn-outline{background:#fff;border:1.5px solid #d3dde5;color:#1b2d3f;}' + '@media print{ body{background:#fff;padding:0;} .hoja{box-shadow:none;max-width:100%;} .acciones{display:none;} }' + '</style></head><body>' + '<div class="acciones"><button class="btn-primary" onclick="window.__imprimirUnaHoja()">🖨️ Guardar como PDF / Imprimir</button><button class="btn-outline" onclick="window.close()">Cerrar</button></div>' + '<div class="hoja">' + '<div class="encabezado"><div class="marca">📦 SIMED<span>Sistema de Picking &amp; Packing</span></div>' + '<div class="doc-info">Generado: ' + fechaGen + '</div></div>' + '<h1>Reporte Completo del Pedido</h1>' + '<div class="datos-pedido"><div><b>N° Pedido</b>' + esc(pedidoRef) + '</div><div><b>Cliente</b>' + esc(clienteRef) + '</div></div>' + '<h2>📋 Datos del Pedido (Picking)</h2>' + (pick ? '<table>' + filasFn(camposPedido) + '</table>' : '<div class="sin-datos">Sin datos de picking registrados.</div>') + '<h2>📦 Ingreso de Novedad</h2>' + (pack ? '<table>' + filasFn(camposNovedad) + '</table>' : '<div class="sin-datos">Aún no se ha registrado una novedad para este pedido.</div>') + '<div class="pie"><span>SIMED — Reporte generado automáticamente</span><span>Página 1 de 1</span></div>' + '</div>' + '<script>(function(){function fit(){var h=document.querySelector(".hoja");if(!h)return;h.style.zoom="";var avail=1000;if(h.scrollHeight>avail){h.style.zoom=avail/h.scrollHeight;}}window.addEventListener("beforeprint",fit);window.addEventListener("afterprint",function(){var h=document.querySelector(".hoja");if(h)h.style.zoom="";});window.__imprimirUnaHoja=function(){fit();setTimeout(function(){window.print();},60);};})();<\/script>' + '</body></html>'; abrirVentanaHTML(html); } function mayus(el) { const pos = el.selectionStart; el.value = el.value.toUpperCase(); if (typeof pos === 'number' && el.setSelectionRange) el.setSelectionRange(pos, pos); } function esc(str) { if (str === undefined || str === null) return '-'; return String(str).replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;'); } /* Escapa para insertar texto dentro de un atributo HTML (value="...", etc). A diferencia de esc(), sí convierte comillas — necesario porque esc() por sí sola no evita que un valor con " rompa un atributo delimitado por comillas. */ function escAttr(str) { if (str === undefined || str === null) return ''; return String(str).replace(/&/g,'&amp;').replace(/"/g,'&quot;').replace(/</g,'&lt;').replace(/>/g,'&gt;'); } /* Escapa para insertar un valor dentro de un string JS de comillas simples, típicamente dentro de un onclick="fn('...')". Debe aplicarse ANTES de escAttr() cuando el resultado también va dentro de un atributo HTML. */ function escJs(str) { if (str === undefined || str === null) return ''; return String(str).replace(/\\/g,'\\\\').replace(/'/g,"\\'").replace(/\n/g,'\\n').replace(/\r/g,''); } /* Combina ambas: para usar dentro de onclick="fn('VALOR')". */ function escOnclickArg(str) { return escAttr(escJs(str)); } /* ===================== CONSULTA RÁPIDA ===================== */ function copiarLinkConsultaRapida() { // El enlace compartible debe mostrar SOLO esa consulta y abrirse sin pedir // login. Reutilizamos la consulta autónoma en vivo (compartirConsultaRapida). compartirConsultaRapida(); } function abrirConsultaRapidaLink() { initConsultaRapida(); togglePanelConsultaRapida(true); } function cerrarConsultaRapida() { togglePanelConsultaRapida(false); if (window.consultaParticles) { cancelAnimationFrame(window.consultaParticles); window.consultaParticles = null; } } function buscarConsultaRapida() { const q = document.getElementById('inputConsultaRapida').value.trim().toLowerCase(); const err = document.getElementById('errConsultaRapida'); const res = document.getElementById('resConsultaRapida'); err.textContent = ''; res.style.display = 'none'; res.innerHTML = ''; if (!q) { err.textContent = 'Ingresa un número de pedido.'; return; } const pick = picking.find(p => p.pedido && p.pedido.toLowerCase() === q); const pack = packing.find(p => p.pedido && p.pedido.toLowerCase() === q); if (!pick && !pack) { err.textContent = 'No se encontraron resultados.'; return; } let html = trackingResumenHTML(q); if (pick) { html += '<div style="margin-bottom:14px;"><div style="font-size:13px;color:#7b93a7;margin-bottom:4px;">📋 Packing</div>' + '<div style="font-size:14px;line-height:1.7;">' + '<b>Pedido:</b> ' + esc(pick.pedido) + '<br>' + '<b>Cliente:</b> ' + esc(pick.cliente) + '<br>' + '<b>Dirección:</b> ' + esc(pick.direccion) + '<br>' + '<b>Ciudad:</b> ' + esc(pick.ciudad) + '<br>' + '<b>Fecha:</b> ' + esc(pick.fecha) + '<br>' + '<b>Cajas:</b> ' + esc(pick.cajas || 0) + '<br>' + '<b>Equipos:</b> ' + esc(pick.cantEquipos || 0) + '<br>' + '<b>Térmicas:</b> ' + esc(pick.cantTermicas || 0) + '<br>' + '<b>Tipo:</b> ' + esc(pick.tipoPedido) + '<br>' + '<b>Responsable:</b> ' + esc(pick.responsable) + '</div></div>'; } if (pack) { html += '<div><div style="font-size:13px;color:#7b93a7;margin-bottom:4px;">📦 Registro de novedad</div>' + '<div style="font-size:14px;line-height:1.7;">' + '<b>Pedido:</b> ' + esc(pack.pedido) + '<br>' + '<b>Cliente:</b> ' + esc(pack.cliente) + '<br>' + '<b>Fecha registro:</b> ' + esc(pack.fechaRegistro || pack.fecha) + '<br>' + '<b>Recibe:</b> ' + esc(pack.recibe) + '<br>' + '<b>Recibido:</b> ' + esc(pack.recibido) + '<br>' + '<b>Estado entrega:</b> ' + esc(pack.estadoEntrega) + '<br>' + '<b>Temperatura:</b> ' + esc(pack.temperatura) + '°C</div></div>'; } res.innerHTML = html; res.style.display = 'block'; } function nuevaConsultaRapida() { document.getElementById('inputConsultaRapida').value = ''; document.getElementById('errConsultaRapida').textContent = ''; document.getElementById('resConsultaRapida').style.display = 'none'; document.getElementById('resConsultaRapida').innerHTML = ''; document.getElementById('inputConsultaRapida').focus(); } function togglePanelConsultaRapida(mostrar) { const overlay = document.getElementById('consultaRapidaOverlay'); if (!overlay) return; if (mostrar) { overlay.classList.add('active'); if (!overlay._outsideBound) { overlay._outsideBound = true; overlay.addEventListener('click', function(e){ if (e.target === overlay) cerrarConsultaRapida(); }); } setTimeout(() => document.getElementById('inputConsultaRapida')?.focus(), 100); initParticles(); } else { overlay.classList.remove('active'); if (window.consultaParticles) { cancelAnimationFrame(window.consultaParticles); window.consultaParticles = null; } } } function initParticles() { const canvas = document.getElementById('consultaBgCanvas'); if (!canvas) return; const ctx = canvas.getContext('2d'); const W = window.innerWidth; const H = window.innerHeight; canvas.width = W; canvas.height = H; const particles = []; const count = Math.min(60, Math.floor((W * H) / 18000)); for (let i = 0; i < count; i++) { particles.push({ x: Math.random() * W, y: Math.random() * H, r: Math.random() * 2 + 0.5, dx: (Math.random() - 0.5) * 0.4, dy: (Math.random() - 0.5) * 0.4, alpha: Math.random() * 0.5 + 0.2 }); } function draw() { ctx.clearRect(0, 0, W, H); for (let i = 0; i < particles.length; i++) { const p = particles[i]; p.x += p.dx; p.y += p.dy; if (p.x < 0 || p.x > W) p.dx *= -1; if (p.y < 0 || p.y > H) p.dy *= -1; ctx.beginPath(); ctx.arc(p.x, p.y, p.r, 0, Math.PI * 2); ctx.fillStyle = 'rgba(20,108,168,' + p.alpha.toFixed(2) + ')'; ctx.fill(); } for (let i = 0; i < particles.length; i++) { for (let j = i + 1; j < particles.length; j++) { const dx = particles[i].x - particles[j].x; const dy = particles[i].y - particles[j].y; const dist = Math.sqrt(dx * dx + dy * dy); if (dist < 120) { ctx.beginPath(); ctx.moveTo(particles[i].x, particles[i].y); ctx.lineTo(particles[j].x, particles[j].y); ctx.strokeStyle = 'rgba(20,108,168,' + (0.12 * (1 - dist / 120)).toFixed(3) + ')'; ctx.lineWidth = 0.6; ctx.stroke(); } } } window.consultaParticles = requestAnimationFrame(draw); } if (window.consultaParticles) cancelAnimationFrame(window.consultaParticles); window.consultaParticles = requestAnimationFrame(draw); } function initConsultaRapida() { const overlay = document.getElementById('consultaRapidaOverlay'); if (overlay && !overlay.dataset.inited) { overlay.addEventListener('click', function(e) { if (e.target === overlay) cerrarConsultaRapida(); }); document.addEventListener('keydown', function(e) { if (e.key === 'Escape' && overlay.classList.contains('active')) { cerrarConsultaRapida(); } }); overlay.dataset.inited = '1'; } } function compartirConsultaRapida() { const q = document.getElementById('inputConsultaRapida').value.trim().toLowerCase(); const pedidoBuscado = q || ''; const prefill = pedidoBuscado ? 'document.getElementById("q").value=' + JSON.stringify(pedidoBuscado) + ';setTimeout(function(){window.buscar();},50);' : ''; const standaloneHtml = '<!DOCTYPE html>' + '<html lang="es">' + '<head>' + '<meta charset="UTF-8">' + '<meta name="viewport" content="width=device-width, initial-scale=1.0">' + '<title>Consulta de Pedido - SIMED</title>' + '<style>' + 'body{font-family:Inter,system-ui,sans-serif;background:linear-gradient(135deg,#eaf3fa,#f6fbff);min-height:100vh;display:flex;align-items:center;justify-content:center;margin:0;padding:20px;}' + '.box{background:#fff;border-radius:22px;box-shadow:0 24px 70px rgba(8,48,79,0.18);padding:36px 32px;width:980px;max-width:96vw;text-align:center;border:1px solid rgba(255,255,255,0.6);position:relative;overflow:hidden;}' + '.wrap{display:flex;gap:28px;align-items:flex-start;flex-wrap:wrap;text-align:left;}' + '.panel-buscar{flex:0 0 300px;text-align:center;margin:0 auto;}' + 'h2{color:#08304f;font-size:1.35rem;margin:0 0 6px;font-weight:700;}' + '.sub{color:#7b93a7;font-size:14px;margin-bottom:20px;}' + 'input{width:100%;box-sizing:border-box;padding:13px 16px;border:1.5px solid #d3dde5;border-radius:12px;font-size:15px;margin-bottom:14px;background:rgba(255,255,255,0.9);transition:all .2s;}' + 'input:focus{outline:none;border-color:#146ca8;box-shadow:0 0 0 4px rgba(20,108,168,0.12);}' + 'button{padding:12px 22px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;margin:0 5px 6px;transition:all .2s;}' + 'button:disabled{opacity:0.5;cursor:not-allowed;}' + '.btn-primary{background:linear-gradient(135deg,#146ca8,#08304f);color:#fff;}' + '.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(8,48,79,0.25);}' + '.btn-outline{background:#fff;border:1.5px solid #d3dde5;color:#1b2d3f;}' + '.btn-outline:hover{background:#f2f6f9;}' + '.resultado{margin-top:0;text-align:left;background:#f7fafd;border-radius:14px;padding:18px;border:1px solid #d3dde5;font-size:13px;line-height:1.75;display:none;flex:1;min-width:320px;}' + '.cols{display:flex;gap:24px;flex-wrap:wrap;}' + '.col{flex:1;min-width:260px;}' + '.col-titulo{font-size:13px;font-weight:700;color:#146ca8;margin-bottom:8px;}' + '.fila-dato{display:flex;justify-content:space-between;gap:10px;padding:5px 0;border-bottom:1px solid #eef2f6;}' + '.fila-dato b{color:#4a5b68;font-size:12.5px;margin:0;display:inline;}' + '.fila-dato span{text-align:right;color:#1c2b36;}' + '.sin-datos{color:#9aa8b8;font-size:13px;padding:6px 0;}' + '.error{color:#c0392b;font-size:13px;margin-top:10px;min-height:18px;}' + '.header-icon{font-size:44px;margin-bottom:8px;}' + '.info-cnt{font-size:12px;color:#7b93a7;margin-top:8px;display:flex;align-items:center;justify-content:center;gap:5px;}' + '</style>' + '</head>' + '<body>' + '<div class="box"><div class="wrap">' + '<div class="panel-buscar"><div class="header-icon">&#128230;</div><h2>Consulta de Pedido</h2><div class="sub">Ingresa el n&uacute;mero de pedido para ver los detalles</div>' + '<input type="text" id="q" placeholder="N&uacute;mero de pedido..." disabled>' + '<div><button class="btn-primary" id="btnBuscar" type="button" disabled>&#128269; Consultar</button><button class="btn-outline" id="btnNueva" type="button">&#128260; Nueva consulta</button></div>' + '<div id="err" class="error"></div>' + '<div id="info" class="info-cnt">&#128260; Conectando con SIMED en la nube...</div></div>' + '<div id="res" class="resultado"></div>' + '</div></div>' + '<script>' + '(function(){' + 'var API=location.protocol.indexOf("http")===0?location.origin:"https://simed.1315699247simed.workers.dev";' + 'var picking=[],packing=[];' + 'var info=document.getElementById("info");' + 'var qInput=document.getElementById("q");' + 'var btnBuscar=document.getElementById("btnBuscar");' + 'function esc(s){if(s===undefined||s===null||s==="")return"-";return String(s).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;");}' + 'function getData(k){return fetch(API+"/api/collection/"+encodeURIComponent(k)).then(function(r){if(!r.ok)throw new Error("HTTP "+r.status);return r.json();}).then(function(x){var rows=Array.isArray(x.items)?x.items:(Array.isArray(x.data)?x.data:[]);return rows.map(function(row){return row&&row.datos?Object.assign({},row.datos,{id:row.id||row.datos.id}):row;});});}' + 'Promise.all([getData("picking"),getData("packing")]).then(function(res){' + 'picking=Array.isArray(res[0])?res[0]:[];' + 'packing=Array.isArray(res[1])?res[1]:[];' + 'info.innerHTML="&#128994; Datos en vivo &middot; "+picking.length+" picking, "+packing.length+" novedades";' + 'qInput.disabled=false;btnBuscar.disabled=false;qInput.focus();' + prefill + '}).catch(function(e){' + 'console.error("Error conectando al Worker:",e);' + 'info.innerHTML="&#128308; No se pudo conectar. Revisa tu conexi&oacute;n a internet.";' + '});' + 'window.buscar=function(){' + 'try{' + 'var q=qInput.value.trim().toLowerCase();' + 'var err=document.getElementById("err");' + 'var res=document.getElementById("res");' + 'err.textContent="";res.style.display="none";res.innerHTML="";' + 'if(!q){err.textContent="Ingresa un n&uacute;mero de pedido.";return;}' + 'var pick=picking.find(function(p){return p.pedido&&String(p.pedido).toLowerCase()===q;});' + 'var pack=packing.find(function(p){return p.pedido&&String(p.pedido).toLowerCase()===q;});' + 'if(!pick&&!pack){err.textContent="No se encontraron resultados para: "+q;return;}' + 'function fila(etq,val){return "<div class=\\"fila-dato\\"><b>"+etq+"</b><span>"+(val?esc(val):"<span style=\\"color:#9aa8b8;\\">-</span>")+"</span></div>";}' + 'var colIzq="<div class=\\"col\\"><div class=\\"col-titulo\\">&#128203; Picking</div>";' + 'if(pick){colIzq+=fila("Pedido",pick.pedido)+fila("Cliente",pick.cliente)+fila("Direcci&oacute;n",pick.direccion)+fila("Ciudad",pick.ciudad)+fila("Fecha",pick.fecha)+fila("Cajas",pick.cajas||0)+fila("Equipos",pick.cantEquipos||0)+fila("T&eacute;rmicas",pick.cantTermicas||0)+fila("Tipo",pick.tipoPedido)+fila("Responsable",pick.responsable);}' + 'else{colIzq+="<div class=\\"sin-datos\\">Sin datos de picking registrados.</div>";}' + 'colIzq+="</div>";' + 'var colDer="<div class=\\"col\\"><div class=\\"col-titulo\\">&#128230; Registro de Novedad</div>";' + 'if(pack){colDer+=fila("Fecha",pack.fecha)+fila("Recibe",pack.recibe)+fila("Acci&oacute;n Correctiva",pack.accionCorrectiva)+fila("Asesor Asignado",pack.asesor)+fila("Descripci&oacute;n",pack.descripcion)+fila("Desviaci&oacute;n",pack.desviacion)+fila("Transportista",pack.transportista)+fila("Hoja de Ruta Interna",pack.hojaRuta)+fila("Fecha Entrega",pack.fechaEntrega)+fila("Hora Llegada",pack.horaLlegada)+fila("Fecha Salida",pack.fechaSalida)+fila("Hora Salida",pack.horaSalida)+fila("Observaci&oacute;n Novedad",pack.obsNovedad)+fila("Operador Asignado",pack.operador)+fila("Responsable Novedad",pack.responsableNovedad)+fila("Recibido",pack.recibido)+fila("Estado Entrega",pack.estadoEntrega)+fila("Temperatura Entrega",pack.temperatura?pack.temperatura+" &deg;C":"");}' + 'else{colDer+="<div class=\\"sin-datos\\">A&uacute;n no se ha registrado una novedad para este pedido.</div>";}' + 'colDer+="</div>";' + 'res.innerHTML="<div class=\\"cols\\">"+colIzq+colDer+"</div>";res.style.display="block";' + '}catch(e){console.error("Error en buscar:",e);document.getElementById("err").textContent="Error interno. Revisa la consola (F12).";}' + '};' + 'window.nuevaConsulta=function(){' + 'qInput.value="";' + 'document.getElementById("err").textContent="";' + 'document.getElementById("res").style.display="none";' + 'document.getElementById("res").innerHTML="";' + 'qInput.focus();' + '};' + 'qInput.addEventListener("keydown",function(e){if(e.key==="Enter")window.buscar();});' + 'btnBuscar.addEventListener("click",window.buscar);' + 'document.getElementById("btnNueva").addEventListener("click",window.nuevaConsulta);' + '})();' + '<'+'/script></body></html>'; // Ahora que la página se conecta en vivo a Firestore (ya no lleva datos incrustados), // el link es pequeño y se puede copiar directo al portapapeles como un link "data:". const dataUrl = 'data:text/html;charset=utf-8,' + encodeURIComponent(standaloneHtml); function copiarAlPortapapeles(texto) { if (navigator.clipboard && navigator.clipboard.writeText) { return navigator.clipboard.writeText(texto); } // Alternativa para navegadores que no permiten navigator.clipboard const ta = document.createElement('textarea'); ta.value = texto; ta.style.position = 'fixed'; ta.style.opacity = '0'; document.body.appendChild(ta); ta.focus(); ta.select(); const ok = document.execCommand('copy'); document.body.removeChild(ta); return ok ? Promise.resolve() : Promise.reject(new Error('No se pudo copiar')); } copiarAlPortapapeles(dataUrl).then(() => { toast('Link copiado. Pégalo en WhatsApp/correo para reenviarlo — al abrirlo, consulta los datos en vivo.', 'success'); }).catch(e => { console.error('Error copiando el link:', e); // Respaldo: si no se pudo copiar, se descarga el archivo para no dejar al usuario sin opción try { const blob = new Blob([standaloneHtml], { type: 'text/html;charset=utf-8' }); const url = URL.createObjectURL(blob); const now = new Date(); const pad = n => n.toString().padStart(2,'0'); const nombreArchivo = 'Consulta_Pedidos_SIMED_' + now.getFullYear() + pad(now.getMonth()+1) + pad(now.getDate()) + '.html'; const a = document.createElement('a'); a.href = url; a.download = nombreArchivo; document.body.appendChild(a); a.click(); document.body.removeChild(a); setTimeout(() => URL.revokeObjectURL(url), 5000); toast('No se pudo copiar el link; se descargó el archivo en su lugar.', 'warning'); } catch (e2) { console.error('Error generando la consulta:', e2); toast('No se pudo generar la consulta.', 'error'); } }); } /* ===================== CONFIGURACIÓN / USUARIOS ===================== */ function showTabConfig(tab) { document.getElementById('configGeneral').classList.toggle('hidden', tab!=='general'); document.getElementById('configUsuarios').classList.toggle('hidden', tab!=='usuarios'); document.getElementById('configPapelera').classList.toggle('hidden', tab!=='papelera'); document.getElementById('tabConfigGeneral').classList.toggle('active', tab==='general'); document.getElementById('tabConfigUsuarios').classList.toggle('active', tab==='usuarios'); document.getElementById('tabConfigPapelera').classList.toggle('active', tab==='papelera'); if (tab==='usuarios') renderUsuariosConfig(); if (tab==='papelera') renderPapelera(); } function guardarConfig() { toast('Configuración guardada', 'success'); } async function renderUsuariosConfig() { const cont = document.getElementById('listaUsuariosConfig'); if (!cont) return; try { await cargarUsuariosWorker(); } catch (e) {} const usuarios = obtenerUsuarios(); const modLabels = { inicio:'Inicio', clientes:'Clientes', picking:'Picking', packing:'Packing', historial:'Historial', configuracion:'Config.' }; let html = ''; Object.keys(usuarios).sort().forEach(u => { const usr = usuarios[u]; const permisos = (usr.permisos || []).map(p => modLabels[p] || p).join(', '); const propio = USUARIO_ACTUAL && USUARIO_ACTUAL.id === u; html += '<div class="usuario-row" style="grid-template-columns:1fr auto auto auto;">' + '<span><b>' + esc(usr.nombre) + '</b> (' + esc(u) + ') — ' + esc(usr.rol) + ' <span style="font-size:11px;color:var(--gray);">[' + esc(permisos || 'Ninguno') + ']</span></span>' + '<span style="font-size:11px;color:var(--gray);">🔒 Worker + D1</span>' + (propio ? '<button class="btn btn-outline" onclick="cambiarClaveUsuario(\'' + escOnclickArg(u) + '\')">🔑 Cambiar mi clave</button>' : '<span></span>') + (usr.rol === 'admin' ? '<span style="color:var(--gray); font-size:12px;">No se puede editar</span>' : '<button class="btn btn-outline" style="padding:4px 10px;font-size:12px;" onclick="editarUsuario(\'' + escOnclickArg(u) + '\')">✏️ Permisos</button>' + '<button class="btn btn-danger" style="padding:4px 10px;font-size:12px;" onclick="eliminarUsuario(\'' + escOnclickArg(u) + '\')">Eliminar</button>') + '<div id="editarUsuario-' + escAttr(u) + '" style="display:none;grid-column:1/-1;width:100%;margin-top:8px;padding-top:10px;border-top:1px solid var(--border);"></div>' + '</div>'; }); cont.innerHTML = html || '<div class="empty-state">Sin usuarios</div>'; } async function cambiarClaveUsuario(id) { if (!USUARIO_ACTUAL || USUARIO_ACTUAL.id !== id) { toast('Por seguridad, solo puedes cambiar tu propia contraseña.', 'warning'); return; } const nueva=prompt('Nueva contraseña para tu cuenta:', ''); if(nueva===null)return; if(!nueva.trim()||nueva.trim().length<6){toast('La contraseña debe tener al menos 6 caracteres','error');return;} try{ await apiRequest('/api/usuarios/'+encodeURIComponent(id),{method:'PUT',body:JSON.stringify({password:nueva.trim()})}); toast('Contraseña actualizada','success'); } catch(e){toast('No se pudo actualizar: '+e.message,'error');} } function editarUsuario(id) { const cont = document.getElementById('editarUsuario-' + id); if (!cont) return; const usuarios = obtenerUsuarios(); const usr = usuarios[id]; if (!usr) return; const permisos = usr.permisos || []; const mods = [ { val:'inicio', label:'Inicio' }, { val:'clientes', label:'Clientes' }, { val:'picking', label:'Picking' }, { val:'packing', label:'Packing' }, { val:'historial', label:'Historial' } ]; let html = '<div style="display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;">'; mods.forEach(m => { const checked = permisos.includes(m.val) ? 'checked' : ''; html += '<label style="display:flex;align-items:center;gap:5px;font-size:13px;cursor:pointer;"><input type="checkbox" class="permiso-edit-' + id + '" value="' + m.val + '" ' + checked + '> ' + m.label + '</label>'; }); html += '</div>' + '<div style="margin-top:10px;display:flex;gap:8px;">' + '<button class="btn btn-primary" style="padding:4px 12px;font-size:12px;" onclick="guardarEdicionUsuario(\'' + id + '\')">Guardar</button>' + '<button class="btn" style="padding:4px 12px;font-size:12px;" onclick="cancelarEdicionUsuario(\'' + id + '\')">Cancelar</button>' + '</div>'; cont.innerHTML = html; cont.style.display = 'block'; } async function guardarEdicionUsuario(id) { const usuarios=obtenerUsuarios(); if(!usuarios[id])return; const permisos=Array.from(document.querySelectorAll('.permiso-edit-'+id+':checked')).map(ch=>ch.value); try{ const r=await apiRequest('/api/usuarios/'+encodeURIComponent(id),{method:'PATCH',body:JSON.stringify({permisos})}); const actualizado=r.usuario||r.user||r.data||{...usuarios[id],permisos}; USUARIOS_CACHE[id]={...usuarios[id],...actualizado,permisos}; localStorage.setItem('usuariosSIMED_v2',JSON.stringify(USUARIOS_CACHE)); toast('Permisos actualizados','success'); renderUsuariosConfig(); if(USUARIO_ACTUAL&&USUARIO_ACTUAL.id===id){USUARIO_ACTUAL.permisos=permisos;localStorage.setItem('usuarioActualSIMED',JSON.stringify(USUARIO_ACTUAL));aplicarPermisos();} }catch(e){toast('No se pudo actualizar: '+e.message,'error');} } function cancelarEdicionUsuario(id) { const cont = document.getElementById('editarUsuario-' + id); if (cont) cont.style.display = 'none'; } async function crearUsuario() { const id=document.getElementById('nuevoUsuarioId').value.trim().toLowerCase(); const nombre=document.getElementById('nuevoUsuarioNombre').value.trim(); const clave=document.getElementById('nuevoUsuarioClave').value; const rol=document.getElementById('nuevoUsuarioRol').value.trim().toLowerCase()||'operario'; const permisos=Array.from(document.querySelectorAll('.permiso-modulo:checked')).map(ch=>ch.value); if(!id||!nombre||!clave){toast('Completa todos los campos obligatorios','error');return;} if(clave.length<6){toast('La contraseña debe tener al menos 6 caracteres','error');return;} if(USUARIOS_CACHE[id]){toast('El usuario ya existe','error');return;} const btn=document.querySelector('button[onclick="crearUsuario()"]');if(btn)btn.disabled=true; try{ const r=await apiRequest('/api/usuarios',{method:'POST',body:JSON.stringify({id,nombre,rol,permisos,password:clave})}); const perfil=r.usuario||r.user||r.data||{id,nombre,rol,permisos}; USUARIOS_CACHE[id]={...perfil,permisos}; localStorage.setItem('usuariosSIMED_v2',JSON.stringify(USUARIOS_CACHE)); toast('Usuario creado correctamente','success'); document.getElementById('nuevoUsuarioId').value='';document.getElementById('nuevoUsuarioNombre').value='';document.getElementById('nuevoUsuarioClave').value='';document.getElementById('nuevoUsuarioRol').value='operario';document.querySelectorAll('.permiso-modulo').forEach(ch=>ch.checked=true);renderUsuariosConfig();poblarSelectUsuarios(); }catch(e){toast('No se pudo crear: '+e.message,'error');} finally{if(btn)btn.disabled=false;} } async function eliminarUsuario(id) { if(!confirm('¿Eliminar usuario '+id+'? Perderá acceso a la app de inmediato.'))return; const usuarios=obtenerUsuarios(); if((usuarios[id]||{}).rol==='admin'){toast('No se puede eliminar a un administrador','error');return;} const perfil=usuarios[id]; try{await apiRequest('/api/usuarios/'+encodeURIComponent(id),{method:'DELETE'});if(perfil)guardarEnPapelera('usuario',{id,perfil});delete USUARIOS_CACHE[id];localStorage.setItem('usuariosSIMED_v2',JSON.stringify(USUARIOS_CACHE));toast('Usuario eliminado','warning');renderUsuariosConfig();poblarSelectUsuarios();} catch(e){toast('No se pudo eliminar: '+e.message,'error');} } /* ===================== INIT ===================== */ async function init() { await initData(); renderInicio(); } document.addEventListener('input', function(e){ var t = e.target; if (!t || (t.tagName !== 'INPUT' && t.tagName !== 'TEXTAREA')) return; if (t.type === 'checkbox' || t.type === 'radio' || t.type === 'number') return; var sec = t.closest && t.closest('#secPicking, #secPacking'); if (!sec) return; var pos = t.selectionStart; var up = t.value.toUpperCase(); if (up !== t.value) { t.value = up; if (typeof pos === 'number' && t.setSelectionRange) t.setSelectionRange(pos, pos); } }); checkSession(); </script> <!-- CONSULTA RÁPIDA OVERLAY --> <div id="consultaRapidaOverlay" class="consulta-rapida-overlay"> <canvas id="consultaBgCanvas" class="consulta-rapida-bg-canvas"></canvas> <div class="consulta-rapida-box"> <button class="close-btn" onclick="cerrarConsultaRapida()" title="Cerrar">&times;</button> <div class="img-placeholder">📦</div> <h3>Consulta de Pedido</h3> <p style="color:var(--gray);font-size:14px;margin-bottom:16px;">Ingresa el número de pedido para ver los detalles</p> <input type="text" id="inputConsultaRapida" placeholder="Número de pedido..." onkeydown="if(event.key==='Enter'){buscarConsultaRapida();}"> <div style="display:flex;gap:10px;justify-content:center;flex-wrap:wrap;"> <button class="btn btn-primary" onclick="buscarConsultaRapida()">🔍 Consultar</button> <button class="btn btn-outline" onclick="nuevaConsultaRapida()">🔄 Nueva consulta</button> <button class="btn btn-outline" onclick="copiarLinkConsultaRapida()">🔗 Copiar enlace</button> <button class="btn btn-outline" onclick="compartirConsultaRapida()">⬇️ Descargar consulta</button> </div> <div id="errConsultaRapida" style="color:var(--danger);font-size:13px;margin-top:10px;"></div> <div id="resConsultaRapida" class="consulta-rapida-result" style="display:none;background:#f7fafd;border-radius:12px;padding:16px;border:1px solid var(--border);font-size:13px;line-height:1.7;"></div> </div> </div> <style>#sidebar{display:none!important}.topbar{display:none!important}.main{margin-left:0!important}#loginOverlay{display:none!important}</style> <script>window.addEventListener('load',function(){try{var lo=document.getElementById('loginOverlay');if(lo)lo.style.display='none';if(typeof init==='function'){var p=init();if(p&&p.catch)p.catch(function(){});}if(typeof abrirPickingPendiente==='function'){var _ap=abrirPickingPendiente;window.abrirPickingPendiente=function(x){_ap(x);__prefillDesp(x);};}if(typeof buscarYAbrirPicking==='function'){var _bp=buscarYAbrirPicking;window.buscarYAbrirPicking=function(){var el=document.getElementById('buscarPedidoPicking');var pv=el?el.value:'';_bp();__prefillDesp(pv);};}}catch(e){}});function __prefillDesp(pedido){try{var raw=localStorage.getItem('BP_DESP');if(!raw)return;var list=JSON.parse(raw)||[];var pid=String(pedido||'').toLowerCase().trim();var d=list.filter(function(x){return x.pedido&&String(x.pedido).toLowerCase().trim()===pid})[0];if(!d)return;var set=function(id,v){var el=document.getElementById(id);if(el&&v!=null&&String(v)!==''&&!el.value)el.value=v;};set('pCliente',d.cliente);set('pDireccion',d.direccion);set('pCiudad',d.ciudad);set('pCajas',d.cajas);set('pCantEquipos',d.cantEquipos);set('pResponsable',d.responsable);set('pGuiaOp',d.eqm);try{if(typeof setTermicasDetallePick==='function'&&d.termicasDetalle&&typeof d.termicasDetalle==='object')setTermicasDetallePick(d.termicasDetalle);}catch(e){}if(d.tipoPedido){var tp=document.getElementById('pTipoPedido');if(tp&&!tp.value){for(var i=0;i<tp.options.length;i++){if(tp.options[i].value===d.tipoPedido){tp.value=tp.options[i].value;break;}}}}var fd=function(id,v){var el=document.getElementById(id);if(el&&!el.value&&v&&String(v).length>=16)el.value=String(v).slice(0,16);};fd('pFechaInicio',d.fechaInicio);fd('pFechaSalida',d.fechaSalida);}catch(e){}}function __importDesp(){try{if(typeof basePedidos==='undefined')return false;var raw=localStorage.getItem('BP_DESP');if(!raw)return false;var list=JSON.parse(raw)||[];var added=false;list.forEach(function(d){if(!d||!d.pedido)return;var pid=String(d.pedido).toLowerCase().trim();var enBase=basePedidos.some(function(b){return b.pedido&&String(b.pedido).toLowerCase().trim()===pid});var enPick=(typeof picking!=='undefined')&&picking.some(function(p){return p.pedido&&String(p.pedido).toLowerCase().trim()===pid});if(enPick)return;var __r={pedido:d.pedido,cliente:d.cliente||'',direccion:d.direccion||'',ciudad:d.ciudad||'',cajas:(d.cajas!=null?d.cajas:''),tipoPedido:d.tipoPedido||'',tipoTermica:d.tipoTermica||'',cantTermicas:(d.cantTermicas!=null?d.cantTermicas:''),termicasDetalle:d.termicasDetalle||null,cantEquipos:(d.cantEquipos!=null?d.cantEquipos:''),responsable:d.responsable||'',fechaInicio:d.fechaInicio||'',fechaSalida:d.fechaSalida||'',obs:d.obs||'',fecha:d.fecha||'',docTipo:d.docTipo||'',eqm:d.eqm||''};var __bi=basePedidos.map(function(b){return b.pedido?String(b.pedido).toLowerCase().trim():'';}).indexOf(pid);if(__bi>=0){for(var __k in __r){basePedidos[__bi][__k]=__r[__k];}added=true;}else{basePedidos.push(__r);added=true;}});if(added){try{if(typeof setData==='function')setData('basePedidosSIMED',basePedidos);}catch(e){}var c=document.getElementById('contadorBasePedidos');if(c)c.textContent=basePedidos.length+' pedidos cargados en la base.';}return added}catch(e){return false}}window.__resetSimed=function(){try{['pickingSIMED','packingSIMED','basePedidosSIMED','pedidosEnviadosSIMED','papeleraSIMED'].forEach(function(k){try{localStorage.removeItem(k);}catch(e){}});try{picking=[];}catch(e){}try{packing=[];}catch(e){}try{basePedidos=[];}catch(e){}try{pedidosEnviados=[];}catch(e){}try{papelera=[];}catch(e){}try{if(typeof renderPendientesPicking==='function')renderPendientesPicking();}catch(e){}try{if(typeof renderHistorial==='function')renderHistorial();}catch(e){}try{if(typeof renderInicio==='function')renderInicio();}catch(e){}var c=document.getElementById('contadorBasePedidos');if(c)c.textContent='0 pedidos cargados en la base.';}catch(e){}};window.__go=function(s){try{if(s==='picking')__importDesp();showSection(s);if(s==='picking'&&typeof renderPendientesPicking==='function')renderPendientesPicking();}catch(e){}};setInterval(function(){try{var ch=__importDesp();var sec=document.getElementById('secPicking');var vis=sec&&!sec.classList.contains('hidden');if(ch&&vis&&typeof renderPendientesPicking==='function')renderPendientesPicking();}catch(e){}},2000);</script> </body> </html>">
📦 Bodega · Preparación de pedidos
Inicia sesión para continuar
Usuario
Clave
👁️
Ingresar