อัพรูปแล้วยังไม่ต้องfetch dataใหม่

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

@@ -10,8 +10,8 @@
   />
   <!-- :changeBtn="changeBtn" -->
   <q-form ref="myform" class="col-12">
-    <div class="row col-12 items-center q-col-gutter-x-sm q-col-gutter-y-xs">
-      <div class="col-xs-12 q-gutter-sm items-center flex q-mb-sm">
+    <div class="row col-12 items-center q-col-gutter-x-xs q-col-gutter-y-xs">
+      <div class="col-xs-12 q-gutter-sm items-center flex q-my-sm">
         <label class="text-weight-bold">• คู่สมรส</label>
         <q-radio
           v-model="defaultFamily.same"
@@ -21,7 +21,6 @@
           label="มี"
           dense
           :disable="!(status == 'register' || status == 'rejectRegister')"
-          @update:model-value="selectRadio"
         />
         <q-radio
           v-model="defaultFamily.same"
@@ -31,16 +30,16 @@
           label="ไม่มี"
           dense
           :disable="!(status == 'register' || status == 'rejectRegister')"
-          @update:model-value="selectRadio"
         />
       </div>
       <div class="col-xs-12 col-sm-2 col-md-2" v-if="defaultFamily.same == '1'">
         <q-select
-          :class="getClass(status == 'register' || status == 'rejectRegister')"
+          hide-bottom-space
+          :class="getClass((status == 'register' || status == 'rejectRegister'))"
           :readonly="!(status == 'register' || status == 'rejectRegister')"
           :borderless="!(status == 'register' || status == 'rejectRegister')"
           :rules="[(val) => !!val || `${'กรุณาเลือก คำนำหน้า'}`]"
-          :outlined="status == 'register' || status == 'rejectRegister'"
+          :outlined="(status == 'register' || status == 'rejectRegister')"
           dense
           lazy-rules
           v-model="defaultFamily.prefixIdC"
@@ -53,10 +52,11 @@
         />
       </div>
 
-      <div class="col-xs-12 col-sm-3 col-md-3" v-if="defaultFamily.same == '1'">
+      <div class="col-xs-6 col-sm-3 col-md-3" v-if="defaultFamily.same == '1'">
         <q-input
-          :class="getClass(status == 'register' || status == 'rejectRegister')"
-          :outlined="status == 'register' || status == 'rejectRegister'"
+          :class="getClass((status == 'register' || status == 'rejectRegister'))"
+          hide-bottom-space
+          :outlined="(status == 'register' || status == 'rejectRegister')"
           dense
           lazy-rules
           :readonly="!(status == 'register' || status == 'rejectRegister')"
@@ -66,10 +66,11 @@
           :label="`${'ชื่อ'}`"
         />
       </div>
-      <div class="col-xs-12 col-sm-3 col-md-3" v-if="defaultFamily.same == '1'">
+      <div class="col-xs-6 col-sm-3 col-md-3" v-if="defaultFamily.same == '1'">
         <q-input
-          :class="getClass(status == 'register' || status == 'rejectRegister')"
-          :outlined="status == 'register' || status == 'rejectRegister'"
+          :class="getClass((status == 'register' || status == 'rejectRegister'))"
+          hide-bottom-space
+          :outlined="(status == 'register' || status == 'rejectRegister')"
           dense
           lazy-rules
           :readonly="!(status == 'register' || status == 'rejectRegister')"
@@ -81,8 +82,9 @@
       </div>
       <div class="col-xs-12 col-sm-2 col-md-2" v-if="defaultFamily.same == '1'">
         <q-input
-          :class="getClass(status == 'register' || status == 'rejectRegister')"
-          :outlined="status == 'register' || status == 'rejectRegister'"
+          :class="getClass((status == 'register' || status == 'rejectRegister'))"
+          hide-bottom-space
+          :outlined="(status == 'register' || status == 'rejectRegister')"
           dense
           lazy-rules
           :readonly="!(status == 'register' || status == 'rejectRegister')"
@@ -94,8 +96,9 @@
       </div>
       <div class="col-xs-12 col-sm-2 col-md-2" v-if="defaultFamily.same == '1'">
         <q-input
-          :class="getClass(status == 'register' || status == 'rejectRegister')"
-          :outlined="status == 'register' || status == 'rejectRegister'"
+          :class="getClass((status == 'register' || status == 'rejectRegister'))"
+          hide-bottom-space
+          :outlined="(status == 'register' || status == 'rejectRegister')"
           dense
           lazy-rules
           :readonly="!(status == 'register' || status == 'rejectRegister')"
@@ -106,14 +109,15 @@
         />
       </div>
 
-      <div class="col-xs-12 text-weight-bold q-pb-sm">• บิดา</div>
+      <div class="col-xs-12 text-weight-bold">• บิดา</div>
       <div class="col-xs-12 col-sm-2 col-md-2">
         <q-select
