updated ทะเบียนประวัติ

src/modules/04_registryPerson/components/TableView.vue

@@ -30,6 +30,7 @@ const router = useRouter();
 const formFilter = defineModel<FormFilter>("formFilter", { required: true });
 const maxPage = defineModel<Number>("maxPage", { required: true });
 const empType = defineModel<string>("empType", { required: true });
+const isFilter = defineModel<boolean>("isFilter", { required: true });
 const props = defineProps({
   rows: { type: Array },
   fetchData: { type: Function },
@@ -226,6 +227,7 @@ watch(
         <q-tooltip>รายการคำร้องขอแก้ไข</q-tooltip></q-btn
       >
       <q-btn
+        v-if="checkPermission($route)?.attrIsGet"
         round
         flat
         dense
@@ -343,11 +345,19 @@ watch(
                 </q-item-section>
                 <q-item-section>
                   <div
+                    v-if="!checkPermission($route)?.attrIsGet"
+                    class="text-weight-medium"
+                  >
+                    {{
+                      `${props.row.prefix ? props.row.prefix : ""}${
+                        props.row.firstName
+                      } ${props.row.lastName}`
+                    }}
+                  </div>
+                  <div
+                    v-else
                     class="text-weight-medium text-blue-4 cursor-pointer"
-                    @click="
-                      checkPermission($route)?.attrIsGet &&
-                        onClickViewDetail(props.row.id)
-                    "
+                    @click="onClickViewDetail(props.row.id)"
                   >
                     <q-tooltip>รายละเอียด</q-tooltip>
                     {{
@@ -474,7 +484,7 @@ watch(
           >
             <q-icon name="search" size="4rem" />
 
-            <span>ไม่พบข้อมูล</span>
+            <span>{{ isFilter ? "ไม่พบข้อมูล" : "ค้นหาข้อมูล" }}</span>
           </div>
         </span>
       </div>