เพิ่มเงิ่อนไขห้ามแก้ข้อมูล

src/components/top.vue

@@ -6,7 +6,7 @@
         {{ header }}
       </div>
     </div>
-    <div class="q-gutter-sm q-mx-sm" v-if="addData == false">
+    <div class="q-gutter-sm q-mx-sm" v-if="addData == true">
       <q-btn
         size="12px"
         v-if="!edit"
@@ -45,9 +45,9 @@
       </q-btn>
     </div>
     <div class="q-pl-sm" v-else>
-      <q-btn size="12px" flat round color="add" @click="add" icon="mdi-plus">
+      <!-- <q-btn size="12px" flat round color="add" @click="add" icon="mdi-plus">
         <q-tooltip>เพิ่มข้อมูล</q-tooltip>
-      </q-btn>
+      </q-btn> -->
     </div>
     <q-space />
   </div>
@@ -71,7 +71,7 @@ const props = defineProps({
   },
   addData: {
     type: Boolean,
-    defualt: false
+    defualt: true
   },
   add: {
     type: Function,

src/modules/01_exam/components/Address.vue

@@ -13,6 +13,7 @@
       icon="mdi-map-marker"
       :save="saveData"
       :history="true"
+      :addData="addData"
     />
     <q-form ref="myform">
       <div class="row col-12 items-center q-col-gutter-x-xs q-col-gutter-y-xs">
@@ -236,6 +237,7 @@ const mixin = useCounterMixin()
 const { date2Thai, calAge } = mixin
 
 const edit = ref<boolean>(false)
+const addData = ref<boolean>(false)
 const addressData = ref<Address>(defaultAddress)
 const myform = ref<any>()
 const codep = ref<string>('')

src/modules/01_exam/components/Family.vue

@@ -6,6 +6,7 @@
       header="ข้อมูลครอบครัว"
       icon="mdi-account-group"
       :save="saveData"
+      :addData="addData"
     />
     <q-form ref="myform" class="col-12">
       <div class="row col-12 items-center q-col-gutter-x-xs q-col-gutter-y-xs">
@@ -279,6 +280,7 @@ const mixin = useCounterMixin()
 const { date2Thai, calAge } = mixin
 
 const edit = ref<boolean>(false)
+const addData = ref<boolean>(false)
 const myform = ref<any>()
 const familyData = ref<Family>(defaultFamily)
 const statusOptions = ref<DataOption[]>([])

src/modules/01_exam/components/Image.vue

@@ -1,7 +1,13 @@
 <!-- card รูปถ่าย -->
 <template>
   <q-card flat bordered class="col-12 row q-px-lg q-py-md">
-    <HeaderTop v-model:edit="edit" header="รูปถ่าย" icon="mdi-image-area" :history="false" />
+    <HeaderTop
+      v-model:edit="edit"
+      header="รูปถ่าย"
+      icon="mdi-image-area"
+      :history="false"
+      :addData="addData"
+    />
     <div class="row col-12 q-gutter-sm q-pt-sm">
       <q-img
         class="items-center"
@@ -29,6 +35,7 @@ import { ref } from 'vue'
 import HeaderTop from '@/components/top.vue'
 
 const edit = ref<boolean>(false)
+const addData = ref<boolean>(false)
 const fileUpload = async (file: any) => {
   return {
     url: 'http://localhost:4444/upload',

src/modules/01_exam/components/Information.vue

@@ -1,7 +1,13 @@
 <!-- card ข้อมูลส่วนตัว -->
 <template>
   <q-card flat bordered class="col-12 q-px-lg q-py-md">
-    <HeaderTop v-model:edit="edit" header="ข้อมูลส่วนตัว" icon="mdi-account" :save="saveData" />
+    <HeaderTop
+      v-model:edit="edit"
+      header="ข้อมูลส่วนตัว"
+      icon="mdi-account"
+      :save="saveData"
+      :addData="addData"
+    />
     <q-form ref="myform" class="col-12">
       <div class="row col-12 items-center q-col-gutter-x-sm q-col-gutter-y-sm">
         <div class="col-xs-6 col-sm-3 col-md-3">
@@ -306,6 +312,7 @@ const mixin = useCounterMixin()
 const { date2Thai, calAge } = mixin
 
 const edit = ref<boolean>(false)
+const addData = ref<boolean>(false)
 const informaData = ref<Information>(defaultInformation)
 const provinceOptions = ref<DataOption[]>([])
 const myform = ref<any>()

src/modules/01_exam/components/Occupation.vue

@@ -1,7 +1,13 @@
 <!-- card อาชีพ -->
 <template>
   <q-card flat bordered class="col-12 q-px-lg q-py-md q-mt-md">
-    <HeaderTop v-model:edit="edit" header="อาชีพ" icon="mdi-briefcase" :save="saveData" />
+    <HeaderTop
+      v-model:edit="edit"
+      header="อาชีพ"
+      icon="mdi-briefcase"
+      :save="saveData"
+      :addData="addData"
+    />
     <q-form ref="myform">
       <div class="row col-12 items-center q-col-gutter-x-xs q-col-gutter-y-xs">
         <div class="col-12 row">
@@ -230,6 +236,7 @@ import { defaultOccupation } from '@/modules/01_exam/interface/index/Main'
 import HeaderTop from '@/components/top.vue'
 
 const edit = ref<boolean>(false)
+const addData = ref<boolean>(false)
 const occupationData = ref<Occupation>(defaultOccupation)
 const myform = ref<any>()
 

src/modules/01_exam/components/OtherFile.vue

@@ -6,6 +6,7 @@
       header="เอกสารหลักฐาน"
       icon="mdi-file-document"
       :history="false"
+      :addData="addData"
     />
     <div class="row col-12 q-gutter-sm q-pt-sm">
       <q-card bordered flat class="full-width">
@@ -62,6 +63,7 @@ import { ref } from 'vue'
 import HeaderTop from '@/components/top.vue'
 
 const edit = ref<boolean>(false)
+const addData = ref<boolean>(false)
 const files = ref<any>([
   {
     key: 1,