radiantassure/Js/app.js
2025-12-07 09:35:13 +00:00

738 lines
36 KiB
JavaScript
Executable File

//DEBUT GESTION DE HONORAIRE ET APPEL DE FOND
Vue.createApp({
data() {
return {
message: 'Hello, Vue 3!',
items:[],
isLoading:false,
itemTosave:{},
session_content : {
'dateLimiteUsage':document.getElementById('dateLimiteUsage')?.val(),
'idUtilisateur':document.getElementById('idUtilisateur')?.val(),
'login':document.getElementById('login')?.val(),
'nomUtilisateur':document.getElementById('nomUtilisateur')?.val(),
'prenomsUtilisateur':document.getElementById('prenomsUtilisateur')?.val(),
'codeTypeUtilisateur':document.getElementById('codeTypeUtilisateur')?.val(),
'utilisateur_C':document.getElementById('utilisateur_C')?.val(),
'typeUtilisateur':document.getElementById('typeUtilisateur')?.val(),
'telephoneUtilisateur':document.getElementById('telephoneUtilisateur')?.val(),
'emailUtilisateur':document.getElementById('emailUtilisateur')?.val(),
'codeProfilSysteme':document.getElementById('codeProfilSysteme')?.val(),
'profil':document.getElementById('profil')?.val(),
'gestionDroit':document.getElementById('gestionDroit')?.val(),
'codePrestataireUtilisateur':document.getElementById('codePrestataireUtilisateur')?.val(),
'codeTypePrestataireUtilisateur':document.getElementById('codeTypePrestataireUtilisateur')?.val(),
'prestataireUtilisateur':document.getElementById('prestataireUtilisateur')?.val(),
'telephonePrestataire':document.getElementById('telephonePrestataire')?.val(),
'emailPrestataire':document.getElementById('emailPrestataire')?.val(),
'adminProd':document.getElementById('adminProd')?.val(),
'adminSin':document.getElementById('adminSin')?.val(),
'adminBon':document.getElementById('adminBon')?.val(),
'adminDiv':document.getElementById('adminDiv')?.val(),
'superUser':document.getElementById('superUser')?.val(),
'codeExercice_C':document.getElementById('codeExercice_C')?.val(),
'codePeriodeMax':document.getElementById('codePeriodeMax')?.val(),
'codeExercice1_C':document.getElementById('codeExercice1_C')?.val(),
'codeExercice2_C':document.getElementById('codeExercice2_C')?.val(),
'codeMois1_C':document.getElementById('codeMois1_C')?.val(),
'codeMois2_C':document.getElementById('codeMois2_C')?.val(),
'idAvenantFacturation':document.getElementById('idAvenantFacturation')?.val(),
'dUneSemaineAvant_C':document.getElementById('dUneSemaineAvant_C')?.val(),
'codeMois_C':document.getElementById('codeMois_C')?.val(),
'dUneSemaineAvantFr_C':document.getElementById('dUneSemaineAvantFr_C')?.val(),
'debutExercice_C':document.getElementById('debutExercice_C')?.val(),
'debutExerciceFr_C':document.getElementById('debutExerciceFr_C')?.val(),
'debutArchivage':document.getElementById('debutArchivage')?.val(),
'debutArchivageFr':document.getElementById('debutArchivageFr')?.val(),
'debutMois_C':document.getElementById('debutMois_C')?.val(),
'debutMoisFr_C':document.getElementById('debutMoisFr_C')?.val(),
'debutRequeteFr_C':document.getElementById('debutRequeteFr_C')?.val(),
'finRequeteFr_C':document.getElementById('finRequeteFr_C')?.val(),
'dateAnalyse_C':document.getElementById('dateAnalyse_C')?.val(),
'dateAnalyseFr_C':document.getElementById('dateAnalyseFr_C')?.val(),
'debutGc':document.getElementById('debutGc')?.val(),
'debutGcFr':document.getElementById('debutGcFr')?.val(),
'finGcFr':document.getElementById('finGcFr')?.val(),
'hier_C':document.getElementById('hier_C')?.val(),
'hierFr_C':document.getElementById('hierFr_C')?.val(),
'modeDevis':document.getElementById('modeDevis')?.val(),
'codeSociete':document.getElementById('codeSociete')?.val(),
'adresseGeoSociete':document.getElementById('adresseGeoSociete')?.val(),
'adressePostSociete':document.getElementById('adressePostSociete')?.val(),
'telephoneSociete':document.getElementById('telephoneSociete')?.val(),
'faxSociete':document.getElementById('faxSociete')?.val(),
'codePaysSociete':document.getElementById('codePaysSociete')?.val(),
'typeSociete':document.getElementById('typeSociete')?.val(),
'nomSociete':document.getElementById('nomSociete')?.val(),
'nomSociete_C':document.getElementById('nomSociete_C')?.val(),
'nomProduitSante':document.getElementById('nomProduitSante')?.val(),
'largeurPhoto':document.getElementById('largeurPhoto')?.val(),
'longueurPhoto':document.getElementById('longueurPhoto')?.val(),
'villeSociete':document.getElementById('villeSociete')?.val(),
'nbUser':document.getElementById('nbUser')?.val(),
'racineNoAdherent':document.getElementById('racineNoAdherent')?.val(),
'tauxInteret':document.getElementById('tauxInteret')?.val(),
'tauxRistourne':document.getElementById('tauxRistourne')?.val(),
'primeBaseFamille':document.getElementById('primeBaseFamille')?.val(),
'primeBaseBeneficiaire':document.getElementById('primeBaseBeneficiaire')?.val(),
'medecinConseil':document.getElementById('medecinConseil')?.val(),
'emailMedecinConseil':document.getElementById('emailMedecinConseil')?.val(),
'telephoneMedecinConseil':document.getElementById('telephoneMedecinConseil')?.val(),
'indicatifTelephone':document.getElementById('indicatifTelephone')?.val(),
'emailAdministrateurSysteme':document.getElementById('emailAdministrateurSysteme')?.val(),
'telephoneAdministrateurSysteme':document.getElementById('telephoneAdministrateurSysteme')?.val(),
'codeInitiateurTache':document.getElementById('codeInitiateurTache')?.val(),
'codeInitiateurTache':document.getElementById('codeInitiateurTache')?.val(),
'timezone_identifier':document.getElementById('timezone_identifier')?.val(),
'idClient_C':document.getElementById('idClient_C')?.val(),
'numeroClient_C':document.getElementById('numeroClient_C')?.val(),
'nomClient_C':document.getElementById('nomClient_C')?.val(),
'codeLangueClient':document.getElementById('codeLangueClient')?.val(),
'actesHarmonises':document.getElementById('actesHarmonises')?.val(),
'fusionConsOrd':document.getElementById('fusionConsOrd')?.val(),
'idClient_d_C':document.getElementById('idClient_d_C')?.val(),
'nomClient_d_C':document.getElementById('nomClient_d_C')?.val(),
'idPolice_C':document.getElementById('idPolice_C')?.val(),
'numeroPolice_C':document.getElementById('numeroPolice_C')?.val(),
'codeGcAssureur_C':document.getElementById('codeGcAssureur_C')?.val(),
'codeTypeContrat':document.getElementById('codeTypeContrat')?.val(),
'policeGroupe':document.getElementById('policeGroupe')?.val(),
'codeEtape_C':document.getElementById('codeEtape_C')?.val(),
'tauxTaxe_C':document.getElementById('tauxTaxe_C')?.val(),
'tauxTaxeAccessoire_C':document.getElementById('tauxTaxeAccessoire_C')?.val(),
'tauxCommission_C':document.getElementById('tauxCommission_C')?.val(),
'deduireComm_C':document.getElementById('deduireComm_C')?.val(),
'codeTypeAvenant_C':document.getElementById('codeTypeAvenant_C')?.val(),
'codeTypeAvenantCpt_C':document.getElementById('codeTypeAvenantCpt_C')?.val(),
'idPolice_d_C':document.getElementById('idPolice_d_C')?.val(),
'numeroPolice_d_C':document.getElementById('numeroPolice_d_C')?.val(),
'codeEtape_d_C':document.getElementById('codeEtape_d_C')?.val(),
'tauxTaxe_d_C':document.getElementById('tauxTaxe_d_C')?.val(),
'tauxTaxeAccessoire_d_C':document.getElementById('tauxTaxeAccessoire_d_C')?.val(),
'tauxCommission_d_C':document.getElementById('tauxCommission_d_C')?.val(),
'deduireComm_d_C':document.getElementById('deduireComm_d_C')?.val(),
'codeEtatPolice_C':document.getElementById('codeEtatPolice_C')?.val(),
'ndAdh_C':document.getElementById('ndAdh_C')?.val(),
'ndDep_C':document.getElementById('ndDep_C')?.val(),
'ndActif_C':document.getElementById('ndActif_C')?.val(),
'nbCollege_C':document.getElementById('nbCollege_C')?.val(),
'dateEffet_C':document.getElementById('dateEffet_C')?.val(),
'dateFin_C':document.getElementById('dateFin_C')?.val(),
'dateEcheance_C':document.getElementById('dateEcheance_C')?.val(),
'DateRenouvellement_C':document.getElementById('DateRenouvellement_C')?.val(),
'dateEffetPolice_C':document.getElementById('dateEffetPolice_C')?.val(),
'dateFinPolice_C':document.getElementById('dateFinPolice_C')?.val(),
'dateEcheancePolice_C':document.getElementById('dateEcheancePolice_C')?.val(),
'dateEffetInitialPolice_C':document.getElementById('dateEffetInitialPolice_C')?.val(),
'Patient_C':document.getElementById('Patient_C')?.val(),
'dernierIdAvenant':document.getElementById('dernierIdAvenant')?.val(),
'dernierDateAvenant':document.getElementById('dernierDateAvenant')?.val(),
'dernierIdCollege':document.getElementById('dernierIdCollege')?.val(),
'dateEffet_d_C':document.getElementById('dateEffet_d_C')?.val(),
'dateFin_d_C':document.getElementById('dateFin_d_C')?.val(),
'dateEcheance_d_C':document.getElementById('dateEcheance_d_C')?.val(),
'idEmission_C':document.getElementById('idEmission_C')?.val(),
'numeroEmission_C':document.getElementById('numeroEmission_C')?.val(),
'idAdherent_C':document.getElementById('idAdherent_C')?.val(),
'numeroAdherent_C':document.getElementById('numeroAdherent_C')?.val(),
'codeEtatAdherent_C':document.getElementById('codeEtatAdherent_C')?.val(),
'codeEtatBeneficiaire_C':document.getElementById('codeEtatBeneficiaire_C')?.val(),
'nomAdherent_C':document.getElementById('nomAdherent_C')?.val(),
'codeProduit_C':document.getElementById('codeProduit_C')?.val(),
'idCollege_C':document.getElementById('idCollege_C')?.val(),
'idClientAjax':document.getElementById('idClientAjax')?.val(),
'idPoliceAjax':document.getElementById('idPoliceAjax')?.val(),
'codeProduit_d_C':document.getElementById('codeProduit_d_C')?.val(),
'idCollege_d_C':document.getElementById('idCollege_d_C')?.val(),
'idClient_d_Ajax':document.getElementById('idClient_d_Ajax')?.val(),
'idPolice_d_Ajax':document.getElementById('idPolice_d_Ajax')?.val(),
'idBeneficiaire_C':document.getElementById('idBeneficiaire_C')?.val(),
'numeroBeneficiaire_C':document.getElementById('numeroBeneficiaire_C')?.val(),
'nomBeneficiaire_C':document.getElementById('nomBeneficiaire_C')?.val(),
'dossierPhoto_C':document.getElementById('dossierPhoto_C')?.val(),
'lienPhoto_C':document.getElementById('lienPhoto_C')?.val(),
'codeLienParente_C':document.getElementById('codeLienParente_C')?.val(),
'idSubstitut_C':document.getElementById('idSubstitut_C')?.val(),
'substitutnonassure_C':document.getElementById('substitutnonassure_C')?.val(),
'substitutenVigueur_C':document.getElementById('substitutenVigueur_C')?.val(),
'fraisCarteImp':document.getElementById('fraisCarteImp')?.val(),
'numeroOptionTarif':document.getElementById('numeroOptionTarif')?.val(),
'exercieReference_C':document.getElementById('exercieReference_C')?.val(),
'codeLocalite':document.getElementById('codeLocalite')?.val(),
'idEntetecontrat':document.getElementById('idEntetecontrat')?.val(),
'idEntetecontratPolice':document.getElementById('idEntetecontratPolice')?.val(),
'idSaisie':document.getElementById('idSaisie')?.val(),
'idSaisie':document.getElementById('idSaisie')?.val(),
'd1_C':document.getElementById('d1_C')?.val(),
'd2_C':document.getElementById('d2_C')?.val(),
'dossierSociete':document.getElementById('dossierSociete')?.val(),
'codePrestataire_C':document.getElementById('codePrestataire_C')?.val(),
'controlerPlafondAdherent':document.getElementById('controlerPlafondAdherent')?.val(),
'controlerPlafondBeneficiaire':document.getElementById('controlerPlafondBeneficiaire')?.val(),
'decompte_factures_chargees_C':document.getElementById('decompte_factures_chargees_C')?.val(),
'idDossierClassiquePolice':document.getElementById('idDossierClassiquePolice')?.val(),
'devise_C':document.getElementById('devise_C')?.val(),
'codeLangueSociete':document.getElementById('codeLangueSociete')?.val(),
'codeLangueAdherent':document.getElementById('codeLangueAdherent')?.val(),
'lang':document.getElementById('lang')?.val(),
'codeProduitBase':document.getElementById('codeProduitBase')?.val(),
'barMenu':document.getElementById('barMenu')?.val(),
'libelleLang':document.getElementById('libelleLang')?.val(),
'fournisseurSms':document.getElementById('fournisseurSms')?.val(),
'envoismsactif':document.getElementById('envoismsactif')?.val(),
'smsAssure':document.getElementById('smsAssure')?.val(),
'copieSmsPrestataireAssure':document.getElementById('copieSmsPrestataireAssure')?.val(),
'actVisible':document.getElementById('actVisible')?.val(),
'AffectionVisible':document.getElementById('AffectionVisible')?.val(),
'estMedecin':document.getElementById('estMedecin')?.val(),
'codePointVente':document.getElementById('codePointVente')?.val(),
'filtrePointVente':document.getElementById('filtrePointVente')?.val(),
'menu':document.getElementById('menu')?.val(),
'idReglement_C':document.getElementById('idReglement_C')?.val(),
'numeroDemandeDecompte_C':document.getElementById('numeroDemandeDecompte_C')?.val(),
'idPaiementDecompte_C':document.getElementById('idPaiementDecompte_C')?.val(),
'numeroReglement_C':document.getElementById('numeroReglement_C')?.val(),
'decede_C':document.getElementById('decede_C')?.val(),
'dateDeces_C':document.getElementById('dateDeces_C')?.val(),
'fraisFuneraireDemande_C':document.getElementById('fraisFuneraireDemande_C')?.val(),
'codePrestataire_C':document.getElementById('codePrestataire_C')?.val(),
'codePrestataireLivraison_C':document.getElementById('codePrestataireLivraison_C')?.val(),
'codePrestataire_Dec':document.getElementById('codePrestataire_Dec')?.val(),
'codePrestataire_CSO':document.getElementById('codePrestataire_CSO')?.val(),
'codePrestataire_PHA':document.getElementById('codePrestataire_PHA')?.val(),
'codePrestataire_OPT':document.getElementById('codePrestataire_OPT')?.val(),
'codePrestataire_SEA':document.getElementById('codePrestataire_SEA')?.val(),
'codePrestataire_LAB':document.getElementById('codePrestataire_LAB')?.val(),
'codeTypeBon_C':document.getElementById('codeTypeBon_C')?.val(),
'idgenerartionbon_C':document.getElementById('idgenerartionbon_C')?.val(),
'prestataire_C':document.getElementById('prestataire_C')?.val(),
'codeReseauPrestataire_C':document.getElementById('codeReseauPrestataire_C')?.val(),
'codeTypePrestataire_C':document.getElementById('codeTypePrestataire_C')?.val(),
'codeTypeDecompte_C':document.getElementById('codeTypeDecompte_C')?.val(),
'typeprestataire_C':document.getElementById('typeprestataire_C')?.val(),
'reseausoinPrestataire_C':document.getElementById('reseausoinPrestataire_C')?.val(),
'numeroFeuilleMaladie_C':document.getElementById('numeroFeuilleMaladie_C')?.val(),
'numeroPrescription_C':document.getElementById('numeroPrescription_C')?.val(),
'numeroOptique_C':document.getElementById('numeroOptique_C')?.val(),
'numeroExamen_C':document.getElementById('numeroExamen_C')?.val(),
'numeroPrescriptionKine_C':document.getElementById('numeroPrescriptionKine_C')?.val(),
'idFacture_C':document.getElementById('idFacture_C')?.val(),
'numeroBonConsultation_C':document.getElementById('numeroBonConsultation_C')?.val(),
'numeroBonHospitalisation_C':document.getElementById('numeroBonHospitalisation_C')?.val(),
'hospitalisation_C':document.getElementById('hospitalisation_C')?.val(),
'chirurgie_C':document.getElementById('chirurgie_C')?.val(),
'numeroBonOptique_C':document.getElementById('numeroBonOptique_C')?.val(),
'numeroBonOrdonnance_C':document.getElementById('numeroBonOrdonnance_C')?.val(),
'numeroBonExamen_C':document.getElementById('numeroBonExamen_C')?.val(),
'numeroBonKine_C':document.getElementById('numeroBonKine_C')?.val(),
'numeroBonSeance_C':document.getElementById('numeroBonSeance_C')?.val(),
'codeFamilleActePharmacie_C':document.getElementById('codeFamilleActePharmacie_C')?.val(),
'codeActePharmacie_C':document.getElementById('codeActePharmacie_C')?.val(),
'codeFamilleActeOptique_C':document.getElementById('codeFamilleActeOptique_C')?.val(),
'codeActeMonture_C':document.getElementById('codeActeMonture_C')?.val(),
'codeTarifMedicament_C':document.getElementById('codeTarifMedicament_C')?.val(),
'codeTarifOptique_C':document.getElementById('codeTarifOptique_C')?.val(),
'codeTarifActe_C':document.getElementById('codeTarifActe_C')?.val(),
'idActe_C':document.getElementById('idActe_C')?.val(),
'codeFamilleActe_C':document.getElementById('codeFamilleActe_C')?.val(),
'idEntetestat_C':document.getElementById('idEntetestat_C')?.val(),
'lienPrestation_C':document.getElementById('lienPrestation_C')?.val(),
'lienProduction_C':document.getElementById('lienProduction_C')?.val(),
'lienServeur':document.getElementById('lienServeur')?.val(),
'lienGc_C':document.getElementById('lienGc_C')?.val(),
'dossierGed':document.getElementById('dossierGed')?.val(),
'cheminGed':document.getElementById('cheminGed')?.val(),
'cheminTarifs':document.getElementById('cheminTarifs')?.val(),
'nbMessagesNonLus_C':document.getElementById('nbMessagesNonLus_C')?.val(),
'codeUtilisateur':document.getElementById('codeUtilisateur')?.val(),
'codeModeBiometrie':document.getElementById('codeModeBiometrie')?.val(),
'fingerActif':document.getElementById('fingerActif')?.val(),
'faceActif':document.getElementById('faceActif')?.val(),
'okId':document.getElementById('okId')?.val(),
'okId_face':document.getElementById('okId_face')?.val(),
'controlPlafondAdherent':document.getElementById('controlPlafondAdherent')?.val(),
'controlPlafondBeneficiaire':document.getElementById('controlPlafondBeneficiaire')?.val(),
'prestationParLienParente':document.getElementById('prestationParLienParente')?.val(),
'changerMotPassDefaut':document.getElementById('changerMotPassDefaut')?.val(),
'verifierLongueurPass':document.getElementById('verifierLongueurPass')?.val(),
'dureeSession':document.getElementById('dureeSession')?.val(),
'codeModeGenerationPass':document.getElementById('codeModeGenerationPass')?.val(),
'passExpired':document.getElementById('passExpired')?.val(),
'passAchanger':document.getElementById('passAchanger')?.val(),
}
};
},
mounted() {
// this.fetchData();
// this.postData();
// var session_data = session_data
// console.log('session_data: ',session_data)
const valeur = session_content
},
methods: {
openSweetAlert(icon ='info',text='Test message',title='Alert information'){
swal({
title: title,
text: text,
icon: icon,
});
},
confirmSave(){
// toastr.success('Hello, Toastr!', 'Success');
console.log('itemToSave: ',this.itemTosave)
// this.openSweetAlert('success','Opération éffectuée avec succès','Création d\'utilisateur')
this.openSweetAlert('warning','Vous êtes sur le point de créer un utilisateur, poursuivre?','Création d\'utilisateur')
},
openModal(data){
this.itemTosave={}
if(data.id){
this.itemTosave = data
}
console.log('data: ',data.id)
const myModal = this.$refs.myModal;
myModal.classList.add('show');
myModal.style.display = 'block';
},
closeModal(){
const myModal = this.$refs.myModal;
myModal.classList.remove('show');
myModal.style.display = 'none';
},
async fetchData() {
try {
const response = await fetch('https://jsonplaceholder.typicode.com/todos');
const data = await response.json();
this.items = data;
console.log('api data: ',this.items)
} catch (error) {
console.error('Error fetching data:', error);
}
},
getItemsUser() {
this.isLoading = true
this.items=[]
const data = {
"user": 48,
"data": {
"login":"amea"
},
"index": 1,
"size": 10
}
// debugger
var url = "http://154.0.29.217:7001/api/mciebene/users/getByCriteria"
// Default options are marked with *
fetch(url, {
method: 'POST',
headers: {
'Content-Type': 'application/json',
// Add any additional headers here
},
body: JSON.stringify(data)
})
.then(response => response.json())
.then(data => {
this.isLoading = false
console.log('Success:', data)
// this.items = data.items
console.log('items:', data.items)
console.log('items:', data['items'])
// const values = data.items[0]
// const valuesArray = Object.values(data.items[0]);
// console.log('valuesArray: ',valuesArray)
this.items = data.items
})
.catch(error => console.error('Error:', error));
}
},
}).mount('#appHonnaireAppelFond');
//FIN GESTION DE HONORAIRE ET APPEL DE FOND
//DEBUT TABLEAU DE BORD PRODUCTION
Vue.createApp({
data() {
return {
message: 'Hello, Vue 3!',
items:[],
isLoading:false,
itemToSave:{},
baseUrl:'http://154.0.29.217:7001/api'
};
},
mounted() {
this.getItemsGarant()
// myChart1.destroy();
// myChart2.destroy();
// myChart3.destroy();
// this.drawChart1(),
// this.drawChart2(),
// this.drawChart3()
// this.fetchData();
// this.postData();
// var session_data = session_data
// console.log('session_data: ',session_data)
// const valeur = session_content
},
methods: {
getItemsGarant() {
this.isLoading = true
this.items=[]
const data = {
user: 48,
data: {
p_typeGarant: 0,
p_libelle: "%%",
p_codeGcAssureur:"%%"
},
"index": 1,
"size": 10
}
// debugger
var url = "http://154.0.29.217:7001/api/mciebene/garants/getByCriteria"
// Default options are marked with *
fetch(url, {
method: 'POST',
headers: {
'Content-Type': 'application/json',
// Add any additional headers here
},
body: JSON.stringify(data)
})
.then(response => response.json())
.then(data => {
this.isLoading = false
console.log('Success:', data)
// this.items = data.items
console.log('items:', data.items)
console.log('items:', data['items'])
// const values = data.items[0]
// const valuesArray = Object.values(data.items[0]);
// console.log('valuesArray: ',valuesArray)
this.items = data.items
})
.catch(error => console.error('Error:', error));
},
drawChart1(){
var data = {
labels: ["Label 1", "Label 2", "Label 3", "Label 4", "Label 5"],
datasets: [{
label: "My Dataset",
borderColor: "#FF6384",
data: [10, 20, 15, 25, 18],
fill: false
}]
};
// Get the context of the canvas element we want to select
var ctx = document.getElementById("myChart")
// Create a line chart
this.myChart1 = new Chart(ctx, {
type: 'line',
data: data
});
},
drawChart2(){
const ctx = document.getElementById('myChart2');
new Chart(ctx, {
type: 'bar',
data: {
labels: ['Red', 'Blue', 'Yellow', 'Green', 'Purple', 'Orange'],
datasets: [{
label: '# of Votes',
data: [12, 19, 3, 5, 2, 3],
borderWidth: 1
},
{
label: '# of Votes',
data: [12, 15, 3, 3, 0, 10],
borderWidth: 1
}]
},
options: {
scales: {
y: {
beginAtZero: true
}
}
}
});
},
drawChart3(){
var data = {
labels: ["Label 1", "Label 2", "Label 3", "Label 4"],
datasets: [{
data: [30, 20, 25, 25],
backgroundColor: ["#FF6384", "#36A2EB", "#FFCE56", "#4CAF50"]
}]
};
// Get the context of the canvas element we want to select
var ctx = document.getElementById("myChart3")
// Create a pie chart
new Chart(ctx, {
type: 'pie',
data: data
});
},
openSweetAlert(icon ='info',text='Test message',title='Alert information'){
swal({
title: title,
text: text,
icon: icon,
});
},
openModal(data){
this.itemTosave={}
if(data.id){
this.itemTosave = data
}
console.log('data: ',data.id)
const myModal = this.$refs.myModal;
myModal.classList.add('show');
myModal.style.display = 'block';
},
closeModal(){
const myModal = this.$refs.myModal;
myModal.classList.remove('show');
myModal.style.display = 'none';
},
async fetchData() {
try {
const response = await fetch('https://jsonplaceholder.typicode.com/todos');
const data = await response.json();
this.items = data;
console.log('api data: ',this.items)
} catch (error) {
console.error('Error fetching data:', error);
}
},
},
}).mount('#dashboardProductionVue');
//FIN TABLEAU DE BORD PRODUCTION
//SIDEBAR
Vue.createApp({
data() {
return {
message: 'Hello, Vue 3!',
items:[],
isLoading:false,
itemToSave:{},
baseUrl:'http://154.0.29.217:7001/api',
};
},
mounted() {
// codeSociete = document.getElementById('codeProfil').value
// let codeProfil = document.getElementById('codeProfil').value
// let codeSociete = document.getElementById('codeSociete').value
// this.getItemsMainMenus(codeSociete,codeProfil);
},
methods: {
getItemsMainMenus(societe,profil) {
this.isLoading = true
this.items=[]
const data = {
user: 48,
data: {
p_codeSociete: societe,
p_codeProfil: profil
},
"index": 1,
"size": 10
}
// debugger
// var url = "http://154.0.29.217:7001/api/mciebene/garants/getByCriteria"
var url = `${this.baseUrl}/mciebene/mainMenus/getByCriteria`
// Default options are marked with *
fetch(url, {
method: 'POST',
headers: {
'Content-Type': 'application/json',
// Add any additional headers here
},
body: JSON.stringify(data)
})
.then(response => response.json())
.then(data => {
this.isLoading = false
console.log('items before:', data.items)
// data.items.map(it=>{
// it.children = this.fetchPostData(it)
// })
// this.items = JSON.parse(JSON.stringify(data.items))
this.items = data.items
console.log('items after',this.items)
})
.catch(error => console.error('Error:', error));
},
getItemsSubMenus(item={}) {
let codeProfil = document.getElementById('codeProfil').value
let codeSociete = document.getElementById('codeSociete').value
this.isLoading = true
this.subItems=[]
const data = {
user: 48,
data: {
p_codeSociete: codeSociete,
p_codeProfil: codeProfil,
p_vue: item.codeMenu
},
"index": 1,
"size": 10
}
// debugger
// var url = "http://154.0.29.217:7001/api/mciebene/garants/getByCriteria"
var url = `${this.baseUrl}/mciebene/subMenus/getByCriteria`
// Default options are marked with *
fetch(url, {
method: 'POST',
headers: {
'Content-Type': 'application/json',
// Add any additional headers here
},
body: JSON.stringify(data)
})
// .then(response => response.json())
.then(data => {
this.isLoading = false
console.log('subItems:', data.items)
// this.subItems = data.items
return data.items
})
.catch(error => {
console.error('Error:', error)
return []
});
},
async fetchPostData(item) {
try {
// Replace 'YOUR_API_ENDPOINT' with the actual API endpoint
const body = {
user: 48,
data: {
p_codeSociete: codeSociete,
p_codeProfil: codeProfil,
p_vue: item.codeMenu
},
"index": 1,
"size": 10
}
const response = await fetch(`${this.baseUrl}/mciebene/subMenus/getByCriteria`, {
method: 'POST',
headers: {
'Content-Type': 'application/json',
// You may need additional headers based on your API requirements
},
// Replace 'yourRequestBody' with the actual request body
body: JSON.stringify(body),
});
if (!response.ok) {
throw new Error('Network response was not ok');
return []
}
const data = await response.json();
// this.postData = data;
return data.items
} catch (error) {
console.error('Error fetching data:', error);
return []
}
},
openSweetAlert(icon ='info',text='Test message',title='Alert information'){
swal({
title: title,
text: text,
icon: icon,
});
},
openModal(data){
this.itemTosave={}
if(data.id){
this.itemTosave = data
}
console.log('data: ',data.id)
const myModal = this.$refs.myModal;
myModal.classList.add('show');
myModal.style.display = 'block';
},
closeModal(){
const myModal = this.$refs.myModal;
myModal.classList.remove('show');
myModal.style.display = 'none';
},
async fetchData() {
try {
const response = await fetch('https://jsonplaceholder.typicode.com/todos');
const data = await response.json();
this.items = data;
console.log('api data: ',this.items)
} catch (error) {
console.error('Error fetching data:', error);
}
},
},
}).mount('#sidebarnavvue');
//END SIDE BAR