30 lines
942 B
Vue
30 lines
942 B
Vue
<script setup lang="ts">
|
||
import { computed } from 'vue'
|
||
import { useRoute } from 'vue-router'
|
||
import { Construction, Plus, Search } from '@lucide/vue'
|
||
|
||
const route = useRoute()
|
||
const title = computed(() => route.meta.title || '功能模块')
|
||
const description = computed(() => route.meta.description || '')
|
||
</script>
|
||
|
||
<template>
|
||
<section class="module-page">
|
||
<div class="module-toolbar">
|
||
<el-input placeholder="输入关键词搜索" clearable>
|
||
<template #prefix><Search :size="17" /></template>
|
||
</el-input>
|
||
<el-button type="primary"><Plus :size="17" /> 新增</el-button>
|
||
</div>
|
||
|
||
<div class="module-card">
|
||
<div class="empty-state">
|
||
<div class="empty-icon"><Construction :size="28" /></div>
|
||
<h2>{{ title }}</h2>
|
||
<p>{{ description }}</p>
|
||
<el-tag effect="plain">页面骨架已完成，业务接口待接入</el-tag>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</template>
|