ประวัติการศึกษา

src/modules/04_registry/components/Education.vue

@@ -369,11 +369,19 @@
                       >
                       </q-icon>
                     </template>
+                    <template v-if="finishDate" v-slot:append>
+                      <q-icon
+                        name="cancel"
+                        @click.stop.prevent="finishDate = null"
+                        class="cursor-pointer"
+                      />
+                    </template>
                   </q-input>
                 </template>
               </datepicker>
             </div>
             <div class="col-xs-6 col-sm-6 col-md-6">
+              {{ isEducation }}
               <selector
                 :class="getClass(edit)"
                 :outlined="edit"
@@ -387,6 +395,7 @@
                 @update:modelValue="clickEditRow"
                 emit-value
                 map-options
+                clearable
                 option-label="name"
                 :options="Ops.positionPathOptions"
                 option-value="id"
@@ -625,7 +634,7 @@ const OpsFilter = ref<EduOps>({
   levelOptions: [],
   positionPathOptions: [],
 });
-const isEducation = ref<boolean>();
+const isEducation = ref<boolean | null>();
 const institute = ref<string>();
 const degree = ref<string>();
 const field = ref<string>();
@@ -1443,7 +1452,7 @@ const addData = () => {
   modal.value = true;
   edit.value = true;
   levelId.value = "";
-  isEducation.value = false;
+  isEducation.value = null;
   institute.value = "";
   degree.value = "";
   field.value = "";