ปิดไม่ให้แก้ไขประวัติการฝึกอบรมดูงานดูได้อย่างเดียว

src/modules/15_development/components/history/AddPage.vue

@@ -22,7 +22,8 @@ const route = useRoute();
 const id = ref<string>(route.params.id as string);
 const $q = useQuasar();
 const mixin = useCounterMixin();
-const { dialogConfirm, showLoader, hideLoader, messageError, date2Thai } = mixin;
+const { dialogConfirm, showLoader, hideLoader, messageError, date2Thai } =
+  mixin;
 const store = useDevelopmentDataStore();
 const modalDialogGov = ref<boolean>(false);
 const modalDialogProject = ref<boolean>(false);
@@ -144,18 +145,19 @@ function upDate(data: FormAddHistory) {
 }
 
 function upDateProject(data: any) {
-formMainProject.id = data.id ? data.id : null
+  formMainProject.id = data.id ? data.id : null;
-formMainProject.project = data.project ? data.project : null
+  formMainProject.project = data.project ? data.project : null;
-formMainProject.year = data.year ? data.year : null
+  formMainProject.year = data.year ? data.year : null;
-formMainProject.trainingStart = data.dateStart ? data.dateStart : null
+  formMainProject.trainingStart = data.dateStart ? data.dateStart : null;
-formMainProject.trainingEnd = data.dateEnd ? data.dateEnd : null
+  formMainProject.trainingEnd = data.dateEnd ? data.dateEnd : null;
-formMainProject.totalTraining = data.totalDate ? data.totalDate : null
+  formMainProject.totalTraining = data.totalDate ? data.totalDate : null;
-formMainProject.location = data.addressAcademic ? data.addressAcademic : null
+  formMainProject.location = data.addressAcademic ? data.addressAcademic : null;
-formMainProject.topic = data.topicAcademic ? data.topicAcademic : null
+  formMainProject.topic = data.topicAcademic ? data.topicAcademic : null;
-formMainProject.studyStart = data.studyStart ? data.studyStart : null
+  formMainProject.studyStart = data.studyStart ? data.studyStart : null;
-formMainProject.studyEnd = data.studyEnd ? data.studyEnd : null
+  formMainProject.studyEnd = data.studyEnd ? data.studyEnd : null;
-formMainProject.organizingTraining = data.organizingTraining ? data.organizingTraining : null
+  formMainProject.organizingTraining = data.organizingTraining
-  
+    ? data.organizingTraining
+    : null;
 }
 
 function getDataEdit() {
@@ -204,7 +206,7 @@ function getDataEdit() {
 }
 
 onMounted(() => {
-  if(id.value){
+  if (id.value) {
     getDataEdit();
   }
 });
@@ -234,14 +236,14 @@ onMounted(() => {
           <div class="col-12 text-weight-bold bg-grey-1 q-py-sm q-px-md">
             ข้อมูลข้าราชการฯ
 
-            <q-btn
+            <!-- <q-btn
               flat
               class="btn-fixed-width"
               color="teal"
               label="เลือกข้าราชการฯ"
               icon="add"
               @click="modalDialogGov = true"
-            />
+            /> -->
           </div>
           <div class="col-12"><q-separator /></div>
           <div class="row q-col-gutter-md q-pa-md">
@@ -284,14 +286,14 @@ onMounted(() => {
         <q-card flat bordered class="q-mt-md" style="border: 1px solid #d6dee1">
           <div class="col-12 text-weight-bold bg-grey-1 q-py-sm q-px-md">
             ข้อมูลโครงการ
-            <q-btn
+            <!-- <q-btn
               flat
               class="btn-fixed-width"
               color="teal"
               label="เลือกโครงการ"
               icon="add"
               @click="modalDialogProject = true"
-            />
+            /> -->
           </div>
           <div class="col-12"><q-separator /></div>
           <div class="row q-col-gutter-md q-pa-md">
@@ -314,7 +316,9 @@ onMounted(() => {
                     formMainProject[field] ? formMainProject[field] + 543 : "-"
                   }}</span>
                   <span v-else-if="index == 2 || index == 3">{{
-                    formMainProject[field] ?  date2Thai(formMainProject[field]) : "-"
+                    formMainProject[field]
+                      ? date2Thai(formMainProject[field])
+                      : "-"
                   }}</span>
                   <span v-else>{{
                     formMainProject[field] ? formMainProject[field] : "-"
@@ -350,6 +354,7 @@ onMounted(() => {
         <div class="row q-col-gutter-sm q-mt-md">
           <div class="col-3">
             <q-input
+              readonly
               label="เลขที่คำสั่ง/เลขที่หนังสืออนุมัติ"
               v-model="order"
               dense
@@ -361,6 +366,7 @@ onMounted(() => {
           </div>
           <div class="col-3">
             <datepicker
+              readonly
               menu-class-name="modalfix"
               v-model="dateOrder"
               :locale="'th'"
@@ -377,6 +383,7 @@ onMounted(() => {
               </template>
               <template #trigger>
                 <q-input
+                  readonly
                   outlined
                   dense
                   :class="getClass()"
@@ -399,8 +406,8 @@ onMounted(() => {
           </div>
         </div>
       </q-card-section>
-      <q-separator />
+      <!-- <q-separator /> -->
-      <div class="text-right q-pa-sm">
+      <!-- <div class="text-right q-pa-sm">
         <q-btn
           dense
           unelevated
@@ -412,7 +419,7 @@ onMounted(() => {
         >
           <q-tooltip>บันทึกข้อมูล</q-tooltip>
         </q-btn>
-      </div>
+      </div> -->
     </q-form>
   </q-card>
 

src/modules/15_development/components/historyEmployee/AddPage.vue

@@ -168,7 +168,7 @@ function getDataEdit() {
       formMain.type = data.posTypeName ? data.posTypeName : null;
       formMain.level = data.posLevelName ? data.posLevelName : null;
       formMain.positionSide = data.positionSide ? data.positionSide : null;
-      
+
       formMainProject.id = data.developmentId;
       formMainProject.project = data.projectName;
       formMainProject.year = data.year;
@@ -223,14 +223,14 @@ onMounted(() => {
           <div class="col-12 text-weight-bold bg-grey-1 q-py-sm q-px-md">
             ข้อมูลลูกจ้าง
 
-            <q-btn
+            <!-- <q-btn
               flat
               class="btn-fixed-width"
               color="teal"
               label="เลือกลูกจ้าง"
               icon="add"
               @click="modalDialogGov = true"
-            />
+            /> -->
           </div>
           <div class="col-12"><q-separator /></div>
           <div class="row q-col-gutter-md q-pa-md">
@@ -273,14 +273,14 @@ onMounted(() => {
         <q-card flat bordered class="q-mt-md" style="border: 1px solid #d6dee1">
           <div class="col-12 text-weight-bold bg-grey-1 q-py-sm q-px-md">
             ข้อมูลโครงการ
-            <q-btn
+            <!-- <q-btn
               flat
               class="btn-fixed-width"
               color="teal"
               label="เลือกโครงการ"
               icon="add"
               @click="modalDialogProject = true"
-            />
+            /> -->
           </div>
           <div class="col-12"><q-separator /></div>
           <div class="row q-col-gutter-md q-pa-md">
@@ -341,6 +341,7 @@ onMounted(() => {
         <div class="row q-col-gutter-sm q-mt-md">
           <div class="col-3">
             <q-input
+              readonly
               label="เลขที่คำสั่ง/เลขที่หนังสืออนุมัติ"
               v-model="order"
               dense
@@ -352,6 +353,7 @@ onMounted(() => {
           </div>
           <div class="col-3">
             <datepicker
+              readonly
               menu-class-name="modalfix"
               v-model="dateOrder"
               :locale="'th'"
@@ -368,6 +370,7 @@ onMounted(() => {
               </template>
               <template #trigger>
                 <q-input
+                  readonly
                   outlined
                   dense
                   :class="getClass()"
@@ -390,7 +393,7 @@ onMounted(() => {
           </div>
         </div>
       </q-card-section>
-      <q-separator />
+      <!-- <q-separator />
       <div class="text-right q-pa-sm">
         <q-btn
           dense
@@ -403,7 +406,7 @@ onMounted(() => {
         >
           <q-tooltip>บันทึกข้อมูล</q-tooltip>
         </q-btn>
-      </div>
+      </div> -->
     </q-form>
   </q-card>