no message

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

@@ -11,6 +11,7 @@ import type { QTableProps } from "quasar";
 import { useCounterMixin } from "@/stores/mixin";
 import { useKpiDataStore } from "@/modules/14_KPI/store";
 
+import DialogEvalute from '@/modules/14_KPI/components/Tab/Dialog/DialogEvalute.vue'
 const $q = useQuasar();
 const router = useRouter();
 const store = useKpiDataStore();
@@ -24,6 +25,7 @@ const rows = ref<any[]>([]);
 
 const year = ref<number | null>(new Date().getFullYear());
 
+const modalDialog = ref<boolean>(false)
 const round = ref<string>("");
 const roundOp = ref<DataOption[]>([]);
 
@@ -193,6 +195,9 @@ watch(
   }
 );
 
+function onDialog(){
+  modalDialog.value = true
+}
 onMounted(async () => {
   fetchRoundOption();
 });
@@ -256,7 +261,9 @@ onMounted(async () => {
               map-options
               @update:model-value="changRound"
             />
-
+            <q-btn round color="primary" flat icon="add" @click="onDialog()">
+              <q-tooltip>เพิ่มผู้ประเมิน</q-tooltip>
+            </q-btn>
             <!-- <q-select
               v-model="status"
               outlined
@@ -366,7 +373,13 @@ onMounted(async () => {
       </q-card>
     </div>
   </div>
+
+
+  <DialogEvalute 
+  v-model:modal="modalDialog"/>
 </template>
+
+
 <style scoped lang="scss">
 .icon-color {
   color: #4154b3;