- 资源管理:树形表格 + type 联动表单(menu/button/api 字段显隐) - ty-form 新增 when 条件字段显隐;ty-crud 表单模型改 reactive - 抽出 src/utils/tree.ts(buildTree/filterTree/collectDescendants),组织页复用 - 404 兜底:catch-all 路由 [...all].vue - 顶栏去掉横向菜单底边框;修复切 Tab 顶部一级菜单高亮不跟随 Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
41 lines
941 B
Vue
41 lines
941 B
Vue
<template>
|
||
<div class="not-found">
|
||
<div class="not-found__code">404</div>
|
||
<div class="not-found__title">页面不存在</div>
|
||
<div class="not-found__desc">抱歉,你访问的路径「{{ fullPath }}」不存在或已被移除</div>
|
||
<el-button type="primary" @click="goHome">回到首页</el-button>
|
||
</div>
|
||
</template>
|
||
|
||
<script setup lang="ts">
|
||
import { computed } from 'vue'
|
||
import { useRoute, useRouter } from 'vue-router'
|
||
|
||
const route = useRoute()
|
||
const router = useRouter()
|
||
|
||
const fullPath = computed(() => route.fullPath)
|
||
|
||
function goHome(): void {
|
||
router.push('/')
|
||
}
|
||
</script>
|
||
|
||
<style scoped lang="scss">
|
||
.not-found {
|
||
@apply flex h-full flex-col items-center justify-center gap-md;
|
||
}
|
||
|
||
.not-found__code {
|
||
@apply text-[96px] font-bold leading-none text-text-secondary;
|
||
}
|
||
|
||
.not-found__title {
|
||
@apply text-xl font-medium text-text-primary;
|
||
}
|
||
|
||
.not-found__desc {
|
||
@apply text-base text-text-regular;
|
||
}
|
||
</style>
|