From b084f5a2cd009178bf0dbc9603cb6a57d06178a4 Mon Sep 17 00:00:00 2001
From: Methapon Metanipat <methapon@frappet.com>
Date: Fri, 16 Aug 2024 09:25:45 +0700
Subject: [PATCH] feat: view only

---
 .../employee/BasicInformation.vue                     |  3 ++-
 src/pages/03_customer-management/MainPage.vue         | 11 ++++++-----
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/components/03_customer-management/employee/BasicInformation.vue b/src/components/03_customer-management/employee/BasicInformation.vue
index e66aebdb..0e76d3b3 100644
--- a/src/components/03_customer-management/employee/BasicInformation.vue
+++ b/src/components/03_customer-management/employee/BasicInformation.vue
@@ -30,6 +30,7 @@ const nrcNo = defineModel<string>('nrcNo');
 const code = defineModel<string>('code');
 
 defineProps<{
+  noAction?: boolean;
   title?: string;
   dense?: boolean;
   outlined?: boolean;
@@ -89,7 +90,7 @@ onMounted(() => {
       </div>
 
       <!-- v-if="!readonly" -->
-      <div class="row">
+      <div class="row" v-if="!noAction">
         <UndoButton
           v-if="!readonly && !showBtnSave"
           id="btn-info-basic-undo"
diff --git a/src/pages/03_customer-management/MainPage.vue b/src/pages/03_customer-management/MainPage.vue
index 380e6ce5..d32db191 100644
--- a/src/pages/03_customer-management/MainPage.vue
+++ b/src/pages/03_customer-management/MainPage.vue
@@ -2281,13 +2281,13 @@ const emptyCreateDialog = ref(false);
             }
           "
           active
-          useToggle
+          use-toggle
           color="white"
           icon="mdi-account-plus-outline"
-          bgColor="linear-gradient(135deg, rgba(43,137,223,1) 0%, rgba(230,51,81,1) 100%)"
+          bg-color="linear-gradient(135deg, rgba(43,137,223,1) 0%, rgba(230,51,81,1) 100%)"
           v-model:current-tab="employeeFormState.currentTab"
           v-model:cover-url="employeeFormState.profileUrl"
-          fallbackCover="/images/employee-banner.png"
+          fallback-cover="/images/employee-banner.png"
           :img="employeeFormState.profileUrl"
           :tabs-list="[
             { name: 'personalInfo', label: 'personalInfo' },
@@ -2296,8 +2296,8 @@ const emptyCreateDialog = ref(false);
             { name: 'other', label: 'other' },
           ]"
           :menu="formMenuIconEmployee"
-          :toggleTitle="$t('formDialogTitleUserStatus')"
-          :hideFade="
+          :toggle-title="$t('formDialogTitleUserStatus')"
+          :hide-fade="
             employeeFormState.profileUrl === '' ||
             employeeFormState.profileUrl === undefined
           "
@@ -2347,6 +2347,7 @@ const emptyCreateDialog = ref(false);
           class="col-10 q-pa-md q-gutter-y-xl"
         >
           <BasicInformation
+            :no-action="$route.name === 'CustomerBranchManagement'"
             id="form-information"
             prefix-id="drawer-info-employee"
             dense