體質健康階段代碼提交

src/views/physicalHealth/dataAnalysis/DataAnalysisMain.vue

@@ -28,12 +28,16 @@
     </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"
+                    :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"
                   :yearData="yearData"  :reportData="reportData" :schoolData="schoolData"/>
     <School_04 v-else-if="reportData.id === 'school_04'" :countyData="countyData"
                :yearData="yearData"  :reportData="reportData" :schoolData="schoolData"/>
+    <School_05 v-else-if="reportData.id === 'school_05'" :countyData="countyData"
+               :yearData="yearData"  :reportData="reportData" :schoolData="schoolData"/>
 </template>
 
 <script>
@@ -76,9 +80,11 @@
             AIcon:Icon,
             ASpin:Spin,
             City_County_01:()=>import('./cityAnalysis/City_County_01.vue'),
+            City_02:()=>import('./cityAnalysis/City_02.vue'),
             School_01_02:()=>import('./schoolAnalysis/School_01_02.vue'),
             School_03:()=>import('./schoolAnalysis/School_03.vue'),
-            School_04:()=>import('./schoolAnalysis/School_04.vue')
+            School_04:()=>import('./schoolAnalysis/School_04.vue'),
+            School_05:()=>import('./schoolAnalysis/School_05.vue'),
         },
         mounted(){
           this.$bus.on("ANALYSISRETURN",this.returnBack);
@@ -87,7 +93,8 @@
             if (this.loadData === false){//是否加载过数据
                 this.loadData = true;
                 if(this.role === 'city'){//市教育局角色
-                    this.getCountyData();
+                    //this.getCountyData();
+                    this.getReportData();
                 }else if (this.role === 'county'){//县域角色
                     this.getSchoolData();
                 }else{//学校角色

src/views/physicalHealth/dataAnalysis/schoolAnalysis/School_05.vue

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