refactor: add UploadFile

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

@@ -6,6 +6,7 @@ import { useRoute, useRouter } from 'vue-router';
 import { getUserId, getRole } from 'src/services/keycloak';
 import { baseUrl } from 'src/stores/utils';
 
+import useOcrStore from 'stores/ocr';
 import useCustomerStore from 'stores/customer';
 import useEmployeeStore from 'stores/employee';
 import useMyBranchStore from 'stores/my-branch';
@@ -47,10 +48,13 @@ import SideMenu from 'components/SideMenu.vue';
 import { AddButton } from 'components/button';
 import TableEmpoloyee from 'src/components/03_customer-management/TableEmpoloyee.vue';
 
+import { UploadFile } from 'components/upload-file';
+
 import {
   columnsCustomer,
   columnsEmployee,
   formMenuIconEmployee,
+  uploadFileList,
 } from './constant';
 import { useCustomerForm, useEmployeeForm } from './form';
 import { storeToRefs } from 'pinia';
@@ -75,6 +79,7 @@ const employeeStore = useEmployeeStore();
 const customerFormStore = useCustomerForm();
 const employeeFormStore = useEmployeeForm();
 const optionStore = useOptionStore();
+const ocrStore = useOcrStore();
 
 const filtdRequire = ref<{ [key: string]: (keyof CustomerBranchCreate)[] }>({
   main: ['citizenId', 'legalPersonNo', 'registerName'],
@@ -2629,7 +2634,7 @@ const emptyCreateDialog = ref(false);
                 :key="idx"
               >
                 <q-form
-                  class="full-width"
+                  class="full-width q-mb-xl"
                   v-if="customerFormData.customerBranch"
                   greedy
                   @submit.prevent="
@@ -2877,6 +2882,13 @@ const emptyCreateDialog = ref(false);
                       anchor: 'drawer-form-visa',
                       tab: 'personalInfo',
                     },
+
+                    {
+                      name: $t('อัปโหลดไฟล์'),
+                      anchor: 'drawer-upload-file',
+                      tab: 'personalInfo',
+                    },
+
                     ...(currentFromDataEmployee.employeeCheckup?.map(
                       (v, i) => ({
                         name: $t('general.times', { number: i + 1 }),
@@ -3058,6 +3070,18 @@ const emptyCreateDialog = ref(false);
                 v-model:entry-date="currentFromDataEmployee.entryDate"
                 class="q-mb-xl"
               />
+
+              <UploadFile
+                :tree="[]"
+                :dropdown-list="uploadFileList"
+                @send-ocr="
+                  async (v: any, f: any) => {
+                    console.log(v, f);
+
+                    await ocrStore.sendOcr({ file: f });
+                  }
+                "
+              />
             </template>
             <template v-if="employeeFormState.currentTab === 'healthCheck'">
               <FormEmployeeHealthCheck