diff --git a/src/components/03_customer-management/FormEmployeePassport.vue b/src/components/03_customer-management/FormEmployeePassport.vue
index 9781cf82..e5543eea 100644
--- a/src/components/03_customer-management/FormEmployeePassport.vue
+++ b/src/components/03_customer-management/FormEmployeePassport.vue
@@ -32,6 +32,7 @@ defineProps<{
   outlined?: boolean;
   readonly?: boolean;
   separator?: boolean;
+  ocr?: boolean;
 
   prefixId: string;
 }>();
@@ -84,7 +85,35 @@ watch(
 </script>
 
 <template>
-  <div class="row col-12">
+  <div class="row col-12" v-if="ocr">
+    <div class="col-12 row">
+      <div class="col-6 flex flex-center">
+        <q-img
+          src="/images/customer-CORP-avartar.png "
+          style="height: 100px; max-width: 50%"
+        />
+      </div>
+      <div class="col-6 column">
+        <q-input
+          lazy-rules="ondemand"
+          :for="`${prefixId}-input-passport-no`"
+          :dense="dense"
+          outlined
+          :readonly="readonly"
+          hide-bottom-space
+          class="col-md-3 col-6"
+          :label="$t('customerEmployee.form.passportNo')"
+          v-model="passportNumber"
+          :rules="[
+            (val: string) =>
+              !!val || $t('inputValidate') + $t('formDialogInputPassportNo'),
+          ]"
+        />
+      </div>
+    </div>
+  </div>
+
+  <div class="row col-12" v-else>
     <div class="col-12 q-pb-sm text-weight-bold text-body1">
       <q-icon
         flat