สิทธิ์ / rating เปลี่ยนเป็น btn group

src/modules/01_masterdata/components/competency/Forms/Main.vue

@@ -17,6 +17,7 @@ const router = useRouter();
 const route = useRoute();
 const store = useKPIDataStore();
 
+const checkRoute = ref<boolean>(route.name == "KPICompetencyDetailByid");
 const competencyId = ref<string>(
   route.params.id ? route.params.id.toString() : ""
 );
@@ -110,6 +111,7 @@ onMounted(() => {
       <div class="row q-col-gutter-sm">
         <div class="col-12">
           <q-input
+            :readonly="checkRoute"
             v-model="formData.competencyName"
             dense
             outlined
@@ -132,6 +134,7 @@ onMounted(() => {
           >
             <template #control>
               <q-editor
+                :readonly="checkRoute"
                 class="full-width"
                 v-model="formData.definition"
                 :dense="$q.screen.lt.md"
@@ -174,6 +177,7 @@ onMounted(() => {
                   <div class="row items-center">
                     <div class="col-1">
                       <q-btn
+                        v-if="!checkRoute"
                         dense
                         flat
                         round
@@ -230,6 +234,7 @@ onMounted(() => {
                       >
                         <template #control>
                           <q-editor
+                            :readonly="checkRoute"
                             class="full-width"
                             v-model="formData.levels[index].description"
                             :dense="$q.screen.lt.md"
@@ -258,7 +263,7 @@ onMounted(() => {
                         color="red"
                         icon="delete"
                         @click="onDeleteLevels(index)"
-                        v-if="
+                        v-if="!checkRoute &&
                           (store.competencyTypeVal === 'HEAD' && index > 4) ||
                           (store.competencyTypeVal === 'GROUP' && index > 4) ||
                           ((store.competencyTypeVal === 'EXECUTIVE' ||
@@ -282,7 +287,13 @@ onMounted(() => {
     <div class="col-12"><q-separator /></div>
 
     <q-card-actions align="right">
-      <q-btn label="บันทึก" color="public" class="q-px-md" type="submit">
+      <q-btn
+        v-if="!checkRoute"
+        label="บันทึก"
+        color="public"
+        class="q-px-md"
+        type="submit"
+      >
         <q-tooltip>บันทึกข้อมูล</q-tooltip>
       </q-btn>
     </q-card-actions>