github/lina
1
0
Fork 0
mirror of https://github.com/jumpserver/lina.git synced 2025-09-01 06:58:01 +00:00
Code Issues Projects Releases Wiki Activity

Merge pull request #54 from jumpserver/dashboard

Browse Source 
Dashboard
This commit is contained in:
BaiJiangJie
2020-05-19 11:10:34 +08:00
committed by GitHub
parent 3f908fcee3 ad18663a39
commit 16400a80c5
3 changed files with 57 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
src/components/SummaryCard/index.vue Normal file
View File

@@ -0,0 +1,25 @@
<template>
<el-card>
<div slot="header">
<span>卡片名称</span>
<span class="pull-right">卡片标签</span>
</div>
<div>
<span>卡片内容</span>
</div>
</el-card>
</template>
<script>
export default {
name: 'SummaryCard',
props: {
}
}
</script>
<style scoped>
.pull-right {
float: right!important;
}
</style>

1
src/components/index.js
View File

@@ -19,3 +19,4 @@ export { default as TreeTable } from './TreeTable'
export { default as IBox } from './IBox' export { default as IBox } from './IBox'
export { default as QuickActions } from './QuickActions' export { default as QuickActions } from './QuickActions'
export { default as Switcher } from './Swicher' export { default as Switcher } from './Swicher'
export { default as SummaryCard } from './SummaryCard'

41
src/views/dashboard/index.vue
View File

@@ -1,21 +1,42 @@
<template> <template>
<h1>hello</h1> <Page>
<el-row :gutter="20">
<el-col :span="6"><SummaryCard /></el-col>
<el-col :span="6"><SummaryCard /></el-col>
<el-col :span="6"><SummaryCard /></el-col>
<el-col :span="6"><SummaryCard /></el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="4"><SummaryCard /></el-col>
<el-col :span="16"><SummaryCard /></el-col>
<el-col :span="4"><SummaryCard /></el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="8"><SummaryCard /></el-col>
<el-col :span="8"><SummaryCard /></el-col>
<el-col :span="8"><SummaryCard /></el-col>
</el-row>
</Page>
</template> </template>
<script> <script>
import { Page } from '@/layout/components'
import { SummaryCard } from '@/components'
export default { export default {
name: 'Dashboard' name: 'Dashboard',
components: {
Page, SummaryCard
}
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.dashboard { .el-row {
&-container { margin-bottom: 25px;
margin: 30px; &:last-child {
margin-bottom: 0;
}
} }
&-text {
font-size: 30px;
line-height: 46px;
}
}
</style> </style>