en enregistre en localstorage le filtrage de vue select, qui supplante les valeurs chargees par url

js/gamutable.es6.js

@@ -244,6 +244,7 @@ let monTableau = {
 			options: [],
 			searchInputHead: '',
 			searchInputVal: '',
+			loadingVueSelect: true,
 		};
 	},
 	mounted() {
@@ -392,6 +393,23 @@ let monTableau = {
 				});
 			}
 		},
+		filtreColSelected: {
+			handler() {
+				if (!this.loadingVueSelect) {
+					let ObfiltreSelect = [];
+					if (this.filtreColSelected) {
+						Object.entries(this.filtreColSelected).forEach(([champ, valeurs]) => {
+							if (!Array.isArray(valeurs)) {
+								valeurs = [valeurs];
+							}
+							ObfiltreSelect.push({ champ, valeurs });
+						});
+					}
+					localStorage.setItem('filtreselect_' + this.nameLocalStorage, JSON.stringify(ObfiltreSelect));
+				}
+			},
+			deep: true,
+		},
 	},
 	methods: {
 		hanldeSearchInput(event, head) {
@@ -403,6 +421,9 @@ let monTableau = {
 			this.searchInputVal = '';
 			this.searchInputHead = '';
 		},
+		endLoadingVueSelect() {
+			this.loadingVueSelect = false;
+		},
 		calculer_nameLocalStorage() {
 			if (this.apiuri) {
 				return this.apiuri.match(/.*page=(.*)/)[1];
@@ -514,8 +535,15 @@ let monTableau = {
 
 					Vue.nextTick(() => {
 						this.chargement = false;
-						console.log(this.filtreselect);
-						if (this.filtreselect) {
+						let filtreselect = localStorage.getItem('filtreselect_' + this.nameLocalStorage);
+						if (filtreselect) {
+							let Tfiltres = JSON.parse(filtreselect);
+							Tfiltres.forEach((col) => {
+								let v = col.valeurs;
+								this.filtreColSelected[col.champ] = [...this.filtreColSelected[col.champ], ...v];
+							});
+							this.filtreColModif++;
+						} else if (this.filtreselect) {
 							let Tfiltres = recupJson(decodeURIComponent(this.filtreselect));
 							localStorage.setItem('filtreselect_' + this.nameLocalStorage, JSON.stringify(Tfiltres));
 							Tfiltres.forEach((col) => {
@@ -525,18 +553,6 @@ let monTableau = {
 								];
 							});
 							this.filtreColModif++;
-						} else {
-							let filtreselect = localStorage.getItem('filtreselect_' + this.nameLocalStorage);
-							if (filtreselect) {
-								let Tfiltres = JSON.parse(filtreselect);
-								Tfiltres.forEach((col) => {
-									this.filtreColSelected[col.champ] = [
-										...this.filtreColSelected[col.champ],
-										...col.valeurs,
-									];
-								});
-								this.filtreColModif++;
-							}
 						}
 
 						if (parseInt(this._id) > 0) {
@@ -757,7 +773,8 @@ let monTableau = {
 								clear-on-close
 								searchable
 								@selected="selectValCol"
-								@search:input="hanldeSearchInput($event, head)"
+								@search:focus="endLoadingVueSelect"
+								@removed="endLoadingVueSelect"
 							>
 								<template #tag="{ option, remove }">
 									<div class="tag--un">
@@ -773,7 +790,8 @@ let monTableau = {
 								v-model="filtreColSelected[head]"
 								type="text"
 								placeholder="Rechercher"
-								@keyup="selectValCol"
+								@keydown="endLoadingVueSelect"
+
 							>
 							<button
 								v-if="filtreColType[head] === 'input' && filtreColSelected[head].length !== 0"