Fix param validation errors and add TNS config section
- terceros/transaccion: return clear error when required params (doc_num, num_factura) are missing instead of passing empty dict to Firebird causing Column unknown error - transaccion: remove prefijo from 'por factura' query; parse num_factura as int when digit - automation: add /preview endpoint to show patient/reception counts before sending; update UI with preview step and disabled run button until preview loads - config: add TNS credentials section (tns_empresa, tns_usuario, tns_password, api_sucursal) with test-connection button - config: add POST /config/test-tns endpoint Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
co-authored by
Claude Sonnet 4.6
parent
3755a51562
commit
b4a7271d8d
@@ -11,7 +11,7 @@
|
||||
<i class="fas fa-paper-plane mr-2 text-blue-500"></i>Envío automático por fecha
|
||||
</h3>
|
||||
<p class="text-xs text-gray-500 mt-1">
|
||||
Selecciona una fecha, el sistema enviará todos los pacientes y sus RDA a TNS.
|
||||
Selecciona una fecha para ver cuántos pacientes y RDA se enviarán a TNS.
|
||||
</p>
|
||||
</div>
|
||||
<div class="p-6">
|
||||
@@ -21,15 +21,49 @@
|
||||
<input type="date" id="fecha-input" value="{{ today }}"
|
||||
class="w-full px-3 py-2 border border-gray-300 rounded-lg text-sm focus:ring-2 focus:ring-blue-500 focus:border-blue-500">
|
||||
</div>
|
||||
<button onclick="previewAutomation()"
|
||||
id="btn-preview"
|
||||
class="px-6 py-2 bg-gray-600 hover:bg-gray-700 text-white font-medium rounded-lg transition-colors flex items-center gap-2 whitespace-nowrap">
|
||||
<i class="fas fa-eye"></i> Vista previa
|
||||
</button>
|
||||
<button onclick="runAutomation()"
|
||||
id="btn-run"
|
||||
class="px-6 py-2 bg-blue-600 hover:bg-blue-700 text-white font-medium rounded-lg transition-colors flex items-center gap-2 whitespace-nowrap">
|
||||
class="px-6 py-2 bg-blue-600 hover:bg-blue-700 text-white font-medium rounded-lg transition-colors flex items-center gap-2 whitespace-nowrap disabled:opacity-50 disabled:cursor-not-allowed"
|
||||
disabled>
|
||||
<i class="fas fa-play"></i> Ejecutar envío
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Vista previa de datos -->
|
||||
<div id="preview-section" class="hidden bg-white rounded-xl shadow-sm border border-gray-200">
|
||||
<div class="px-6 py-4 border-b border-gray-200 flex items-center justify-between">
|
||||
<h3 class="font-semibold text-gray-800"><i class="fas fa-search mr-2 text-gray-500"></i>Resumen de la fecha</h3>
|
||||
<span id="preview-fecha" class="text-sm text-gray-500"></span>
|
||||
</div>
|
||||
<div class="p-6 space-y-4">
|
||||
<div class="grid grid-cols-3 gap-4">
|
||||
<div class="bg-blue-50 rounded-lg p-4 text-center">
|
||||
<div id="cnt-pacientes" class="text-3xl font-bold text-blue-600">0</div>
|
||||
<div class="text-sm text-blue-700 mt-1">Pacientes</div>
|
||||
</div>
|
||||
<div class="bg-purple-50 rounded-lg p-4 text-center">
|
||||
<div id="cnt-recepciones" class="text-3xl font-bold text-purple-600">0</div>
|
||||
<div class="text-sm text-purple-700 mt-1">Recepciones</div>
|
||||
</div>
|
||||
<div class="bg-green-50 rounded-lg p-4 text-center">
|
||||
<div id="cnt-examenes" class="text-3xl font-bold text-green-600">0</div>
|
||||
<div class="text-sm text-green-700 mt-1">Exámenes</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<p class="text-xs font-medium text-gray-600 mb-2">Primeros pacientes:</p>
|
||||
<div id="preview-table" class="divide-y divide-gray-100 border border-gray-100 rounded-lg overflow-hidden text-sm"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Progreso -->
|
||||
<div id="progress-section" class="hidden space-y-4">
|
||||
|
||||
@@ -42,8 +76,7 @@
|
||||
</div>
|
||||
<span id="p1-badge" class="text-sm text-gray-400">Esperando...</span>
|
||||
</div>
|
||||
<div id="p1-detalle" class="divide-y divide-gray-100 hidden">
|
||||
</div>
|
||||
<div id="p1-detalle" class="divide-y divide-gray-100 hidden"></div>
|
||||
</div>
|
||||
|
||||
<!-- Paso 2 -->
|
||||
@@ -55,14 +88,67 @@
|
||||
</div>
|
||||
<span id="p2-badge" class="text-sm text-gray-400">Esperando...</span>
|
||||
</div>
|
||||
<div id="p2-detalle" class="divide-y divide-gray-100 hidden">
|
||||
</div>
|
||||
<div id="p2-detalle" class="divide-y divide-gray-100 hidden"></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
async function previewAutomation() {
|
||||
const fecha = document.getElementById('fecha-input').value;
|
||||
if (!fecha) { showToast('Selecciona una fecha', 'error'); return; }
|
||||
|
||||
const btn = document.getElementById('btn-preview');
|
||||
showLoading(btn);
|
||||
|
||||
document.getElementById('preview-section').classList.add('hidden');
|
||||
document.getElementById('progress-section').classList.add('hidden');
|
||||
document.getElementById('btn-run').disabled = true;
|
||||
|
||||
const form = new FormData();
|
||||
form.append('fecha', fecha);
|
||||
|
||||
try {
|
||||
const resp = await fetch('/automation/preview', { method: 'POST', body: form, credentials: 'include' });
|
||||
const data = await resp.json();
|
||||
hideLoading(btn, '<i class="fas fa-eye"></i> Vista previa');
|
||||
|
||||
if (!data.success) {
|
||||
showToast(data.message || 'Error al consultar', 'error');
|
||||
return;
|
||||
}
|
||||
|
||||
document.getElementById('cnt-pacientes').textContent = data.pacientes;
|
||||
document.getElementById('cnt-recepciones').textContent = data.recepciones;
|
||||
document.getElementById('cnt-examenes').textContent = data.examenes;
|
||||
document.getElementById('preview-fecha').textContent = data.fecha;
|
||||
|
||||
const table = document.getElementById('preview-table');
|
||||
if (data.pacientes === 0) {
|
||||
table.innerHTML = '<div class="p-4 text-gray-400 text-center">No hay pacientes para esta fecha</div>';
|
||||
showToast('No hay datos para esa fecha', 'warning');
|
||||
} else {
|
||||
table.innerHTML = data.pacientes_preview.map(p => `
|
||||
<div class="flex items-center gap-3 px-4 py-2 text-sm hover:bg-gray-50">
|
||||
<span class="text-gray-400 text-xs w-8">${p.tipo}</span>
|
||||
<span class="text-gray-500 w-32 font-mono">${p.doc}</span>
|
||||
<span class="text-gray-700 flex-1">${p.nombre}</span>
|
||||
</div>
|
||||
`).join('') + (data.hay_mas ? '<div class="px-4 py-2 text-xs text-gray-400">... y más pacientes</div>' : '');
|
||||
|
||||
document.getElementById('btn-run').disabled = false;
|
||||
showToast(`${data.pacientes} paciente(s) y ${data.recepciones} recepción(es) encontradas`, 'success');
|
||||
}
|
||||
|
||||
document.getElementById('preview-section').classList.remove('hidden');
|
||||
|
||||
} catch (e) {
|
||||
hideLoading(btn, '<i class="fas fa-eye"></i> Vista previa');
|
||||
showToast('Error de conexión', 'error');
|
||||
}
|
||||
}
|
||||
|
||||
async function runAutomation() {
|
||||
const fecha = document.getElementById('fecha-input').value;
|
||||
if (!fecha) { showToast('Selecciona una fecha', 'error'); return; }
|
||||
@@ -71,6 +157,7 @@ async function runAutomation() {
|
||||
|
||||
const btn = document.getElementById('btn-run');
|
||||
showLoading(btn);
|
||||
document.getElementById('btn-preview').disabled = true;
|
||||
document.getElementById('progress-section').classList.remove('hidden');
|
||||
document.getElementById('p1-badge').textContent = 'Enviando...';
|
||||
document.getElementById('p1-badge').className = 'text-sm text-blue-500';
|
||||
@@ -84,6 +171,7 @@ async function runAutomation() {
|
||||
const resp = await fetch('/automation/run', { method: 'POST', body: form, credentials: 'include' });
|
||||
const data = await resp.json();
|
||||
hideLoading(btn, '<i class="fas fa-play"></i> Ejecutar envío');
|
||||
document.getElementById('btn-preview').disabled = false;
|
||||
|
||||
if (!data.success) {
|
||||
showToast(data.message || 'Error', 'error');
|
||||
@@ -94,22 +182,17 @@ async function runAutomation() {
|
||||
|
||||
const r = data.resultado;
|
||||
|
||||
// Paso 1
|
||||
renderBadge('p1-badge', r.paso1_terceros.enviados, r.paso1_terceros.errores);
|
||||
renderDetalle('p1-detalle', r.paso1_terceros.detalle.map(d => ({
|
||||
col1: d.doc,
|
||||
col2: d.nombre,
|
||||
col3: `${d.ok ? '✅' : '❌'} ${d.msg || ''}`,
|
||||
ok: d.ok,
|
||||
col1: d.doc, col2: d.nombre,
|
||||
col3: `${d.ok ? '✅' : '❌'} ${d.msg || ''}`, ok: d.ok,
|
||||
})));
|
||||
|
||||
// Paso 2
|
||||
renderBadge('p2-badge', r.paso2_rda.enviados, r.paso2_rda.errores);
|
||||
renderDetalle('p2-detalle', r.paso2_rda.detalle.map(d => ({
|
||||
col1: `Fac. ${d.factura}`,
|
||||
col2: `Pac. ${d.paciente} — ${d.examenes} examen(es)`,
|
||||
col3: `${d.ok ? '✅' : '❌'} ${d.msg || ''}`,
|
||||
ok: d.ok,
|
||||
col3: `${d.ok ? '✅' : '❌'} ${d.msg || ''}`, ok: d.ok,
|
||||
})));
|
||||
|
||||
const totalErr = r.paso1_terceros.errores + r.paso2_rda.errores;
|
||||
@@ -118,6 +201,7 @@ async function runAutomation() {
|
||||
|
||||
} catch (e) {
|
||||
hideLoading(btn, '<i class="fas fa-play"></i> Ejecutar envío');
|
||||
document.getElementById('btn-preview').disabled = false;
|
||||
showToast('Error de conexión', 'error');
|
||||
}
|
||||
}
|
||||
@@ -138,7 +222,7 @@ function renderBadge(id, enviados, errores) {
|
||||
|
||||
function renderDetalle(id, items) {
|
||||
const el = document.getElementById(id);
|
||||
if (!items || items.length === 0) { return; }
|
||||
if (!items || items.length === 0) return;
|
||||
el.innerHTML = items.map(i => `
|
||||
<div class="px-6 py-2 flex items-center gap-3 text-sm ${i.ok ? '' : 'bg-red-50'}">
|
||||
<span class="text-gray-500 w-28 shrink-0">${i.col1}</span>
|
||||
|
||||
+58
-19
@@ -53,23 +53,51 @@
|
||||
|
||||
<hr class="border-gray-200">
|
||||
|
||||
<h4 class="font-medium text-gray-800"><i class="fas fa-cloud mr-2 text-blue-500"></i>API de Envío</h4>
|
||||
<div>
|
||||
<label class="block text-sm font-medium text-gray-700 mb-1">URL Base de la API</label>
|
||||
<input type="text" name="config_api_url"
|
||||
value="{{ configs|selectattr('key', 'equalto', 'api_url')|map(attribute='value')|first }}"
|
||||
class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 text-sm"
|
||||
placeholder="https://api.ejemplo.com">
|
||||
<h4 class="font-medium text-gray-800"><i class="fas fa-key mr-2 text-orange-500"></i>Credenciales TNS</h4>
|
||||
<p class="text-xs text-gray-500 -mt-2">Acceso a <strong>api.tns.co</strong> — portal de envío RIPS</p>
|
||||
<div class="grid grid-cols-2 gap-4">
|
||||
<div>
|
||||
<label class="block text-sm font-medium text-gray-700 mb-1">Código Empresa</label>
|
||||
<input type="text" name="config_tns_empresa"
|
||||
value="{{ configs|selectattr('key', 'equalto', 'tns_empresa')|map(attribute='value')|first }}"
|
||||
class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 text-sm"
|
||||
placeholder="Ej: 9002787299">
|
||||
</div>
|
||||
<div>
|
||||
<label class="block text-sm font-medium text-gray-700 mb-1">Código Sucursal</label>
|
||||
<input type="text" name="config_api_sucursal"
|
||||
value="{{ configs|selectattr('key', 'equalto', 'api_sucursal')|map(attribute='value')|first }}"
|
||||
class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 text-sm"
|
||||
placeholder="Ej: 81080">
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid grid-cols-2 gap-4">
|
||||
<div>
|
||||
<label class="block text-sm font-medium text-gray-700 mb-1">Método HTTP</label>
|
||||
<select name="config_api_method"
|
||||
class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 text-sm">
|
||||
<option value="POST" {% if (configs|selectattr('key', 'equalto', 'api_method')|map(attribute='value')|first) == 'POST' %}selected{% endif %}>POST</option>
|
||||
<option value="PUT" {% if (configs|selectattr('key', 'equalto', 'api_method')|map(attribute='value')|first) == 'PUT' %}selected{% endif %}>PUT</option>
|
||||
</select>
|
||||
<label class="block text-sm font-medium text-gray-700 mb-1">Usuario TNS</label>
|
||||
<input type="text" name="config_tns_usuario"
|
||||
value="{{ configs|selectattr('key', 'equalto', 'tns_usuario')|map(attribute='value')|first }}"
|
||||
class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 text-sm"
|
||||
placeholder="Ej: DOCUXER">
|
||||
</div>
|
||||
<div>
|
||||
<label class="block text-sm font-medium text-gray-700 mb-1">Contraseña TNS</label>
|
||||
<input type="password" name="config_tns_password"
|
||||
value="{{ configs|selectattr('key', 'equalto', 'tns_password')|map(attribute='value')|first }}"
|
||||
class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 text-sm">
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<button type="button" onclick="testTNS()"
|
||||
class="px-4 py-2 bg-orange-50 text-orange-700 border border-orange-200 rounded-lg hover:bg-orange-100 text-sm font-medium">
|
||||
<i class="fas fa-satellite-dish mr-1"></i> Probar conexión TNS
|
||||
</button>
|
||||
<span id="tns-status" class="text-sm ml-3"></span>
|
||||
</div>
|
||||
|
||||
<hr class="border-gray-200">
|
||||
|
||||
<h4 class="font-medium text-gray-800"><i class="fas fa-clock mr-2 text-blue-500"></i>API General</h4>
|
||||
<div class="grid grid-cols-2 gap-4">
|
||||
<div>
|
||||
<label class="block text-sm font-medium text-gray-700 mb-1">Timeout (seg)</label>
|
||||
<input type="number" name="config_api_timeout"
|
||||
@@ -77,12 +105,6 @@
|
||||
class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 text-sm">
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<label class="block text-sm font-medium text-gray-700 mb-1">API Key (Bearer token)</label>
|
||||
<input type="text" name="config_api_key"
|
||||
value="{{ configs|selectattr('key', 'equalto', 'api_key')|map(attribute='value')|first }}"
|
||||
class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 text-sm">
|
||||
</div>
|
||||
|
||||
<hr class="border-gray-200">
|
||||
|
||||
@@ -112,6 +134,23 @@
|
||||
</div>
|
||||
|
||||
<script>
|
||||
async function testTNS() {
|
||||
const form = document.querySelector('form');
|
||||
const status = document.getElementById('tns-status');
|
||||
status.innerHTML = '<i class="fas fa-spinner fa-spin"></i> Probando...';
|
||||
|
||||
const data = new FormData();
|
||||
data.append('empresa', form.querySelector('[name="config_tns_empresa"]').value);
|
||||
data.append('usuario', form.querySelector('[name="config_tns_usuario"]').value);
|
||||
data.append('password', form.querySelector('[name="config_tns_password"]').value);
|
||||
|
||||
const resp = await fetch('/config/test-tns', { method: 'POST', body: data });
|
||||
const result = await resp.json();
|
||||
status.innerHTML = result.success
|
||||
? '<span class="text-green-600"><i class="fas fa-check-circle"></i> ' + (result.message || 'Conexión exitosa') + '</span>'
|
||||
: '<span class="text-red-600"><i class="fas fa-times-circle"></i> ' + result.message + '</span>';
|
||||
}
|
||||
|
||||
async function testFirebird() {
|
||||
const btn = event.target;
|
||||
const status = document.getElementById('fb-status');
|
||||
|
||||
Reference in New Issue
Block a user