41 lines
1 KiB
Vue
41 lines
1 KiB
Vue
|
<template>
|
||
|
|
<div>
|
||
|
|
<div class="q-pa-md" style="min-height: 70vh; overflow-y: scroll">04</div>
|
||
|
|
<q-separator />
|
||
|
|
<div class="flex justify-end q-px-md q-gutter-sm">
|
||
|
|
<q-btn
|
||
|
|
flat
|
||
|
|
round
|
||
|
|
color="public"
|
||
|
|
icon="mdi-content-save-outline"
|
||
|
|
@click="next"
|
||
|
|
>
|
||
|
|
<q-tooltip>บันทึก</q-tooltip>
|
||
|
|
</q-btn>
|
||
|
|
<q-btn flat round color="primary" icon="chevron_left" @click="previous">
|
||
|
|
<q-tooltip>ย้อนกลับ</q-tooltip>
|
||
|
|
</q-btn>
|
||
|
|
<!-- <q-btn flat round color="primary" icon="chevron_right" @click="next">
|
||
|
|
<q-tooltip>ต่อไป</q-tooltip>
|
||
|
|
</q-btn> -->
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
<script setup lang="ts">
|
||
|
|
import { ref } from "vue";
|
||
|
|
|
||
|
|
const props = defineProps({
|
||
|
|
next: {
|
||
|
|
type: Function,
|
||
|
|
default: () => console.log("not function"),
|
||
|
|
},
|
||
|
|
previous: {
|
||
|
|
type: Function,
|
||
|
|
default: () => console.log("not function"),
|
||
|
|
},
|
||
|
|
});
|
||
|
|
|
||
|
|
const next = () => props.next();
|
||
|
|
const previous = () => props.previous();
|
||
|
|
</script>
|