iczer
5 years ago
parent
2eafdef2f9
commit
fc0101f4e3
16 changed files with 286 additions and 509 deletions
@ -0,0 +1,37 @@ |
||||
<template> |
||||
<div class="common-layout"> |
||||
<div class="content"><slot></slot></div> |
||||
<page-footer :link-list="footerLinks" :copyright="copyright"></page-footer> |
||||
</div> |
||||
</template> |
||||
|
||||
<script> |
||||
import PageFooter from '@/layouts/footer/PageFooter' |
||||
import {mapState} from 'vuex' |
||||
|
||||
export default { |
||||
name: 'CommonLayout', |
||||
components: {PageFooter}, |
||||
computed: { |
||||
...mapState('setting', ['footerLinks', 'copyright']) |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style scoped lang="less"> |
||||
.common-layout{ |
||||
display: flex; |
||||
flex-direction: column; |
||||
height: 100vh; |
||||
overflow: auto; |
||||
background: #f0f2f5 url('https://gw.alipayobjects.com/zos/rmsportal/TVYTbAXWheQpRcWDaDMu.svg') no-repeat center 110px; |
||||
background-size: 100%; |
||||
.content{ |
||||
padding: 32px 0; |
||||
flex: 1; |
||||
@media (min-width: 768px){ |
||||
padding: 112px 0 24px; |
||||
} |
||||
} |
||||
} |
||||
</style> |
||||
@ -1,204 +0,0 @@ |
||||
import Vue from 'vue' |
||||
import Router from 'vue-router' |
||||
import PageView from '@/layouts/PageView' |
||||
import RouteView from '@/layouts/RouteView' |
||||
import MenuView from '@/layouts/MenuView' |
||||
import Login from '@/pages/login/Login' |
||||
|
||||
Vue.use(Router) |
||||
|
||||
export default new Router({ |
||||
routes: [ |
||||
{ |
||||
path: '/login', |
||||
name: '登录页', |
||||
component: Login, |
||||
invisible: true |
||||
}, |
||||
{ |
||||
path: '/', |
||||
name: '首页', |
||||
component: MenuView, |
||||
redirect: '/login', |
||||
children: [ |
||||
{ |
||||
path: 'dashboard', |
||||
name: 'Dashboard', |
||||
meta: { |
||||
icon: 'dashboard' |
||||
}, |
||||
component: RouteView, |
||||
children: [ |
||||
{ |
||||
path: 'workplace', |
||||
name: '工作台', |
||||
component: () => import('@/pages/dashboard/workplace/WorkPlace'), |
||||
}, |
||||
{ |
||||
path: 'analysis', |
||||
name: '分析页', |
||||
component: () => import('@/pages/dashboard/analysis/Analysis'), |
||||
} |
||||
] |
||||
}, |
||||
{ |
||||
path: 'form', |
||||
name: '表单页', |
||||
meta: { |
||||
icon: 'form', |
||||
}, |
||||
component: PageView, |
||||
children: [ |
||||
{ |
||||
path: 'basic', |
||||
name: '基础表单', |
||||
component: () => import('@/pages/form/basic/BasicForm'), |
||||
}, |
||||
{ |
||||
path: 'step', |
||||
name: '分步表单', |
||||
component: () => import('@/pages/form/step/StepForm'), |
||||
}, |
||||
{ |
||||
path: 'advance', |
||||
name: '高级表单', |
||||
component: () => import('@/pages/form/advance/AdvancedForm'), |
||||
} |
||||
] |
||||
}, |
||||
{ |
||||
path: 'list', |
||||
name: '列表页', |
||||
meta: { |
||||
icon: 'table' |
||||
}, |
||||
component: PageView, |
||||
children: [ |
||||
{ |
||||
path: 'query', |
||||
name: '查询表格', |
||||
component: () => import('@/pages/list/QueryList'), |
||||
}, |
||||
{ |
||||
path: 'primary', |
||||
name: '标准列表', |
||||
component: () => import('@/pages/list/StandardList'), |
||||
}, |
||||
{ |
||||
path: 'card', |
||||
name: '卡片列表', |
||||
component: () => import('@/pages/list/CardList'), |
||||
}, |
||||
{ |
||||
path: 'search', |
||||
name: '搜索列表', |
||||
component: () => import('@/pages/list/search/SearchLayout'), |
||||
children: [ |
||||
{ |
||||
path: 'article', |
||||
name: '文章', |
||||
component: () => import('@/pages/list/search/ArticleList'), |
||||
}, |
||||
{ |
||||
path: 'application', |
||||
name: '应用', |
||||
component: () => import('@/pages/list/search/ApplicationList'), |
||||
}, |
||||
{ |
||||
path: 'project', |
||||
name: '项目', |
||||
component: () => import('@/pages/list/search/ProjectList'), |
||||
} |
||||
] |
||||
} |
||||
] |
||||
}, |
||||
{ |
||||
path: 'details', |
||||
name: '详情页', |
||||
meta: { |
||||
icon: 'profile' |
||||
}, |
||||
component: RouteView, |
||||
children: [ |
||||
{ |
||||
path: 'basic', |
||||
name: '基础详情页', |
||||
component: () => import('@/pages/detail/BasicDetail') |
||||
}, |
||||
{ |
||||
path: 'advance', |
||||
name: '高级详情页', |
||||
component: () => import('@/pages/detail/AdvancedDetail') |
||||
} |
||||
] |
||||
}, |
||||
{ |
||||
path: 'result', |
||||
name: '结果页', |
||||
meta: { |
||||
icon: 'check-circle-o', |
||||
}, |
||||
component: PageView, |
||||
children: [ |
||||
{ |
||||
path: 'success', |
||||
name: '成功', |
||||
component: () => import('@/pages/result/Success') |
||||
}, |
||||
{ |
||||
path: 'error', |
||||
name: '失败', |
||||
component: () => import('@/pages/result/Error') |
||||
} |
||||
] |
||||
}, |
||||
{ |
||||
path: 'exception', |
||||
name: '异常页', |
||||
meta: { |
||||
icon: 'warning', |
||||
}, |
||||
component: RouteView, |
||||
children: [ |
||||
{ |
||||
path: '404', |
||||
name: '404', |
||||
component: () => import('@/pages/exception/404') |
||||
}, |
||||
{ |
||||
path: '403', |
||||
name: '403', |
||||
component: () => import('@/pages/exception/403') |
||||
}, |
||||
{ |
||||
path: '500', |
||||
name: '500', |
||||
component: () => import('@/pages/exception/500') |
||||
} |
||||
] |
||||
}, |
||||
{ |
||||
path: 'components', |
||||
name: '小组件', |
||||
meta: { |
||||
icon: 'appstore-o' |
||||
}, |
||||
component: PageView, |
||||
children: [ |
||||
{ |
||||
path: 'taskCard', |
||||
name: '任务卡片', |
||||
component: () => import('@/pages/components/TaskCard') |
||||
}, |
||||
{ |
||||
path: 'palette', |
||||
name: '颜色复选框', |
||||
component: () => import('@/pages/components/Palette') |
||||
} |
||||
] |
||||
} |
||||
] |
||||
} |
||||
] |
||||
}) |
||||
Loading…
Reference in new issue