From fad1b599814f8e6a1387bfe41949b0e1e55e4d14 Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Thu, 11 Apr 2024 23:04:22 +0700
Subject: [PATCH] fix: formBytype icon color & readonly

---
 .../02_personnel-management/FormByType.vue      | 17 ++++++++++++++---
 1 file changed, 14 insertions(+), 3 deletions(-)

diff --git a/src/components/02_personnel-management/FormByType.vue b/src/components/02_personnel-management/FormByType.vue
index 6f345419..f894923c 100644
--- a/src/components/02_personnel-management/FormByType.vue
+++ b/src/components/02_personnel-management/FormByType.vue
@@ -186,7 +186,7 @@ defineProps<{
               size="xs"
               name="mdi-calendar-blank-outline"
               class="cursor-pointer"
-              color="primary"
+              color="positive"
             />
           </template>
           <template v-slot:append>
@@ -204,7 +204,7 @@ defineProps<{
     <q-input
       :dense="dense"
       :outlined="outlined"
-      :readonly="readonly"
+      readonly
       label="อายุ"
       class="col-3"
       :model-value="birthDate ? userStore.calculateAge(birthDate) : ''"
@@ -214,6 +214,7 @@ defineProps<{
       :dense="dense"
       :outlined="outlined"
       :readonly="readonly"
+      :hide-dropdown-icon="readonly"
       emit-value
       map-options
       options-dense
@@ -246,6 +247,7 @@ defineProps<{
       :dense="dense"
       :outlined="outlined"
       :readonly="readonly"
+      :hide-dropdown-icon="readonly"
       emit-value
       map-options
       options-dense
@@ -261,6 +263,7 @@ defineProps<{
       :dense="dense"
       :outlined="outlined"
       :readonly="readonly"
+      :hide-dropdown-icon="readonly"
       emit-value
       map-options
       options-dense
@@ -275,6 +278,7 @@ defineProps<{
       :dense="dense"
       :outlined="outlined"
       :readonly="readonly"
+      :hide-dropdown-icon="readonly"
       emit-value
       map-options
       options-dense
@@ -285,7 +289,14 @@ defineProps<{
       v-model="trainingPlace"
       :options="userStore.userOption.trainingPlaceOpts"
     />
-    <q-input dense outlined label="ด่าน" class="col-6" v-model="checkPoint" />
+    <q-input
+      :dense="dense"
+      :outlined="outlined"
+      :readonly="readonly"
+      label="ด่าน"
+      class="col-6"
+      v-model="checkPoint"
+    />
     <q-input
       :dense="dense"
       :outlined="outlined"