Merge branch 'wdc' into '1a86cad6'

Wdc

See merge request !5

runner @ 3e4439c2

-Subproject commit 88c881800bc3ed5c011c05dc0d3668296c9bde95
+Subproject commit 3e4439c28ae19ff665cfef1192ba73ee32590e66

src/pages/growthRecord.vue

+<template>
+    <div class="growthRecord">
+        <div class="content">
+
+            <div class="growthRecord-top">
+                <div class="loge" @click="loge"></div>
+                <div class="tab">
+                    <div class="item">
+                        <img src="../../static/images/growthRecord/growactive.png" alt="">
+                    </div>
+                    <div class="item" @click="progress">
+                        <img src="../../static/images/growthRecord/progress.png" alt="">
+                    </div>
+                    <div class="item" @click="safety">
+                        <img src="../../static/images/growthRecord/safety.png" alt="">
+                    </div>
+                </div>
+            </div>
+
+            <div class="growthRecord-center">
+                <div class="grade">
+                    <swiper :options="swiperOption" class="swipers" ref="goodSwiper">
+                        <swiper-slide v-for="(item, l) in monitoringData" :key="l">
+                            <div class="items" >
+                                <img :src="item" alt="">
+                            </div>
+                        </swiper-slide>
+                    </swiper>
+                </div>
+                <div class="grades">
+                    <div class="gradethree" @click="threegrade"></div>
+                    <div class="gradesix" @click="sixgrade"></div>   
+                </div>
+            </div>
+
+            <div class="growthRecord-bottom">
+                <div class="item" @click="primary">
+                    <img src="../../static/images/growthRecord/primary.png" alt="">
+                </div>
+                <div class="item" @click="junior">
+                    <img src="../../static/images/growthRecord/junior.png" alt="">
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script>
+import grade1 from '../../static/images/growthRecord/1.png'
+import grade2 from '../../static/images/growthRecord/2.png'
+import grade3 from '../../static/images/growthRecord/3.png'
+import grade4 from '../../static/images/growthRecord/4.png'
+import grade5 from '../../static/images/growthRecord/5.png'
+import grade6 from '../../static/images/growthRecord/6.png'
+import grade7 from '../../static/images/growthRecord/7.png'
+import grade8 from '../../static/images/growthRecord/8.png'
+import grade9 from '../../static/images/growthRecord/9.png'
+import { swiper, swiperSlide } from 'vue-awesome-swiper'
+import 'swiper/dist/css/swiper.css'
+export default {
+    data () {
+        return {
+            monitoringData: [grade1, grade2, grade3, grade4, grade5, grade6, grade7, grade8, grade9],
+            swiperOption: {
+                autoplay: {
+                    delay: 5000,
+                    disableOnInteraction: false
+                },
+                spaceBetween: 10,
+                loop: true,
+                speed: 500
+            }
+        }
+    },
+    components: {
+        swiper,
+        swiperSlide
+    },
+    methods: {
+        loge () {
+
+        },
+        // 教师发展
+        progress () {
+
+        },
+        // 安全场景
+        safety () {
+            this.$router.push('/safety')
+        },
+        // 三年级
+        threegrade () {
+            this.$router.push('/class3')
+        },
+        // 六年级
+        sixgrade () {
+            this.$router.push('/sixthForm')
+        },
+        // 小学
+        primary () {
+            this.$router.push('/primary')
+        },
+        // 初中
+        junior () {
+            this.$router.push('/junior')
+        }
+    }
+}
+</script>
+
+<style lang="less" scoped>
+.growthRecord{
+    width: 1920px;
+    height: 1080px;
+    margin:0 auto;
+    background: url('../../static/images/growthRecord/backurl.jpg') no-repeat left top;
+
+    .content{
+        .growthRecord-top{
+            width: 100%;