From e490d0a492b5b27991edf0ecd93203901de84ee6 Mon Sep 17 00:00:00 2001
From: Net <93821485+somnetsak123@users.noreply.github.com>
Date: Wed, 3 Jul 2024 09:44:31 +0700
Subject: [PATCH] =?UTF-8?q?feat:=20callback=20=E0=B8=A3=E0=B8=B9=E0=B8=9B?=
 =?UTF-8?q?=20=E0=B8=82=E0=B8=AD=E0=B8=87=20=E0=B8=AA=E0=B8=B2=E0=B8=82?=
 =?UTF-8?q?=E0=B8=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/01_branch-management/FormImage.vue | 11 ++++++++++-
 src/components/01_branch-management/FormQr.vue    | 15 ++++++++++-----
 2 files changed, 20 insertions(+), 6 deletions(-)

diff --git a/src/components/01_branch-management/FormImage.vue b/src/components/01_branch-management/FormImage.vue
index 50263e39..40855137 100644
--- a/src/components/01_branch-management/FormImage.vue
+++ b/src/components/01_branch-management/FormImage.vue
@@ -21,7 +21,16 @@ defineEmits<{
     style="min-height: 150px"
   >
     <div class="col-12 flex flex-center" v-if="image">
-      <q-img :src="image as string" style="width: 150px; height: 150px" />
+      <q-img :src="image as string" style="width: 150px; height: 150px">
+        <template #error>
+          <div
+            style="background: none"
+            class="full-width full-height items-center justify-center flex"
+          >
+            <q-img src="/no-data.png" width="5rem" />
+          </div>
+        </template>
+      </q-img>
     </div>
     <div class="col-12 flex flex-center q-py-md" v-if="!readonly">
       <q-btn
diff --git a/src/components/01_branch-management/FormQr.vue b/src/components/01_branch-management/FormQr.vue
index 6875f2f0..67172ff4 100644
--- a/src/components/01_branch-management/FormQr.vue
+++ b/src/components/01_branch-management/FormQr.vue
@@ -22,11 +22,16 @@ defineEmits<{
     class="col-9 row q-mt-lg branch-form-show-qr-code"
   >
     <div class="col-12 flex flex-center">
-      <q-img
-        v-if="qr"
-        :src="qr as string"
-        style="width: 150px; height: 150px"
-      />
+      <q-img v-if="qr" :src="qr as string" style="width: 150px; height: 150px">
+        <template #error>
+          <div
+            style="background: none"
+            class="full-width full-height items-center justify-center flex"
+          >
+            <q-img src="/no-data.png" width="5rem" />
+          </div>
+        </template>
+      </q-img>
 
       <q-btn
         @click="$emit('upload')"