fix: form

src/components/02_personnel-management/FormInformation.vue

@@ -7,7 +7,7 @@ const hqId = defineModel<string | null | undefined>('hqId');
 const brId = defineModel<string | null | undefined>('brId');
 const userType = defineModel<string>('userType');
 const userRole = defineModel<string>('userRole');
-const userName = defineModel<string | null | undefined>('userName');
+const username = defineModel<string | null | undefined>('username');
 const userCode = defineModel<string>('userCode');
 
 defineProps<{
@@ -15,6 +15,7 @@ defineProps<{
   outlined?: boolean;
   readonly?: boolean;
   separator?: boolean;
+  usernameReadonly?: boolean;
 }>();
 
 async function selectHq(id: string) {
@@ -37,7 +38,6 @@ async function selectHq(id: string) {
       options-dense
       hide-bottom-space
       class="col-6"
-      bg-color="white"
       option-label="label"
       option-value="value"
       label="รหัสสำนักงานใหญ่"
@@ -57,7 +57,6 @@ async function selectHq(id: string) {
       hide-bottom-space
       class="col-6"
       label="รหัสสาขา"
-      bg-color="white"
       option-label="label"
       option-value="value"
       v-model="brId"
@@ -73,7 +72,6 @@ async function selectHq(id: string) {
       options-dense
       hide-bottom-space
       class="col-3"
-      bg-color="white"
       option-value="value"
       option-label="label"
       label="ประเภทผู้ใช้งาน"
@@ -91,7 +89,6 @@ async function selectHq(id: string) {
       options-dense
       hide-bottom-space
       class="col-3"
-      bg-color="white"
       label="สิทธิ์ผู้ใช้งาน"
       option-label="label"
       option-value="value"
@@ -102,15 +99,14 @@ async function selectHq(id: string) {
     <q-input
       :dense="dense"
       :outlined="outlined"
-      :readonly="readonly"
+      :readonly="usernameReadonly"
       emit-value
       map-options
       options-dense
       hide-bottom-space
       class="col-3"
-      bg-color="white"
       label="ชื่อผู้ใช้งาน (Username)"
-      v-model="userName"
+      v-model="username"
       :rules="[(val: string) => val.length > 2 || 'กรุณากรอกชื่อผู้ใช้งาน']"
     />
     <q-input
@@ -119,7 +115,6 @@ async function selectHq(id: string) {
       readonly
       hide-bottom-space
       class="col-3"
-      bg-color="white"
       label="รหัสพนักงาน"
       v-model="userCode"
     />