KPI => รายงาน

src/modules/14_KPI/views/report.vue

@@ -333,6 +333,8 @@ const formFilter = reactive({
 const maxPage = ref<number>(1);
 const total = ref<number>(0);
 
+const roundRef = ref<any>(null);
+
 const rowsPerson = ref<ResPerson[]>([]);
 const columns = ref<QTableProps["columns"]>([
   {
@@ -398,8 +400,17 @@ const columns = ref<QTableProps["columns"]>([
  * function เปิด popup เลือกราชชื่อ
  */
 function onClickModal() {
-  modal.value = true;
+  if (typeReport.value === "KPI8") {
-  fetchListPerson();
+    roundRef.value.validate();
+
+    if (!roundRef.value.hasError) {
+      modal.value = true;
+      fetchListPerson();
+    }
+  } else {
+    modal.value = true;
+    fetchListPerson();
+  }
 }
 
 /**
@@ -592,11 +603,13 @@ onMounted(() => {
             </template>
           </datepicker>
           <q-select
+            ref="roundRef"
             class="bg-white"
             v-model="round"
             outlined
             label="รอบการประเมิน"
             dense
+            hide-bottom-space
             option-label="name"
             option-value="id"
             :options="roundOp"
@@ -605,6 +618,12 @@ onMounted(() => {
             map-options
             :disable="roundOp.length === 0"
             @update:model-value="changOption(typeReport)"
+            lazy-rules
+            :rules="
+              typeReport === 'KPI8'
+                ? [(val) => !!val || 'กรุณาเลือกรอบการประเมิน']
+                : []
+            "
           />
           <q-select
             v-if="typeReport !== 'KPI8'"