no message

src/modules/11_discipline/components/8_AppealComplain/MainPage.vue

@@ -14,6 +14,8 @@ import DialogStatus from "@/modules/11_discipline/components/8_AppealComplain/di
 import config from "@/app.config";
 import http from "@/plugins/http";
 
+import { checkPermission } from "@/utils/permissions";
+
 const $q = useQuasar();
 const mixin = useCounterMixin();
 
@@ -201,6 +203,12 @@ watch(
   }
 );
 
+/** ไปยังหน้าเพิ่มข้อมูล */
+function redirectToPageDetail(id: string) {
+  dataStore.rowsAdd = [];
+  router.push(`/discipline-appealcomplain-detail/${id}`);
+}
+
 /** ไปยังหน้าเพิ่มข้อมูล */
 function redirectToPageadd() {
   dataStore.rowsAdd = [];
@@ -307,6 +315,7 @@ onMounted(async () => {
     <div class="row q-mb-sm q-col-gutter-sm">
       <div>
         <q-btn
+          v-if="checkPermission($route)?.attrIsCreate"
           id="addComplaints"
           for="addComplaints"
           size="12px"
@@ -424,7 +433,7 @@ onMounted(async () => {
                 <q-icon
                   name="cancel"
                   @click.stop.prevent="
-                    (optionType = type),((formData.type = 'ALL')), dataUpdate()
+                    (optionType = type), (formData.type = 'ALL'), dataUpdate()
                   "
                   class="cursor-pointer"
                 />
@@ -506,6 +515,13 @@ onMounted(async () => {
         </template>
         <template v-slot:header="props">
           <q-tr :props="props">
+            <q-th
+              auto-width
+              v-if="
+                checkPermission($route)?.attrIsGet !== false ||
+                checkPermission($route)?.attrIsUpdate !== false
+              "
+            ></q-th>
             <q-th
               v-for="col in props.cols"
               :key="col.name"
@@ -519,11 +535,38 @@ onMounted(async () => {
         <template v-slot:body="props">
           <q-tr :props="props" class="cursor-pointer">
             <q-td
-              v-for="col in props.cols"
-              :key="col.name"
-              :props="props"
-              @click="editPage(props.row.id)"
+              auto-width
+              v-if="
+                checkPermission($route)?.attrIsGet !== false ||
+                checkPermission($route)?.attrIsUpdate !== false
+              "
             >
+              <q-btn
+                v-if="checkPermission($route)?.attrIsGet"
+                id="addComplaints"
+                for="addComplaints"
+                size="12px"
+                flat
+                round
+                color="info"
+                icon="mdi-eye"
+                @click="redirectToPageDetail(props.row.id)"
+                ><q-tooltip>รายละเอียดการอุทธรณ์/ร้องทุกข์</q-tooltip></q-btn
+              >
+              <q-btn
+                v-if="checkPermission($route)?.attrIsUpdate"
+                id="addComplaints"
+                for="addComplaints"
+                size="12px"
+                flat
+                round
+                color="edit"
+                icon="edit"
+                @click="editPage(props.row.id)"
+                ><q-tooltip>แก้ไขการอุทธรณ์/ร้องทุกข์</q-tooltip></q-btn
+              >
+            </q-td>
+            <q-td v-for="col in props.cols" :key="col.name" :props="props">
               <div v-if="col.name == 'no'">
                 {{
                   (currentPage - 1) * Number(pagination.rowsPerPage) +