From 505c07760d5abaa135a03ea0cc597a8d0ad61478 Mon Sep 17 00:00:00 2001
From: Net <93821485+somnetsak123@users.noreply.github.com>
Date: Fri, 19 Apr 2024 10:49:14 +0700
Subject: [PATCH] =?UTF-8?q?fix:=20=E0=B9=81=E0=B8=81=E0=B9=89=E0=B9=80?=
 =?UTF-8?q?=E0=B8=87=E0=B8=B7=E0=B9=88=E0=B8=AD=E0=B8=99=E0=B9=84=E0=B8=82?=
 =?UTF-8?q?=E0=B8=81=E0=B8=B2=E0=B8=A3=E0=B9=80=E0=B9=80=E0=B8=AA=E0=B8=94?=
 =?UTF-8?q?=E0=B8=87=E0=B8=9C=E0=B8=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../02_personnel-management/infoForm.vue          | 15 ++++++++++++---
 src/components/DrawerInfo.vue                     |  3 ++-
 src/pages/02_personnel-management/MainPage.vue    |  1 +
 3 files changed, 15 insertions(+), 4 deletions(-)

diff --git a/src/components/02_personnel-management/infoForm.vue b/src/components/02_personnel-management/infoForm.vue
index 3f096e4c..ce667ebe 100644
--- a/src/components/02_personnel-management/infoForm.vue
+++ b/src/components/02_personnel-management/infoForm.vue
@@ -17,13 +17,22 @@ const zipCode = defineModel<string>('zipCode', { default: '' });
 </script>
 <template>
   <div class="row items-stretch" style="position: absolute; inset: 0">
-    <div class="col-3">
+    <div class="col-3" v-if="$slots['person-card']">
       <slot name="person-card"></slot>
     </div>
-    <div class="col-9" style="position: relative">
+    <div
+      :class="{
+        'col-9': $slots['person-card'],
+        'col-12': !$slots['person-card'],
+      }"
+      style="position: relative"
+    >
       <AppBox
         bordered
-        class="q-my-md q-mr-md"
+        :class="{
+          'q-my-md q-mr-md': $slots['person-card'],
+          'q-ma-md': !$slots['person-card'],
+        }"
         style="position: absolute; overflow-y: auto; inset: 0"
       >
         <div class="row q-col-gutter-y-md">
diff --git a/src/components/DrawerInfo.vue b/src/components/DrawerInfo.vue
index bb3904a7..18e82154 100644
--- a/src/components/DrawerInfo.vue
+++ b/src/components/DrawerInfo.vue
@@ -4,6 +4,7 @@ import { ref } from 'vue';
 defineProps<{
   title: string;
   isEdit?: boolean;
+  bgOn?: boolean;
   editData?: (...args: unknown[]) => void;
   deleteData?: (...args: unknown[]) => void;
   submit?: (...args: unknown[]) => void;
@@ -107,7 +108,7 @@ function reset() {
           class="col-10 form-body"
           style="position: relative"
           :class="{ dark: $q.dark.isActive }"
-          :style="`background-image: url(/personnel-info-bg-${$q.dark.isActive ? 'dark' : 'light'}.png)`"
+          :style="` ${bgOn ? `background-image: url(/personnel-info-bg-${$q.dark.isActive ? 'dark' : 'light'}.png)` : ''}`"
         >
           <slot name="info"></slot>
         </div>
diff --git a/src/pages/02_personnel-management/MainPage.vue b/src/pages/02_personnel-management/MainPage.vue
index 4a21f9ef..286b2d47 100644
--- a/src/pages/02_personnel-management/MainPage.vue
+++ b/src/pages/02_personnel-management/MainPage.vue
@@ -600,6 +600,7 @@ watch(
 
   <DrawerInfo
     v-if="currentUser"
+    bg-on
     :isEdit="infoPersonCardEdit"
     :title="
       $i18n.locale === 'en-US'