fix:positionLevelName

src/modules/03_recruiting/components/Education.vue

@@ -31,6 +31,10 @@ const props = defineProps({
     type: Array as PropType<DataOption[]>,
     required: true,
   },
+  positionLevelName: {
+    type: String,
+    required: false,
+  },
 });
 
 const $q = useQuasar();
@@ -125,7 +129,10 @@ const getClass = (val: boolean) => {
   <q-form ref="myform">
     <div class="row col-12 items-center q-col-gutter-x-sm q-col-gutter-y-xs">
       <div class="col-12 row q-col-gutter-sm">
-        <div class="col-xs-12 col-sm-3">
+        <div
+          class="col-xs-12 col-sm-3"
+          v-if="positionLevelName !== 'ปฏิบัติงาน'"
+        >
           <q-select
             :class="getClass(status == 'checkRegister' || status == 'payment')"
             :readonly="!(status == 'checkRegister' || status == 'payment')"
@@ -158,7 +165,10 @@ const getClass = (val: boolean) => {
             :label="`${'ชื่อปริญญา'}`"
           />
         </div>
-        <div class="col-xs-12 col-sm-3">
+        <div
+          class="col-xs-12 col-sm-3"
+          v-if="positionLevelName !== 'ปฏิบัติงาน'"
+        >
           <q-input
             :class="getClass(status == 'checkRegister' || status == 'payment')"
             :outlined="status == 'checkRegister' || status == 'payment'"

src/modules/03_recruiting/components/Profile.vue

@@ -40,6 +40,10 @@ const props = defineProps({
     type: Object,
     required: true,
   },
+  positionLevelName: {
+    type: String,
+    required: false,
+  },
 });
 
 const $q = useQuasar();
@@ -205,6 +209,7 @@ async function fetchEducationLevel() {
   <q-separator class="q-my-lg bg-gray" size="5px" />
   <div class="q-px-sm">
     <Education
+      :positionLevelName="positionLevelName"
       :status="status"
       v-model:form="formEducation"
       :educationLevelOptions="educationLevelOptions"