首页和评估教育建议

This commit is contained in:
zhanglipeng
2020-11-30 16:20:21 +08:00
parent 3ebc280a25
commit 6eb980e5a3
6 changed files with 134 additions and 92 deletions

View File

@ -86,6 +86,9 @@ export default {
},
setOptions() {
this.chart.setOption({
title: {
text: "考勤统计",
},
xAxis: {
data: this.classOptions,
boundaryGap: false,

View File

@ -65,6 +65,9 @@ export default {
this.chart = echarts.init(this.$el, "macarons");
this.chart.setOption({
title: {
text: "教职工学历统计",
},
tooltip: {
trigger: "item",
formatter: "{a} <br/>{b} : {c} ({d}%)"

View File

@ -1,66 +1,76 @@
<template>
<el-card :class="className" :style="{height:height,width:width}">
<el-card :class="className" :style="{ height: height, width: width }">
<div slot="header" class="clearfix">
<span>欢迎来到 {{deptName}} 管理系统</span>
<span>欢迎来到 {{ deptName }} 管理系统</span>
</div>
<div class="text item">班级总数{{classTotal}}</div>
<div class="text item">教职工总数{{userTotal}}</div>
<div class="text item">幼儿总数0</div>
<div class="text item">今日园历活动数0</div>
<div class="text item">学习视频数0</div>
<div class="text item">班级总数{{ classTotal }}</div>
<div class="text item">教职工总数{{ userTotal }}</div>
<div class="text item">幼儿总数{{ childTotal }}</div>
<!-- <div class="text item">今日园历活动数0</div> -->
<div class="text item">学习视频数{{ videoTotal }}</div>
</el-card>
</template>
<script>
import { listUser, getUserProfile } from "@/api/system/user";
import { listClass } from "@/api/system/class";
import { info } from "@/api/system/home";
export default {
props: {
className: {
type: String,
default: "chart"
default: "chart",
},
width: {
type: String,
default: "100%"
default: "100%",
},
height: {
type: String,
default: "480px"
}
default: "480px",
},
},
data() {
return {
deptName: {},
classTotal: 0,
userTotal: 0
userTotal: 0,
childTotal: 0,
videoTotal: 0,
};
},
created() {
this.getDeptName();
this.getClassCount();
this.getUserCount();
this.getInfo();
},
methods: {
getInfo() {
info().then((response) => {
this.childTotal = response.childcount;
this.videoTotal = response.videocount;
});
},
getDeptName() {
getUserProfile().then(response => {
getUserProfile().then((response) => {
this.deptName = response.data.dept.deptName;
});
},
/** 查询班级信息列表 */
getClassCount() {
listClass(null).then(response => {
listClass(null).then((response) => {
this.classTotal = response.total;
});
},
/** 查询用户列表 */
getUserCount() {
listUser(null).then(response => {
listUser(null).then((response) => {
this.userTotal = response.total;
});
}
}
},
},
};
</script>