ปรับ ui วินัย กรรมการ

src/modules/11_discipline/components/3_InvestigateDisciplinary/Form.vue

@@ -183,7 +183,7 @@ const dateEndInputStyle = computed(() => {
       new Date(currentDate.getTime() + 7 * 24 * 60 * 60 * 1000);
 
   console.log(isInNext7Days);
-  return isInNext7Days ? { textDecoration: "underline", color: "red" } : {};
+  return isInNext7Days ? "input-alert" : "";
 });
 
 /** เปิด dialog */
@@ -339,6 +339,7 @@ async function fetchDatadetail() {
       email: item.email,
       phone: item.phone,
       duty: item.duty,
+      check: 'props',
     }));
 
     rows.value = dataMap;
@@ -766,21 +767,14 @@ onMounted(async () => {
                                 {{ props.rowIndex + 1 }}
                               </div>
                               <div v-else-if="col.name == 'info'">
-                                <q-btn
-                                  size="14px"
-                                  flat
-                                  round
-                                  dense
-                                  color="info"
-                                  icon="info"
-                                  @click="
-                                    router.push(
-                                      `/registry/${props.row.personId}`
-                                    )
-                                  "
-                                  ><q-tooltip
-                                    >ดูข้อมูลในทะเบียนประวัติ</q-tooltip
-                                  ></q-btn
+                                <router-link
+                                  target="_blank"
+                                  :to="`/registry/${props.row.personId}`"
+                                  ><q-icon name="info" color="info" size="sm"
+                                    ><q-tooltip
+                                      >ดูข้อมูลในทะเบียนประวัติ</q-tooltip
+                                    >
+                                  </q-icon></router-link
                                 >
                               </div>
                               <div
@@ -1071,6 +1065,8 @@ onMounted(async () => {
 
                             <div class="col-3">
                               <datepicker
+                              :class="
+                                isReadonly ? '' : dateEndInputStyle "
                                 menu-class-name="modalfix"
                                 v-model="formData.disciplinaryDateEnd"
                                 :readonly="
@@ -1117,7 +1113,6 @@ onMounted(async () => {
                                         `${'กรุณาเลือกวันที่สิ้นสุดการสอบสวน'}`,
                                     ]"
                                     :label="`${'วันที่สิ้นสุดการสอบสวน'}`"
-                                    :input-style="dateEndInputStyle"
                                   >
                                     <template v-slot:prepend>
                                       <q-icon
@@ -1325,10 +1320,10 @@ onMounted(async () => {
                                 {{ col.value }}
                               </div>
                             </q-td>
-                            <q-td>
+                            <q-td class="text-right">
                               <!-- แก้ไขกรรมการ -->
                               <q-btn
-                                v-if="!isReadonly"
+                                v-if="!isReadonly && props.row.check ==='props'"
                                 dense
                                 size="12px"
                                 flat