FarmaSys Pro – Sistema Integral de Gestión para Farmacias

📦 Estructura del Template

Total de pantallas:

+60 archivos HTML con JS propio

Arquitectura:

SPA con iframe + sidebar fijo + barra superior

Archivos principales:

Index.html · Login.html · [modulo].html + [modulo].js

Idioma base:

Español (Perú) · Soporte i18n incluido

🗂️ Módulos del Sistema

🛒 Punto de Venta

terminal_venta.html

Terminal PDV con búsqueda de productos, carrito, formas de pago y emisión de comprobante

punto_venta_pos.html

Interfaz POS táctil con categorías, productos por imagen y cierre rápido

gestion_ventas_especiales.html

Ventas a crédito, cotizaciones y ventas con receta médica

consulta_documentos_venta.html

Historial y búsqueda de documentos emitidos con filtros avanzados

📦 Inventario & Almacén

catalogo_productos.html

Catálogo con código de barras, principio activo, laboratorio, lotes y precios

recepcion_mercaderia.html

Recepción con validación de OC, registro de lotes, fechas de vencimiento y cantidades

ajustes_inventario.html

Ajustes de entrada/salida con motivo y aprobación

inventario_fisico.html

Toma de inventario con conteo, diferencias y cierre de sesión de conteo

inventarios_ciclicos.html

Inventario rotativo por categorías con programación periódica

control_stock_trazabilidad.html

Trazabilidad completa de lotes: origen, movimientos y destino final

transferencias_sucursales.html

Transferencias de stock entre sucursales con estado de aprobación

devolucion_proveedores.html

Registro y seguimiento de devoluciones con nota de crédito

🏭 Compras & Proveedores

gestion_proveedores.html

Ficha de proveedor con RUC, condiciones de pago, productos y calificación

gestion_ordenes_compra.html

OC con flujo de aprobación, PDF y seguimiento de despacho

🧾 Facturación Electrónica SUNAT

gestion_comprobantes_electronicos.html

Gestión de facturas, boletas y notas electrónicas con estado SUNAT

comunicacion_bajas_sunat.html

Generación y envío de comunicación de bajas (resumen de anulaciones)

envio_resumen_boletas_sunat.html

Generación y envío del resumen diario de boletas al OSE/SUNAT

monitor_envio_digital.html

Monitor de estado de envíos: pendiente, aceptado, rechazado

registro_ventas_sire.html

Registro de Ventas e Ingresos según formato SIRE/PLE

registro_compras_sire.html

Registro de Compras según formato SIRE/PLE con validación de RUC

portal_consulta_clientes.html

Portal público para que clientes consulten y descarguen sus comprobantes

👥 Clientes, Pacientes & Fidelización

gestion_clientes_pacientes.html

Ficha clínica: DNI/RUC, alergias, medicación recurrente, condiciones médicas, IMC, biometría y mapa de ubicación

maestro_clientes.html

Listado maestro con filtros avanzados, segmentación y exportación

programas_fidelizacion.html

Configuración de programas: puntos por compra, niveles VIP (Bronce/Plata/Oro/Platino), canjes y beneficios

admin_fidelizacion.html

Administración de puntos: ajustes manuales, historial y ranking de clientes

gestion_campanas_comunicaciones.html

Campañas por email/SMS/WhatsApp con segmentación, programación y métricas

💰 Caja, Tesorería & Administración

apertura_cierre_caja.html

Apertura con monto inicial, registros de ingresos/egresos y cierre con arqueo

cierre_caja.html

Arqueo de caja: conteo físico por denominación, diferencias y firma digital

conciliacion_pagos.html

Conciliación de pagos: efectivo, tarjetas, transferencias y Yape/Plin

cuentas_cobrar.html

Cartera de créditos: estado de cuenta, vencimientos y registro de cobros

gestion_creditos_cobranzas.html

Gestión integral de créditos: aprobación, cuotas, mora y alertas de cobranza

registro_gastos_operativos.html

Registro de gastos con categorías, comprobante y aprobación

gestion_metas_sucursal.html

Metas por sucursal: ventas, clientes y margen con seguimiento visual y alertas

gestion_sucursales.html

Configuración de sucursales, horarios, datos fiscales y usuarios asignados

📊 Reportes & Analítica (20+ reportes)

