m1ngsama/FUJI
1
0
Fork 0
mirror of https://github.com/m1ngsama/FUJI.git synced 2025-12-24 10:51:27 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

save

Browse source
This commit is contained in:
ClasWen 2024-06-04 21:29:19 +08:00
parent 9577954c27
commit 100a0eebcf
3 changed files with 61 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

52
src/components/GraduationView.vue Normal file
View file

@ -0,0 +1,52 @@
<script setup lang="ts">
import { onMounted, ref } from "vue"
const id = ref<string>()
type FileRecord = {
id: string
status: "processing" | "done"
}
const fileStatus = ref<FileRecord | undefined>()
const getFileStatus = async (id: string): Promise<FileRecord> => {
// TODO
// return (await fetch(`http://localhost:3000/api/graduation/${id}`)) as any
return {
id,
status: "done",
}
}
const setStatus = async () => {
fileStatus.value = await getFileStatus(id.value)
}
onMounted(() => {
id.value = new URLSearchParams(window.location.search).get("id")
setStatus()
})
</script>
<template>
<div class="bg-[#f5f5f7] h-full flex-grow flex flex-col items-center min-h-[70vh]">
<div
class="text-3xl md:text-4xl font-bold h-[20vh] flex items-end bg-clip-text text-transparent bg-gradient-to-r from-cyan-500 to-blue-500"
>
2024 毕业典礼拍摄
</div>
<div class="mt-8 min-w-40 w-3/4 text-center">
<div v-if="id == undefined">
<div class="text-md md:text-lg">我们没有找到相应的文件，请确认链接是否正确。</div>
</div>
<div v-else-if="fileStatus?.status == 'processing'">
<div class="text-md md:text-lg">文件正在处理中，请稍后刷新页面。</div>
</div>
<div v-else-if="fileStatus?.status == 'done'">
<div class="text-md md:text-lg">文件已经处理完成，你可以点击下方链接下载。</div>
<div class="mt-4">
<a :href="`http://localhost:3000/api/graduation/${id}?download=true`" class="text-blue-500 hover:underline">下载文件</a>
</div>
</div>
</div>
</div>
</template>

2
src/layouts/BaseLayout.astro
View file

@ -13,7 +13,7 @@ const title = primaryTitle ? `${primaryTitle} - ${SITE_TITLE}` : SITE_TITLE;
</head>
<body class="flex flex-col min-h-screen">
<Header />
<div class="flex-grow h-full">
<div class="flex-grow flex flex-col">
<slot />
</div>
<Footer />

8
src/pages/graduation-2024.astro Normal file
View file

@ -0,0 +1,8 @@
---
import BaseLayout from "../layouts/BaseLayout.astro"
import GraduationView from "../components/GraduationView.vue"
---
<BaseLayout>
<GraduationView client:load></GraduationView>
</BaseLayout>