update popup คุณสมบัติ

src/modules/06_evaluate/components/PopupCheckFeatures.vue

@@ -21,10 +21,7 @@ const props = defineProps({
     type: String,
     default: "ตรวจสอบคุณสมบัติ",
   },
-  desc: {
-    type: String,
-    default: "",
-  },
+  educations: Array,
   closeModal: {
     type: Function,
     default: () => {},
@@ -39,35 +36,38 @@ const rows = ref<any[]>([
     level: "หลักสูตร ๔ ปี",
     expert: "๖ ปี",
     special: "๘ ปี",
-    checked: "",
+    checked: "ต่ำกว่าปริญญาตรี",
+    // year: 4,
   },
   {
     degree: "ปริญญาตรี หรือเทียบเท่า",
     level: "หลักสูตร ๕ ปี",
     expert: "๕ ปี",
     special: "๗ ปี",
-    checked: "",
+    checked: "ปริญญาตรี",
+    year: 5,
   },
   {
     degree: "ปริญญาตรี หรือเทียบเท่า",
     level: "หลักสูตร ๖ ปี",
     expert: "๔ ปี",
     special: "๖ ปี",
-    checked: "",
+    checked: "ปริญญาตรี",
+    year: 6,
   },
   {
     degree: "ปริญญาโท หรือเทียบเท่า",
     level: "-",
     expert: "๔ ปี",
     special: "๖ ปี",
-    checked: "",
+    checked: "ปริญญาโท",
   },
   {
     degree: "ปริญญาเอก หรือเทียบเท่า",
     level: "-",
     expert: "๒ ปี",
     special: "๔ ปี",
-    checked: "",
+    checked: "ปริญญาเอก",
   },
 ]);
 
@@ -177,7 +177,14 @@ watch(props, () => {
                 {{ props.row.special }}
               </q-td>
               <q-td key="checked" :props="props">
-                <q-icon name="checked" color="primary" />
+                <!-- v-if="educations?.find((x:any)=> (props.row.year && x.educationLevel == props.row.checked && x.year == props.row.year) || (!props.row.year && x.educationLevel == props.row.checked))" -->
+
+                <q-icon
+                  v-if="props.rowIndex == 0"
+                  name="checked"
+                  color="primary"
+                  size="xs"
+                />
               </q-td>
             </q-tr>
           </template>