|
|
|
|
@ -0,0 +1,148 @@
|
|
|
|
|
<template>
|
|
|
|
|
<a-spin :spinning="isLoading">
|
|
|
|
|
<div class="school-05-style">
|
|
|
|
|
<year-select :selected-year="year" @yearChange="onYearChange"/>
|
|
|
|
|
<div class="obj-list-div">
|
|
|
|
|
<template v-for="item in IndexObject" >
|
|
|
|
|
<div :key="item.obj_id" v-if="item.obj_id !== 'height' && item.obj_id !== 'weight'" class="obj-item-div">
|
|
|
|
|
<div class="img-style"></div>
|
|
|
|
|
<div class="text-style">{{item.obj_name}}</div>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="evaluation-standard-div">
|
|
|
|
|
<div class="title-mark-div">测评标准</div>
|
|
|
|
|
<a-table :columns="objTableColumn" size="small" bordered :pagination="false" :dataSource="objTableData" rowKey="id"></a-table>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</a-spin>
|
|
|
|
|
</template>
|
|
|
|
|
<script>
|
|
|
|
|
/*
|
|
|
|
|
* 学校分析：单项横、纵对比分析报告
|
|
|
|
|
* */
|
|
|
|
|
import {Spin,Table} from 'ant-design-vue';
|
|
|
|
|
import IndexObject from '../commonParams';
|
|
|
|
|
import YearSelect from '../common/YearSelect';
|
|
|
|
|
import _ from 'lodash';
|
|
|
|
|
export default{
|
|
|
|
|
name: "School_05",
|
|
|
|
|
props:{
|
|
|
|
|
yearData:{
|
|
|
|
|
type:Object,
|
|
|
|
|
},
|
|
|
|
|
countyData:{
|
|
|
|
|
type:Object,
|
|
|
|
|
},
|
|
|
|
|
reportData:{
|
|
|
|
|
type:Object,
|
|
|
|
|
},
|
|
|
|
|
schoolData:{
|
|
|
|
|
type:Object,
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
data(){
|
|
|
|
|
return {
|
|
|
|
|
isLoading:false,
|
|
|
|
|
IndexObject,
|
|
|
|
|
year:_.cloneDeep(this.yearData),
|
|
|
|
|
objTableColumn:[
|
|
|
|
|
|
|
|
|
|
],
|
|
|
|
|
objTableData:[]
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
methods:{
|
|
|
|
|
onYearChange:function(){
|
|
|
|
|
// this.isLoading = true;
|
|
|
|
|
// this.sampleTabkey = IndexObject[1].obj_id;
|
|
|
|
|
// this.sampleTypeSelect = 'sample';
|
|
|
|
|
// this.gradeTabkey = IndexObject[0].obj_id;
|
|
|
|
|
// this.sampleGrade = '';
|
|
|
|
|
// this.gradeGrade = '';
|
|
|
|
|
// this.getData();
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
components:{
|
|
|
|
|
ASpin:Spin,
|
|
|
|
|
ATable:Table,
|
|
|
|
|
YearSelect
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<style scoped lang="scss">
|
|
|
|
|
.ant-spin-nested-loading {
|
|
|
|
|
/deep/ div{
|
|
|
|
|
.ant-spin{
|
|
|
|
|
position: fixed;
|
|
|
|
|
top:calc(50vh - 200px);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.school-05-style{
|
|
|
|
|
min-height: calc(100vh - 136px);
|
|
|
|
|
/*background-color: white;*/
|
|
|
|
|
padding-bottom: 20px;
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
.obj-list-div{
|
|
|
|
|
width: 100%;
|
|
|
|
|
min-height: 3rem;
|
|
|
|
|
padding: 0 1rem 1rem 250px;
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-wrap: wrap;
|
|
|
|
|
justify-content: flex-start;
|
|
|
|
|
background-color: white;
|
|
|
|
|
.obj-item-div{
|
|
|
|
|
width: 15rem;
|
|
|
|
|
height: 4rem;
|
|
|
|
|
border-radius: 10px;
|
|
|
|
|
background-color: #31a8fa;
|
|
|
|
|
color: white;
|
|
|
|
|
display: flex;
|
|
|
|
|
margin-left: 1.5rem;
|
|
|
|
|
margin-top: 1rem;
|
|
|
|
|
.img-style{
|
|
|
|
|
width: 4rem;
|
|
|
|
|
}
|
|
|
|
|
.text-style{
|
|
|
|
|
width: 11rem;
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
align-items: center;
|
|
|
|
|
font-size: 1.2rem;
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
.evaluation-standard-div{
|
|
|
|
|
width: 100%;
|
|
|
|
|
min-height: 2rem;
|
|
|
|
|
margin-top: 0.5rem;
|
|
|
|
|
background-color: white;
|
|
|
|
|
border: 1px dashed #f8b62b;
|
|
|
|
|
border-radius: 2px;
|
|
|
|
|
.title-mark-div{
|
|
|
|
|
float: right;
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
color: white;
|
|
|
|
|
width: 200px;
|
|
|
|
|
height: 50px;
|
|
|
|
|
text-align: left;
|
|
|
|
|
line-height: 50px;
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
padding-left: 1.5rem;
|
|
|
|
|
background-image: url("../../assets/titleMark.png");
|
|
|
|
|
background-size: 200px 50px;
|
|
|
|
|
margin: 0 auto 20px auto;
|
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
|
}
|
|
|
|
|
.data-table-div{
|
|
|
|
|
width: 100%;
|
|
|
|
|
margin-top: 0.5rem;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</style>
|
