From 0123328c79fc7ce0fa58d53929f541a790408c83 Mon Sep 17 00:00:00 2001
From: Net <thanaphon@frappet.com>
Date: Fri, 23 Aug 2024 11:11:31 +0700
Subject: [PATCH] refactor: header  on submit

---
 .../employer/EmployerFormBasicInfo.vue        | 24 +++++++++++++++++++
 1 file changed, 24 insertions(+)

diff --git a/src/pages/03_customer-management/components/employer/EmployerFormBasicInfo.vue b/src/pages/03_customer-management/components/employer/EmployerFormBasicInfo.vue
index ecfc78ad..9760e5c7 100644
--- a/src/pages/03_customer-management/components/employer/EmployerFormBasicInfo.vue
+++ b/src/pages/03_customer-management/components/employer/EmployerFormBasicInfo.vue
@@ -253,6 +253,12 @@ function formatCode(input: string | undefined, type: 'code' | 'number') {
           }
         "
         @clear="namePrefix = ''"
+        :rules="[
+          (val) => {
+            const roles = getRole() || [];
+            return !!val || $t('form.error.required');
+          },
+        ]"
       >
         <template v-slot:no-option>
           <q-item>
@@ -273,6 +279,12 @@ function formatCode(input: string | undefined, type: 'code' | 'number') {
         :label="$t('customer.form.firstName')"
         for="input-first-name"
         v-model="firstName"
+        :rules="[
+          (val) => {
+            const roles = getRole() || [];
+            return !!val || $t('form.error.required');
+          },
+        ]"
       />
       <q-input
         lazy-rules="ondemand"
@@ -284,6 +296,12 @@ function formatCode(input: string | undefined, type: 'code' | 'number') {
         :label="$t('customer.form.lastName')"
         for="input-last-name"
         v-model="lastName"
+        :rules="[
+          (val) => {
+            const roles = getRole() || [];
+            return !!val || $t('form.error.required');
+          },
+        ]"
       />
     </div>
 
@@ -351,6 +369,12 @@ function formatCode(input: string | undefined, type: 'code' | 'number') {
         :model-value="readonly ? gender || '-' : gender"
         @update:model-value="(v) => (typeof v === 'string' ? (gender = v) : '')"
         @clear="gender = ''"
+        :rules="[
+          (val) => {
+            const roles = getRole() || [];
+            return !!val || $t('form.error.required');
+          },
+        ]"
       >
         <template v-slot:no-option>
           <q-item>