48 lines
1.1 KiB
Vue
48 lines
1.1 KiB
Vue
<script lang="ts">
|
|
import { defineComponent, onMounted, ref } from "vue";
|
|
import { useRoute } from "vue-router";
|
|
|
|
export default defineComponent({
|
|
name: "Error404NotFound",
|
|
setup() {
|
|
const route = useRoute();
|
|
const hasQueryParam = ref<boolean>(false);
|
|
onMounted(() => {
|
|
if (
|
|
route.query.role === "admin" ||
|
|
route.query.role === "officer" ||
|
|
route.query.role === "user"
|
|
) {
|
|
hasQueryParam.value = true;
|
|
} else {
|
|
hasQueryParam.value = false;
|
|
}
|
|
});
|
|
return {
|
|
hasQueryParam,
|
|
};
|
|
},
|
|
});
|
|
</script>
|
|
|
|
<template>
|
|
<div
|
|
class="fullscreen bg-blue-10 text-white text-center q-pa-md flex flex-center"
|
|
>
|
|
<div>
|
|
<div class="text-h1">ไม่พบหน้าที่ต้องการ</div>
|
|
<div class="text-h2">(404 Page Not Found)</div>
|
|
|
|
<q-btn
|
|
v-if="hasQueryParam"
|
|
class="q-mt-xl"
|
|
color="white"
|
|
text-color="blue"
|
|
unelevated
|
|
to="/"
|
|
label="กลับไปหน้าแรก"
|
|
no-caps
|
|
/>
|
|
</div>
|
|
</div>
|
|
</template>
|