53 lines
1.3 KiB
Vue
53 lines
1.3 KiB
Vue
|
<script setup lang="ts">
|
||
|
|
import { ref, defineProps } from "vue";
|
||
|
|
import Calendar from "@/modules/11_discipline/components/2_InvestigateFacts/Calendar.vue";
|
||
|
|
|
||
|
|
const props = defineProps({
|
||
|
|
modal: {
|
||
|
|
type: Boolean,
|
||
|
|
default: false,
|
||
|
|
},
|
||
|
|
close: {
|
||
|
|
type: Boolean,
|
||
|
|
default: true,
|
||
|
|
},
|
||
|
|
});
|
||
|
|
</script>
|
||
|
|
<template>
|
||
|
|
<q-dialog v-model="props.modal" persistent>
|
||
|
|
<q-card style="min-width: 60vw">
|
||
|
|
<q-toolbar>
|
||
|
|
<q-toolbar-title class="text-subtitle2 text-bold">ปฎิทิน</q-toolbar-title>
|
||
|
|
<q-btn
|
||
|
|
icon="close"
|
||
|
|
unelevated
|
||
|
|
round
|
||
|
|
dense
|
||
|
|
@click="props.close"
|
||
|
|
style="color: #ff8080; background-color: #ffdede"
|
||
|
|
/>
|
||
|
|
</q-toolbar>
|
||
|
|
<q-separator />
|
||
|
|
<q-card-section class="q-pa-md bg-grey-1">
|
||
|
|
<Calendar/>
|
||
|
|
</q-card-section>
|
||
|
|
<!-- <q-separator /> -->
|
||
|
|
|
||
|
|
<!-- <div class="row justify-end q-px-md q-py-sm items-center">
|
||
|
|
<q-btn
|
||
|
|
dense
|
||
|
|
color="public"
|
||
|
|
id="onSubmit"
|
||
|
|
class="q-px-md q-py-xs"
|
||
|
|
@click="savePost"
|
||
|
|
>
|
||
|
|
|
||
|
|
<div>{{ props.btnTitle }}</div>
|
||
|
|
|
||
|
|
<q-tooltip>{{ props.btnTitle }}</q-tooltip>
|
||
|
|
</q-btn>
|
||
|
|
</div> -->
|
||
|
|
</q-card>
|
||
|
|
</q-dialog>
|
||
|
|
</template>
|