no message

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

@@ -1,15 +1,17 @@
 <!-- card ข้อมูลส่วนตัว -->
 <template>
-  <HeaderTop
-    v-model:edit="edit"
-    header="ข้อมูลส่วนตัว"
-    icon="mdi-account"
-    :addData="true"
-    :editOnly="false"
-    :editData="false"
-  />
-  <q-form ref="myform" class="col-12 row q-col-gutter-x-sm justify-center q-col-gutter-sm">
+  <q-form ref="myform" class="col-12 row justify-center">
     <div class="row col-xs-12 col-sm-12 col-md-9 items-center q-col-gutter-x-sm q-col-gutter-y-xs">
+      <div class="col-12">
+        <HeaderTop
+          v-model:edit="edit"
+          header="ข้อมูลส่วนตัว"
+          icon="mdi-account"
+          :addData="true"
+          :editOnly="false"
+          :editData="false"
+        />
+      </div>
       <div class="col-xs-12 col-sm-3 col-md-4">
         <q-input
           :class="getClass(status == 'register' || status == 'rejectRegister')"
@@ -77,11 +79,11 @@
       <div class="col-xs-12 col-sm-3 col-md-3"><!-- :borderless="!false" -->
         <q-input
           :class="getClass(false)"
-          outlined
           dense
-          lazy-rules
-          :readonly="!false"
-          
+          :outlined="status == 'register' || status == 'rejectRegister'"
+          :readonly="!(status == 'rejectRegister')"
+          :borderless="!(status == 'register' || status == 'rejectRegister')"
+          lazy-rules          
           v-model="defaultInformation.nationality"
           :rules="[(val) => !!val || `${'กรุณากรอก สัญชาติ'}`]"
           :label="`${'สัญชาติ'}`"
@@ -160,8 +162,9 @@
           :class="getClass(status == 'register' || status == 'rejectRegister')"
           dense
           lazy-rules
-          readonly
-          outlined
+          :outlined="status == 'register' || status == 'rejectRegister'"
+          :readonly="!(status == 'rejectRegister')"
+          :borderless="!(status == 'register' || status == 'rejectRegister')"
           :model-value="
             defaultInformation.birthDate == null ? null : calAge(defaultInformation.birthDate)
           "
@@ -213,15 +216,16 @@
           :class="getClass(status == 'register' || status == 'rejectRegister')"
           dense
           lazy-rules
-          readonly
-          outlined
+          :outlined="status == 'register' || status == 'rejectRegister'"
+          :readonly="!(status == 'rejectRegister')"
+          :borderless="!(status == 'register' || status == 'rejectRegister')"
           v-model="defaultInformation.email"
           label="E-mail address"
         />
       </div>
     </div>
-    <div class="row col-xs-12 col-sm-6 col-md-3 justify-center">
-      <q-card bordered class="col-11 q-pa-sm justify-center text-center">
+    <div class="row col-xs-12 col-sm-6 col-md-3 justify-end">
+      <q-card bordered class="col-11 q-pa-sm justify-center text-center q-mt-sm">
         <div class=" text-weight-medium q-py-xs">อัปโหลดรูปถ่าย</div>
         <div class="containerimage row justify-center col-xs-6 col-sm-10 col-md-12">
           <label for="file-upload" class="col-12 row justify-center">