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 {
+                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"

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">
+                <VnSelectVies v-model="data.viesCode" />
                 <QCheckbox
                     v-model="data.isTrucker"
                     :label="t('supplier.fiscalData.isTrucker')"
                 />
-                </div>
             </VnRow>
         </template>
     </FormModel>