aserrador
87c01b11a7
- Fallidos muestran ID + Nombre/Código + Detalle (causa del fallo) - Actualizados muestran columna Detalle con los cambios aplicados - Creados/Sin cambios/Verificados muestran ID + Nombre; ventas ID + Código - Formateadores toleran backend anterior (IDs sueltos)
132 lines
4.1 KiB
Vue
132 lines
4.1 KiB
Vue
<template>
|
|
<v-container v-if="authStore.isAdmin" class="fill-height">
|
|
<v-row v-if="!result && !loading" justify="center">
|
|
<v-col cols="12" md="8">
|
|
<v-card class="pa-6" elevation="4">
|
|
<v-card-title class="text-h5 font-weight-bold text-center">
|
|
🔄 Sincronización de Ventas
|
|
</v-card-title>
|
|
|
|
<v-card-text>
|
|
<p>
|
|
Esta acción sincronizará las <strong>ventas</strong> desde el sistema
|
|
<strong>Tryton</strong> hacia la plataforma.
|
|
</p>
|
|
<v-alert type="warning" dense border="start" border-color="warning" class="mt-4">
|
|
<strong>Advertencia:</strong> Este proceso podría tardar varios minutos
|
|
y reemplazar datos existentes en la plataforma.
|
|
Asegúrese de que la información en Tryton esté actualizada antes de
|
|
continuar.
|
|
</v-alert>
|
|
</v-card-text>
|
|
|
|
<v-card-actions class="justify-center">
|
|
<v-btn color="primary" @click="startSync">
|
|
Iniciar Sincronización
|
|
</v-btn>
|
|
<v-btn text @click="$router.push('/')">
|
|
Cancelar
|
|
</v-btn>
|
|
</v-card-actions>
|
|
</v-card>
|
|
</v-col>
|
|
</v-row>
|
|
|
|
<v-row v-else-if="loading" justify="center" align="center">
|
|
<v-col cols="12" class="text-center">
|
|
<v-progress-circular indeterminate color="primary" size="64"></v-progress-circular>
|
|
<p class="mt-4 text-h6">Sincronizando ventas...</p>
|
|
</v-col>
|
|
</v-row>
|
|
|
|
<v-row v-else>
|
|
<v-col cols="12">
|
|
<v-alert type="success" variant="tonal" class="mb-4">
|
|
<strong>Sincronización completada</strong>
|
|
</v-alert>
|
|
</v-col>
|
|
|
|
<v-col cols="12" md="6">
|
|
<v-card elevation="2">
|
|
<v-card-title class="bg-error text-white">❌ Fallidos ({{ result.failed?.length || 0 }})</v-card-title>
|
|
<v-card-text>
|
|
<v-data-table
|
|
:items="formatSalesResults(result.failed)"
|
|
density="compact"
|
|
:headers="[
|
|
{ title: 'ID', key: 'id' },
|
|
{ title: 'Código', key: 'code' },
|
|
{ title: 'Detalle', key: 'detail' }
|
|
]"
|
|
></v-data-table>
|
|
</v-card-text>
|
|
</v-card>
|
|
</v-col>
|
|
|
|
<v-col cols="12" md="6">
|
|
<v-card elevation="2">
|
|
<v-card-title class="bg-success text-white">✅ Exitosos ({{ result.successful?.length || 0 }})</v-card-title>
|
|
<v-card-text>
|
|
<v-data-table
|
|
:items="formatSalesResults(result.successful)"
|
|
density="compact"
|
|
:headers="[
|
|
{ title: 'ID', key: 'id' },
|
|
{ title: 'Código', key: 'code' }
|
|
]"
|
|
></v-data-table>
|
|
</v-card-text>
|
|
</v-card>
|
|
</v-col>
|
|
|
|
<v-col cols="12" class="text-center mt-4">
|
|
<v-btn color="primary" @click="$router.push('/')">
|
|
Volver al inicio
|
|
</v-btn>
|
|
</v-col>
|
|
</v-row>
|
|
</v-container>
|
|
</template>
|
|
|
|
<script>
|
|
import { useAuthStore } from '@/stores/auth';
|
|
import { inject } from 'vue';
|
|
|
|
export default {
|
|
name: 'SalesToTryton',
|
|
setup() {
|
|
const authStore = useAuthStore();
|
|
return { authStore };
|
|
},
|
|
data() {
|
|
return {
|
|
api: inject('api'),
|
|
loading: false,
|
|
result: null,
|
|
}
|
|
},
|
|
methods: {
|
|
formatSalesResults(items) {
|
|
if (!items || items.length === 0) return [];
|
|
return items.map(item =>
|
|
typeof item === 'object'
|
|
? { id: item.id, code: item.code ?? '', detail: item.error ?? '' }
|
|
: { id: item, code: '', detail: '' }
|
|
);
|
|
},
|
|
startSync() {
|
|
this.loading = true;
|
|
this.api.sendSalesToTryton()
|
|
.then(response => {
|
|
this.result = response;
|
|
this.loading = false;
|
|
})
|
|
.catch(error => {
|
|
console.error('Error al sincronizar ventas:', error);
|
|
this.loading = false;
|
|
});
|
|
}
|
|
}
|
|
}
|
|
</script>
|