From dab90bb79105fb7746169d89f05ae11e05b6a191 Mon Sep 17 00:00:00 2001
From: Net <93821485+somnetsak123@users.noreply.github.com>
Date: Fri, 28 Jun 2024 17:21:51 +0700
Subject: [PATCH] =?UTF-8?q?fix:=20=E0=B9=81=E0=B8=81=E0=B9=89=20=20Options?=
 =?UTF-8?q?=20=E0=B8=A3=E0=B8=B1=E0=B8=9A=E0=B8=84=E0=B9=88=E0=B8=B2?=
 =?UTF-8?q?=E0=B8=88=E0=B8=B2=E0=B8=81=E0=B9=84=E0=B8=9F=E0=B8=A5=E0=B9=8C?=
 =?UTF-8?q?=20json?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../03_customer-management/FormBusiness.vue   | 51 +++++++++----------
 1 file changed, 23 insertions(+), 28 deletions(-)

diff --git a/src/components/03_customer-management/FormBusiness.vue b/src/components/03_customer-management/FormBusiness.vue
index 976d5316..3b49288f 100644
--- a/src/components/03_customer-management/FormBusiness.vue
+++ b/src/components/03_customer-management/FormBusiness.vue
@@ -1,5 +1,9 @@
 <script setup lang="ts">
 import { dateFormat } from 'src/utils/datetime';
+import { onMounted } from 'vue';
+import { ref } from 'vue';
+import { useI18n } from 'vue-i18n';
+const { t, locale } = useI18n({ useScope: 'global' });
 
 const employmentOffice = defineModel<string>('employmentOffice');
 const bussinessType = defineModel<string>('bussinessType');
@@ -15,35 +19,10 @@ const wageRate = defineModel<number>('wageRate');
 
 const saleEmployee = defineModel<string>('saleEmployee');
 
-const typeBusinessOptions = [
-  {
-    value: '1',
-    label: 'ประเภทบริษัท 1',
-  },
-  {
-    value: '2',
-    label: 'ประเภทบริษัท 2',
-  },
-  {
-    value: '3',
-    label: 'ประเภทบริษัท 3',
-  },
-];
+const rawOption = ref();
 
-const jobPositionOptions = [
-  {
-    value: '1',
-    label: 'ตําแหน่งงาน 1',
-  },
-  {
-    value: '2',
-    label: 'ตําแหน่งงาน 2',
-  },
-  {
-    value: '3',
-    label: 'ตําแหน่งงาน 3',
-  },
-];
+const typeBusinessOptions = ref([]);
+const jobPositionOptions = ref([]);
 
 defineProps<{
   title?: string;
@@ -52,6 +31,22 @@ defineProps<{
   readonly?: boolean;
   separator?: boolean;
 }>();
+
+onMounted(async () => {
+  const resultOption = await fetch('/option/option.json');
+  rawOption.value = await resultOption.json();
+
+  if (locale.value === 'en-US') {
+    typeBusinessOptions.value = rawOption.value.eng.businessType;
+    jobPositionOptions.value = rawOption.value.eng.position;
+  }
+  if (locale.value === 'th-th') {
+    typeBusinessOptions.value = rawOption.value.tha.businessType;
+    jobPositionOptions.value = rawOption.value.tha.position;
+  }
+  5;
+  console.log(typeBusinessOptions.value);
+});
 </script>
 <template>
   <div class="col-12 app-text-muted"></div>