add

src/pages/growth.vue

@@ -10,6 +10,7 @@ export default {
 .grow{
     width: 1920px;
     height: 1080px;
-    background: url('../../static/images/sixthForm/grow.png') no-repeat;
+    background: url('../../static/images/sixthForm/grow.png') no-repeat center;
+    margin: 0 auto;
 }
 </style>

src/pages/sixthFormStudent.vue

 <template>
-    <div  class="sixth-page">
+    <div class="sixth-page">
         <div class="left">
             <!-- 身心健康 -->
             <div class="left-top" @click="healthy"></div>
             <!-- 学业分析 -->
-            <div class="left-bottom"></div>
+            <div class="left-bottom" @click="study"></div>
         </div>
         <div class="center">
-            <div class="research"></div>
+            <!-- 搜索 -->
+            <div class="research">
+                <div class="select-item">
+                    <select-list
+                        title="年级"
+                        :list="gradeList"
+                        v-model="gradeRes"
+                    />
+                </div>
+                <div class="select-item">
+                    <select-list
+                        title="班级"
+                        :list="classList"
+                        v-model="classRes"
+                    />
+                </div>
+                <div class="select-item">
+                    <select-list
+                        title="性别"
+                        :list="sexList"
+                        v-model="sexRes"
+                    />
+                </div>
+                <div class="select-item student-name">
+                    <input
+                        placeholder="学生姓名"
+                        v-model="studentName"
+                        @keyup.enter="Search"
+                    />
+                </div>
+                <div
+                    class="search"
+                    @click="Search"
+                    >
+                    搜索
+                </div>
+            </div>
         </div>
         <div class="right">
-            <div class="right-top"></div>
+            <div class="right-top" @click="integration"></div>
             <div class="right-bottom">
                 <div class="title"></div>
-                <div class="swiper">
+                <div class="swiper1">
                     <!-- 轮播图 -->
                     <swiper :options="swiperOption" v-if="activeImgs.length">
                         <swiper-slide class="swiper-slide" v-for="(item, key) in activeImgs" :key="key" >
@@ -22,12 +58,12 @@
                     </swiper>
                 </div>
             </div>
-            <div class="edit"></div>
+            <div class="edit" @click="edit"></div>
         </div>
-
     </div>
 </template>
 <script>
+import SelectList from '@/components/SelectList.vue'
 import { swiper, swiperSlide } from 'vue-awesome-swiper'
 import 'swiper/dist/css/swiper.css'
 import active1 from '../../static/images/sixthForm/1.png'
@@ -36,10 +72,45 @@ import active3 from '../../static/images/sixthForm/3.png'
 export default {
     components: {
         swiper,
-        swiperSlide
+        swiperSlide,
+        SelectList
     },
     data () {
         return {
+            // 选择年级
+            gradeRes: {
+                name: ''
+            },
+            // 年级选择结果
+            gradeList: [
+                {name: '一年级'},
+                {name: '二年级'},
+                {name: '三年级'},
+                {name: '四年级'},
+                {name: '五年级'},
+                {name: '六年级'}
+            ],
+            // 选择班级
+            classRes: {
+                name: ''
+            },
+            // 班级选择结果