u
This commit is contained in:
1 parent
0189bf89c9
commit
90ae2c9e7d
11 files changed
+153
-29
No files matched your search
File renamed without changes.
@@ -48,16 +48,16 @@ const router = createRouter({
|
|||||||
component: () => import('@/views/settings/info/user/index.vue'),
|
component: () => import('@/views/settings/info/user/index.vue'),
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
path: '/settings/forum/home',
|
path: '/settings/creator/home',
|
||||||
component: () => import('@/views/settings/forum/home.vue'),
|
component: () => import('@/views/settings/creator/home.vue'),
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
path: '/settings/forum/editor',
|
path: '/settings/creator/editor',
|
||||||
component: () => import('@/views/settings/forum/editor.vue'),
|
component: () => import('@/views/settings/creator/editor.vue'),
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
path: '/settings/forum/post',
|
path: '/settings/creator/post',
|
||||||
component: () => import('@/views/settings/forum/post.vue'),
|
component: () => import('@/views/settings/creator/post.vue'),
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
|
|||||||
@@ -14,7 +14,7 @@ declare module 'vue' {
|
|||||||
AnchorMenu: typeof import('./../components/anchor-menu/index.vue')['default']
|
AnchorMenu: typeof import('./../components/anchor-menu/index.vue')['default']
|
||||||
AreaSelect: typeof import('./../components/AreaSelect.vue')['default']
|
AreaSelect: typeof import('./../components/AreaSelect.vue')['default']
|
||||||
CustomEmpty: typeof import('./../components/CustomEmpty.vue')['default']
|
CustomEmpty: typeof import('./../components/CustomEmpty.vue')['default']
|
||||||
CustomLoading: typeof import('./../components/custom-loading/index.vue')['default']
|
CustomLoading: typeof import('./../components/CustomLoading.vue')['default']
|
||||||
Directory: typeof import('./../components/wang-editor/modules/directory.vue')['default']
|
Directory: typeof import('./../components/wang-editor/modules/directory.vue')['default']
|
||||||
EmailCodeInput: typeof import('./../components/EmailCodeInput.vue')['default']
|
EmailCodeInput: typeof import('./../components/EmailCodeInput.vue')['default']
|
||||||
HelloWorld: typeof import('./../components/HelloWorld.vue')['default']
|
HelloWorld: typeof import('./../components/HelloWorld.vue')['default']
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
<script lang="ts" setup>
|
<script lang="ts" setup>
|
||||||
import { ref } from 'vue'
|
import { ref } from 'vue'
|
||||||
import CustomLoading from '@/components/custom-loading/index.vue'
|
|
||||||
import CustomEmpty from '@/components/CustomEmpty.vue'
|
import CustomEmpty from '@/components/CustomEmpty.vue'
|
||||||
|
import CustomLoading from '@/components/CustomLoading.vue'
|
||||||
|
|
||||||
const loading = ref<boolean>(false)
|
const loading = ref<boolean>(false)
|
||||||
|
|
||||||
@@ -23,10 +23,7 @@ const dataResult = ref<BasePageResult<any>>({
|
|||||||
</template>
|
</template>
|
||||||
</CustomEmpty>
|
</CustomEmpty>
|
||||||
|
|
||||||
|
<div v-else class="post-container" />
|
||||||
<div v-else class="post-container">
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
|
|||||||
File renamed without changes.
@@ -0,0 +1,137 @@
|
|||||||
|
<script lang="ts" setup>
|
||||||
|
import { ref } from 'vue'
|
||||||
|
|
||||||
|
import CustomLoading from '@/components/CustomLoading.vue'
|
||||||
|
|
||||||
|
const loading = ref<boolean>(false)
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<CustomLoading v-if="loading" :in-container="true" />
|
||||||
|
|
||||||
|
<div v-else class="creator-dashboard">
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-header">
|
||||||
|
<div class="card-title">
|
||||||
|
数据概览
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card-content">
|
||||||
|
<el-row :gutter="16">
|
||||||
|
<el-col :span="6">
|
||||||
|
<div class="stat-card">
|
||||||
|
<div class="stat-title">
|
||||||
|
文章数
|
||||||
|
</div>
|
||||||
|
<div class="stat-value">
|
||||||
|
<el-statistic :value="98500" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="6">
|
||||||
|
<div class="stat-card">
|
||||||
|
<div class="stat-title">
|
||||||
|
浏览量
|
||||||
|
</div>
|
||||||
|
<div class="stat-value">
|
||||||
|
<el-statistic :value="98500" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="6">
|
||||||
|
<div class="stat-card">
|
||||||
|
<div class="stat-title">
|
||||||
|
点赞数
|
||||||
|
</div>
|
||||||
|
<div class="stat-value">
|
||||||
|
<el-statistic :value="98500" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="6">
|
||||||
|
<div class="stat-card">
|
||||||
|
<div class="stat-title">
|
||||||
|
收藏数量
|
||||||
|
</div>
|
||||||
|
<div class="stat-value">
|
||||||
|
<el-statistic :value="98500" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-header">
|
||||||
|
<div class="card-title">
|
||||||
|
数据报表
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card-content">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.creator-dashboard {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
background-color: #fff;
|
||||||
|
.card-header {
|
||||||
|
padding: 16px;
|
||||||
|
border-bottom: 1px solid #ddd;
|
||||||
|
.card-title {
|
||||||
|
font-size: 20px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.card-content {
|
||||||
|
padding: 16px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.stat-card {
|
||||||
|
background-color: #f7f8fa;
|
||||||
|
border-radius: 4px;
|
||||||
|
padding: 16px;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
|
||||||
|
.stat-title {
|
||||||
|
font-size: 14px;
|
||||||
|
color: #666;
|
||||||
|
}
|
||||||
|
|
||||||
|
.stat-value {
|
||||||
|
margin-top: 8px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
|
||||||
|
:deep(.el-statistic__number) {
|
||||||
|
font-weight: bold;
|
||||||
|
font-size: 28px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.chart-container {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 12px;
|
||||||
|
.other-chart {
|
||||||
|
display: flex;
|
||||||
|
gap: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.other-chart > * {
|
||||||
|
flex: 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
File renamed without changes.
@@ -1,10 +0,0 @@
|
|||||||
<script lang="ts" setup>
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<template>
|
|
||||||
<div class="" />
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
|
||||||
//
|
|
||||||
</style>
|
|
||||||
@@ -30,22 +30,22 @@ const menuList: NavMenuItem [] = [
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
label: '创作者中心',
|
label: '创作者中心',
|
||||||
index: '/settings/forum',
|
index: '/settings/creator',
|
||||||
icon: 'hugeicons:edit-01',
|
icon: 'hugeicons:edit-01',
|
||||||
children: [
|
children: [
|
||||||
{
|
{
|
||||||
label: '首页',
|
label: '首页',
|
||||||
index: '/settings/forum/home',
|
index: '/settings/creator/home',
|
||||||
icon: 'hugeicons:home-03',
|
icon: 'hugeicons:home-03',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
label: '写文章',
|
label: '写文章',
|
||||||
index: '/settings/forum/editor',
|
index: '/settings/creator/editor',
|
||||||
icon: 'hugeicons:edit-04',
|
icon: 'hugeicons:edit-04',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
label: '帖子管理',
|
label: '帖子管理',
|
||||||
index: '/settings/forum/post',
|
index: '/settings/creator/post',
|
||||||
icon: 'hugeicons:material-and-texture',
|
icon: 'hugeicons:material-and-texture',
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
|
|||||||
@@ -248,11 +248,11 @@ const activeCollapseNames = ref(['1', '2', '3'])
|
|||||||
border-bottom: none;
|
border-bottom: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
:deep(.el-collapse-item__header){
|
:deep(.el-collapse-item__header) {
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
}
|
}
|
||||||
:deep(.el-collapse-item__content){
|
:deep(.el-collapse-item__content) {
|
||||||
padding-bottom: 0px;
|
padding-bottom: 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -41,7 +41,7 @@ export default defineConfig((configEnv) => {
|
|||||||
],
|
],
|
||||||
server: {
|
server: {
|
||||||
host: '0.0.0.0',
|
host: '0.0.0.0',
|
||||||
port: 8080,
|
port: 3000,
|
||||||
open: true,
|
open: true,
|
||||||
// 用于配置开发服务器启动时预加载的一些客户端文件,以提高初次加载的速度。
|
// 用于配置开发服务器启动时预加载的一些客户端文件,以提高初次加载的速度。
|
||||||
warmup: {
|
warmup: {
|
||||||
|
|||||||
Reference in new issue
Block a user