将dashboard和login以外的页面设置为异步加载,以提升初次加载的速度

This commit is contained in:
simple321vip
2023-02-02 23:01:02 +08:00
parent 8cca267578
commit e612383d12
8 changed files with 37 additions and 31 deletions
+1 -1
View File
@@ -75,7 +75,7 @@ export default [
}, },
}, },
{ {
url: '/wiki/api/v1/author/blogs/count', url: '/wiki/api/v1/reader/blogs/count',
method: 'GET', method: 'GET',
response: () => { response: () => {
return { return {
+1 -1
View File
@@ -94,7 +94,7 @@ const sortBlogs = (data: Object, btId: string) => {
const countBlogs = () => { const countBlogs = () => {
return service({ return service({
url: '/wiki/api/v1/author/blogs/count', url: '/wiki/api/v1/reader/blogs/count',
method: 'GET', method: 'GET',
headers: headers, headers: headers,
}) })
+1 -1
View File
@@ -51,7 +51,7 @@ const delete_bookmarks = (params: Object) => {
const bookmarks_count = () => { const bookmarks_count = () => {
return service({ return service({
url: '/wiki/api/v1/author/blogs/count', url: '/bookmark/api/v1/bookmark/count',
method: 'GET', method: 'GET',
}) })
} }
+5
View File
@@ -1,5 +1,9 @@
import { service } from '../utils/request' import { service } from '../utils/request'
const headers = {
'Content-Type': 'application/json;charsetset=UTF-8'
}
const put_event = (data: Object) => { const put_event = (data: Object) => {
return service({ return service({
url: '/calendar/api/v1/event', url: '/calendar/api/v1/event',
@@ -12,6 +16,7 @@ const get_event = () => {
return service({ return service({
url: '/calendar/api/v1/event', url: '/calendar/api/v1/event',
method: 'GET', method: 'GET',
headers: headers
}) })
} }
+2 -2
View File
@@ -20,9 +20,9 @@ type DataTimeline = {
} }
type Event = { type Event = {
date: string, event_date: string,
title: string, title: string,
eventInfo: string, event_info: string,
} }
export { Tenant, Theme, DataTimeline, Event } export { Tenant, Theme, DataTimeline, Event }
+18 -17
View File
@@ -1,5 +1,6 @@
import { createRouter, createMemoryHistory, RouteRecordRaw } from 'vue-router' import { createRouter, createMemoryHistory, RouteRecordRaw } from 'vue-router'
const routes: Array<RouteRecordRaw> = [ const routes: Array<RouteRecordRaw> = [
{ {
path: "/", path: "/",
@@ -14,70 +15,70 @@ const routes: Array<RouteRecordRaw> = [
}, },
{ {
path: '/blog', path: '/blog',
component: () => import('../view/blog/index.vue'), component: resolve => (require('@/view/blog/index.vue'), resolve),
meta: { meta: {
name: '博客' name: '博客'
} }
}, },
{ {
path: '/bookmark', path: '/bookmark',
component: () => import('../view/bookmark/index.vue'), component: resolve => (require('@/view/bookmark/index.vue'), resolve),
meta: { meta: {
name: '书签' name: '书签'
} }
}, },
{ {
path: '/onenote', path: '/onenote',
component: () => import('../view/onenote/index.vue'), component: resolve => (require('@/view/onenote/index.vue'), resolve),
meta: { meta: {
name: 'onenote' name: 'onenote'
} }
}, },
{ {
path: '/calendar', path: '/calendar',
component: () => import('../view/calendar/index.vue'), component: resolve => (require('@/view/calendar/index.vue'), resolve),
meta: { meta: {
name: '日历' name: '日历'
} }
}, },
{ {
path: '/cloud', path: '/cloud',
component: () => import('../view/cloud/index.vue'), component: resolve => (require('@/view/cloud/index.vue'), resolve),
meta: { meta: {
name: '个人云盘' name: '个人云盘'
} }
}, },
{ {
path: '/market', path: '/market',
component: () => import('../view/recommend/index.vue'), component: resolve => (require('@/view/recommend/index.vue'), resolve),
meta: { meta: {
name: '市场行情' name: '市场行情'
} }
}, },
{ {
path: '/capital', path: '/capital',
component: () => import('../view/capital/index.vue'), component: resolve => (require('@/view/capital/index.vue'), resolve),
meta: { meta: {
name: '资金管理' name: '资金管理'
} }
}, },
{ {
path: '/strategy', path: '/strategy',
component: () => import('../view/trader/cta_strategy_file.vue'), component: resolve => (require('@/view/trader/cta_strategy_file.vue'), resolve),
meta: { meta: {
name: '策略模板' name: '策略模板'
} }
}, },
{ {
path: '/strategy_instance', path: '/strategy_instance',
component: () => import('../view/trader/cta_strategy.vue'), component: resolve => (require('@/view/trader/cta_strategy.vue'), resolve),
meta: { meta: {
name: 'CTA策略' name: 'CTA策略'
} }
}, },
{ {
path: '/settings', path: '/settings',
component: () => import('../view/settings/index.vue'), component: resolve => (require('@/view/settings/index.vue'), resolve),
meta: { meta: {
name: '设置' name: '设置'
} }
@@ -86,31 +87,31 @@ const routes: Array<RouteRecordRaw> = [
}, },
{ {
path: "/feedback", path: "/feedback",
component: () => import('../view/blog/mdview.vue') component: resolve => (require('@/view/blog/mdview.vue'), resolve),
}, },
{ {
path: "/BlogEditer", path: "/BlogEditer",
component: () => import('../view/blog/createBlog.vue') component: resolve => (require('@/view/blog/createBlog.vue'), resolve),
}, },
{ {
path: "/BlogViewer", path: "/BlogViewer",
component: () => import('../view/blog/mdview.vue') component: resolve => (require('@/view/blog/mdview.vue'), resolve),
}, },
{ {
path: "/login", path: "/login",
component: () => import('../components/login/login.vue') component: () => import('@/components/login/login.vue')
}, },
{ {
path: "/illustration", path: "/illustration",
component: () => import('../components/illustration/index.vue') component: resolve => (require('../components/illustration/login.vue'), resolve)
}, },
{ {
path: "/register", path: "/register",
component: () => import('../components/login/register.vue') component: resolve => (require('../components/login/register.vue'), resolve)
}, },
{ {
path: "/sorryPage", path: "/sorryPage",
component: () => import('../components/login/sorry.vue') component: resolve => (require('../components/login/sorry.vue'), resolve)
}, },
] ]
+8 -8
View File
@@ -20,21 +20,21 @@
</el-calendar> </el-calendar>
<span>待办事项</span> <span>待办事项</span>
<el-table :data="eventDataList"> <el-table :data="eventDataList">
<el-table-column property="date" label="Date" width="150" /> <el-table-column property="event_date" label="Date" width="150" />
<el-table-column property="title" label="title" width="200" /> <el-table-column property="title" label="title" width="200" />
<el-table-column property="eventInfo" label="eventInfo" /> <el-table-column property="event_info" label="eventInfo" />
</el-table> </el-table>
<el-dialog v-model="dialogFormVisible" title="待办事项"> <el-dialog v-model="dialogFormVisible" title="待办事项">
<el-form :model="form"> <el-form :model="form">
<el-form-item label="日期" :label-width="formLabelWidth"> <el-form-item label="日期" :label-width="formLabelWidth">
<span>{{ form.date }}</span> <span>{{ form.event_date }}</span>
</el-form-item> </el-form-item>
<el-form-item label="title" :label-width="formLabelWidth"> <el-form-item label="title" :label-width="formLabelWidth">
<el-input v-model="form.title" autocomplete="off" /> <el-input v-model="form.title" autocomplete="off" />
</el-form-item> </el-form-item>
<el-form-item label="eventInfo" :label-width="formLabelWidth"> <el-form-item label="eventInfo" :label-width="formLabelWidth">
<el-input v-model="form.eventInfo" autocomplete="off" type="textarea" /> <el-input v-model="form.event_info" autocomplete="off" type="textarea" />
</el-form-item> </el-form-item>
<el-form-item label="alert" :label-width="formLabelWidth"> <el-form-item label="alert" :label-width="formLabelWidth">
<el-checkbox-group v-model="checkedalerts" :min="0" :max="2"> <el-checkbox-group v-model="checkedalerts" :min="0" :max="2">
@@ -73,9 +73,9 @@ const holidays = reactive<any>({})
const eventDataList = reactive<Event[]>([]) const eventDataList = reactive<Event[]>([])
const eventDataObject = reactive<any>({}) const eventDataObject = reactive<any>({})
const form = reactive({ const form = reactive({
date: '', event_date: '',
title: '', title: '',
eventInfo: '', event_info: '',
}) })
// -- REF OBJECT -- // -- REF OBJECT --
const value = ref(new Date()) const value = ref(new Date())
@@ -89,7 +89,7 @@ const alerts = ['email', 'messageBox', '手机短信', '微信通知']
// -- EVENT DEFINITION // -- EVENT DEFINITION
const onclick = (date: Date) => { const onclick = (date: Date) => {
form.date = toLocalDate(date) form.event_date = toLocalDate(date)
dialogFormVisible.value = true dialogFormVisible.value = true
} }
@@ -129,7 +129,7 @@ onMounted(async () => {
eventDataList.length = 0 eventDataList.length = 0
response.data.forEach((record: Event) => { response.data.forEach((record: Event) => {
eventDataList.push(record) eventDataList.push(record)
eventDataObject[record.date] = record.title eventDataObject[record.event_date] = record.title
}) })
}) })
isComponentActive.value = true isComponentActive.value = true
+1 -1
View File
@@ -125,7 +125,7 @@ const statistics = ref({
const toolCards = ref([ const toolCards = ref([
{ {
label: 'Jenjins', label: 'Jenkins',
icon: 'camera', icon: 'camera',
name: 'Jenkins', name: 'Jenkins',
color: '#ff9c6e', color: '#ff9c6e',