ArchivoReportedashboard_gerencial.htmlDashboard con KPIs, ventas del día, top productos y gráficos dinámicosreporte_analisis_ventas.htmlAnálisis de ventas: por período, producto, categoría y vendedorreporte_analisis_inventario.htmlRotación, quiebre de stock, sobre-stock y movimientos por productoreporte_caducidades_lotes.htmlAlertas de vencimiento por lote con semáforo de criticidadreporte_cumplimiento_sunat.htmlEstado de cumplimiento de envíos a SUNAT y documentos pendientesreporte_compras_proveedores.htmlCompras por proveedor, comparativo de precios y condicionesreporte_cierre_caja.htmlHistórico de cierres con desglose por medio de pagoreporte_flujo_caja.htmlFlujo de caja proyectado vs real con gráfico de barrasreporte_rentabilidad.htmlRentabilidad por producto, categoría y sucursalreporte_p_y_g.htmlEstado de Pérdidas y Ganancias con comparativo mensualreporte_desempeno_sucursales.htmlComparativo de ventas, metas y KPIs entre sucursalesreporte_clientes_fidelizacion.htmlAnálisis de clientes frecuentes, puntos acumulados y retenciónreporte_proyeccion_ventas.htmlProyección de ventas con tendencia y estacionalidadreporte_tendencias_estacionalidad.htmlAnálisis estacional de demanda de productosreporte_cumplimiento_proveedores.htmlCumplimiento de proveedores: tiempos de entrega y calidadreporte_cumplimiento_regulatorio.htmlControl de Buenas Prácticas de Almacenamiento y regulatorio DIGEMIDreporte_productos_controlados.htmlRegistro de psicotrópicos y estupefacientes controladosreporte_auditoria.htmlLog de acciones de usuario: IP, fecha, módulo y acción realizadareporte_tablero_gerencial.htmlTablero ejecutivo con métricas clave resumidas para gerenciareporte_tablero_inventario.htmlTablero de inventario: niveles de stock, alertas y rotación

🔧 Tecnologías Utilizadas

LibreríaVersiónUso principalBootstrap5.1 / 5.3Layout responsivo, componentes UI, modales, tabsFont Awesome6.xIconografía en toda la interfazChart.js3.x / 4.xGráficos de línea, barra, torta, radar y áreaApexChartslatestGráficos avanzados en reportes gerencialesjQuery3.6 / 3.7Interacciones DOM y AJAXSelect24.1.0-rcSelectores con búsqueda y carga remotaFlatpickr4.6Pickers de fecha en formulariosDateRangePicker3.1Filtros de rango de fechas en reportesDataTables1.13Tablas con paginación, búsqueda y ordenamientoSweetAlert211Alertas y confirmaciones con diseño eleganteLeaflet1.7 / 1.9Mapa de ubicación en ficha de clientesjsPDF2.5Exportación de reportes a PDF desde el navegadorhtml2canvas1.4Captura de pantalla para exportar a PDFQuill Editor1.3Editor WYSIWYG para campañas y comunicacionesMoment.js2.29Manejo y formateo de fechasSignature Pad4.1Firma digital en documentos de cierre y arqueoAnimate.css4.1Animaciones de entrada en alertas y modales

📁 Estructura de Archivos

ArchivoDescripciónIndex.htmlContenedor principal: barra superior, sidebar de navegación y área de contenido (iframe)Login.htmlPantalla de autenticación con diseño animado y recuperación de contraseñaResources_Index.jsTraducciones, configuración global y eventos del IndexResources_Login.jsLógica y traducciones de la pantalla de login[modulo].html + [modulo].jsCada módulo tiene su propio HTML y JS desacoplado. El HTML se carga dinámicamente en el iframe del Index

⚙️ Cómo funciona la navegación

• El archivo Index.html contiene el layout master: barra superior fija, sidebar colapsable y un <iframe id="main-content-iframe"> que ocupa el área de trabajo.
• Cada elemento del menú tiene un atributo data-page="[modulo].html". Al hacer clic, el JS del Index actualiza el src del iframe para cargar el módulo correspondiente.
• Cada módulo es un documento HTML independiente con su propio CSS inline y su JS cargado al final del body, lo que facilita la integración con cualquier backend.
• Los datos de ejemplo son estáticos (arrays JS) y están listos para conectarse a APIs REST sustituyendo las funciones loadData() por llamadas fetch() o AJAX.

🌎 Contexto de Negocio: Perú

• Facturación electrónica compatible con los formatos SUNAT OSE (boletas, facturas, notas de crédito/débito)
• Registro de Ventas y Compras en formato SIRE / PLE (Sistema Integrado de Registros Electrónicos)
• Control de medicamentos controlados según normativa DIGEMID
• Soporte para IGV 18%, exonerados y gratuitos según tipo de producto farmacéutico
• Estructura de división política: Departamento → Provincia → Distrito
• Tipos de documento: DNI, RUC, CE, Pasaporte
• Medios de pago locales: Efectivo, Visa/MC, Yape, Plin, Transferencia bancaria