-          :class="getClass(status == 'register' || status == 'rejectRegister')"
+          hide-bottom-space
+          :class="getClass((status == 'register' || status == 'rejectRegister'))"
           :readonly="!(status == 'register' || status == 'rejectRegister')"
           :borderless="!(status == 'register' || status == 'rejectRegister')"
           :rules="[(val) => !!val || `${'กรุณาเลือก คำนำหน้า'}`]"
-          :outlined="status == 'register' || status == 'rejectRegister'"
+          :outlined="(status == 'register' || status == 'rejectRegister')"
           dense
           lazy-rules
           v-model="defaultFamily.prefixIdM"
@@ -126,10 +130,11 @@
         />
       </div>
 
-      <div class="col-xs-12 col-sm-3 col-md-3">
+      <div class="col-xs-6 col-sm-3 col-md-3">
         <q-input
-          :class="getClass(status == 'register' || status == 'rejectRegister')"
-          :outlined="status == 'register' || status == 'rejectRegister'"
+          :class="getClass((status == 'register' || status == 'rejectRegister'))"
+          hide-bottom-space
+          :outlined="(status == 'register' || status == 'rejectRegister')"
           dense
           lazy-rules
           :readonly="!(status == 'register' || status == 'rejectRegister')"
@@ -139,10 +144,11 @@
           :label="`${'ชื่อ'}`"
         />
       </div>
-      <div class="col-xs-12 col-sm-3 col-md-3">
+      <div class="col-xs-6 col-sm-3 col-md-3">
         <q-input
-          :class="getClass(status == 'register' || status == 'rejectRegister')"
-          :outlined="status == 'register' || status == 'rejectRegister'"
+          :class="getClass((status == 'register' || status == 'rejectRegister'))"
+          hide-bottom-space
+          :outlined="(status == 'register' || status == 'rejectRegister')"
           dense
           lazy-rules
           :readonly="!(status == 'register' || status == 'rejectRegister')"
@@ -154,8 +160,9 @@
       </div>
       <div class="col-xs-12 col-sm-2 col-md-2">
         <q-input
-          :class="getClass(status == 'register' || status == 'rejectRegister')"
-          :outlined="status == 'register' || status == 'rejectRegister'"
+          :class="getClass((status == 'register' || status == 'rejectRegister'))"
+          hide-bottom-space
+          :outlined="(status == 'register' || status == 'rejectRegister')"
           dense
           lazy-rules
           :readonly="!(status == 'register' || status == 'rejectRegister')"
@@ -167,8 +174,9 @@
       </div>
       <div class="col-xs-12 col-sm-2 col-md-2">
         <q-input
-          :class="getClass(status == 'register' || status == 'rejectRegister')"
-          :outlined="status == 'register' || status == 'rejectRegister'"
+          :class="getClass((status == 'register' || status == 'rejectRegister'))"
+          hide-bottom-space
+          :outlined="(status == 'register' || status == 'rejectRegister')"
           dense
           lazy-rules
           :readonly="!(status == 'register' || status == 'rejectRegister')"
@@ -179,14 +187,15 @@
         />
       </div>
 
-      <div class="col-xs-12 text-weight-bold q-pb-sm">• มารดา</div>
+      <div class="col-xs-12 text-weight-bold">• มารดา</div>
       <div class="col-xs-12 col-sm-2 col-md-2">
         <q-select
-          :class="getClass(status == 'register' || status == 'rejectRegister')"
+          hide-bottom-space
+          :class="getClass((status == 'register' || status == 'rejectRegister'))"
           :readonly="!(status == 'register' || status == 'rejectRegister')"
           :borderless="!(status == 'register' || status == 'rejectRegister')"
           :rules="[(val) => !!val || `${'กรุณาเลือก คำนำหน้า'}`]"
-          :outlined="status == 'register' || status == 'rejectRegister'"
+          :outlined="(status == 'register' || status == 'rejectRegister')"
           dense
           lazy-rules
           v-model="defaultFamily.prefixIdF"
@@ -198,10 +207,11 @@
           :label="`${'คำนำหน้า'}`"
         />
       </div>
-      <div class="col-xs-12 col-sm-3 col-md-3">
+      <div class="col-xs-6 col-sm-3 col-md-3">
         <q-input
-          :class="getClass(status == 'register' || status == 'rejectRegister')"
-          :outlined="status == 'register' || status == 'rejectRegister'"
+          :class="getClass((status == 'register' || status == 'rejectRegister'))"
+          hide-bottom-space
+          :outlined="(status == 'register' || status == 'rejectRegister')"
           dense
           lazy-rules
           :readonly="!(status == 'register' || status == 'rejectRegister')"
