县域分析0930

src/views/physicalHealth/dataAnalysis/DataAnalysisMain.vue

@@ -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{

src/views/physicalHealth/dataAnalysis/districtAnalysis/District_02.js

@@ -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 }

src/views/physicalHealth/dataAnalysis/districtAnalysis/District_02.vue

@@ -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>

src/views/physicalHealth/dataAnalysis/districtAnalysis/District_03.vue

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

src/views/physicalHealth/dataAnalysis/districtAnalysis/District_04.vue

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

src/views/physicalHealth/dataAnalysis/districtAnalysis/District_05.vue

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

src/views/physicalHealth/dataAnalysis/districtAnalysis/District_06.vue

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