Merge branch 'develop' into devTee

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

@@ -233,6 +233,7 @@ function changOption(val: string) {
     val === "KPI2" ||
     val === "KPI3" ||
     val === "KPI7" ||
+    val === "KPI8" ||
     val === "KPI9"
   ) {
     persanalId.value = "";
@@ -332,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"]>([
   {
@@ -397,8 +400,17 @@ const columns = ref<QTableProps["columns"]>([
  * function เปิด popup เลือกราชชื่อ
  */
 function onClickModal() {
-  modal.value = true;
-  fetchListPerson();
+  if (typeReport.value === "KPI8") {
+    roundRef.value.validate();
+
+    if (!roundRef.value.hasError) {
+      modal.value = true;
+      fetchListPerson();
+    }
+  } else {
+    modal.value = true;
+    fetchListPerson();
+  }
 }
 
 /**
@@ -552,6 +564,7 @@ onMounted(() => {
             typeReport === 'KPI2' ||
             typeReport === 'KPI3' ||
             typeReport === 'KPI7' ||
+            typeReport === 'KPI8' ||
             typeReport === 'KPI9'
           "
         >
@@ -590,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"
@@ -603,8 +618,15 @@ 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'"
             class="bg-white"
             :disable="roundOp.length === 0"
             style="min-width: 100px"
@@ -632,8 +654,21 @@ onMounted(() => {
           >
         </div>
 
-        <div class="q-pa-sm" v-else>
-          <q-btn color="primary" label="เลือกรายชื่อ" @click="onClickModal" />
+        <div
+          class="q-pa-sm"
+          v-if="
+            typeReport === 'KPI4' ||
+            typeReport === 'KPI5' ||
+            typeReport === 'KPI6' ||
+            typeReport === 'KPI8'
+          "
+        >
+          <q-btn
+            color="primary"
+            label="เลือกรายชื่อ"
+            @click="onClickModal"
+            :disable="roundOp.length === 0 && typeReport === 'KPI8'"
+          />
         </div>
       </q-toolbar>
 

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

@@ -123,10 +123,10 @@ const itemMenu = ref<ItemsMenu[]>([
 
 /** Option  รอบการประเมิน*/
 const roundOp = ref<DataOption[]>([
-  { id: "APR", name: "รอบเมษายน" },
+  { id: "APR", name: "รอบที่ 1 เมษายน" },
   {
     id: "OCT",
-    name: "รอบตุลาคม",
+    name: "รอบที่ 2 ตุลาคม",
   },
 ]);
 
@@ -518,7 +518,7 @@ onMounted(() => {
         />
         <q-separator />
 
-        <q-card-section >
+        <q-card-section>
           <div class="row col-12 q-col-gutter-md">
             <div class="col-12">
               <q-select