赵忠林
5e26fdc7fb
- 添加 .dockerignore 和 .env.example 配置文件 - 添加 .gitignore 忽略规则配置 - 创建服务端代理API路由（_file、_modules、_server） - 集成 Ant Design Vue 组件库并配置SSR样式提取 - 定义API响应类型封装 - 创建基础布局组件（blank、console） - 实现应用中心页面和组件（AppsCenter） - 添加文章列表测试页面 - 配置控制台导航菜单结构 - 实现控制台头部组件 - 创建联系页面表单
41 lines
992 B
Vue
41 lines
992 B
Vue
<template>
|
|
<div class="space-y-4">
|
|
<a-page-header title="管理中心" sub-title="产品开通、使用与续费" :ghost="false" class="page-header">
|
|
<template #extra>
|
|
<a-segmented
|
|
:value="active"
|
|
:options="[
|
|
{ label: '已开通', value: 'index' },
|
|
{ label: '未开通', value: 'unopened' }
|
|
]"
|
|
@update:value="onSwitch"
|
|
/>
|
|
</template>
|
|
</a-page-header>
|
|
|
|
<a-card :bordered="false" class="card">
|
|
<a-empty description="待接入：未开通产品列表" />
|
|
</a-card>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
definePageMeta({ layout: 'console' })
|
|
|
|
const route = useRoute()
|
|
const active = computed(() => (route.path.includes('/console/tenant/unopened') ? 'unopened' : ''))
|
|
function onSwitch(value: string | number) {
|
|
navigateTo(`/console/tenant/${String(value)}`)
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
.page-header {
|
|
border-radius: 12px;
|
|
}
|
|
|
|
.card {
|
|
border-radius: 12px;
|
|
}
|
|
</style>
|