feat: can + employee checkup and work history (include i18n)

src/pages/03_customer-management/MainPage.vue

@@ -147,30 +147,30 @@ const formDataEmployee = ref<EmployeeCreate>({
   provinceId: '',
 
   employeeWork: [
-    // {
-    //   workEndDate: undefined,
-    //   workPermitExpireDate: undefined,
-    //   workPermitIssuDate: undefined,
-    //   workPermitNo: '',
-    //   workplace: '',
-    //   jobType: '',
-    //   positionName: '',
-    //   ownerName: '',
-    //   remark: '',
-    // },
+    {
+      workEndDate: null,
+      workPermitExpireDate: null,
+      workPermitIssuDate: null,
+      workPermitNo: '',
+      workplace: '',
+      jobType: '',
+      positionName: '',
+      ownerName: '',
+      remark: '',
+    },
   ],
   employeeCheckup: [
-    // {
-    //   coverageExpireDate: undefined,
-    //   coverageStartDate: undefined,
-    //   insuranceCompany: '',
-    //   medicalBenefitScheme: '',
-    //   remark: '',
-    //   hospitalName: '',
-    //   provinceId: '',
-    //   checkupResult: '',
-    //   checkupType: '',
-    // },
+    {
+      coverageExpireDate: null,
+      coverageStartDate: null,
+      insuranceCompany: '',
+      medicalBenefitScheme: '',
+      remark: '',
+      hospitalName: '',
+      provinceId: '',
+      checkupResult: '',
+      checkupType: '',
+    },
   ],
   employeeOtherInfo: {
     birthPlace: '',
@@ -1170,10 +1170,14 @@ watch(fieldSelectedCustomer, async () => {
   </FormDialog>
 
   <FormDialog
+    v-model:modal="dialogEmployee"
     employee
     addressSeparator
     :noAddress="formDataEmployeeTab !== 'personalInfo'"
-    v-model:modal="dialogEmployee"
+    :noPaddingTab="
+      formDataEmployeeTab === 'healthCheck' ||
+      formDataEmployeeTab === 'workHistory'
+    "
     v-model:tabs-list="employeeTab"
     v-model:employee-tab="formDataEmployeeTab"
     v-model:same-with-employer="formDataEmployeeSameAddr"
@@ -1227,15 +1231,21 @@ watch(fieldSelectedCustomer, async () => {
         v-model:birthDate="formDataEmployee.dateOfBirth"
         v-model:nationality="formDataEmployee.nationality"
       />
+
       <FormEmployeeHealthCheck
-        v-if="formDataEmployeeTab === 'healthCheck'"
+        v-if="
+          formDataEmployeeTab === 'healthCheck' &&
+          formDataEmployee.employeeCheckup
+        "
         dense
         outlined
+        v-model:employee-checkup="formDataEmployee.employeeCheckup"
       />
       <FormEmployeeWorkHistory
         v-if="formDataEmployeeTab === 'workHistory'"
         dense
         outlined
+        v-model:employee-work="formDataEmployee.employeeWork"
       />
       <FormEmployeeOther
         v-if="