| | |
|---|
| | | <template> |
|---|
| | | <el-container> |
|---|
| | | <el-header>交通统计报表审核系统 - 工作台</el-header> |
|---|
| | | <el-container direction="vertical"> |
|---|
| | | <app-header title="交通统计报表审核系统 - 工作台"></app-header> |
|---|
| | | <el-container> |
|---|
| | | <el-aside width="200px"> |
|---|
| | | <el-menu router default-active="/dashboard"> |
|---|
| | | <el-menu ref="sideMenu" router :default-active="$route.path" @select="onMenuSelect"> |
|---|
| | | <el-menu-item index="/dashboard">工作台</el-menu-item> |
|---|
| | | <el-menu-item index="/import">数据导入</el-menu-item> |
|---|
| | | <el-menu-item index="/data">数据查看</el-menu-item> |
|---|
| | |
|---|
| | | <el-menu-item index="/audit">审核结果</el-menu-item> |
|---|
| | | <el-menu-item index="/report">报表生成</el-menu-item> |
|---|
| | | <el-menu-item index="/rules">规则管理</el-menu-item> |
|---|
| | | <el-menu-item index="/users">用户管理</el-menu-item> |
|---|
| | | <el-menu-item index="/login" @click="logout">退出登录</el-menu-item> |
|---|
| | | </el-menu> |
|---|
| | | <el-menu-item index="/users">用户管理</el-menu-item></el-menu> |
|---|
| | | </el-aside> |
|---|
| | | <el-main> |
|---|
| | | <div class="page-scroll"> |
|---|
| | |
|---|
| | | </el-container> |
|---|
| | | </template> |
|---|
| | | <script> |
|---|
| | | export default { name: 'Dashboard' } |
|---|
| | | import AppHeader from '@/components/AppHeader.vue' |
|---|
| | | export default { |
|---|
| | | components: { AppHeader }, name: 'Dashboard' } |
|---|
| | | </script> |
|---|
| | | <style scoped> |
|---|
| | | .el-header { background: #409EFF; color: white; line-height: 60px; font-size: 18px; } |
|---|
| | | .stat-num { font-size: 36px; color: #409EFF; } |
|---|
| | | </style> |
|---|
