From 3bc5823e160fd4c7f5ccd4b73b424e67f99ad11a Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Mon, 5 Aug 2024 08:23:59 +0000
Subject: [PATCH] fix: bank selected item logo

---
 src/components/01_branch-management/FormBank.vue | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/components/01_branch-management/FormBank.vue b/src/components/01_branch-management/FormBank.vue
index 0d9078a4..1894ed82 100644
--- a/src/components/01_branch-management/FormBank.vue
+++ b/src/components/01_branch-management/FormBank.vue
@@ -130,10 +130,9 @@ watch(
         outlined
         clearable
         use-input
-        fill-input
         emit-value
+        fill-input
         map-options
-        hide-selected
         hide-bottom-space
         option-value="value"
         input-debounce="0"
@@ -153,7 +152,7 @@ watch(
           <q-item
             v-if="scope.opt"
             v-bind="scope.itemProps"
-            class="row items-center col-12"
+            class="row items-center"
           >
             <q-item-section avatar>
               <q-img
@@ -168,6 +167,16 @@ watch(
           </q-item>
         </template>
 
+        <template v-slot:selected-item="scope">
+          <q-item-section v-if="scope.opt" avatar class="q-py-sm">
+            <q-img
+              :src="`/img/bank/${scope.opt.value}.png`"
+              class="bordered"
+              style="border-radius: 50%"
+            />
+          </q-item-section>
+        </template>
+
         <template v-slot:no-option>
           <q-item>
             <q-item-section class="text-grey">