feat: add i18n

src/i18n/eng/index.ts

@@ -401,6 +401,20 @@ export default {
       mother: 'Mother',
       motherBirthPlace: 'Mother Birth Place',
     },
+    fileType: {
+      passport: 'Passport',
+      visa: 'VISA',
+      tm6: 'TM.6',
+      workPermit: 'Work Permit',
+      noticeJobEmployment: 'Foreign Worker Employment Notification Form',
+      noticeJobEntry:
+        'Foreign Worker Employment Commencement Notification Form',
+      historyJob: 'Employment History Form',
+      acceptJob:
+        'Acknowledgement of Foreign Worker Employment Notification Form',
+      receipt: 'Receipt',
+      other: 'Other',
+    },
   },
   customerBranch: {
     tab: {

src/i18n/tha/index.ts

@@ -400,6 +400,18 @@ export default {
       mother: 'มารดา',
       motherBirthPlace: 'สถานที่เกิดของมารดา',
     },
+    fileType: {
+      passport: 'ข้อมูลหนังสือการเดินทาง',
+      visa: 'ข้อมูลการตรวจลงตรา',
+      tm6: 'ตม.6',
+      workPermit: 'ใบอนุญาตทำงาน',
+      noticeJobEmployment: 'แบบแจ้งการจ้างคนต่างด้าวทำงาน',
+      noticeJobEntry: 'แบบแจ้งเข้าทำงานของคนต่างด้าว',
+      historyJob: 'ใบคัดประวัติระบบจัดหางาน',
+      acceptJob: 'ใบตอบรับการแจ้งเกี่ยวกับการทำงานของคนต่างด้าว',
+      receipt: 'ใบเสร็จรับเงิน',
+      other: 'อื่นๆ',
+    },
   },
   customerBranch: {
     tab: {

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

@@ -3120,7 +3120,11 @@ const emptyCreateDialog = ref(false);
                       const _group = c.group || 'other';
                       if (!a[_group]) {
                         a[_group] = {
-                          label: _group,
+                          label: $t(
+                            uploadFileListEmployee.find(
+                              (v) => v.value === _group,
+                            )?.label || _group,
+                          ),
                           file: [
                             {
                               label:

src/pages/03_customer-management/constant.ts

@@ -49,43 +49,43 @@ export const uploadFileListEmployee: {
   value: string;
 }[] = [
   {
-    label: 'ข้อมูลหนังสือการเดินทาง',
-    value: 'travelBook',
+    label: 'customerEmployee.fileType.passport',
+    value: 'passport',
   },
   {
-    label: 'ข้อมูลการตรวจลงตรา',
-    value: 'checkList',
+    label: 'customerEmployee.fileType.visa',
+    value: 'visa',
   },
   {
-    label: 'ตม.6',
+    label: 'customerEmployee.fileType.tm6',
     value: 'tm6',
   },
   {
-    label: 'ใบอนุญาตทำงาน',
-    value: 'license',
+    label: 'customerEmployee.fileType.workPermit',
+    value: 'workPermit',
   },
   {
-    label: 'แบบแจ้งการจ้างคนต่างด้าวทำงาน',
-    value: 'noticeJob',
+    label: 'customerEmployee.fileType.noticeJobEmployment',
+    value: 'noticeJobEmployment',
   },
   {
-    label: 'แบบแจ้งเข้าทำงานของคนต่างด้าว',
-    value: 'noticeJobOther',
+    label: 'customerEmployee.fileType.noticeJobEntry',
+    value: 'noticeJobEntry',
   },
   {
-    label: 'ใบคัดประวัติระบบจัดหางาน',
+    label: 'customerEmployee.fileType.historyJob',
     value: 'historyJob',
   },
   {
-    label: 'ใบตอบรับการแจ้งเกี่ยวกับการทำงานของคนต่างด้าว',
+    label: 'customerEmployee.fileType.acceptJob',
     value: 'acceptJob',
   },
   {
-    label: 'ใบเสร็จรับเงิน',
+    label: 'customerEmployee.fileType.receipt',
     value: 'receipt',
   },
   {
-    label: 'อื่นๆ',
+    label: 'customerEmployee.fileType.other',
     value: 'other',
   },
 ];

src/stores/employee/index.ts

@@ -88,9 +88,9 @@ const useEmployeeStore = defineStore('api-employee', () => {
             const _name = file.name;
             const _ext = _name.split('.').at(-1);
 
-            let filename = group || 'other' + '-' + Date.now();
+            let filename = (group || 'other') + '-' + Date.now();
 
-            if (_ext) filename += '.' + _ext;
+            if (_ext) filename = filename + '.' + _ext;
 
             await uploadAttachment(res.data.id, file, filename);
           }