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

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

@@ -19,7 +19,9 @@ const mixin = useCounterMixin();
 const { dialogConfirm, showLoader, hideLoader, messageError, success } = mixin;
 
 const projectId = ref<string>(route.params.id.toLocaleString());
-
+const checkRoutePermission = ref<boolean>(
+  route.name == "developmentDetailPage"
+);
 const formData = reactive<FormBasicinfo>({
   year: new Date().getFullYear(),
   projectName: "",
@@ -147,7 +149,7 @@ onMounted(async () => {
         <div class="col-12 row no-wrap">
           <div class="col-12 q-py-sm q-px-sm q-gutter-sm">
             <div class="text-subtitle2 text-bold">หน่วยงาน/ส่วนราชการ</div>
-            <q-input dense outlined v-model="filter" label="ค้นหา">
+            <q-input :readonly="checkRoutePermission" dense outlined v-model="filter" label="ค้นหา">
               <template v-slot:append>
                 <q-icon
                   v-if="filter !== ''"
@@ -168,10 +170,12 @@ onMounted(async () => {
               :filter="filter"
               no-results-label="ไม่พบข้อมูลที่ค้นหา"
               no-nodes-label="ไม่มีข้อมูล"
+              :style="checkRoutePermission ? 'pointer-events: none !important;':''"
             >
               <template v-slot:default-header="prop">
                 <q-item
                   clickable
+                  :disable="checkRoutePermission"
                   @click.stop="updateSelected(prop.node)"
                   :active="formData.nodeId === prop.node.orgTreeId"
                   active-class="my-list-link text-primary text-weight-medium"
@@ -212,6 +216,7 @@ onMounted(async () => {
                   autoApply
                   year-picker
                   :enableTimePicker="false"
+                  :readonly="checkRoutePermission"
                 >
                   <template #year="{ year }">{{ year + 543 }}</template>
                   <template #year-overlay-value="{ value }">{{
@@ -220,6 +225,7 @@ onMounted(async () => {
                   <template #trigger>
                     <q-input
                       dense
+                      :readonly="checkRoutePermission"
                       lazy-rules
                       outlined
                       class="inputgreen"
@@ -244,6 +250,7 @@ onMounted(async () => {
                   outlined
                   class="inputgreen"
                   dense
+                  :readonly="checkRoutePermission"
                   v-model="formData.projectName"
                   label="ชื่อโครงการ/กิจกรรม/หลักสูตร"
                   rows="6"
@@ -260,6 +267,7 @@ onMounted(async () => {
                   outlined
                   class="inputgreen"
                   dense
+                  :readonly="checkRoutePermission"
                   v-model="formData.reason"
                   label="หลักการและเหตุผล"
                   rows="6"
@@ -272,6 +280,7 @@ onMounted(async () => {
                   outlined
                   class="inputgreen"
                   dense
+                  :readonly="checkRoutePermission"
                   v-model="formData.objective"
                   label="วัตถุประสงค์"
                   rows="6"
@@ -285,8 +294,8 @@ onMounted(async () => {
       </div>
     </q-card>
 
-    <q-separator />
-    <div class="text-right q-pa-sm">
+    <q-separator v-if="!checkRoutePermission"/>
+    <div class="text-right q-pa-sm" v-if="!checkRoutePermission">
       <q-btn
         unelevated
         label="บันทึก"