update

src/api/info_api.js

@@ -11,3 +11,5 @@ export default class InfoAPI extends BaseAPI {
       headers: { 'Content-Type': 'multipart/form-data' }
     })
 }
+// 数字时代领航人才EMBA
+// 工商管理硕士MBA

src/components/formBox.vue

@@ -2,8 +2,11 @@
   <div class="section-form">
     <div class="section-form-inner">
       <div class="form-box">
-        <h2>玛丽伍德大学<br />领航数字时代EMBA</h2>
-        <p>填写姓名 + 手机， 点击报名咨询</p>
+        <h2>
+          报名咨询玛丽伍德大学<br />
+          EMBA与MBA项目
+        </h2>
+        <p>填写姓名+手机，选择想报名的项目</p>
         <el-form :model="ruleForm" :rules="rules" ref="ruleForm">
           <el-form-item prop="name">
             <el-input v-model="ruleForm.name" placeholder="姓名"></el-input>
@@ -11,6 +14,12 @@
           <el-form-item prop="phone">
             <el-input v-model="ruleForm.phone" placeholder="手机"></el-input>
           </el-form-item>
+          <el-form-item prop="project_id">
+            <el-select v-model="ruleForm.project_id" placeholder="请选择">
+              <el-option label="数字时代领航人才EMBA" :value="1012"></el-option>
+              <el-option label="工商管理硕士MBA" :value="1026"></el-option>
+            </el-select>
+          </el-form-item>
           <el-form-item>
             <el-button type="primary" :loading="isLoading" @click="submit">报名咨询</el-button>
           </el-form-item>
@@ -44,7 +53,8 @@ export default {
       isLoading: false,
       rules: {
         name: [{ required: true, message: '请输入姓名', trigger: 'blur' }],
-        phone: [{ required: true, validator: checkPhone, trigger: 'blur' }]
+        phone: [{ required: true, validator: checkPhone, trigger: 'blur' }],
+        project_id: [{ required: true, message: '请选择项目', trigger: 'blur' }]
       }
     }
   },
@@ -71,7 +81,8 @@ export default {
   position: relative;
   display: flex;
   justify-content: center;
-  height: 554px;
+  // height: 554px;
+  padding-bottom: 50px;
   background: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/form_bg.png) no-repeat center;
   background-repeat: no-repeat;
   background-size: cover;
