ทะเบียนประวัติ => list,ข้อมูลส่วนตัว,ข้อมูลราชการ

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

@@ -308,6 +308,7 @@ watch(
     >
     <template v-slot:header="props">
       <q-tr :props="props">
+        <q-th auto-width />
         <q-th v-for="col in props.cols" :key="col.name" :props="props">
           <span class="text-weight-medium" v-if="col.name === 'posLevel'">{{
             empType === "officer" ? col.label : "ระดับชั้นงาน"
@@ -327,6 +328,21 @@ watch(
     </template>
     <template v-slot:body="props" v-if="store.mode === 'table'">
       <q-tr :props="props">
+        <q-td auto-width>
+          <q-btn
+            icon="mdi-eye"
+            round
+            dense
+            flat
+            color="info"
+            @click.stpo.pervent="
+              checkPermission($route)?.attrIsGet &&
+                onClickViewDetail(props.row.id)
+            "
+          >
+            <q-tooltip>รายละเอียด</q-tooltip>
+          </q-btn>
+        </q-td>
         <q-td v-for="col in props.cols" :key="col.id">
           <div v-if="col.name === 'no'">
             {{
@@ -342,21 +358,7 @@ watch(
                   </q-avatar>
                 </q-item-section>
                 <q-item-section>
-                  <div
-                    :class="
-                      checkPermission($route)?.attrIsGet
-                        ? 'text-weight-medium text-primary cursor-pointer'
-                        : 'cursor-pointer text-weight-medium'
-                    "
-                    @click="
-                      checkPermission($route)?.attrIsGet
-                        ? onClickViewDetail(props.row.id)
-                        : undefined
-                    "
-                  >
-                    <q-tooltip v-if="checkPermission($route)?.attrIsGet"
-                      >ดูทะเบียนประวัติ</q-tooltip
-                    >
+                  <div class="text-weight-medium">
                     {{
                       `${props.row.prefix ? props.row.prefix : ""}${
                         props.row.firstName
@@ -376,7 +378,25 @@ watch(
     </template>
     <template v-slot:item="props" v-else>
       <div class="col-xs-12 col-sm-4 col-md-3">
-        <q-card flat bordered class="">
+        <q-card flat bordered>
+          <div
+            class="row justify-end q-mr-md"
+            v-if="checkPermission($route)?.attrIsGet"
+          >
+            <div class="col-1">
+              <q-btn
+                flat
+                dense
+                round
+                icon="mdi-eye"
+                color="info"
+                @click="onClickViewDetail(props.row.id)"
+              >
+                <q-tooltip>รายละเอียด</q-tooltip>
+              </q-btn>
+            </div>
+          </div>
+        <q-separator/>
           <q-card-section class="text-center q-pb-none">
             <q-avatar size="80px" class="bg-grey-2">
               <q-img :src="props.row.avatar" />
@@ -431,7 +451,7 @@ watch(
               </q-card-section>
             </q-card>
           </q-card-section>
-          <q-separator inset v-if="checkPermission($route)?.attrIsGet" />
+          <!-- <q-separator inset v-if="checkPermission($route)?.attrIsGet" />
           <q-btn
             v-if="checkPermission($route)?.attrIsGet"
             flat
@@ -439,7 +459,7 @@ watch(
             label="ดูเพิ่มเติม"
             class="hover-button full-width q-pa-md"
             @click="onClickViewDetail(props.row.id)"
-          />
+          /> -->
         </q-card>
       </div>
     </template>