แก้ไขประเมิน

src/modules/12_evaluatePersonal/components/Detail/step/step1.vue

@@ -1,5 +1,12 @@
 <script setup lang="ts">
-import { reactive } from "vue";
+import { onMounted, reactive, watch } from "vue";
+
+const props = defineProps({
+  data: {
+    type: Object,
+    default: {},
+  },
+});
 
 const formData = reactive<any>({
   isEducationalQft: false, // คุณวุฒิการศึกษา
@@ -10,6 +17,18 @@ const formData = reactive<any>({
   isHaveProLicense: false, // มีใบอนุญาตประกอบวิชาชีพของสายงานต่างๆ
   isHaveMinPeriodOrHoldPos: false, // มีระยะเวลาขั้นต่ำในการดำรงตำแหน่งหรือเคยดำรงตำแหน่งในสายงานที่จะคัดเลือกตามคุณวุฒิของบุคคลและระดับตำแหน่งที่จะคัดเลือก]
 });
+
+watch(props, () => {
+  if (props.data) {
+    formData.isEducationalQft = props.data.isEducationalQft;
+    formData.isGovermantServiceHtr = props.data.isGovermantServiceHtr;
+    formData.isOperatingExp = props.data.isOperatingExp;
+    formData.isMinPeriodOfTenure = props.data.isMinPeriodOfTenure;
+    formData.isHaveSpecificQft = props.data.isHaveSpecificQft;
+    formData.isHaveProLicense = props.data.isHaveProLicense;
+    formData.isHaveMinPeriodOrHoldPos = props.data.isHaveMinPeriodOrHoldPos;
+  }
+});
 </script>
 
 <template>
@@ -17,6 +36,7 @@ const formData = reactive<any>({
     <q-item v-ripple>
       <q-item-section avatar>
         <q-checkbox
+          disable
           keep-color
           color="primary"
           v-model="formData.isEducationalQft"
@@ -29,6 +49,7 @@ const formData = reactive<any>({
     <q-item v-ripple>
       <q-item-section avatar>
         <q-checkbox
+          disable
           keep-color
           color="primary"
           v-model="formData.isGovermantServiceHtr"
@@ -41,6 +62,7 @@ const formData = reactive<any>({
     <q-item v-ripple>
       <q-item-section avatar>
         <q-checkbox
+          disabled
           keep-color
           color="primary"
           v-model="formData.isOperatingExp"
@@ -53,6 +75,7 @@ const formData = reactive<any>({
     <q-item v-ripple>
       <q-item-section avatar>
         <q-checkbox
+          disable
           keep-color
           color="primary"
           v-model="formData.isMinPeriodOfTenure"
@@ -67,6 +90,7 @@ const formData = reactive<any>({
     <q-item v-ripple>
       <q-item-section avatar>
         <q-checkbox
+          disable
           keep-color
           color="primary"
           v-model="formData.isHaveSpecificQft"
@@ -82,6 +106,7 @@ const formData = reactive<any>({
     <q-item v-ripple>
       <q-item-section avatar>
         <q-checkbox
+          disable
           keep-color
           color="primary"
           v-model="formData.isHaveProLicense"
@@ -98,6 +123,7 @@ const formData = reactive<any>({
     <q-item v-ripple>
       <q-item-section avatar>
         <q-checkbox
+          disable
           keep-color
           color="primary"
           v-model="formData.isHaveMinPeriodOrHoldPos"