UI รายชื่อกรรมการและการประชุม

src/modules/06_evaluate/components/Tab1.vue

@@ -22,6 +22,8 @@ import ViewStep1 from "@/modules/06_evaluate/components/viewstep/viewStep1.vue";
 import ViewStep3 from "@/modules/06_evaluate/components/viewstep/viewStep3.vue";
 import ViewStep7 from "@/modules/06_evaluate/components/viewstep/viewStep7.vue";
 
+import DialogMain from "@/modules/06_evaluate/components/directorandmeet/DialogMain.vue";
+
 import { useEvaluateStore } from "@/modules/06_evaluate/store";
 import { useCounterMixin } from "@/stores/mixin";
 
@@ -168,6 +170,23 @@ async function saveStep9() {
   console.log("Save 9");
 }
 
+const modalDirector = ref<boolean>(false);
+
+function onClickDialogDirevtor() {
+  modalDirector.value = true;
+}
+
+function closeDialogDirector() {
+  modalDirector.value = false;
+}
+function fetchDirector() {
+  console.log("ประเมินชำนาญการ:director");
+}
+
+function fetchMeeting() {
+  console.log("ประเมินชำนาญการ:meeting");
+}
+
 onMounted(() => {
   store.step = 1;
 });
@@ -178,6 +197,16 @@ onMounted(() => {
     <div class="col-xs-12 col-sm-3">
       <div class="toptitle">ประเมินชำนาญการ</div>
       <Stepper />
+
+      <div class="text-center">
+        <q-btn
+          unelevated
+          outline
+          label="รายชื่อกรรมการและการประชุม"
+          color="public"
+          @click="onClickDialogDirevtor"
+        />
+      </div>
     </div>
 
     <div class="col-xs-12 col-sm-9">
@@ -258,6 +287,13 @@ onMounted(() => {
       </div>
     </div>
   </div>
+
+  <DialogMain
+    :modal="modalDirector"
+    :close="closeDialogDirector"
+    :fetchDirector="fetchDirector"
+    :fetchMeeting="fetchMeeting"
+  />
 </template>
 
 <style>