222e5bb11a
完整的管理系统，包含账户管理、卡片管理、套餐管理、财务管理等功能模块。 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
48 lines
1.1 KiB
Vue
48 lines
1.1 KiB
Vue
<template>
|
|
<div class="console">
|
|
<CardList></CardList>
|
|
|
|
<el-row :gutter="20">
|
|
<el-col :sm="24" :md="12" :lg="10">
|
|
<ActiveUser />
|
|
</el-col>
|
|
<el-col :sm="24" :md="12" :lg="14">
|
|
<SalesOverview />
|
|
</el-col>
|
|
</el-row>
|
|
|
|
<el-row :gutter="20">
|
|
<el-col :sm="24" :md="24" :lg="12">
|
|
<NewUser />
|
|
</el-col>
|
|
<el-col :sm="24" :md="12" :lg="6">
|
|
<Dynamic />
|
|
</el-col>
|
|
<el-col :sm="24" :md="12" :lg="6">
|
|
<TodoList />
|
|
</el-col>
|
|
</el-row>
|
|
|
|
<AboutProject />
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import CardList from './widget/CardList.vue'
|
|
import ActiveUser from './widget/ActiveUser.vue'
|
|
import SalesOverview from './widget/SalesOverview.vue'
|
|
import NewUser from './widget/NewUser.vue'
|
|
import Dynamic from './widget/Dynamic.vue'
|
|
import TodoList from './widget/TodoList.vue'
|
|
import AboutProject from './widget/AboutProject.vue'
|
|
import { useCommon } from '@/composables/useCommon'
|
|
|
|
defineOptions({ name: 'Console' })
|
|
|
|
useCommon().scrollToTop()
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
@use './style';
|
|
</style>
|