@@ -109,6 +120,7 @@ export default {
       width: 100%;
     }
     ::v-deep .el-input__inner {
+      width: 100%;
       background: transparent;
       border: 0px;
       border-bottom: 1px solid #000;
@@ -116,6 +128,9 @@ export default {
       padding: 0px;
       color: #333;
     }
+    ::v-deep .el-select{
+      width: 100%;
+    }
     ::v-deep .el-button {
       margin-top: 20px;
       color: #fff;

src/components/layout/footer.vue

@@ -7,7 +7,7 @@
             <span>学校官网</span>
           </h4>
           <a href="https://www.marywood.edu/" target="_blank">玛丽伍德大学官网</a>
-          <a href="https://www.marywood.edu/programs/featured/zijing-mba" target="_blank">紫荆玛丽伍德MBA</a>
+          <a href="https://www.marywood.edu/programs/featured/zijing-mba" target="_blank">紫荆玛丽伍德EMBA</a>
         </div>
         <div class="footer-link">
           <h4>

src/components/studentActivity.vue

+<template>
+  <div class="layout_com_page_banner major-kc-wm" :style="{ 'min-height': 789 + 'px' }">
+    <h3 style="padding-top:30px;">
+      <span v-m>丰富多彩的学生活动</span>
+    </h3>
+    <div class="major-kc-wm-body" @mouseover="mouseOver" @mouseleave="mouseLeave">
+      <swiper ref="mySwiper" :options="swiperOptions">
+        <swiper-slide v-for="(item, index) in list" :key="index">
+          <div>
+            <!-- <div class="activity-list"> -->
+            <div class="activity-item">
+              <div class="title">{{ item.title }}</div>
+              <img :src="img" v-for="img in item.img" :key="img" />
+            </div>
+            <!-- </div> -->
+          </div>
+        </swiper-slide>
+        <div class="swiper-pagination" slot="pagination"></div>
+      </swiper>
+    </div>
+  </div>
+</template>
+
+<script>
+import { Swiper, SwiperSlide, directive } from 'vue-awesome-swiper'
+import 'swiper/css/swiper.css'
+export default {
+  components: {
+    Swiper,
+    SwiperSlide
+  },
+  directives: {
+    swiper: directive
+  },
+  computed: {
+    swiper() {
+      return this.$refs.mySwiper.$swiper
+    }
+  },
+  data() {
+    return {
+      list: [
+        {
+          title: '线下课程',
+          img: [
+            'https://webapp-pub.oss-cn-beijing.aliyuncs.com/lms/wmp/s-1-1.png',
+            'https://webapp-pub.oss-cn-beijing.aliyuncs.com/lms/wmp/s-1-2.png',
+            'https://webapp-pub.oss-cn-beijing.aliyuncs.com/lms/wmp/s-1-3.png'
+          ]
+        },
+        {
+          title: '企业参访',
+          img: [
+            'https://webapp-pub.oss-cn-beijing.aliyuncs.com/lms/wmp/s-2-1.png',
+            'https://webapp-pub.oss-cn-beijing.aliyuncs.com/lms/wmp/s-2-2.png',
+            'https://webapp-pub.oss-cn-beijing.aliyuncs.com/lms/wmp/s-2-3.png'
+          ]
+        },
+        {
+          title: '班级活动',
+          img: [
+            'https://webapp-pub.oss-cn-beijing.aliyuncs.com/lms/wmp/s-3-1.png',
+            'https://webapp-pub.oss-cn-beijing.aliyuncs.com/lms/wmp/s-3-2.png',
+            'https://webapp-pub.oss-cn-beijing.aliyuncs.com/lms/wmp/s-3-3.png'
+          ]
+        },
+        {
+          title: '班级庆典',
+          img: [
+            'https://webapp-pub.oss-cn-beijing.aliyuncs.com/lms/wmp/s-4-1.png',
+            'https://webapp-pub.oss-cn-beijing.aliyuncs.com/lms/wmp/s-4-2.png',
+            'https://webapp-pub.oss-cn-beijing.aliyuncs.com/lms/wmp/s-4-3.png'
+          ]
+        },
+        {
+          title: '赴美毕业游',
+          img: [
+            'https://webapp-pub.oss-cn-beijing.aliyuncs.com/lms/wmp/s-5-1.png',
+            'https://webapp-pub.oss-cn-beijing.aliyuncs.com/lms/wmp/s-5-2.png',
+            'https://webapp-pub.oss-cn-beijing.aliyuncs.com/lms/wmp/s-5-3.png'
+          ]
+        },
+        {
+          title: '毕业典礼',
+          img: [
+            'https://webapp-pub.oss-cn-beijing.aliyuncs.com/lms/wmp/s-6-1.png',
+            'https://webapp-pub.oss-cn-beijing.aliyuncs.com/lms/wmp/s-6-2.png',
+            'https://webapp-pub.oss-cn-beijing.aliyuncs.com/lms/wmp/s-6-3.png'
+          ]
+        },
+        {
+          title: '紫荆校友',
+          img: [
+            'https://webapp-pub.oss-cn-beijing.aliyuncs.com/lms/wmp/s-7-1.png',
+            'https://webapp-pub.oss-cn-beijing.aliyuncs.com/lms/wmp/s-7-2.png',
+            'https://webapp-pub.oss-cn-beijing.aliyuncs.com/lms/wmp/s-7-3.png'
+          ]
+        }
+      ],
+      swiperOptions: {
+        observer: true,
+        autoHeight: true,
+        slidesPerView: 4,
+        // paginationClickable: true,
+        spaceBetween: 0,
+        freeMode: true,
+        autoplay: {
+          delay: 2000
+        },
+        pagination: {
+          el: '.swiper-pagination',
+          clickable: true,
+          type: 'bullets'
+        }
+      }
+    }
+  },
+  methods: {
+    mouseOver() {
+      this.swiper.autoplay.stop()
+    },
+    mouseLeave() {
+      this.swiper.autoplay.start()
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.major-kc-wm {
+  background: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/course_bg.png);
+  background-size: cover;
+  position: relative;
+  align-items: center;
+  flex-wrap: wrap;
+  overflow: hidden;
+  h3 {
+    width: 100%;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    font-weight: 500;
+    font-size: 40px;
+    color: rgba(255, 255, 255, 1);
+    span {
+      position: relative;
+      &::before {
+        content: '';
+        position: absolute;
+        bottom: -8px;
+        width: 100%;
+        height: 3px;
+        background: #f6a800;
+      }
+    }
+  }
+  .major-kc-wm-body {
+    ::v-deep .swiper-container {
+      .swiper-pagination-bullet {
+        opacity: 1;
+        background: #fff;
+      }
+      .swiper-pagination-bullet-active {
+        background: rgb(174, 14, 63);
+      }
+    }
+    width: 950px;
+    display: flex;
+    justify-content: center;
+    h3 {
+      color: #ffffffff;
+    }
+  }
+}
+.swiper-container {
+  padding-top: 20px;
+  padding-bottom: 40px;
+}
+.activity-item {
+  width: 210px;
+  .title {
+    width: 210px;
+    line-height: 50px;
+    background: #f6a800;
+    text-align: center;
+    font-size: 24px;
+    color: #fff;
+    margin-bottom: 20px;
+  }
+  img {
+    margin-bottom: 10px;
+  }
+}
+</style>

src/components/teacherInfo.vue

@@ -121,7 +121,7 @@ export default {
             main: [
               '中国人民大学商学院',
               '杰出教授博士生导师',
-              '哈佛商学院、法国INSEA',
+              '哈佛商学院、法国INSEAD',
               '美国百森商学院访问学者',
               '荷兰马斯特里赫特管理学院',
               '工商管理博士'