feat(pos/workshop): add lightweight workshop/taller module
- Add DB migration v4.4_workshop.sql (sale_id, service_catalog, reserved_quantity, SO_RESERVE/SO_RELEASE operation types). - Extend service_order_engine with inventory reservation, release, convert-to-sale, mechanic assignment, and service catalog CRUD. - Extend service_order_bp with /reserve, /convert-to-sale, /assign-mechanic, and /service-catalog endpoints. - Create workshop Kanban UI: workshop.html, workshop.js, workshop.css. - Add /pos/workshop route and sidebar navigation (sidebar.js + inline templates). - Add 11 unit tests with mocked cursors. - Update FASES_IMPLEMENTADAS.md with FASE 9 documentation. Tests: 92 passing (61 console + 20 Facturapi + 11 workshop).
This commit is contained in:
189
pos/templates/workshop.html
Normal file
189
pos/templates/workshop.html
Normal file
@@ -0,0 +1,189 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="es">
|
||||
<head>
|
||||
<script>/*pos_theme_early*/(function(){var t=localStorage.getItem("pos_theme")||"industrial";document.documentElement.setAttribute("data-theme",t);})()</script>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>Taller — Nexus Autoparts POS</title>
|
||||
<link rel="stylesheet" href="/pos/static/css/chat.css" />
|
||||
<link rel="stylesheet" href="/pos/static/css/tokens.css" />
|
||||
<link rel="stylesheet" href="/pos/static/css/common.css" />
|
||||
<link rel="stylesheet" href="/pos/static/css/pos-ui.css?v=2" />
|
||||
<link rel="stylesheet" href="/pos/static/css/sidebar.css" />
|
||||
<link rel="stylesheet" href="/pos/static/css/pos-glass.css" />
|
||||
<link rel="manifest" href="/pos/static/pwa/manifest.json" />
|
||||
<meta name="theme-color" content="#F5A623" />
|
||||
<link rel="shortcut icon" type="image/png" href="/pos/static/pwa/icon-192.png" />
|
||||
|
||||
<link rel="stylesheet" href="/pos/static/css/workshop.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="page-shell">
|
||||
<!-- Sidebar injected by sidebar.js -->
|
||||
<aside id="sidebar"></aside>
|
||||
|
||||
<div class="main-area pos-main-offset">
|
||||
<div id="offlineBanner"></div>
|
||||
|
||||
<div class="page-header">
|
||||
<div>
|
||||
<h1>Taller</h1>
|
||||
<p class="page-header__subtitle">Órdenes de servicio y control de reparaciones</p>
|
||||
</div>
|
||||
<div class="page-header__actions">
|
||||
<button class="btn btn--ghost" id="btnCatalog" onclick="Workshop.openCatalogModal()">Catálogo de servicios</button>
|
||||
<button class="btn btn--primary" id="btnNewOrder" onclick="Workshop.openNewOrderModal()">+ Nueva orden</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Summary cards -->
|
||||
<div class="stats-row" id="statsRow">
|
||||
<div class="stat-card">
|
||||
<span class="stat-card__label">Recibidos</span>
|
||||
<span class="stat-card__value" id="statReceived">--</span>
|
||||
</div>
|
||||
<div class="stat-card">
|
||||
<span class="stat-card__label">En reparación</span>
|
||||
<span class="stat-card__value" id="statRepair">--</span>
|
||||
</div>
|
||||
<div class="stat-card">
|
||||
<span class="stat-card__label">Listos</span>
|
||||
<span class="stat-card__value" id="statReady">--</span>
|
||||
</div>
|
||||
<div class="stat-card">
|
||||
<span class="stat-card__label">Vencidos</span>
|
||||
<span class="stat-card__value stat-card__value--danger" id="statOverdue">--</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Kanban board -->
|
||||
<div class="kanban-board" id="kanbanBoard">
|
||||
<!-- Columns injected by JS -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Detail modal -->
|
||||
<div class="modal-overlay" id="detailModal" style="display:none;">
|
||||
<div class="modal modal--lg">
|
||||
<div class="modal__header">
|
||||
<h2 class="modal__title" id="detailTitle">Orden #0000</h2>
|
||||
<button class="modal__close" onclick="Workshop.closeDetailModal()">×</button>
|
||||
</div>
|
||||
<div class="modal__body" id="detailBody">
|
||||
<!-- Injected by JS -->
|
||||
</div>
|
||||
<div class="modal__footer" id="detailFooter">
|
||||
<button class="btn btn--ghost" onclick="Workshop.closeDetailModal()">Cerrar</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- New order modal -->
|
||||
<div class="modal-overlay" id="newOrderModal" style="display:none;">
|
||||
<div class="modal">
|
||||
<div class="modal__header">
|
||||
<h2 class="modal__title">Nueva orden de servicio</h2>
|
||||
<button class="modal__close" onclick="Workshop.closeNewOrderModal()">×</button>
|
||||
</div>
|
||||
<div class="modal__body">
|
||||
<form id="newOrderForm" class="form-grid form-grid--2">
|
||||
<div class="form-field">
|
||||
<label class="form-label" for="noCustomer">Cliente</label>
|
||||
<select class="form-input" id="noCustomer" required></select>
|
||||
</div>
|
||||
<div class="form-field">
|
||||
<label class="form-label" for="noVehicle">Vehículo</label>
|
||||
<select class="form-input" id="noVehicle"></select>
|
||||
</div>
|
||||
<div class="form-field">
|
||||
<label class="form-label" for="noMechanic">Mecánico asignado</label>
|
||||
<select class="form-input" id="noMechanic"></select>
|
||||
</div>
|
||||
<div class="form-field">
|
||||
<label class="form-label" for="noPriority">Prioridad</label>
|
||||
<select class="form-input" id="noPriority">
|
||||
<option value="normal">Normal</option>
|
||||
<option value="high">Alta</option>
|
||||
<option value="urgent">Urgente</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-field">
|
||||
<label class="form-label" for="noEstimatedCompletion">Entrega estimada</label>
|
||||
<input class="form-input" type="datetime-local" id="noEstimatedCompletion" />
|
||||
</div>
|
||||
<div class="form-field">
|
||||
<label class="form-label" for="noMileage">Kilometraje</label>
|
||||
<input class="form-input" type="number" id="noMileage" placeholder="Ej. 45200" />
|
||||
</div>
|
||||
<div class="form-field form-field--span2">
|
||||
<label class="form-label" for="noNotes">Notas de recepción</label>
|
||||
<textarea class="form-input" id="noNotes" rows="3" placeholder="Falla reportada, observaciones..."></textarea>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="modal__footer">
|
||||
<button class="btn btn--ghost" onclick="Workshop.closeNewOrderModal()">Cancelar</button>
|
||||
<button class="btn btn--primary" onclick="Workshop.submitNewOrder()">Crear orden</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Catalog modal -->
|
||||
<div class="modal-overlay" id="catalogModal" style="display:none;">
|
||||
<div class="modal modal--lg">
|
||||
<div class="modal__header">
|
||||
<h2 class="modal__title">Catálogo de servicios</h2>
|
||||
<button class="modal__close" onclick="Workshop.closeCatalogModal()">×</button>
|
||||
</div>
|
||||
<div class="modal__body">
|
||||
<div class="form-grid form-grid--4" id="catalogForm">
|
||||
<div class="form-field form-field--span2">
|
||||
<input class="form-input" id="catName" placeholder="Nombre del servicio" />
|
||||
</div>
|
||||
<div class="form-field">
|
||||
<input class="form-input" id="catHours" type="number" step="0.1" placeholder="Horas" />
|
||||
</div>
|
||||
<div class="form-field">
|
||||
<input class="form-input" id="catRate" type="number" step="0.01" placeholder="Precio/hora" />
|
||||
</div>
|
||||
<div class="form-field form-field--span3">
|
||||
<input class="form-input" id="catDesc" placeholder="Descripción" />
|
||||
</div>
|
||||
<div class="form-field">
|
||||
<button class="btn btn--primary" onclick="Workshop.addCatalogItem()">Agregar</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="vs-container" style="margin-top:var(--space-4);max-height:40vh;overflow-y:auto;">
|
||||
<table class="data-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Servicio</th>
|
||||
<th>Horas</th>
|
||||
<th>Precio/hora</th>
|
||||
<th>Total sugerido</th>
|
||||
<th></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="catalogBody">
|
||||
<tr><td colspan="5" style="text-align:center;padding:var(--space-4);">Cargando...</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="/pos/static/js/i18n.js" defer></script>
|
||||
<script src="/pos/static/js/app-init.js" defer></script>
|
||||
<script src="/pos/static/js/splash-loader.js?v=1" defer></script>
|
||||
<script src="/pos/static/js/pos-utils.js?v=2" defer></script>
|
||||
<script src="/pos/static/js/sidebar.js" defer></script>
|
||||
<script src="/pos/static/js/offline-banner.js" defer></script>
|
||||
<script src="/pos/static/js/workshop.js" defer></script>
|
||||
<script>if('serviceWorker' in navigator){navigator.serviceWorker.register('/pos/sw.js',{scope:'/pos/'});}</script>
|
||||
<script src="/pos/static/js/pwa-install.js" defer></script>
|
||||
<script src="/pos/static/js/chat.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user