From ea602a38a0585ba11dba6feb84dba1ea0be621a3 Mon Sep 17 00:00:00 2001
From: Net <thanaphon@frappet.com>
Date: Thu, 5 Sep 2024 11:13:33 +0700
Subject: [PATCH] fix: can't edit employee

---
 .../FormEmployeeHealthCheck.vue                      | 11 +++++------
 .../FormEmployeeWorkHistory.vue                      | 12 ++++++------
 src/pages/03_customer-management/MainPage.vue        |  3 ---
 3 files changed, 11 insertions(+), 15 deletions(-)

diff --git a/src/components/03_customer-management/FormEmployeeHealthCheck.vue b/src/components/03_customer-management/FormEmployeeHealthCheck.vue
index 994a3fcc..fa8985a4 100644
--- a/src/components/03_customer-management/FormEmployeeHealthCheck.vue
+++ b/src/components/03_customer-management/FormEmployeeHealthCheck.vue
@@ -1,14 +1,12 @@
 <script setup lang="ts">
 import { onMounted, reactive, ref } from 'vue';
-import { dateFormat, parseAndFormatDate } from 'src/utils/datetime';
 import useAddressStore, {
   District,
   Province,
   SubDistrict,
 } from 'stores/address';
 import { EmployeeCheckupCreate } from 'stores/employee/types';
-import { useI18n } from 'vue-i18n';
-import { checkTabBeforeAdd, selectFilterOptionRefMod } from 'stores/utils';
+import { selectFilterOptionRefMod } from 'stores/utils';
 import { QSelect } from 'quasar';
 import DatePicker from '../shared/DatePicker.vue';
 import {
@@ -19,7 +17,6 @@ import {
   UndoButton,
 } from 'components/button';
 
-const { locale } = useI18n();
 const adrressStore = useAddressStore();
 
 const addrOptions = reactive<{
@@ -100,8 +97,10 @@ function addCheckup() {
       checkupResult: '',
       checkupType: '',
     });
-    if (employeeCheckup.value)
+    if (employeeCheckup.value) {
       tab.value = `tab${employeeCheckup.value.length - 1}`;
+      currentIndex.value = employeeCheckup.value.length - 1;
+    }
   }
 }
 
@@ -162,7 +161,7 @@ const insuranceCompanyFilter = selectFilterOptionRefMod(
       />
       {{ $t(`customerEmployee.formHealthCheck.title`) }}
       <AddButton
-        v-if="!readonly && !hideAction"
+        v-if="currentIndex === -1 && !hideAction"
         id="btn-add-bank"
         icon-only
         class="q-ml-sm"
diff --git a/src/components/03_customer-management/FormEmployeeWorkHistory.vue b/src/components/03_customer-management/FormEmployeeWorkHistory.vue
index 2bcae05b..fb87793d 100644
--- a/src/components/03_customer-management/FormEmployeeWorkHistory.vue
+++ b/src/components/03_customer-management/FormEmployeeWorkHistory.vue
@@ -1,9 +1,7 @@
 <script setup lang="ts">
 import { onMounted, ref } from 'vue';
-import { dateFormat, parseAndFormatDate } from 'src/utils/datetime';
 import { EmployeeWorkCreate } from 'stores/employee/types';
-import { useI18n } from 'vue-i18n';
-import { checkTabBeforeAdd, selectFilterOptionRefMod } from 'stores/utils';
+import { selectFilterOptionRefMod } from 'stores/utils';
 import DatePicker from '../shared/DatePicker.vue';
 
 import {
@@ -13,7 +11,6 @@ import {
   SaveButton,
   UndoButton,
 } from 'components/button';
-const { locale } = useI18n();
 
 const currentIndex = defineModel<number>('currentIndex');
 const employeeWork = defineModel<EmployeeWorkCreate[]>('employeeWork');
@@ -63,7 +60,10 @@ function addData() {
       ownerName: '',
       remark: '',
     });
-    if (employeeWork.value) tab.value = `tab${employeeWork.value.length - 1}`;
+    if (employeeWork.value) {
+      tab.value = `tab${employeeWork.value.length - 1}`;
+      currentIndex.value = employeeWork.value.length - 1;
+    }
   }
 }
 
@@ -117,7 +117,7 @@ const workplaceFilter = selectFilterOptionRefMod(
       />
       {{ $t(`customerEmployee.formWorkHistory.title`) }}
       <AddButton
-        v-if="!readonly && !hideAction"
+        v-if="currentIndex === -1 && !hideAction"
         id="btn-add-bank"
         icon-only
         class="q-ml-sm"
diff --git a/src/pages/03_customer-management/MainPage.vue b/src/pages/03_customer-management/MainPage.vue
index 4d580753..a938d0e8 100644
--- a/src/pages/03_customer-management/MainPage.vue
+++ b/src/pages/03_customer-management/MainPage.vue
@@ -3502,7 +3502,6 @@ const emptyCreateDialog = ref(false);
                 dense
                 outlined
                 :hide-action="currentTab !== 'employee'"
-                :readonly="!employeeFormState.isEmployeeEdit"
                 v-model:current-index="employeeFormState.currentIndex"
                 v-model:employee-checkup="
                   currentFromDataEmployee.employeeCheckup
@@ -3565,7 +3564,6 @@ const emptyCreateDialog = ref(false);
                 dense
                 :hide-action="currentTab !== 'employee'"
                 outlined
-                :readonly="!employeeFormState.isEmployeeEdit"
                 v-model:current-index="employeeFormState.currentIndex"
                 v-model:employee-work="currentFromDataEmployee.employeeWork"
                 v-model:position-name-option="optionStore.globalOption.position"
@@ -3614,7 +3612,6 @@ const emptyCreateDialog = ref(false);
                 id="drawer-other"
                 prefix-id="drawer-employee"
                 dense
-                :readonly="!employeeFormState.isEmployeeEdit"
                 outlined
                 v-model:employee-other="
                   currentFromDataEmployee.employeeOtherInfo