diff --git a/src/components/03_customer-management/BasicInformation.vue b/src/components/03_customer-management/BasicInformation.vue
index 08e21eaa..812ad491 100644
--- a/src/components/03_customer-management/BasicInformation.vue
+++ b/src/components/03_customer-management/BasicInformation.vue
@@ -10,7 +10,7 @@ const registeredBranchId = defineModel<string>('registeredBranchId');
 const taxNo = defineModel<string | null | undefined>('taxNo');
 
 const employerID = defineModel<string>('employerID');
-
+const slash = ref<string>('-');
 // employee
 const customerBranch = defineModel<{
   id: string;
@@ -361,8 +361,9 @@ defineEmits<{
       :label="$t('formDialogEmployeeID')"
       v-model="employeeId"
     />
+
     <q-input
-      mask="## #### ###### #"
+      v-if="readonly && !nrcNo"
       for="input-nrcNo"
       :dense="dense"
       outlined
@@ -370,11 +371,19 @@ defineEmits<{
       hide-bottom-space
       class="col-6"
       :label="$t('formDialogEmployeeNRCNo')"
+      v-model="slash"
+    />
+    <q-input
+      v-else
+      mask="## #### ###### #"
+      for="input-nrcNo"
+      :dense="dense"
+      outlined
+      hide-bottom-space
+      :readonly="readonly"
+      class="col-6"
+      :label="$t('formDialogEmployeeNRCNo')"
       v-model="nrcNo"
-      :rules="[
-        (val: string) =>
-          !!val || $t('inputValidate') + $t('formDialogEmployeeNRCNo'),
-      ]"
     />
   </div>