@@ -211,10 +221,11 @@
           :label="`${'ชื่อ'}`"
         />
       </div>
-      <div class="col-xs-12 col-sm-3 col-md-3">
+      <div class="col-xs-6 col-sm-3 col-md-3">
         <q-input
-          :class="getClass(status == 'register' || status == 'rejectRegister')"
-          :outlined="status == 'register' || status == 'rejectRegister'"
+          :class="getClass((status == 'register' || status == 'rejectRegister'))"
+          hide-bottom-space
+          :outlined="(status == 'register' || status == 'rejectRegister')"
           dense
           lazy-rules
           :readonly="!(status == 'register' || status == 'rejectRegister')"
@@ -226,8 +237,9 @@
       </div>
       <div class="col-xs-12 col-sm-2 col-md-2">
         <q-input
-          :class="getClass(status == 'register' || status == 'rejectRegister')"
-          :outlined="status == 'register' || status == 'rejectRegister'"
+          :class="getClass((status == 'register' || status == 'rejectRegister'))"
+          hide-bottom-space
+          :outlined="(status == 'register' || status == 'rejectRegister')"
           dense
           lazy-rules
           :readonly="!(status == 'register' || status == 'rejectRegister')"
@@ -239,8 +251,9 @@
       </div>
       <div class="col-xs-12 col-sm-2 col-md-2">
         <q-input
-          :class="getClass(status == 'register' || status == 'rejectRegister')"
-          :outlined="status == 'register' || status == 'rejectRegister'"
+          :class="getClass((status == 'register' || status == 'rejectRegister'))"
+          hide-bottom-space
+          :outlined="(status == 'register' || status == 'rejectRegister')"
           dense
           lazy-rules
           :readonly="!(status == 'register' || status == 'rejectRegister')"

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

@@ -326,26 +326,6 @@
         </label>
         <input id="file-upload" type="file" accept="image/*" @change="uploadImage" />
       </div>
-      <!-- <q-file
-        id="file-upload"
-        v-model="fileProfile"
-        dense
-        label="รูป"
-        outlined
-        use-chips
-        multiple
-        class="q-pl-sm"
-        v-if="status == 'register' || status == 'rejectRegister'"
-      >
-        <template v-slot:prepend>
-          <q-icon name="attach_file" />
-        </template>
-      </q-file>
-      <div class="col-12 text-center" v-if="status == 'register' || status == 'rejectRegister'">
-        <q-btn outline dense color="black" icon="mdi-content-save-outline" @click="clickProfile">
-          <q-tooltip content-class="bg-grey-2 text-black">บันทึกรูป</q-tooltip>
-        </q-btn>
-      </div> -->
     </div>
     <div class="col-xs-12 col-sm-9 col-md-12">
       <q-input
@@ -481,33 +461,6 @@ const fetchImgData = async () => {
     })
 }
 
-// const clickProfile = async () => {
-//   if (fileProfile.value.length > 0) {
-//     const blob = fileProfile.value.slice(0, fileProfile.value[0].size)
-//     const newFile = new File(blob, fileProfile.value[0].name, {
-//       type: fileProfile.value[0].type
-//     })
-//     fileDataUpload.value = newFile
-//     const formData = new FormData()
-//     formData.append('', fileDataUpload.value)
-//     loader.value = true
-//     await http
-//       .put(config.API.candidateProfile(examId.value, positionId.value), formData)
-//       .then(() => {
-//         success($q, 'อัพโหลดรูปสำเร็จ')
-//       })
-//       .catch(() => {})
-//       .finally(async () => {
-//         loader.value = false
-//         await fetchData()
-//         await fetchImgData()
-//         fileProfile.value = []
-//       })
-//   } else {
-//     modalError($q, 'ไม่สามารถอัพโหลดไฟล์ได้', 'กรุณาเลือกไฟล์ที่ต้องการอัพโหลด')
-//   }
-// }
-
 const uploadImage = async (e: any) => {
   let input = e.target.files
   if (input.length > 0) {
@@ -522,7 +475,7 @@ const uploadImage = async (e: any) => {
       .catch((e) => {})
       .finally(async () => {
         loader.value = false
-        await fetchData()
+        // await fetchData()
         await fetchImgData()
         fileProfile.value = []
       })

src/modules/01_exam/interface/index/Main.ts

@@ -36,6 +36,7 @@ interface Information {
   relationshipId: string | null
   statusId: string | null
   knowledge: string | null
+  profileImg: string | null
 }
 
 interface Family {
@@ -245,7 +246,8 @@ const defaultInformation = ref<Information>({
   knowledge: null,
   districtId: null,
   provinceId: null,
-  statusId: null
+  statusId: null,
+  profileImg: null
 })
 
 const defaultFamily = ref<Family>({