学生管理空数据显示

init
zhusiyu 3 years ago
parent ba6f16535a
commit d7b00dc7a7

@ -29,24 +29,37 @@
</dv-decoration-9>
</div>
<div class="left-topNum-num">
<div class="numbox1 numbox" v-for="(item,i) in studentManageData1" :key="i">
<div v-if="studentManageData1.length!==0" class="numbox1 numbox"
v-for="(item,i) in studentManageData1" :key="i">
<p class="num">{{item.total}}</p>
<p class="text">{{item.stage_name}}</p>
</div>
<div class="numbox1 numbox" v-if="studentManageData1.length===0">
<p class="num">0</p>
<p class="text"> </p>
</div>
<div class="numbox1 numbox" v-if="studentManageData1.length===0">
<p class="num">0</p>
<p class="text"> </p>
</div>
<div class="numbox1 numbox" v-if="studentManageData1.length===0">
<p class="num">0</p>
<p class="text"> </p>
</div>
</div>
<div class="left-topNum-gender">
<div class="boy">
<a-row style="width: 100%;height: 100%">
<a-col :span="14" style="height: 100%">
<div class="border"></div>
<span class="gender-style">{{genderBoy}}</span>
<span class="gender-style">{{typeof genderBoy == 'string' ? genderBoy : ' '}}</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">
{{boybili}}%
{{!isNaN(boybili) ? boybili : 0}}%
</a-col>
</a-row>
</div>
@ -54,14 +67,14 @@
<a-row style="width: 100%;height: 100%;position: relative;">
<a-col :span="14" style="height: 100%">
<div class="border"></div>
<span class="gender-style">{{genderGril}}</span>
<span class="gender-style">{{typeof genderGril == 'string' ? genderGril : ' '}}</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">
{{grilbili}}%
{{!isNaN(grilbili) ? grilbili : 0}}%
</a-col>
</a-row>
</div>
@ -74,7 +87,9 @@
v-if="collapseData.length !=0">
<a-collapse-panel v-for="(item,i) in collapseData" :key="i" :show-arrow="false"
:header="item.headText">
<a-table :columns="item.columns" :dataSource="item.tableData" :customRow="getCustomRow"
<a-empty description="暂无数据" v-if="item.tableData.length ===0"/>
<a-table v-if="item.tableData.length !==0" :columns="item.columns"
:dataSource="item.tableData" :customRow="getCustomRow"
:pagination="false"></a-table>
</a-collapse-panel>
</a-collapse>
@ -113,7 +128,7 @@
<swiper id="mySwiper" :options="swiperOption" ref="mySwiper"
v-if="honorDataSourse.length!=0">
<swiper-slide class="swiper-item divcard swiper-slide"
v-for='(item,index) of honorDataSourse' :key='index'>
v-for='(item,index) in honorDataSourse' :key='index'>
<a-row>
<a-col :span="8">
<img src="../images/headSrc1.png" alt="">
@ -209,11 +224,11 @@
//2
studentManageData2: [],
genderGril: '',
numGril: '',
numGril: 0,
genderBoy: '',
numrBoy: '',
boybili: '',
grilbili: '',
numrBoy: 0,
boybili: 0,
grilbili: 0,
spinning: false,
currentKey: '0',
rightTopShow: true,
@ -279,16 +294,8 @@
currentKey(val, old) {
this.currentKey = val
}
},
beforeMount() {
},
created() {
},
mounted() {
this.$nextTick(() => {
})
//1
this.getStudentManageData1()
//2
@ -349,9 +356,10 @@
// this.getStudentManageData2()
this.spinning = false;
if (result[0].data.result.length != 0) {
this.studentManageData1 = JSON.parse(result[0].data.result)
for (let i = 0; i < this.studentManageData1.length; i++) {
this.allStudeantTotal += this.studentManageData1[i].total
let temp = JSON.parse(result[0].data.result)
this.studentManageData1 = temp
for (let i = 0; i < temp.length; i++) {
this.allStudeantTotal += temp[i].total
}
}
})
@ -383,11 +391,11 @@
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.boybili = parseInt(Number(this.numrBoy) / Number(this.allStudeantTotal) * 100) + 1
this.grilbili = parseInt(Number(this.numGril) / Number(this.allStudeantTotal) * 100)
})
},
//
@ -428,7 +436,7 @@
})
},
//4
//
getStudentManageData4: function () {
let param = {
"access_token": "system_01##20200102030405##a6ce11eab94df48a6ce11eab",
@ -463,15 +471,15 @@
} else {
this.collapseDataEmpty = true
}
res.forEach(item => {
if (item.stage_name == '小学') {
this.collapseData[0].tableData.push(item)
} else if (item.stage_name == '初中') {
this.collapseData[1].tableData.push(item)
} else if (item.stage_name == '高中') {
this.collapseData[2].tableData.push(item)
}
})
// res.forEach(item => {
// if (item.stage_name == '') {
// this.collapseData[0].tableData.push(item)
// } else if (item.stage_name == '') {
// this.collapseData[1].tableData.push(item)
// } else if (item.stage_name == '') {
// this.collapseData[2].tableData.push(item)
// }
// })
})
},
//
@ -525,7 +533,8 @@
this.spinning = false;
if (result[0].data.result != '') {
this.studentNoticeData = JSON.parse(result[0].data.result)
} else {
}
if (this.studentNoticeData.length == 0) {
this.studentNoticeDataEmpty = true
}
})
@ -764,7 +773,6 @@
}
}
}
.left-topNum-num > div:nth-child(2) {
@ -1080,6 +1088,13 @@
padding: 20px 10px 15px 20px;
margin-top: 20px;
border-radius: 7px;
.timeLine-empty {
margin-top: -6px;
margin-right: 62px;
/deep/ .ant-empty-image {
height: 80px !important;
}
}
}
}
}

Loading…
Cancel
Save