สิทธิ์ เปลี่ยนแปลงรอบการปฏิบัติงานของผู้ใช้งาน

src/modules/09_leave/views/ChangeRoundMain.vue

@@ -14,6 +14,8 @@ import Dialogform from "@/modules/09_leave/components/4_ChangeRound/DialogForm.v
 import { useCounterMixin } from "@/stores/mixin";
 import { useChangeRoundDataStore } from "@/modules/09_leave/stores/ChangeRoundStore";
 
+import { checkPermission } from "@/utils/permissions";
+
 /** useStore */
 const mixin = useCounterMixin();
 const {
@@ -147,6 +149,7 @@ function searchData() {
         </div>
         <div class="row justify-between q-gutter-y-sm">
           <q-input
+            :readonly="!checkPermission($route)?.attrIsGet"
             v-model="formData.cardId"
             outlined
             label="เลขประจำตัวประชาชน"
@@ -156,6 +159,7 @@ function searchData() {
             maxlength="13"
           />
           <q-input
+            :readonly="!checkPermission($route)?.attrIsGet"
             v-model="formData.firstName"
             outlined
             label="ชื่อ"
@@ -164,6 +168,7 @@ function searchData() {
             hide-bottom-space
           />
           <q-input
+            :readonly="!checkPermission($route)?.attrIsGet"
             v-model="formData.lastName"
             outlined
             label="นามสกุล"
@@ -172,6 +177,7 @@ function searchData() {
             hide-bottom-space
           />
           <q-btn
+            v-if="checkPermission($route)?.attrIsGet"
             @click="(formData.page = 1), searchData()"
             for="#search"
             dense
@@ -221,7 +227,7 @@ function searchData() {
           </q-tr>
         </template>
         <template v-slot:body="props">
-          <q-tr :props="props" class="cursor-pointer">
+          <q-tr :props="props">
             <q-td>
               <div>
                 <q-btn
@@ -236,32 +242,53 @@ function searchData() {
                   <q-menu>
                     <q-list>
                       <q-item
+                        v-if="checkPermission($route)?.attrIsUpdate"
                         clickable
                         v-close-popup
                         @click="Openmodal('edit', props.row)"
                       >
+                        <q-item-section style="min-width: 0px" avatar>
+                          <q-icon
+                            color="primary"
+                            name="mdi-shuffle-variant"
+                            size="xs"
+                          />
+                        </q-item-section>
+
                         <q-item-section>
                           <q-item-label>เปลี่ยนรอบการลงเวลา</q-item-label>
                         </q-item-section>
                       </q-item>
+                      <q-item
+                        v-if="checkPermission($route)?.attrIsUpdate"
+                        clickable
+                        v-close-popup
+                        @click="OpenmodalFix(props.row)"
+                      >
+                        <q-item-section style="min-width: 0px" avatar>
+                          <q-icon color="edit" name="edit" size="xs" />
+                        </q-item-section>
+
+                        <q-item-section>
+                          <q-item-label>แก้ไขปฏิทินวันทำงาน</q-item-label>
+                        </q-item-section>
+                      </q-item>
                       <q-item
                         clickable
                         v-close-popup
                         @click="Openmodal('history', props.row)"
                       >
+                        <q-item-section style="min-width: 0px" avatar>
+                          <q-icon
+                            color="deep-purple"
+                            name="mdi-history"
+                            size="xs"
+                          />
+                        </q-item-section>
                         <q-item-section>
                           <q-item-label>ประวัติการเปลี่ยนรอบ</q-item-label>
                         </q-item-section>
                       </q-item>
-                      <q-item
-                        clickable
-                        v-close-popup
-                        @click="OpenmodalFix(props.row)"
-                      >
-                        <q-item-section>
-                          <q-item-label>แก้ไขปฏิทินวันทำงาน</q-item-label>
-                        </q-item-section>
-                      </q-item>
                     </q-list>
                   </q-menu>
                 </q-btn>