Add debug logging to servidor list
- Added console.log statements to track data loading - Better error messages with emojis and details - Shows count of servidores, proveedores, tipos loaded - Helps diagnose if data is not loading This will help identify if: - API endpoint is working - Data is being returned - Frontend is processing it correctly Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
This commit is contained in:
co-authored by
Copilot
parent
29820c8706
commit
d1e56c8bd8
@@ -399,6 +399,7 @@
|
|||||||
this.limit = 10;
|
this.limit = 10;
|
||||||
}
|
}
|
||||||
this.setLoading(true);
|
this.setLoading(true);
|
||||||
|
console.log('🔄 Cargando servidores desde:', '/app/loadservidor', {page: this.page, limit: this.limit, search: this.search});
|
||||||
axios.get('/app/loadservidor', {
|
axios.get('/app/loadservidor', {
|
||||||
params: {
|
params: {
|
||||||
page: this.page,
|
page: this.page,
|
||||||
@@ -406,25 +407,33 @@
|
|||||||
search: this.search
|
search: this.search
|
||||||
}
|
}
|
||||||
}).then(response => {
|
}).then(response => {
|
||||||
this.datos = response.data.registros.map(data => ({
|
console.log('✅ Respuesta recibida:', response.data);
|
||||||
id: data.ID,
|
if (response.data.registros && response.data.registros.length > 0) {
|
||||||
nombre: data.nombre,
|
this.datos = response.data.registros.map(data => ({
|
||||||
ip_servidor: data.ip_servidor,
|
id: data.ID,
|
||||||
so: data.so,
|
nombre: data.nombre,
|
||||||
vencimiento: data.vencimiento,
|
ip_servidor: data.ip_servidor,
|
||||||
ram: data.ram,
|
so: data.so,
|
||||||
nucleos: data.nucleos,
|
vencimiento: data.vencimiento,
|
||||||
disco: data.disco,
|
ram: data.ram,
|
||||||
ultimo_ping: data.ultimo_ping,
|
nucleos: data.nucleos,
|
||||||
prov_servidor_id: data.prov_servidor_id,
|
disco: data.disco,
|
||||||
tipo_servidor_id: data.tipo_servidor_id,
|
ultimo_ping: data.ultimo_ping,
|
||||||
created_at: data.CreatedAt,
|
prov_servidor_id: data.prov_servidor_id,
|
||||||
}));
|
tipo_servidor_id: data.tipo_servidor_id,
|
||||||
|
created_at: data.CreatedAt,
|
||||||
|
}));
|
||||||
|
console.log('📊 Servidores procesados:', this.datos.length);
|
||||||
|
} else {
|
||||||
|
console.warn('⚠️ No se encontraron servidores');
|
||||||
|
this.datos = [];
|
||||||
|
}
|
||||||
|
|
||||||
this.totalPages = response.data.totalPages;
|
this.totalPages = response.data.totalPages;
|
||||||
this.calculatePaginatedPages();
|
this.calculatePaginatedPages();
|
||||||
}).catch(error => {
|
}).catch(error => {
|
||||||
console.error('Error al obtener datos:', error);
|
console.error('❌ Error al obtener datos:', error);
|
||||||
|
alert('Error cargando servidores: ' + (error.response?.data?.message || error.message));
|
||||||
}).finally(() => {
|
}).finally(() => {
|
||||||
this.setLoading(false);
|
this.setLoading(false);
|
||||||
});
|
});
|
||||||
@@ -432,19 +441,21 @@
|
|||||||
loadProvServidor() {
|
loadProvServidor() {
|
||||||
axios.get('/app/loadprovservidor')
|
axios.get('/app/loadprovservidor')
|
||||||
.then(response => {
|
.then(response => {
|
||||||
|
console.log('✅ Proveedores cargados:', response.data.registros?.length || 0);
|
||||||
this.proveedores = response.data.registros;
|
this.proveedores = response.data.registros;
|
||||||
})
|
})
|
||||||
.catch(error => {
|
.catch(error => {
|
||||||
console.error('Error al cargar proveedores:', error);
|
console.error('❌ Error al cargar proveedores:', error);
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
loadTipoServidor() {
|
loadTipoServidor() {
|
||||||
axios.get('/app/loadtiposervidor')
|
axios.get('/app/loadtiposervidor')
|
||||||
.then(response => {
|
.then(response => {
|
||||||
|
console.log('✅ Tipos de servidor cargados:', response.data.registros?.length || 0);
|
||||||
this.tipos = response.data.registros;
|
this.tipos = response.data.registros;
|
||||||
})
|
})
|
||||||
.catch(error => {
|
.catch(error => {
|
||||||
console.error('Error al cargar tipos de servidor:', error);
|
console.error('❌ Error al cargar tipos de servidor:', error);
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
setSelectedItem(data) {
|
setSelectedItem(data) {
|
||||||
|
|||||||
Reference in New Issue
Block a user