feat: refs #7731

src/components/common/VnSelectVies.vue

@@ -22,13 +22,14 @@ function filterFn(val, update) {
                 countriesOptionCopy.value = JSON.parse(
                     JSON.stringify(countriesOption.value)
                 );
-            } else {
-                const exist = countriesOption.value.filter((c) =>
-                    c.code.toLowerCase().includes(val.toLowerCase())
-                );
-                if (exist) return (countriesOptionCopy.value = exist);
-                countriesOptionCopy.value = JSON.parse(JSON.stringify([{ code: val }]));
+                return;
             }
+
+            const exist = countriesOption.value.filter((c) =>
+                c.code.toLowerCase().includes(val.toLowerCase())
+            );
+            if (exist) return (countriesOptionCopy.value = exist);
+            countriesOptionCopy.value = JSON.parse(JSON.stringify([{ code: val }]));
         },
         (ref) => {
             if (val !== '' && ref.options.length > 0) {
@@ -46,8 +47,7 @@ function filterFn(val, update) {
         v-model="model"
         :input-debounce="0"
         :options="countriesOptionCopy"
-        @blur="() => handleBlur()"
-        @input-value="(evt) => (lastVal = evt)"
+        @input-value="(evt) => (lastVal = evt) && handleBlur()"
         @filter="filterFn"
         option-label="code"
         option-value="code"
@@ -73,7 +73,7 @@ function filterFn(val, update) {
 </template>
 <i18n>
 es:
-    viesTip: El campo puede contener valores que no este en la lista 
+    viesTip: El campo puede contener valores que no este en la lista
 
 en:
     viesTip: The field may contain value that are not in the list

src/pages/Supplier/Card/SupplierFiscalData.vue

@@ -173,15 +173,13 @@ function handleLocation(data, location) {
                     }"
                     @update:model-value="(location) => handleLocation(data, location)"
                 />
-                <VnSelectVies v-model="data.viesCode" style="max-width: 30%" />
             </VnRow>
             <VnRow>
-                <div class="col flex justify-around">
-                    <QCheckbox
-                        v-model="data.isTrucker"
-                        :label="t('supplier.fiscalData.isTrucker')"
-                    />
-                </div>
+                <VnSelectVies v-model="data.viesCode" />
+                <QCheckbox
+                    v-model="data.isTrucker"
+                    :label="t('supplier.fiscalData.isTrucker')"
+                />
             </VnRow>
         </template>
     </FormModel>