พัฒนาบุคลากร

src/modules/15_development/components/FollowResult.vue

@@ -51,7 +51,9 @@ const {
 } = useCounterMixin();
 const route = useRoute();
 const projectId = ref<string>(route.params.id.toLocaleString());
-
+const checkRoutePermission = ref<boolean>(
+  route.name == "developmentDetailPage"
+);
 /** หัวตาราง */
 const rows = ref<DevelopmentEvaluations[]>([]); // ข้อมูลรายการ
 const columns = ref<QTableProps["columns"]>([
@@ -283,6 +285,7 @@ onMounted(() => {
     <div class="text-weight-medium bg-grey-1 q-py-sm q-px-md">
       ตัวชี้วัดความสำเร็จ
       <q-btn
+        v-if="!checkRoutePermission"
         dense
         flat
         round
@@ -310,18 +313,17 @@ onMounted(() => {
       >
         <template v-slot:header="props">
           <q-tr :props="props">
-            <q-th auto-width />
             <q-th auto-width />
             <q-th v-for="col in props.cols" :key="col.name" :props="props">
               <span class="text-weight-medium">{{ col.label }}</span>
             </q-th>
-
           </q-tr>
         </template>
         <template v-slot:body="props">
-          <q-tr :props="props" class="cursor-pointer">
+          <q-tr :props="props">
             <q-td>
               <q-btn
+                v-if="!checkRoutePermission"
                 dense
                 flat
                 round
@@ -330,10 +332,9 @@ onMounted(() => {
                 @click="onClickAddIndicator(true, props.row)"
               >
                 <q-tooltip>แก้ไขตัวชี้วัดความสำเร็จ</q-tooltip>
-              </q-btn></q-td
-            >
-            <q-td>
+              </q-btn>
               <q-btn
+                v-if="!checkRoutePermission"
                 dense
                 flat
                 round
@@ -344,12 +345,12 @@ onMounted(() => {
                 <q-tooltip>ลบ</q-tooltip>
               </q-btn>
             </q-td>
+
             <q-td v-for="col in props.cols" :key="col.name" :props="props">
               <div>
                 {{ col.value ? col.value : "-" }}
               </div>
             </q-td>
-
           </q-tr>
         </template>
       </d-table>
@@ -366,6 +367,7 @@ onMounted(() => {
       <div class="row q-pa-md q-col-gutter-sm">
         <div class="col-12 col-sm-6 col-md-4">
           <q-select
+            :readonly="checkRoutePermission"
             dense
             outlined
             label="ประเภทโครงการ"
@@ -383,12 +385,14 @@ onMounted(() => {
           <div class="row" v-if="formProject.project == 'OFFER'">
             <div class="col-12">
               <q-checkbox
+                :disable="checkRoutePermission"
                 v-model="formProject.isPassAllocate"
                 label="ผ่านการพิจาณา ได้รับการจัดสรรงบประมาณตามข้อบัญญัติ"
               />
             </div>
             <div class="col-12">
               <q-checkbox
+                :disable="checkRoutePermission"
                 v-model="formProject.isPassNoAllocate"
                 label="ผ่านการพิจารณา ไม่ได้รับการจัดสรรงบประมาณตามข้อบัญญัติ แต่ได้รับการจัดสรรเงินนอกงบประมาณ"
               />
@@ -396,6 +400,7 @@ onMounted(() => {
 
             <div class="col-12">
               <q-checkbox
+                :disable="checkRoutePermission"
                 v-model="formProject.isNoPass"
                 label="ไม่ผ่านการพิจารณา แต่ได้รับการจัดสรรเงินนอกงบประมาณ"
               />
@@ -404,12 +409,14 @@ onMounted(() => {
           <div class="row" v-else>
             <div class="col-12">
               <q-checkbox
+                :disable="checkRoutePermission"
                 v-model="formProject.isBudget"
                 label="แต่ได้รับการจัดสรรงบประมาณตามข้อบัญญัติ"
               />
             </div>
             <div class="col-12">
               <q-checkbox
+                :disable="checkRoutePermission"
                 v-model="formProject.isOutBudget"
                 label="แต่ได้รับการจัดสรรเงินนอกงบประมาณ"
               />
@@ -417,9 +424,10 @@ onMounted(() => {
           </div>
         </div>
       </div>
-      <q-separator />
+      <q-separator v-if="!checkRoutePermission" />
       <q-card-actions align="right">
         <q-btn
+          v-if="!checkRoutePermission"
           unelevated
           label="บันทึก"
           id="onSubmit"
@@ -441,7 +449,7 @@ onMounted(() => {
           :close="closeDialog"
         />
         <q-separator />
-        <q-card-section >
+        <q-card-section>
           <div class="row q-col-gutter-sm">
             <div class="col-12">
               <q-input
@@ -479,7 +487,6 @@ onMounted(() => {
               />
             </div>
 
-
             <div class="col-6">
               <q-input
                 dense