UI รายการ web services

src/modules/06_webservices/components/DialogUsability.vue

@@ -0,0 +1,27 @@
+<script setup lang="ts">
+import DialogHeader from "@/components/DialogHeader.vue";
+
+const modal = defineModel<boolean>("modal", { required: true });
+
+function onCloseDialog() {
+  modal.value = false;
+}
+</script>
+<template>
+  <q-dialog v-model="modal" persistent>
+    <q-card style="width: 700px; max-width: 80vw">
+      <DialogHeader tittle="การใช้งาน" :close="onCloseDialog" />
+      <q-separator />
+
+      <q-card-section> </q-card-section>
+
+      <q-separator />
+
+      <q-card-actions align="right" class="bg-white text-teal">
+        <q-btn label="ปิด" color="secondary" @click.pervent="onCloseDialog()" />
+      </q-card-actions>
+    </q-card>
+  </q-dialog>
+</template>
+
+<style scoped></style>