a0223bda4f
* fix(home): 🐛 解决多次切换路由后页面卡顿的问题 #96 卸载路由时清除requestAnimationFrame * feat: ✨ 文件存储使用Blob格式 * style: 💄 修改部分类型any为具体类型 * feat: ✨ 界面设置中模块使用瀑布流布局 #96 * fix: 🐛 md文档更换文件夹解决控制台警告 * style: 💄 switch按钮改回使用daisyui组件 * refactor: ♻️ 所有人员列表提取tableColumn * style: 💄 奖项列表中的图片类型修复 * fix(globalConfig): 修复当前音乐项类型缺失问题 * feat: ✨ single person not done * feat: ✨ 可添加单人 #96 * build(.gitignore): 添加 auto-imports.d.ts 到忽略文件 * fix: 🐛 上传、下载excel文件时修复路径错误 打包成应用和网页端的baseUrl不一样，使用环境变量来表示 * fix: 🐛 导入人员列表时处理有值为空的情况 * style: 💄 改变toaster的组件 * fix: 🐛 上传文件、解析数据与存储/读取数据的处理 、 * fix(Config): 更新备案信息链接样式 将备案信息的段落标签替换为可点击的链接标签，使用户能够直接跳转到工信部备案查询页面。同时添加了悬停效果样式，提升用户体验。
100 lines
3.4 KiB
Vue
100 lines
3.4 KiB
Vue
<script setup lang="ts">
|
|
import dayjs from 'dayjs'
|
|
import { ref } from 'vue'
|
|
import { useI18n } from 'vue-i18n'
|
|
import { useRoute, useRouter } from 'vue-router'
|
|
import { configRoutes } from '../../router'
|
|
|
|
const { t } = useI18n()
|
|
const router = useRouter()
|
|
const route = useRoute()
|
|
const menuList = ref<any[]>(configRoutes.children)
|
|
const currentYear = dayjs().year()
|
|
|
|
function cleanMenuList(menu: any) {
|
|
const newList = menu
|
|
for (let i = 0; i < newList.length; i++) {
|
|
if (newList[i].children) {
|
|
cleanMenuList(newList[i].children)
|
|
}
|
|
if (!newList[i].meta) {
|
|
newList.splice(i, 1)
|
|
i--
|
|
}
|
|
}
|
|
|
|
return newList
|
|
}
|
|
|
|
menuList.value = cleanMenuList(menuList.value)
|
|
|
|
function skip(path: string) {
|
|
router.push(path)
|
|
}
|
|
</script>
|
|
|
|
<template>
|
|
<div class="flex min-h-[calc(100%-280px)]">
|
|
<ul class="w-56 m-0 mr-3 min-w-56 menu bg-base-200 pt-14">
|
|
<li v-for="item in menuList" :key="item.name">
|
|
<details v-if="item.children" open>
|
|
<summary>{{ item.meta.title }}</summary>
|
|
<ul>
|
|
<li v-for="subItem in item.children" :key="subItem.name">
|
|
<details v-if="subItem.children" open>
|
|
<summary>{{ subItem.meta!.title }}</summary>
|
|
<ul>
|
|
<li v-for="subSubItem in subItem.children" :key="subSubItem.name">
|
|
<a
|
|
:style="subSubItem.name === route.name ? 'background-color:rgba(12,12,12,0.2)' : ''"
|
|
@click="skip(subItem.path)"
|
|
>{{
|
|
subSubItem.meta!.title }}</a>
|
|
</li>
|
|
</ul>
|
|
</details>
|
|
<a
|
|
v-else :style="subItem.name === route.name ? 'background-color:rgba(12,12,12,0.2)' : ''"
|
|
@click="skip(subItem.path)"
|
|
>{{
|
|
subItem.meta!.title }}</a>
|
|
</li>
|
|
</ul>
|
|
</details>
|
|
<a
|
|
v-else :style="item.name === route.name ? 'background-color:rgba(12,12,12,0.2)' : ''"
|
|
@click="skip(item.path)"
|
|
>{{ item.meta!.title }}</a>
|
|
</li>
|
|
</ul>
|
|
<router-view class="flex-1 mt-5" />
|
|
</div>
|
|
<footer class="p-10 rounded footer footer-center bg-base-200 h-[280px] flex flex-col gap-4 text-base-content">
|
|
<nav class="grid grid-flow-col gap-4">
|
|
<a class="cursor-pointer link link-hover text-inherit" target="_blank" href="https://1kw20.fun">{{ t('footer.self-reflection') }}</a>
|
|
</nav>
|
|
<nav>
|
|
<a class="cursor-pointer link link-hover text-inherit" target="_blank" href="https://1kw20.fun">{{ t('footer.thiefEasy') }}</a>
|
|
</nav>
|
|
<nav>
|
|
<div class="grid grid-flow-col gap-4">
|
|
<a href="https://github.com/LOG1997/log-lottery" target="_blank" class="cursor-pointer text-inherit">
|
|
<svg-icon name="github" />
|
|
</a>
|
|
<a href="https://twitter.com/TaborSwift" target="_blank" class="cursor-pointer "><svg-icon name="twitter" /></a>
|
|
<a href="https://www.instagram.com/log.z1997/" target="_blank" class="cursor-pointer ">
|
|
<svg-icon name="instagram" />
|
|
</a>
|
|
</div>
|
|
</nav>
|
|
<aside>
|
|
<a class="p-0 m-0 hover:text-primary" href="https://beian.miit.gov.cn/" target="_blank">
|
|
蜀ICP备2021028666号
|
|
</a>
|
|
<p>Copyright © {{ currentYear }} - All right reserved by <a class="link link-primary" href="https://github.com/LOG1997" target="_blank">log1997</a></p>
|
|
</aside>
|
|
</footer>
|
|
</template>
|
|
|
|
<style scoped></style>
|