upload new version

src/components/PopUp.vue

@@ -0,0 +1,52 @@
+<script setup lang="ts">
+import { ref, defineProps, watch } from "vue";
+import HeaderPopup from "@/components/HeaderPopup.vue";
+import FormTime from "@/components/FormTime.vue";
+
+const props = defineProps({
+  modal: {
+    type: Boolean,
+    default: false,
+  },
+  title: {
+    type: String,
+    default: "",
+  },
+  clickClose: {
+    type: Function,
+    default: null,
+  },
+  dataById: {
+    type: Object,
+    default: null,
+  },
+});
+
+// -ข้อมูล
+const data = ref<any>();
+function clickClosePopup() {
+  props.clickClose();
+}
+watch(props, () => {
+  if (props.modal === true) {
+    data.value = props.dataById;
+  }
+});
+</script>
+<template>
+  <!-- <q-dialog v-model="props.modal" full-height>
+    <q-card class="column full-height" style="width: 300px">
+      <HeaderPopup :title="props.title" :clickClose="clickClosePopup" />
+      <FormTime :dataById="data" />
+    </q-card>
+  </q-dialog> -->
+
+  <q-dialog v-model="props.modal" full-height>
+    <q-card class="column full-height" style="width: 350px">
+      <HeaderPopup :title="props.title" :clickClose="clickClosePopup" />
+      <FormTime :dataById="data" />
+    </q-card>
+  </q-dialog>
+</template>
+
+<style scoped></style>