intellioa
/
super-fusion-platform
mirror of http://10.10.14.221/feiliming/oa-project-vue.git
6
0
Fork 0
Code Issues Projects Releases Wiki Activity

德育-学生管理

Browse Source
init
zhusiyu 3 years ago
parent 5d08498fed
commit 66397a2780
1 changed files with 105 additions and 102 deletions
Show Stats Download Patch File Download Diff File

207
src/views/screenAdaptation/pages/moralEducationCenter/studentClassTeacherManage/studentManage.vue
Unescape View File

@ -2,7 +2,7 @@
<CommonBox title="学生管理" class="moral-education-student-style">
<a-spin class="brandCreat" :spinning="spinning">
<div class="studentManageBox">
<!--左侧学生信息标题部分-->
<!--左侧学生部分-->
<div class="studentManageBox-leftTitle">
<img class="bg1" src="../images/titleBg1.png" alt="">
<img class="bg2" src="../images/titleBg2.png" alt="">
@ -52,14 +52,15 @@
<a-row style="width: 100%;height: 100%">
<a-col :span="14" style="height: 100%">
<div class="border"></div>
<span class="gender-style">{{typeof genderBoy == 'string' ? genderBoy : ' '}}生</span>
<!--<span class="gender-style">{{typeof genderBoy == 'string' ? genderBoy : ' '}}生</span>-->
<span class="gender-style">男生</span>
<br>
<i class="total">{{numrBoy}}人</i>
</a-col>
<a-col class="echarts" id="myechartsBoy" ref="myecharts" :span="10"
style="height: 100%"></a-col>
<a-col style="position: absolute; top: 28px;right: 9px; fontSize: 18px;fontWeight: 700;color: #01F6F9">
{{!isNaN(boybili) ? boybili : 0}}%
style="height: 100%">
<a-progress type="circle" :percent="boyRatio" :width="55" :height="55"
:strokeWidth="10" strokeColor="#1379c8" trailColor="#93A0BD"/>
</a-col>
</a-row>
</div>
@ -67,14 +68,15 @@
<a-row style="width: 100%;height: 100%;position: relative;">
<a-col :span="14" style="height: 100%">
<div class="border"></div>
<span class="gender-style">{{typeof genderGril == 'string' ? genderGril : ' '}}生</span>
<!--<span class="gender-style">{{typeof genderGril == 'string' ? genderGril : ' '}}生</span>-->
<span class="gender-style">女生</span>
<br>
<i class="total">{{numGril}}人</i>
</a-col>
<a-col class="echarts" id="myechartsGril" ref="myecharts" :span="10"
style="height: 100%"></a-col>
<a-col style="position: absolute; top: 28px;right: 9px; fontSize: 18px;fontWeight: 700;color: #01F6F9">
{{!isNaN(grilbili) ? grilbili : 0}}%
style="height: 100%">
<a-progress type="circle" :percent="grilRatio" :width="55" :height="55"
:strokeWidth="10" strokeColor="#ec808d" trailColor="#93A0BD"/>
</a-col>
</a-row>
</div>
@ -206,10 +208,10 @@
import CommonBox from '../../secondPages/commonBox.vue';
// import CommonModal from './commomModal.vue'
import CommonInfo from '../../../common/commonInfo.vue'
import {Carousel, Table, Row, Col, Collapse, Spin, Empty} from 'ant-design-vue';
import {Carousel, Table, Row, Col, Collapse, Spin, Empty, Progress} from 'ant-design-vue';
import {swiper, swiperSlide} from 'vue-awesome-swiper'
//import 'swiper/css/swiper.css'
import * as echarts from 'echarts'
// import * as echarts from 'echarts'
import ImgPreview from '../../../common/imgPreview.vue';
export default {
@ -235,8 +237,8 @@
numGril: 0,
genderBoy: '',
numrBoy: 0,
boybili: 0,
grilbili: 0,
boyRatio: 0,
grilRatio: 0,
spinning: false,
currentKey: '0',
rightTopShow: true,
@ -260,7 +262,7 @@
headText: '',
tableData: [],
columns: [
{title: '年级', dataIndex: 'ENTRANCE_YEAR', key: 'ENTRANCE_YEAR', align: "center",},
{title: '年级', dataIndex: 'entrance_year', key: 'entrance_year', align: "center",},//ENTRANCE_YEAR
{title: '人数', dataIndex: 'total', key: 'total', align: "center",},
{title: '男生', dataIndex: 'nan_total', key: 'nan_total', align: "center",},
{title: '女生', dataIndex: 'nv_total', key: 'nv_total', align: "center",},
@ -271,7 +273,7 @@
headText: '',
tableData: [],
columns: [
{title: '年级', dataIndex: 'ENTRANCE_YEAR', key: 'ENTRANCE_YEAR', align: "center",},
{title: '年级', dataIndex: 'entrance_year', key: 'entrance_year', align: "center",},
{title: '人数', dataIndex: 'total', key: 'total', align: "center",},
{title: '男生', dataIndex: 'nan_total', key: 'nan_total', align: "center",},
{title: '女生', dataIndex: 'nv_total', key: 'nv_total', align: "center",},
@ -281,7 +283,7 @@
headText: '',
tableData: [],
columns: [
{title: '年级', dataIndex: 'ENTRANCE_YEAR', key: 'ENTRANCE_YEAR', align: "center",},
{title: '年级', dataIndex: 'entrance_year', key: 'entrance_year', align: "center",},
{title: '人数', dataIndex: 'total', key: 'total', align: "center",},
{title: '男生', dataIndex: 'nan_total', key: 'nan_total', align: "center",},
{title: '女生', dataIndex: 'nv_total', key: 'nv_total', align: "center",},
@ -307,7 +309,7 @@
//学生管理数据1获取
this.getStudentManageData1()
//学生管理数据2获取
this.getStudentManageData2()
// this.getStudentManageData2()
//学生管理数据3获取
this.getStudentManageData3()
//学生管理数据4获取
@ -360,6 +362,7 @@
for (let i = 0; i < temp.length; i++) {
this.allStudeantTotal += temp[i].total
}
this.getStudentManageData2()
}
})
},
@ -390,10 +393,8 @@
this.numGril = this.studentManageData2[0].total
this.genderBoy = this.studentManageData2[1].XB_NAME
this.numrBoy = this.studentManageData2[1].total
this.boybili = parseInt(Number(this.numrBoy) / Number(this.allStudeantTotal) * 100) + 1
this.grilbili = parseInt(Number(this.numGril) / Number(this.allStudeantTotal) * 100)
this.getEchartsBoy()
this.getEchartsGirl()
this.boyRatio = parseInt(Number(this.numrBoy) / Number(this.allStudeantTotal) * 100) + 1
this.grilRatio = parseInt(Number(this.numGril) / Number(this.allStudeantTotal) * 100)
}
})
},
@ -537,85 +538,85 @@
collapseChange(key) {
this.currentKey = key
},
getEchartsBoy() {
echarts.init(document.getElementById('myechartsBoy')).setOption({
tooltip: {
trigger: 'item',
},
series: [
{
type: 'pie',
radius: ['75%', '100%'],
center: ['50%', '50%'],
avoidLabelOverlap: false,
color: ['#93A0BD', '#2196f3'],
labelLine: {
show: false
},
label: {
show: false,
position: 'center',
//formatter: '{d}%'
},
tooltip: {
trigger: 'item',
},
data: [
{
value: this.allStudeantTotal,
label: {
normal: {
show: true,
}
}
},
{
value: this.numrBoy,
label: {
normal: {
show: true,
}
}
}
]
}
]
})
},
getEchartsGirl() {
echarts.init(document.getElementById('myechartsGril')).setOption({
tooltip: {
trigger: 'item',
},
series: [
{
type: 'pie',
radius: ['75%', '100%'],
center: ['50%', '50%'],
avoidLabelOverlap: false,
color: ['#93A0BD', '#EC808D'],
labelLine: {
show: false
},
tooltip: {
trigger: 'item',
},
data: [
{
value: this.allStudeantTotal,
label: {
normal: {
show: true,
}
}
},
{value: this.numGril}
]
}
]
})
},
// getEchartsBoy() {
// echarts.init(document.getElementById('myechartsBoy')).setOption({
// tooltip: {
// trigger: 'item',
// },
// series: [
// {
// type: 'pie',
// radius: ['75%', '100%'],
// center: ['50%', '50%'],
// avoidLabelOverlap: false,
// color: ['#93A0BD', '#2196f3'],
// labelLine: {
// show: false
// },
// label: {
// show: false,
// position: 'center',
// //formatter: '{d}%'
// },
// tooltip: {
// trigger: 'item',
// },
// data: [
// {
// value: this.allStudeantTotal,
// label: {
// normal: {
// show: true,
// }
// }
//
// },
// {
// value: this.numrBoy,
// label: {
// normal: {
// show: true,
// }
// }
// }
// ]
// }
// ]
// })
// },
// getEchartsGirl() {
// echarts.init(document.getElementById('myechartsGril')).setOption({
// tooltip: {
// trigger: 'item',
// },
// series: [
// {
// type: 'pie',
// radius: ['75%', '100%'],
// center: ['50%', '50%'],
// avoidLabelOverlap: false,
// color: ['#93A0BD', '#EC808D'],
// labelLine: {
// show: false
// },
// tooltip: {
// trigger: 'item',
// },
// data: [
// {
// value: this.allStudeantTotal,
// label: {
// normal: {
// show: true,
// }
// }
// },
// {value: this.numGril}
// ]
// }
// ]
// })
// },
getCustomRow() {
let obj = {style: {}};
obj['style']['color'] = '#fff';
@ -672,6 +673,7 @@
ACarousel: Carousel,
ASpin: Spin,
AEmpty: Empty,
AProgress: Progress,
//学生荣誉轮播图
swiper,
swiperSlide,
@ -818,7 +820,9 @@
position: absolute;
top: 80px;
right: 0;
/deep/ .ant-progress-text {
color: white;
}
.boy, .gril {
position: relative;
width: 140px;
@ -850,7 +854,6 @@
.boy {
margin-right: 40px;
.border {
position: absolute;
display: inline-block;

Write Preview
Loading…
Cancel
Save