Actualizar servicios.html

This commit is contained in:
2026-03-07 16:46:18 +00:00
parent 2f212c0092
commit 90bd412f70

View File

@@ -219,7 +219,7 @@
<option value="60" selected>1 hora</option> <option value="60" selected>1 hora</option>
<option value="90">1.5 horas</option> <option value="90">1.5 horas</option>
<option value="120">2 horas</option> <option value="120">2 horas</option>
<option value="180">3 hours</option> <option value="180">3 horas</option>
<option value="240">4 horas (Max)</option> <option value="240">4 horas (Max)</option>
</select> </select>
<i data-lucide="clock" class="w-4 h-4 absolute right-3 top-1/2 -translate-y-1/2 text-slate-400 pointer-events-none"></i> <i data-lucide="clock" class="w-4 h-4 absolute right-3 top-1/2 -translate-y-1/2 text-slate-400 pointer-events-none"></i>
@@ -276,7 +276,7 @@
<input type="hidden" id="detId"> <input type="hidden" id="detId">
<input type="hidden" id="detCp"> <input type="hidden" id="detCp">
<div class="w-full md:w-7/12 p-5 overflow-y-auto no-scrollbar flex flex-col gap-4"> <div class="w-full md:w-7/12 p-5 overflow-y-auto no-scrollbar flex flex-col gap-4">
<div class="bg-slate-50 p-4 rounded-[1rem] border border-slate-100 shrink-0"> <div class="bg-slate-50 p-4 rounded-[1rem] border border-slate-100 shrink-0">
<div class="flex justify-between items-start mb-3"> <div class="flex justify-between items-start mb-3">
@@ -385,39 +385,6 @@
</div> </div>
</div> </div>
<div id="panelSinAsignar" class="bg-rose-50/40 p-6 rounded-[1.5rem] border border-rose-100 flex flex-col shadow-sm shrink-0 hidden">
<div class="flex items-center gap-2 mb-6">
<div class="w-2.5 h-2.5 rounded-full bg-rose-500 animate-pulse"></div>
<p class="text-[10px] font-black text-rose-600 uppercase tracking-widest">Opciones de Asignación</p>
</div>
<div class="space-y-5">
<select id="reGremio" class="w-full bg-white border border-rose-200 p-4 rounded-2xl text-xs font-bold text-slate-700 outline-none" onchange="loadOps(this.value, 'reOperario')">
<option value="">Seleccionar Gremio...</option>
</select>
<div class="bg-slate-900 p-5 rounded-2xl text-white space-y-4">
<button onclick="sendToAutomate()" id="btnAuto" class="w-full bg-blue-600 hover:bg-blue-500 p-3 rounded-xl flex items-center justify-between transition-all active:scale-95">
<div class="text-left"><p class="font-black uppercase text-xs">Mandar a la Cola</p><p class="text-[9px] text-blue-200">Rueda automática (WA)</p></div>
<i data-lucide="zap" class="w-5 h-5"></i>
</button>
<div class="bg-slate-800 p-4 rounded-xl space-y-3">
<p class="font-black uppercase text-[9px] text-slate-400 text-center">O Asignar a Mano:</p>
<select id="reOperario" class="w-full bg-slate-700 border-none text-white px-3 py-2.5 rounded-lg text-xs font-bold outline-none"><option value="">-- Elija gremio primero --</option></select>
<button onclick="assignManualFromPanel()" class="w-full bg-white text-slate-900 font-black py-2.5 rounded-lg text-[10px] uppercase hover:bg-emerald-400 transition-colors">Confirmar Directo</button>
</div>
</div>
</div>
</div>
<div id="panelEnBolsa" class="bg-amber-50/40 p-6 rounded-[1.5rem] border border-amber-200 flex flex-col items-center shadow-sm shrink-0 hidden text-center space-y-4">
<div class="w-16 h-16 bg-amber-100 text-amber-500 rounded-full flex items-center justify-center animate-pulse"><i data-lucide="bot" class="w-8 h-8"></i></div>
<div>
<h4 class="font-black text-slate-800 text-lg uppercase tracking-tight">Servicio en Bolsa</h4>
<p class="text-xs text-slate-500 mt-2 font-medium">Buscando operario automáticamente.</p>
</div>
<button onclick="stopAutomation()" class="w-full bg-rose-500 hover:bg-rose-600 text-white font-black py-3.5 rounded-xl text-xs uppercase shadow-md flex justify-center gap-2 mt-4"><i data-lucide="octagon" class="w-4 h-4"></i> Detener Bolsa</button>
</div>
</div>
<div class="w-full md:w-5/12 border-t md:border-t-0 md:border-l border-slate-200 bg-slate-100 flex flex-col"> <div class="w-full md:w-5/12 border-t md:border-t-0 md:border-l border-slate-200 bg-slate-100 flex flex-col">
<div class="p-4 bg-white border-b border-slate-200 flex items-center gap-2 shrink-0"> <div class="p-4 bg-white border-b border-slate-200 flex items-center gap-2 shrink-0">
<div class="bg-blue-100 text-blue-600 p-2 rounded-lg"><i data-lucide="message-square" class="w-4 h-4"></i></div> <div class="bg-blue-100 text-blue-600 p-2 rounded-lg"><i data-lucide="message-square" class="w-4 h-4"></i></div>