บรรจุ แต่งตั้ง ย้าย โอน => permission รายการรับโอน,รายการช่วยราชการ,รายการส่งตัวกลับ,รายการแต่งตั้ง-เลื่อน-ย้าย,ปรับระดับชั้นงาน-ย้ายลูกจ้าง,รายการอื่นๆ

src/modules/05_placement/components/Other/Main.vue

@@ -307,30 +307,37 @@ onMounted(() => {
               </q-tr>
             </template>
             <template v-slot:body="props">
-              <q-tr :props="props" class="cursor-pointer">
-                <q-td auto-width v-if="checkPermission($route)?.attrIsDelete">
+              <q-tr :props="props">
+                <q-td auto-width>
+                  <q-btn
+                    v-if="checkPermission($route)?.attrIsGet"
+                    flat
+                    round
+                    dense
+                    icon="mdi-eye"
+                    color="info"
+                    @click.stop.prevent="nextPage(props.row.id)"
+                  >
+                    <q-tooltip>รายละเอียด</q-tooltip>
+                  </q-btn>
+
                   <q-btn
-                    color=" red-7"
                     v-if="
                       props.row.status !== 'REPORT' &&
-                      props.row.status !== 'DONE'
+                      props.row.status !== 'DONE' &&
+                      checkPermission($route)?.attrIsDelete
                     "
                     flat
                     round
-                    class="text-red-14"
-                    icon="mdi-delete"
                     dense
+                    color="red"
+                    icon="mdi-delete"
                     @click.stop="clickDelete(props.row.id)"
-                    ><q-tooltip>ลบข้อมูล</q-tooltip></q-btn
                   >
+                    <q-tooltip>ลบข้อมูล</q-tooltip>
+                  </q-btn>
                 </q-td>
-                <q-td
-                  v-for="col in props.cols"
-                  :key="col.id"
-                  @click.stop.prevent="
-                    checkPermission($route)?.attrIsGet && nextPage(props.row.id)
-                  "
-                >
+                <q-td v-for="col in props.cols" :key="col.id">
                   <div v-if="col.name === 'no'">
                     {{ props.rowIndex + 1 }}
                   </div>