Simon
68 lines
2.1 KiB
Vue
68 lines
2.1 KiB
Vue
<!--
|
||
=============================================================================
|
||
企微IT智能服务台 — 通用占位页
|
||
=============================================================================
|
||
说明：通用占位页面模板
|
||
- 居中"开发中"提示
|
||
- 返回首页按钮
|
||
- 可配置标题和描述
|
||
-->
|
||
<template>
|
||
<div class="placeholder-center">
|
||
<!-- 图标 -->
|
||
<div class="placeholder-icon">
|
||
<el-icon :size="64">
|
||
<Tools />
|
||
</el-icon>
|
||
</div>
|
||
|
||
<!-- 标题 -->
|
||
<div class="placeholder-title">{{ title }}</div>
|
||
|
||
<!-- 描述 -->
|
||
<div class="placeholder-desc">{{ description }}</div>
|
||
|
||
<!-- 返回按钮 -->
|
||
<el-button type="primary" @click="goHome">
|
||
<el-icon><HomeFilled /></el-icon>
|
||
返回运营总览
|
||
</el-button>
|
||
</div>
|
||
</template>
|
||
|
||
<script setup lang="ts">
|
||
// ==========================================================================
|
||
// 依赖导入
|
||
// ==========================================================================
|
||
import { computed } from 'vue'
|
||
import { useRouter, useRoute } from 'vue-router'
|
||
|
||
// ==========================================================================
|
||
// 路由
|
||
// ==========================================================================
|
||
const router = useRouter()
|
||
const route = useRoute()
|
||
|
||
// ==========================================================================
|
||
// 动态标题/描述
|
||
// ==========================================================================
|
||
const title = computed(() => {
|
||
const metaTitle = route.meta.title as string
|
||
if (route.path === '/:pathMatch(.*)*') return '页面未找到'
|
||
return metaTitle || '功能开发中'
|
||
})
|
||
|
||
const description = computed(() => {
|
||
if (route.path === '/:pathMatch(.*)*') return '您访问的页面不存在'
|
||
if (route.meta.comingSoon) return '该功能正在开发中，敬请期待'
|
||
return '此功能将在后续版本中开放，请关注版本更新'
|
||
})
|
||
|
||
// ==========================================================================
|
||
// 返回首页
|
||
// ==========================================================================
|
||
function goHome(): void {
|
||
router.push('/dashboard')
|
||
}
|
||
</script>
|