feat: customer employee form (basic info & checkup)

src/components/03_customer-management/BasicInformation.vue

@@ -5,6 +5,10 @@ const taxNo = defineModel<string | null | undefined>('taxNo');
 
 const employerID = defineModel<string>('employerID');
 
+// employee
+const employeeID = defineModel<string>('employeeID');
+const nrcNo = defineModel<string>('nrcNo');
+
 defineProps<{
   title?: string;
   dense?: boolean;
@@ -12,6 +16,7 @@ defineProps<{
   readonly?: boolean;
   separator?: boolean;
   typeCustomer?: string;
+  employee?: boolean;
 }>();
 </script>
 
@@ -19,7 +24,7 @@ defineProps<{
   <div class="col-3 app-text-muted">
     • {{ $t(`formDialogTitleInformation`) }}
   </div>
-  <div class="col-9 row q-col-gutter-md">
+  <div v-if="!employee" class="col-9 row q-col-gutter-md">
     <q-input
       v-if="typeCustomer === 'customerNaturalPerson'"
       :dense="dense"
@@ -65,6 +70,40 @@ defineProps<{
     />
   </div>
 
+  <div v-if="employee" class="col-9 row q-col-gutter-md">
+    <q-select
+      :dense="dense"
+      :outlined="!readonly"
+      :readonly="readonly"
+      :borderless="readonly"
+      hide-bottom-space
+      class="col-3"
+      :label="$t('formDialogEmployerID')"
+      v-model="employerID"
+    />
+    <q-input
+      :dense="dense"
+      :outlined="!readonly"
+      :readonly="readonly"
+      :borderless="readonly"
+      hide-bottom-space
+      class="col-3"
+      :label="$t('formDialogEmployeeID')"
+      v-model="employeeID"
+      for="input-employeeID"
+    />
+    <q-input
+      :dense="dense"
+      :outlined="!readonly"
+      :readonly="readonly"
+      :borderless="readonly"
+      hide-bottom-space
+      class="col-6"
+      :label="$t('formDialogEmployeeNRCNo')"
+      v-model="nrcNo"
+    />
+  </div>
+
   <q-separator
     v-if="separator"
     class="col-12 q-mt-xl q-mb-md"