popup ==> รับทราบ/พิจารณา/แสดงความเห็น

src/components/Workflow/Main.vue

@@ -28,6 +28,7 @@ const rowsOperate = ref<any[]>([
   },
 ]);
 const modalSelectPerson = ref<boolean>(false);
+const modalApprove = ref<boolean>(false);
 
 function fetchData() {
   console.log(id, sysName);
@@ -64,6 +65,11 @@ onMounted(() => {
     <div class="bg-grey-1 q-pa-sm col-12 row items-center">
       <div class="q-pl-sm text-weight-bold text-dark">Workflow</div>
       <q-space />
+      <q-btn
+        @click.prevent="modalApprove = true"
+        label="DialogApprove"
+        color="public"
+      />
     </div>
     <div class="col-12"><q-separator /></div>
     <q-card-section>
@@ -152,5 +158,5 @@ onMounted(() => {
 
   <DialogSelectPerson v-model:modal="modalSelectPerson" />
 
-  <!-- <DialogApprove v-model:modal="modalSelectPerson" /> -->
+  <DialogApprove v-model:modal="modalApprove" />
 </template>