县域分析0930

init
feiliming 4 years ago
parent 1eb700a0ca
commit a2b216bbd5

@ -26,6 +26,7 @@
</vue-scroll>
</div>
</div>
<!-- 市级总体分析 -->
<City_County_01 v-else-if="reportData.id === 'city_01' || reportData.id === 'county_01'" :countyData="countyData"
:yearData="yearData" :reportData="reportData"/>
<City_02 v-else-if="reportData.id === 'city_02'" :countyData="countyData"
@ -36,6 +37,18 @@
:yearData="yearData" :reportData="reportData"/>
<City_05 v-else-if="reportData.id === 'city_05'" :countyData="countyData"
:yearData="yearData" :reportData="reportData"/>
<!-- 县域分析 -->
<District_02 v-else-if="reportData.id === 'county_02'" :countyData="countyData"
:yearData="yearData" :reportData="reportData"/>
<District_03 v-else-if="reportData.id === 'county_03'" :countyData="countyData"
:yearData="yearData" :reportData="reportData"/>
<District_04 v-else-if="reportData.id === 'county_04'" :countyData="countyData"
:yearData="yearData" :reportData="reportData"/>
<District_05 v-else-if="reportData.id === 'county_05'" :countyData="countyData"
:yearData="yearData" :reportData="reportData"/>
<District_06 v-else-if="reportData.id === 'county_06'" :countyData="countyData"
:yearData="yearData" :reportData="reportData"/>
<!-- 学校分析 -->
<School_01_02 v-else-if="reportData.id === 'school_01' || reportData.id === 'school_02'" :countyData="countyData"
:yearData="yearData" :reportData="reportData" :schoolData="schoolData"/>
<School_03 v-else-if="reportData.id === 'school_03'" :countyData="countyData"
@ -89,6 +102,11 @@
City_03:()=>import('./cityAnalysis/City_03.vue'),
City_04:()=>import('./cityAnalysis/City_04.vue'),
City_05:()=>import('./cityAnalysis/City_05.vue'),
District_02:()=>import('./districtAnalysis/District_02.vue'),
District_03:()=>import('./districtAnalysis/District_03.vue'),
District_04:()=>import('./districtAnalysis/District_04.vue'),
District_05:()=>import('./districtAnalysis/District_05.vue'),
District_06:()=>import('./districtAnalysis/District_06.vue'),
School_01_02:()=>import('./schoolAnalysis/School_01_02.vue'),
School_03:()=>import('./schoolAnalysis/School_03.vue'),
School_04:()=>import('./schoolAnalysis/School_04.vue'),
@ -389,7 +407,7 @@
.year-list-style{
margin-bottom: 0!important;
padding-left: 0!important;
min-height: 600px;
/*min-height: 600px;*/
padding-right: 10px;
/*padding-top: 20px;*/
.year-li-style{

@ -0,0 +1,81 @@
const columns = [{
title: '序号',
align: 'center',
dataIndex: 'id',
customRender: (text, record, index) => {
return index + 1
}
},{
title: '学校',
align: 'center',
dataIndex: 'shcool_name'
},{
title: '所属区县',
align: 'center',
dataIndex: 'bureau_name'
},{
title:'样本数',
key:'sampleCount',
align:'center',
children:[
{title:'男',align:'center',key:'sample-male',dataIndex:'psn_num_boy'},
{title:'女',align:'center',key:'sample-female',dataIndex:'psn_num_girl'},
{title:'合计',align:'center',key:'sample-total',dataIndex:'psn_num_stu'},
]
},{
title:'平均分',
key:'averageScore',
align:'center',
children:[
{title:'男',align:'center',key:'averageScore-male',dataIndex:'scr_avg_boy'},
{title:'女',align:'center',key:'averageScore-female',dataIndex:'scr_avg_girl'},
{title:'学校整体',align:'center',key:'averageScore-total',dataIndex:'scr_avg_stu'},
]
},{
title:'等级分布(%)',
key:'grade',
align:'center',
children:[
{
title:'优秀',
align:'center',
key:'grade-excellent',
children:[
{title:'男',align:'center',key:'grade-excellent-male',dataIndex:'rnk_rto_a_boy'},
{title:'女',align:'center',key:'grade-excellent-female',dataIndex:'rnk_rto_a_girl'},
{title:'学校整体',align:'center',key:'grade-excellent-total',dataIndex:'rnk_rto_a_stu'},
]},
{
title:'良好',
align:'center',
key:'grade-good',
children:[
{title:'男',align:'center',key:'grade-good-male',dataIndex:'rnk_rto_b_boy'},
{title:'女',align:'center',key:'grade-good-female',dataIndex:'rnk_rto_b_girl'},
{title:'学校整体',align:'center',key:'grade-good-total',dataIndex:'rnk_rto_b_stu'},
]},
{
title:'及格',
align:'center',
key:'grade-pass',
children:[
{title:'男',align:'center',key:'grade-pass-male',dataIndex:'rnk_rto_c_boy'},
{title:'女',align:'center',key:'grade-pass-female',dataIndex:'rnk_rto_c_girl'},
{title:'学校整体',align:'center',key:'grade-pass-total',dataIndex:'rnk_rto_c_stu'},
]},
{
title:'不及格',
align:'center',
key:'grade-fail',
children:[
{title:'男',align:'center',key:'grade-fail-male',dataIndex:'rnk_rto_d_boy'},
{title:'女',align:'center',key:'grade-fail-female',dataIndex:'rnk_rto_d_girl'},
{title:'学校整体',align:'center',key:'grade-fail-total',dataIndex:'rnk_rto_d_stu'},
]
},
]
}]
const tableDatas = []
export { columns, tableDatas }

@ -0,0 +1,119 @@
<template>
<div class="district-02-style">
<year-select :selected-year="yearData" @yearChange="onYearChange"/>
<div class="title-style">
{{yearData.value}}{{countyData.value}}学生体质健康分析报告
</div>
<div class="report-tips-style">
{{countyData.value}}本年度学生体质健康数据分析中成绩满分120分
累计参与测评学校132所共计参与测评学生总人数9万1262名详细结果如下
</div>
<div class="analysis-container-style clearfix">
<div class="module-title-style">学校整体对比</div>
<a-table
:columns="columns"
size="small"
bordered
:pagination="false"
:dataSource="tableDatas"
rowKey="id">
</a-table>
</div>
</div>
</template>
<script>
import YearSelect from '../common/YearSelect';
import { Table } from "ant-design-vue";
import { columns,tableDatas } from './District_02'
export default {
name: "District_02",
props: {
countyData: {
type: Object
},
yearData: {
type: Object
},
reportData: {
type: Object
}
},
components: {
YearSelect,
ATable: Table,
},
data: function() {
return {
columns,
tableDatas,
}
}
}
</script>
<style scoped lang="scss">
.district-02-style {
min-height: 100%;
background-color: white;
position: relative;
padding-bottom: 20px;
.title-style {
height: 80px;
line-height: 80px;
text-align: center;
font-size: 24px;
font-weight: bold;
letter-spacing: 2px;
}
.report-tips-style {
margin-top: 20px;
min-height: 50px;
background-color: rgba(255, 147, 31, 0.5);
line-height: 50px;
font-size: 16px;
padding-left: 30px;
}
.analysis-container-style {
margin-top: 20px;
padding: 0 20px;
.module-title-style {
font-size: 16px;
color: white;
width: 400px;
height: 50px;
text-align: center;
line-height: 50px;
font-weight: bold;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANcAAAAwCAYAAACCPO+PAAAEPElEQVR4Xu2dP4wUZRjG33d2d9YzMYECaDAWJoZC7maWwhAbQqTReIk5ZGf1Cgu2oTARDJSHnZBIQkGDR+Nld2bXg4SIVhAbNRbmZiEhViQUBKVQ/hRyO3PuayZccUFud3bvm5lvJs+19833Ps/v218mtzd3y4QvEACBRAhwIrtiUxAAAYJceBGAQEIERsq1t/Voe7k09TURzyWUAduCQO4IMPG3K07lyLDgQ+WacQPbYPqJiF7OXXsEBoGECYwSbFO53mzLrooR/plwPmwPArkmICJf9BrV0y8qsalcNS+4IETHct0c4UEgcQJ8PzDKe28f4b+fH/VCueyu7KBBeJuIdiSeDQNAIOcEhGS+51RbseSyvOAYE13IeWfEB4FUCAhRq+eY87Hksr3AJSInlWQYAgJ5JyByz29UX40rV/RGxq68d0Z+EEiLAA9kZuWj6q2N8/73M1dtuT8ta3wzrVCYAwJFICBEzZ5jLg6Vy+qsvstifF+EwugAAmkREJKzPad6avidy+3XhdlLKxTmgEBBCCz6jtkcfudygyYzXSxIYdQAgXQIMF/265XDw+9cnfCkiJxJJxGmgEBBCDBf9+uVQ0Pl2qyq5fZPM/NCQVCgBghMTMB3zJEPvEebx1oULYRcE58FLiwYAchVsANFHX0IQC59zgJJCkYAchXsQFFHHwLK5bLd/ili/lKfikgCAtkQSECu4FNiOp9NHUwFAX0IKJfL6gRNFvxyWZ8jRpKsCCiXq9bpz4vwUlaFMBcEdCGgXC67szZHMljWpSBygEBWBJTLZbmr7zEb17IqhLkgoAsB5XLV2uFBMeSGLgWRAwSyIqBcLrsb7qeB/JJVIcwFAV0IKJfL6gYWD8jXpSBygEBWBJTLta/d3zMw+PesCmEuCOhCQLlcduvpa1Qq3dWlIHKAQFYElMs1/Y3sLJnhg6wKYS4I6EJAuVxvX5VX/nkaPtGlIHKAQFYElMt14EcpP34QhlkVwlwQ0IWAcrmiYrYXPCSibbqURA4QSJ+AdHynGuu/Ucf+M/91uaK34q30C2EiCGhD4JzvmCfipBlLLsvrn2Hik3E2xhoQKCIBJuP9Facc6zHAseSadoO3Sky/FhEaOoHASALM3/n1yuzIdesLxpIruqbmhV0h+TDuAKwDgcIQkH/f8RtTsZ+vHVsuux3uJwPPGBbmBYMicQl85Tvm53EXR+vGliu6yHKDc8z02TiDsBYEckzgku+YR8fNP5FczwTrX2HmD8YdiPUgkCcCwz5QfFSPieVav4N9wkxn8dnJozDj+zkk8JvwYKFXf+mHSbNvSa5o6D5PXhcKj4vILDHvnjQIrgMBDQg8YpGfiWhppVHtbDXPluXaGGDGW33DENojbOwmkZ1bDYfrnyNgGAImagkYIn8Jyx+yxnd6H5s9lbsrlUtlMOwFAnknALnyfoLIry2B/wDS/RJA/BzSkQAAAABJRU5ErkJggg==);
background-size: 400px 50px;
margin: 0 auto 20px auto;
background-repeat: no-repeat;
}
/deep/ .ant-table {
border: 1px dashed #ff931f !important;
.ant-table-body {
margin: 0 !important;
tr td {
padding: 0 0 !important;
}
.ant-table-thead {
background-color: #9bc2e6;
.ant-table-column-title {
font-weight: bolder;
}
}
}
}
}
}
</style>

@ -0,0 +1,13 @@
<template>
<div>District_03333</div>
</template>
<script>
export default {
name: "District_03"
}
</script>
<style scoped>
</style>

@ -0,0 +1,13 @@
<template>
<div>District_0444</div>
</template>
<script>
export default {
name: "District_04"
}
</script>
<style scoped>
</style>

@ -0,0 +1,13 @@
<template>
<div>District_05555</div>
</template>
<script>
export default {
name: "District_05"
}
</script>
<style scoped>
</style>

@ -0,0 +1,13 @@
<template>
<div>District_0666</div>
</template>
<script>
export default {
name: "District_06"
}
</script>
<style scoped>
</style>
Loading…
Cancel
Save