ui บันทึกผลเครื่องราช

src/modules/07_insignia/components/3_result/DialogForm.vue

@@ -0,0 +1,50 @@
+<script setup lang="ts">
+const props = defineProps({
+  modal: Boolean,
+  save: {
+    type: Function,
+    default: () => console.log("not function"),
+  },
+  close: {
+    type: Function,
+    default: () => console.log("not function"),
+  },
+});
+const close = async () => {
+  props.close();
+};
+</script>
+
+<template>
+  <q-dialog v-model="props.modal" persistent>
+    <q-card style="width: 800px;" class="q-pb-md">
+      <q-toolbar class="q-py-md">
+        <q-toolbar-title class="text-h6">บันทึกผล
+        </q-toolbar-title>
+        <q-btn
+          icon="close"
+          unelevated
+          round
+          dense
+          @click="props.close"
+          style="color: #ff8080; background-color: #ffdede"
+        />
+      </q-toolbar>
+      <q-separator />
+
+      <div class="q-pa-md">
+        <div class="row q-col-gutter-sm">
+          <div class="col-12">
+            
+          </div>
+        </div>
+      </div>
+      <q-separator />
+      <div class="q-pa-md">
+        <div class="row justify-end">
+          <q-btn label="บันทึก" @click="props.save" color="public" />
+        </div>
+      </div>
+    </q-card>
+  </q-dialog>
+</template>