แก้ไขโครงการ

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

@@ -3,10 +3,13 @@ import { ref, reactive, onMounted } from "vue";
 import { useQuasar, type QTableProps } from "quasar";
 import { useRouter } from "vue-router";
 
+import type { DataOption } from "@/modules/14_KPI/interface/index/Main";
+
 /** importStore*/
 import { useCounterMixin } from "@/stores/mixin";
 import http from "@/plugins/http";
 import config from "@/app.config";
+
 /** use*/
 const $q = useQuasar();
 const router = useRouter();
@@ -40,10 +43,7 @@ const expanded = ref<any>([]);
 const filterMain = ref<string>("");
 const visibleColumns = ref<string[]>(["including", "includingName"]);
 
-const roundOp = ref<any[]>([
-  { id: "APR", name: "รอบเมษายน" },
-  { id: "OCT", name: "รอบตุลาคม" },
-]);
+const roundOp = ref<DataOption[]>([]);
 
 const totalList = ref<number>(1);
 
@@ -192,7 +192,14 @@ onMounted(() => {
         <div class="col-12 q-py-sm q-px-sm">
           <div class="q-gutter-sm">
             <div class="text-subtitle2 text-bold">หน่วยงาน/ส่วนราชการ</div>
-            <q-input dense outlined v-model="filterMain" label="ค้นหา">
+
+            <q-input
+              class="inputgreen"
+              dense
+              outlined
+              v-model="filterMain"
+              label="ค้นหา"
+            >
               <template v-slot:append>
                 <q-icon
                   v-if="filterMain !== ''"
@@ -266,6 +273,7 @@ onMounted(() => {
               }}</template>
               <template #trigger>
                 <q-input
+                  class="inputgreen"
                   dense
                   lazy-rules
                   outlined
@@ -284,6 +292,7 @@ onMounted(() => {
               </template>
             </datepicker>
             <q-select
+              class="inputgreen"
               dense
               outlined
               v-model="nodeData.round"
@@ -312,6 +321,7 @@ onMounted(() => {
           <q-space />
           <div class="row q-gutter-sm">
             <q-input
+              class="inputgreen"
               standout
               dense
               v-model="nodeData.keyword"
@@ -330,6 +340,7 @@ onMounted(() => {
               </template>
             </q-input>
             <q-select
+              class="inputgreen"
               v-model="visibleColumns"
               multiple
               outlined