feat: 学习统计
This commit is contained in:
parent
8a683ee257
commit
5f943d2c40
|
@ -0,0 +1,80 @@
|
|||
<template>
|
||||
<a-row :gutter="24">
|
||||
<a-col :sm="24" :md="12" :xl="6" :style="{ marginBottom: '24px' }">
|
||||
<chart-card :loading="loading" title="" total="300">
|
||||
<template slot="footer">当前累计学时</template>
|
||||
</chart-card>
|
||||
</a-col>
|
||||
<a-col :sm="24" :md="12" :xl="6" :style="{ marginBottom: '24px' }">
|
||||
<chart-card :loading="loading" title="" total="300">
|
||||
<template slot="footer">累计学习课程</template>
|
||||
</chart-card>
|
||||
</a-col>
|
||||
<a-col :sm="24" :md="12" :xl="6" :style="{ marginBottom: '24px' }">
|
||||
<chart-card :loading="loading" title="" total="300">
|
||||
<template slot="footer">结业课程</template>
|
||||
</chart-card>
|
||||
</a-col>
|
||||
<a-col :sm="24" :md="12" :xl="6" :style="{ marginBottom: '24px' }">
|
||||
<chart-card :loading="loading" title="" total="300">
|
||||
<template slot="footer">结业课程</template>
|
||||
</chart-card>
|
||||
</a-col>
|
||||
<a-col
|
||||
:xl="12"
|
||||
:lg="24"
|
||||
:md="24"
|
||||
:sm="24"
|
||||
:xs="24"
|
||||
:style="{ marginBottom: '24px' }">
|
||||
<a-card :bordered="false" title="年度学时完成情况" :style="{ height: '100%' }">
|
||||
</a-card>
|
||||
</a-col>
|
||||
<a-col
|
||||
:xl="12"
|
||||
:lg="24"
|
||||
:md="24"
|
||||
:sm="24"
|
||||
:xs="24"
|
||||
:style="{ marginBottom: '24px' }">
|
||||
<a-card :bordered="false" title="所选课程的成绩情况" :style="{ height: '100%' }">
|
||||
</a-card>
|
||||
</a-col>
|
||||
</a-row>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
ChartCard,
|
||||
MiniArea,
|
||||
MiniBar,
|
||||
MiniProgress,
|
||||
RankList,
|
||||
Bar,
|
||||
Trend,
|
||||
NumberInfo,
|
||||
MiniSmoothArea
|
||||
} from '@/components'
|
||||
export default {
|
||||
components: {
|
||||
ChartCard,
|
||||
MiniArea,
|
||||
MiniBar,
|
||||
MiniProgress,
|
||||
RankList,
|
||||
Bar,
|
||||
Trend,
|
||||
NumberInfo,
|
||||
MiniSmoothArea
|
||||
},
|
||||
data () {
|
||||
return {
|
||||
loading: false
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
|
||||
</style>
|
Loading…
Reference in New Issue