ppa切换分支

.env

-projectId=1008
+projectId=1034
 
 newProjectId=6808658580045037568
 

.env.dev

-projectId=1008
+projectId=1034
 
 newProjectId=6808658580045037568
 

.env.test

-projectId=1008
+projectId=1034
 
 newProjectId=6808658580045037568
 

assets/css/base.css

@@ -22,7 +22,7 @@ body {
     'Hiragino Sans GB', 'Wenquanyi Micro Hei', sans-serif;
   padding: 0;
   margin: 0;
-  background: #eee;
+  background: #f9f8f8;
 }
 p {
   margin: 0;

components/base/h5/ApplyForm.vue

@@ -36,10 +36,10 @@ import * as api from '@/api'
 export default {
   data() {
     return {
-      ruleForm: { name: '', phone: '', project_id: '1008', channel: localStorage.getItem('channel_num') || 19960 },
+      ruleForm: { name: '', phone: '', project_id: '1034', channel: localStorage.getItem('channel_num') || 19960 },
       projectList: [
         { label: '金融工商管理硕士', value: '1000' },
-        { label: '本科 / 硕士课程', value: '1008' },
+        { label: '本科 / 硕士课程', value: '1034' },
         { label: '金融硕士MSF', value: '1001' },
         { label: '应用心理学硕士', value: '1006' },
         { label: '教育学硕士', value: '1005' },

components/home/banner.vue

 <template>
-  <div class="banner-content" @mouseenter="swiperStop" @mouseleave="swiperStart">
-    <div v-swiper:mySwiper="swiperOption" ref="mySwiper">
-      <div class="swiper-wrapper">
-        <div class="swiper-slide" v-for="(item, index) in listData" :key="index">
-          <template v-if="item.uri">
-            <a :href="item.uri" target="_black">
-              <img :src="item.web_img_uri" />
-            </a>
-          </template>
-          <template v-else>
-            <img :src="item.web_img_uri" />
-          </template>
-        </div>
-      </div>
+  <div>
+    <div class="banner-content">
+      <img class="img" src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/home-banner.png" />
     </div>
-    <template v-if="!isMobile">
-      <div class="prev-button"></div>
-      <div class="next-button"></div>
-    </template>
   </div>
 </template>
+
 <script>
 export default {
-  name: 'banner',
   data() {
-    return {
-      listData: [],
-      swiperOption: {
-        speed: 400,
-        autoplay: true,
-        delay: 3000,
-        observer: true,
-        observerParent: true,
-        navigation: {
-          nextEl: '.next-button',
-          prevEl: '.prev-button'
-        },
-        loop: true
-      }
-    }
-  },
-  async fetch() {
-    const params = { project_id: process.env.newProjectId, type_tag: 'ad_banner' }
-    this.listData = await this.$axios.get('/api/cms/api/v1/advertisements', { params }).then(res => res.data.data)
+    return {}
   },
-  computed: {
-    swiper() {
-      return this.$refs.mySwiper.swiper
-    },
-    isMobile() {
-      return this.$store.state.isMobile
-    }
-  },
-  mounted() {},
-  methods: {
-    swiperStop() {
-      this.swiper.autoplay.stop()
-    },
-    swiperStart() {
-      this.swiper.autoplay.start()
-    }
-  }
+  computed: {},
+  methods: {}
 }
 </script>
 
@@ -68,39 +20,89 @@ export default {
 .banner-content {
   position: relative;
   width: 100%;
-  .swiper-wrapper {
+  .img {
     width: 100%;
-    display: flex;
-    .swiper-slide {
-      width: 100%;
-      // float: left;
-      img {
-        width: 100%;
-        display: block;
-      }
-    }
+    height: 100%;
+    min-height: 650px;
+    object-fit: cover;
+    z-index: 1000;
   }
-  .prev-button {
+  .content_desc {
     position: absolute;
-    top: 50%;
-    left: 30px;
-    width: 20px;
-    height: 35px;
-    background: url(https://zws-imgs-pub.ezijing.com/static/public/beb733466e5ab0168b459a55d198b084.png);
-    background-size: 100% 100%;
-    z-index: 999;
-    cursor: pointer;
+    top: 255px;
+    left: 50%;
+    transform: translate(-50%, -50%);
+
+    .desc_cn {
+      font-size: 60px;
+      font-weight: 500;
+      color: #ffffff;
+      text-shadow: -1.8369701465288538e-16px 3px 6px rgba(0, 0, 0, 0.3);
+      white-space: nowrap;
+      letter-spacing: 5.5px;
+    }
+    .desc_en {
+      font-size: 30px;
+      font-weight: 400;
+      color: #ffffff;
+      text-shadow: -1.8369701465288538e-1 3px 6px rgba(0, 0, 0, 0.3);
+      white-space: nowrap;
+      margin-top: 5px;
+    }
   }
-  .next-button {
+  .banner_navList {
     position: absolute;
-    top: 50%;
-    right: 30px;
-    width: 20px;
-    height: 35px;
-    background: url(https://zws-imgs-pub.ezijing.com/static/public/e97f45b23a3e5ec4913f0069cc714baf.png);
-    background-size: 100% 100%;
-    z-index: 999;
-    cursor: pointer;
+    bottom: -59px;
+    left: 50%;
+    transform: translateX(-50%);
+    display: flex;
+    align-items: flex-end;
+    margin: 0;
+    padding: 0;
+    .banner_nav {
+      width: 239px;
+      height: 144px;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      flex-direction: column;
+      background-color: #be0927;
+      // border-right: 1px solid #e64b77;
+      padding-right: 0;
+      opacity: 0.71;
+
+      .nav_top {
+        width: 100%;
+        height: 87px;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        border-right: 0.5px solid rgba(255, 255, 255, 0.30196078431372547);
+      }
+      .banner_nav:last-child {
+        border: none;
+      }
+      .nav_tit {
+        width: 100%;
+        height: 57px;
+        font-size: 14px;
+        line-height: 57px;
+        text-align: center;
+        color: #fefffe;
+        padding-bottom: 15px;
+        border-right: 1px solid #be0927;
+        font-size: 20px;
+      }
+      &:hover {
+        height: 160px;
+        background-color: #aa1941;
+        border-right: 1px solid #be0927;
+        opacity: 0.78;
+      }
+      &:hover .nav_top {
+        border-right: none;
+      }
+    }
   }
 }
-</style>
\ No newline at end of file
+</style>

components/home/commonProblem.vue

@@ -45,17 +45,17 @@ export default {
     return {
       problem: {
         itemLeft: [
-          '瑞士酒店管理大学、瑞士酒店管理大学MBA，毕业生颁发的学位证书与在瑞士颁发的证书有何不同？',
+          '巴黎PPA商学院DBA项目、巴黎PPA商学院DBA项目MBA，毕业生颁发的学位证书与在瑞士颁发的证书有何不同？',
           '本项目是怎样的上课形式？',
           '本项目学制多久？',
           '能否顺利毕业拿到证书呢？',
           '本项目是在职还是全职？'
         ],
         itemRight: [
-          '如何申请瑞士酒店管理大学、瑞士酒店管理大学MBA？',
+          '如何申请巴黎PPA商学院DBA项目、巴黎PPA商学院DBA项目MBA？',
           '大概流程是什么？',
           '需要提交哪些材料？',
-          '瑞士酒店管理大学、瑞士酒店管理大学MBA的学费是多少？',
+          '巴黎PPA商学院DBA项目、巴黎PPA商学院DBA项目MBA的学费是多少？',
           '学费可以分期吗？'
         ]
       },
@@ -216,4 +216,4 @@ export default {
     }
   }
 }
-</style>
\ No newline at end of file
+</style>

components/home/projectFeatures.vue

 <template>
-  <div class="service-content max-width-center">
-    <div :class="isMobile ? 'is-h5' : 'is-pc'">
-      <card :title="$t('home.project.title')">
-        <ul class="nav-content">
-          <li v-for="(item, index) in data" :key="index">
-            <img :src="item.icon" class="icon" />
-            <img v-if="!isMobile" :src="item.iconActive" class="icon-active" />
-            <div class="text" v-html="item.text"></div>
-          </li>
-        </ul>
-      </card>
-    </div>
+  <div class="max-width-center">
+    <card :title="$t('home.project.title')">
+      <div class="card-list">
+        <div class="card-item" v-for="(item, index) in listData" :key="index">
+          <div class="item_media">
+            <img :src="item.web_img_uri" />
+          </div>
+          <div class="item_desc">
+            <div class="item_desc_tit">{{ item.item_desc_tit }}</div>
+            <div class="item_desc_con" v-html="item.item_desc_con"></div>
+          </div>
+        </div>
+      </div>
+    </card>
   </div>
 </template>
+
 <script>
 import Card from '@/components/Card'
 import AppLink from '@/components/Link'
 export default {
   name: 'projectFeatures',
-  components: {
-    AppLink,
-    Card
-  },
+  components: { AppLink, Card },
   data() {
     return {
-      titleParams: {
-        name: this.$t('home.project.title')
-      },
-      data: [
+      listData: [
+        {
+          web_img_uri: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/home-ts1.png',
+          item_desc_tit: '国家承认的正规机构',
+          item_desc_con: '巴黎PAA商学院<br/>法国国家认可<br/>中国教育部认证'
+        },
         {
-          icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-shms/home_icon_first.png', 
-          iconActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-shms/home_icon_first_on.png',
-          text: '首款“E-Blended Learning”<br />款待业MBA', path: '', pathType: 0
+          web_img_uri: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/home-ts2.png',
+          item_desc_tit: '申请制入学',
+          item_desc_con: '学员资质审核<br/>不用参加博士考试<br/>在职学习'
         },
         {
-          icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-shms/home_icon_Authoritative.png',
-          iconActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-shms/home_icon_Authoritative_on.png',
-          text: '权威专业的泛<br />服务业知识体系', path: '', pathType: 0
+          web_img_uri: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/home-ts3.png',
+          item_desc_tit: '学位含金量高',
+          item_desc_con: '法国名校<br/>全球通用学位<br/>三年紧密团结的同窗友谊<br/>一生链接优质高端人脉'
         },
         {
-          icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-shms/home_icon_development.png',
-          iconActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-shms/home_icon_development_on.png',
-          text: '国际款待业<br />职业发展服务', path: '', pathType: 0
+          web_img_uri: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/home-ts4.png',
+          item_desc_tit: '中外资深教授',
+          item_desc_con: '清华教授博导亲自授课<br/>国际高校教授联合教学<br/>业界导师拓宽实践渠道'
         },
         {
-          icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-shms/home_icon_abroad.png',
-          iconActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-shms/home_icon_abroad_on.png',
-          text: '不出国也能<br />“留学”', path: '', pathType: 0
+          web_img_uri: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/home-ts5.png',
+          item_desc_tit: '全球视野',
+          item_desc_con: '世界紧密相连<br/>海外名校游学<br/>全球名企考察'
         },
         {
-          icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-shms/home_icon_Globally.png',
-          iconActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-shms/home_icon_Globally_on.png',
-          text: '学位全球认可<br />学籍官方可查', path: '', pathType: 0
+          web_img_uri: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/home-ts6.png',
+          item_desc_tit: '灵活学习方式',
+          item_desc_con: '动态沉浸式学习体验<br/>线上线下混合式学习<br/>实时互动、教学相长'
         }
       ]
     }
-  },
-  methods: {
-    goPage(path) {
-      if (path === '') {
-        // this.$message('暂未开通，尽请期待。')
-        return
-      }
-      window.open(path)
-    }
-  },
-  mounted() {
-    console.log(this.isMobile)
-  },
-  computed: {
-    isMobile() {
-      return this.$store.state.isMobile
-    }
   }
 }
 </script>
 
 <style lang="scss" scoped>
 .is-pc {
-  .service-content {
-    padding-top: 68px;
-    .nav-content {
-      display: flex;
-      justify-content: space-between;
-      padding-top: 15px;
-      li {
-        width: 224px;
-        height: 230px;
-        padding-top: 53px;
-        box-sizing: border-box;
-        background: #f9f8f8;
-        // background: #fff;
-        // box-shadow: 0px 4px 38px rgba(142, 30, 34, 0.41);
-        cursor: pointer;
-        transition: all 0.3s;
+  .card-list {
+    width: 1200px;
+    position: relative;
+    margin-top: 26px;
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    row-gap: 30px;
+    column-gap: 30px;
+    .card-item {
+      height: 280px;
+      position: relative;
+      .item_media {
         img {
-          width: 80px;
-          height: 80px;
-          display: block;
-          margin: 0 auto;
-        }
-        .icon-active {
-          display: none;
-        }
-        &:hover {
-          background: #aa1941;
-          box-shadow: 0px 4px 20px rgba(142, 30, 34, 0.41);
-          .text {
-            color: #fff;
-          }
-          .icon {
-            display: none;
-          }
-          .icon-active {
-            display: block;
-          }
-        }
-        .text {
-          font-size: 14px;
-          line-height: 18px;
-          color: #666666;
-          margin-top: 20px;
-          text-align: center;
+          transition: 0.3s;
+          width: 100%;
+          height: 100%;
         }
       }
+      .item_desc {
+        position: absolute;
+        top: 70px;
+        right: 35px;
+        text-align: right;
+      }
+      .item_desc_tit {
+        display: inline-block;
+        padding-bottom: 10px;
+        font-size: 20px;
+        font-weight: 500;
+        color: #aa1941;
+        line-height: 1;
+        border-bottom: 1px solid #aa1941;
+      }
+      .item_desc_con {
+        margin-top: 20px;
+        font-size: 16px;
+        font-weight: 400;
+        color: #424242;
+        line-height: 32px;
+      }
     }
   }
+
   .max-width-center {
-    width: 1212px;
-    margin: 0 auto;
+    width: 1200px;
+    margin: 64px auto 0;
   }
 }
 .is-h5 {
-  .service-content {
-    ul {
-      display: flex;
-      overflow-x: scroll;
-      -webkit-overflow-scrolling: touch;
-    }
-    li {
-      min-width: 0.78rem;
-      background: #ffffff;
-      margin-right: 0.1rem;
-      padding-top: 0.11rem;
-      img {
-        width: 0.4rem;
-        height: 0.4rem;
-        display: block;
-        margin: 0 auto;
+  .card-list {
+    overflow-x: auto;
+    position: relative;
+    margin-top: 17px;
+    display: flex;
+    // justify-content: space-around;
+    .card-item {
+      margin-right: 10px;
+      flex: 0 0 1.93rem;
+      height: 2.75rem;
+      overflow: hidden;
+      position: relative;
+      .item_media {
+        width: 100%;
+        height: 100%;
+        position: absolute;
+        left: 0;
+        top: 0;
+        img {
+          transition: 0.3s;
+          width: 100%;
+          height: 100%;
+        }
+        &:after {
+          content: '';
+          display: block;
+          width: 100%;
+          height: 100%;
+          position: absolute;
+          top: 0;
+          left: 0;
+          background: rgba(0, 0, 0, 0.6);
+        }
       }
-      .text {
-        font-size: 0.1rem;
-        line-height: 0.16rem;
-        color: #666666;
-        padding-top: 0.05rem;
-        text-align: center;
-        padding-bottom: 0.1rem;
+      .item_desc {
+        position: absolute;
+        left: 0;
+        top: 1.1rem;
+
+        width: 100%;
+        height: 2rem;
+        // background-color: #ededed;
+        opacity: 1;
+        display: flex;
+        justify-content: flex-start;
+        align-items: flex-start;
+        flex-direction: column;
+        padding: 0.1rem 0.1rem 0.4rem;
+        // transform-origin: bottom;
+        .item_desc_tit {
+          font-size: 0.16rem;
+          font-weight: 500;
+          color: #fff;
+          line-height: 0.3rem;
+          width: 100%;
+          text-align: center;
+          white-space: nowrap;
+        }
+        .item_desc_con {
+          font-size: 0.12rem;
+          font-weight: 400;
+          color: #fff;
+          margin-top: 0.2rem;
+          line-height: 0.24rem;
+          text-align: justify;
+          margin: auto;
+        }
       }
     }
   }

components/home/projectIntroduce.vue

+<template>
+  <div class="service-content max-width-center">
+    <card title="项目简介">
+      <div class="desc">
+        <div class="d-flex">
+          <p style="margin-right: 28px">
+            清控紫荆教育联合巴黎PPA商学院<br />
+            2024年，推出工商管理博士（DBA）项目，专为中国科技创新企业高层管理者、咨询行业合伙人、管理科学研究者持续发展设计。通过高质量、体系化的精英管理教育，培养战略思维、提升研究与决策能力、扩展专业网络及领导力，学习数字化转型与创新管理等最新管理理论，通过基于案例研讨学习方法将现实世界中的领导力挑战带入课堂，从而在快速变化的科技市场中有效调整企业战略，通过这些精心设计的学习课程，我们的DBA学生不仅将获得深厚的学术知识和研究能力，更将培养出真正的全球视野，为在全球市场中成功竞争和领导打下坚实的基础。
+          </p>
+          <img src="https://webapp-pub.ezijing.com/project/seg-ppa/home-img1.png" class="desc-img" />
+        </div>
+        <div class="d-flex" style="padding: 60px 0 80px">
+          <img src="https://webapp-pub.ezijing.com/project/seg-ppa/home-img2.png" class="desc-img" />
+          <p style="margin-left: 28px">
+            我们的校园位于首都北京清华科技园，这里是世界知名大都市的核心地带，这里是全球科技重要研发中心，我们的课程设计理念就是深度整合科技与管理教学资源，
+            将管理与科技、产业、金融深度融合，邀请院士教授、博士、科技创业者、科创投资者分享清华最前沿的科技创新和管理实践，通过每天的互动可以增加学习的潜力，积极构建中国企业科创新生态。
+          </p>
+        </div>
+        <div class="d-flex">
+          <p style="margin-right: 28px">
+            在当今世界紧密相连的商业环境中，拥有全球视野对于商业领袖至关重要。本项目通过海外名校游学和全球名企考察，不仅为学生提供了与世界顶尖学者交流和学习的机会，而且允许他们沉浸在不同的教育体系和文化环境中，与自世界各地的学生聚集在一起，研究具有全球影响力的案例，从而扩大视野，增进对全球商业动态的理解。此外，通过组织全球名企考察，我们的DBA项目使学生有机会直接接触国际商业操作和战略决策过程。这些考察不仅帮助学生获得宝贵的行业洞察力，还能实地体验如何在不同的市场环境中应用和实践商业理论。
+          </p>
+          <img src="https://webapp-pub.ezijing.com/project/seg-ppa/home-img3.png" class="desc-img" />
+        </div>
+      </div>
+    </card>
+    <card title="项目背景" style="margin-top: 113px">
+      <div class="desc">
+        <div class="d-flex">
+          <p style="margin-right: 28px; line-height: 25px">
+            新质生产力，<br />
+            核心就是用科技创新推动产业创新。<br />
+            清控紫荆教育依托清华大学科技创新与管理教学优势，<br />
+            联合巴黎PPA商学院，<br />
+            秉承“科技创新改变世界”的核心宗旨，<br />
+            围绕“管理、科技、产业、金融”四个维度，<br />
+            倾力培养具备全球视野、前瞻思维的企业家，<br />
+            不仅掌握了最新的科技创新，<br />
+            更能利用这些技术改变世界。<br />
+            课程强调科技与商业战略的融合，<br />
+            深入探索人工智能、大数据、区块链等尖端技术，<br />
+            并将这些工具应用于解决全球性的商业和社会问题。<br />
+            培养科创企业领军者<br />
+            不仅能在技术浪潮中乘风破浪，<br />
+            更能引领这股浪潮，<br />
+            用科技创新开创更美好的世界。
+          </p>
+          <img src="https://webapp-pub.ezijing.com/project/seg-ppa/home-img4.png" class="desc-img" />
+        </div>
+      </div>
+      <div class="p-banner">
+        <div class="h">项目使命</div>
+        <div class="t">培养科创企业<b>领军者</b> &nbsp; 用科技<b>创新</b>改变世界</div>
+      </div>
+    </card>
+    <card title="清华服务科创" style="margin-top: 113px">
+      <div class="create">
+        <div class="c-l">
+          <div class="t">
+            清华大学为科创企业提供科技创新资源支持，同时也为科技成果转化到企业提供综合服务，将先进技术应用到产业，才能发挥科技创新的价值。汇聚清华大学最强科研力量，为科创企业发展提供全方位的闭环链条，真正助力科创企业成长。
+          </div>
+        </div>
+        <div class="c-r">
+          <div class="ul" v-for="item in list">
+            <div class="li" v-for="cItem in item">
+              <div class="n">
+                {{ cItem.n }}<span>{{ cItem.nn }}</span>
+              </div>
+              <div class="z">{{ cItem.z }}</div>
+            </div>
+          </div>
+          <div class="b-ul">
+            <div class="li">
+              <div class="n">No.12</div>
+              <div class="z">2024泰晤士世界大学排名</div>
+            </div>
+            <div class="li">
+              <div class="n">No.25</div>
+              <div class="z">2024QS世界大学排名</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </card>
+  </div>
+</template>
+<script>
+import Card from '@/components/Card'
+import AppLink from '@/components/Link'
+export default {
+  name: 'projectFeatures',
+  components: { AppLink, Card },
+  data() {
+    return {
+      list: [
+        [
+          { n: 54, nn: '位', z: '中科院院士' },
+          { n: 38, nn: '位', z: '中国工程院院士' },
+          { n: 430, nn: '个', z: '校级科研机构' }
+        ],
+        [
+          { n: 18, nn: '个', z: '国家重点实验室' },
+          { n: 15, nn: '个', z: '国家工程实验室' },
+          { n: 176, nn: '个', z: '国家级部位重点科研机构' }
+        ]
+      ]
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.is-pc {
+  .max-width-center {
+    width: 1200px;
+    margin: 0 auto;
+    padding-top: 120px;
+  }
+  .desc-img {
+    height: fit-content;
+    // float: right;
+    // margin-left: 40px;
+    // margin-top: -60px;
+  }
+  .desc {
+    text-align: justify;
+    padding: 28px 0;
+    p {
+      font-size: 18px;
+      color: #666;
+      line-height: 36px;
+    }
+  }
+  .remark {
+    text-align: left;
+    font-size: 20px;
+    line-height: 30px;
+    color: #666666;
+    padding: 28px 30px 0 30px;
+    font-weight: 400;
+  }
+}
+.d-flex {
+  display: flex;
+  justify-content: space-between;
+}
+.p-banner {
+  position: relative;
+  line-height: 340px;
+  background: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/home-img4-bg.png);
+  margin-top: 80px;
+  .t {
+    text-align: center;
+    font-size: 48px;
+    color: #ffffff;
+    letter-spacing: 8px;
+    background: rgba(234, 105, 44, 0.8);
+  }
+  .h {
+    position: absolute;
+    top: 64px;
+    left: 60px;
+    font-weight: bold;
+    font-size: 32px;
+    color: #ffffff;
+    line-height: 100%;
+  }
+}
+.create {
+  background-color: #fff;
+  margin-top: 58px;
+  display: flex;
+  .c-r {
+    width: 680px;
+    background-color: rgba(0, 32, 78, 1);
+    padding: 58px 25px 58px 70px;
+    box-sizing: border-box;
+    .ul {
+      display: flex;
+      margin-bottom: 20px;
+      .li {
+        flex: 1;
+        .n {
+          font-weight: bold;
+          font-size: 30px;
+          color: #ea692c;
+          line-height: 100%;
+          span {
+            font-size: 18px;
+            font-weight: normal;
+          }
+        }
+        .z {
+          font-weight: 400;
+          font-size: 18px;
+          color: #ffffff;
+          white-space: nowrap;
+        }
+      }
+    }
+    .b-ul {
+      width: 503px;
+      display: flex;
+      justify-content: space-between;
+      padding-top: 20px;
+      .li {
+        .n {
+          text-align: center;
+          font-weight: bold;
+          font-size: 30px;
+          color: #ea692c;
+          line-height: 100%;
+        }
+        .z {
+          font-weight: 400;
+          font-size: 18px;
+          color: #ffffff;
+          white-space: nowrap;
+        }
+      }
+    }
+  }
+  .c-l {
+    flex: 1;
+    // display: flex;
+    // justify-content: center;
+    // align-items: center;
+    padding: 90px 40px;
+    .t {
+      font-size: 18px;
+      color: #666666;
+      line-height: 36px;
+      width: 432px;
+    }
+  }
+}
+</style>

components/layout/h5/Footer.vue

@@ -3,18 +3,18 @@
     <div class="top">
       <div class="about">
         <p>地&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;址：北京市海淀区中关村东路1号院清华科技园7号楼5层</p>
-        <p>联系电话：010-62793909</p>
+        <p>联系电话：010-62793299</p>
         <p>邮&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;箱：service@ezijing.com</p>
       </div>
       <div class="link">
         <template v-for="(item, index) in link">
-          <a :href="item.href" :key="index" target="_blank">{{ item.title }}</a>
+          <a :href="item.href" target="_blank">{{ item.title }}</a>
         </template>
       </div>
       <div class="friendlink">
         友情链接：
         <template v-for="(item, index) in link2">
-          <a :href="item.href" :key="index" target="_blank">{{ item.title }}</a>
+          <a :href="item.href" target="_blank">{{ item.title }}</a>
         </template>
       </div>
     </div>

components/layout/pc/Foot.vue

@@ -3,40 +3,52 @@
     <div class="foot-box">
       <div class="foot-content">
         <div class="left-content">
-          <div>
-            <a href="http://jsj.moe.gov.cn" target="_blank" >
-              {{ $t('foot.link1') }} 
-            </a>
-          </div>
-          <div>
-            <a href="http://jsj.moe.gov.cn" target="_blank" >
-              {{ $t('foot.link2') }} 
-            </a>
+          <div class="logo-title">
+            <img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/foot-logo.png" />
+            <!-- <h1>工程管理硕士保研项目</h1> -->
           </div>
-          <div>
-            <a href="https://www.swisseducation.com/" target="_blank" >
-              瑞士酒店管理大学官网
-            </a>
-          </div>
-          <div>
-            <a href="http://www.ezijing.com" target="_blank" >
-              {{ $t('foot.link5') }} 
-            </a>
+
+          <div class="bottom">
+            <div class="bottom_left con">
+              <a href="/about/school">项目介绍</a>
+              <a href="/school/school3">清控紫荆教育</a>
+              <a href="/question/question">巴黎PPA商学院</a>
+              <!-- <a href="https://www.ezijing.com/" target="_blank">清控紫荆教育</a> -->
+            </div>
+            <div class="line"></div>
+            <div class="bottom_center con">
+              <a href="/enroll/apply">博士课程</a>
+              <a href="/">教授团队</a>
+              <a href="/about/teacher">教学安排</a>
+              <!-- <a href="/about/course">
+                项目优势
+              </a>-->
+            </div>
+            <div class="line"></div>
+            <div class="bottom_bottom con">
+              <a href="/my/account">报名申请</a>
+              <!-- <a href="/dataDownload/dataDownload">资料下载</a> -->
+              <!-- <a href="/returnPolicy/returnPolicy">归国政策</a> -->
+            </div>
           </div>
-          <!-- <div>
-            合作大学官网
-          </div> -->
         </div>
         <div class="center-content">
-          <div class="address" v-html="$t('foot.address')"></div>
-          <div class="phone" v-html="$t('foot.contact')"></div>
-          <div class="mail" v-html="$t('foot.email')"></div>
+          <div class="contact">联系我们</div>
+          <!-- <div class="contact">中国招生与教学中心（清控紫荆教育）</div> -->
+          <div class="bottom">
+            <div class="address" v-html="$t('foot.address')"></div>
+            <div class="phone" v-html="$t('foot.contact')"></div>
+            <a class="mail" href="mailto:service@ezijing.com"
+              >邮&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;箱：service@ezijing.com
+            </a>
+            <!-- <div class="mail" v-html="$t('foot.email')"></div> -->
+          </div>
         </div>
         <div class="right-content">
-          <img src="https://zws-imgs-pub.ezijing.com/static/public/734d8fd7b853b838e5e029049e2d9db3.png" alt="" class="code">
+          <img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/foot-code.png" class="code" />
           <div class="tips-txt">
-            <img src="https://zws-imgs-pub.ezijing.com/static/public/184235d9f6edbb39d52fc6f77339ff5b.png" alt="">
-            <div class="txt">{{ $t('foot.weChat') }}</div>
+            <img src="https://zws-imgs-pub.ezijing.com/static/public/184235d9f6edbb39d52fc6f77339ff5b.png" />
+            <div class="txt">微信公众号</div>
           </div>
         </div>
       </div>
@@ -44,93 +56,160 @@
         友情链接：中国人民银行  中国涉外监管网  中国银行协会   中国证券投资基金业协会
       </div> -->
     </div>
-    <div class="copyright" style="height: 40px;line-height: 40px;color: rgba(153, 153, 153, 1);background: #fff;">
-      <div class="inner" style="width: 100%;justify-content: center;display: flex;">
-        <p style="font-size: 12px;">Copyright © 2017 Zijing Education. All rights reserved. 清控紫荆（北京）教育科技股份有限公司</p>
-        <a target="_blank" href="https://tsm.miit.gov.cn/dxxzsp/" style="color: rgba(153, 153, 153, 1);text-decoration:none;margin-left: 10px;">
-          <p style="font-size: 12px;">京ICP证150431号</p>
+    <div class="copyright" style="height: 40px; line-height: 40px; color: rgba(153, 153, 153, 1); background: #fff">
+      <div class="inner" style="width: 100%; justify-content: center; display: flex">
+        <p style="font-size: 12px">
+          Copyright © 2017 Zijing Education. All rights reserved. 清控紫荆（北京）教育科技股份有限公司
+        </p>
+        <a
+          target="_blank"
+          href="https://tsm.miit.gov.cn/dxxzsp/"
+          style="color: rgba(153, 153, 153, 1); text-decoration: none; margin-left: 10px"
+        >
+          <p style="font-size: 12px">京ICP证150431号</p>
         </a>
-        <a target="_blank" class="record" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802023681"
-        style="color: rgba(153, 153, 153, 1);text-decoration:none;align-items: center;display: flex;margin-right: 5px;">
-          <img src="https://zws-imgs-pub.ezijing.com/e0a0ec47dfdfc1e0797b1d5254021d00.png" alt=""
-            style="width: 20px;height: 20px;margin: 0 6px;display: block;">
-          <p style="font-size: 12px;">安备 11010802023681号</p>
+        <a
+          target="_blank"
+          class="record"
+          href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802023681"
+          style="
+            color: rgba(153, 153, 153, 1);
+            text-decoration: none;
+            align-items: center;
+            display: flex;
+            margin-right: 5px;
+          "
+        >
+          <img
+            src="https://zws-imgs-pub.ezijing.com/e0a0ec47dfdfc1e0797b1d5254021d00.png"
+            style="width: 20px; height: 20px; margin: 0 6px; display: block"
+          />
+          <p style="font-size: 12px">安备 11010802023681号</p>
         </a>
-        <a target="_blank" href="https://beian.miit.gov.cn/#/Integrated/index" style="color: rgba(153, 153, 153, 1);text-decoration:none;">
-          <p style="font-size: 12px;">京ICP备15016866号-1</p>
+        <a
+          target="_blank"
+          href="https://beian.miit.gov.cn/#/Integrated/index"
+          style="color: rgba(153, 153, 153, 1); text-decoration: none"
+        >
+          <p style="font-size: 12px">京ICP备15016866号-1</p>
         </a>
       </div>
     </div>
   </div>
 </template>
 <script>
-export default {
-}
+export default {}
 </script>
 <style lang="scss" scoped>
-.foot-mian{
+.foot-mian {
+  width: 100%;
   background: rgba(170, 25, 65, 1);
-  min-width: 1200px;
-  .links{
+  .links {
     padding-top: 12px;
     font-size: 14px;
     font-weight: 300;
     line-height: 24px;
-    color: #FFFFFF;
+    color: #ffffff;
     opacity: 0.6;
     width: 1200px;
     margin: 0 auto;
   }
-  .foot-box{
+  .foot-box {
     padding: 80px 0 35px;
     width: 1200px;
     margin: 0 auto;
   }
-  .foot-content{
+  .foot-content {
     // height: 300px;
     display: flex;
-    .left-content{
-      div{
-        opacity: 0.7;
-        font-size: 18px;
-        font-weight: 300;
-        line-height: 50px;
-        color: #FFFFFF;
-        text-decoration: underline;
-        letter-spacing: 3px;
+    .left-content {
+      display: flex;
+      flex-direction: column;
+      width: 457px;
+      .bottom {
+        margin-top: 42px;
+        display: flex;
+        justify-content: flex-start;
+        .con {
+          display: flex;
+          justify-content: flex-start;
+          flex-direction: column;
+        }
+        .line {
+          width: 0px;
+          // height: 110px;
+          border-right: 0.6px solid #cc9d9d;
+          opacity: 0.7;
+          margin: 4px 53px 0 39px;
+        }
+        a {
+          opacity: 0.7;
+          color: #ededed;
+          font-size: 14px;
+          line-height: 30px;
+          // letter-spacing: 3px;
+        }
       }
     }
-    .center-content{
-      font-size: 18px;
-      line-height: 32px;
-      color: #FFFFFF;
-      letter-spacing: 3px;
-      opacity: 0.7;
-      margin-left: 88px;
+    .center-content {
+      margin-left: 70px;
+      .contact {
+        height: 50px;
+        font-size: 20px;
+        font-weight: 400;
+        color: #ffffff;
+        line-height: 50px;
+      }
+      .bottom {
+        margin-top: 42px;
+        line-height: 30px;
+        font-size: 14px;
+        font-weight: 300;
+        color: #ededed;
+      }
     }
-    .right-content{
-      margin-left: auto;
-      padding-top: 20px;
-      .code{
+    .right-content {
+      margin-left: 60px;
+      padding-top: 25px;
+      .code {
         width: 120px;
         display: block;
       }
-      .tips-txt{
+      .tips-txt {
         padding-top: 20px;
         display: flex;
         align-items: center;
         justify-content: center;
-        img{
+        img {
           width: 21px;
           display: block;
         }
-        .txt{
+        .txt {
           font-size: 14px;
-          color: #FFFFFF;
+          color: #ffffff;
           margin-left: 7px;
         }
       }
     }
   }
 }
-</style>
\ No newline at end of file
+.logo-title {
+  display: flex;
+  align-items: center;
+  // height: 50px;
+  img {
+    margin-top: -30px;
+    height: 98px;
+  }
+  h1 {
+    margin-left: 14px;
+    padding: 0 14px;
+    font-size: 23px;
+    color: #fff;
+    line-height: 26px;
+    font-weight: 500;
+    letter-spacing: 2px;
+    border-left: 1px solid #fff;
+  }
+}
+</style>

components/layout/pc/Head.vue

@@ -3,18 +3,17 @@
     <div class="color-bar"></div>
     <div class="head-top-content">
       <div class="max-width-content">
-        <!-- <nuxt-link to="/home">
-          <img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/ciis/ezijing-logo.png" />
-          <img style="margin-left:20px" src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-shms/seg-shms-logos.png" />
+        <!-- <nuxt-link to="/">
+          <img src="https://zws-imgs-pub.ezijing.com/static/public/307f688850f8308a5c944bd129436fe0.png" />
         </nuxt-link> -->
         <div class="logo-box">
-          <img
-            @click="goWebsite"
-            src="http://zws-imgs-pub.oss-cn-beijing.aliyuncs.com/static/ezijing/logo/ezijing-logo.svg"
-          />
-          <nuxt-link to="/home" class="logo">
-            <img src="https://webapp-pub.ezijing.com/project/seg-shms/shms0402.svg" />
+          <img class="zj-logo" @click="goWebsite" src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/zj-logo.png" />
+          <div class="line"></div>
+          <img class="ppa-logo" @click="goWebsite" src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/paa-logo.png" />
+          <nuxt-link to="/">
+            <div class="title">科创+DBA</div>
           </nuxt-link>
+          <!-- <img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/marywood_logo.svg" /> -->
         </div>
 
         <div class="user" v-if="user.id">
@@ -25,17 +24,21 @@
           <div class="login">
             <a :href="loginURL">{{ $t('menu.fastLogin') }}</a>
           </div>
-          <div class="register">
-            <a :href="registerURL">{{ $t('menu.register') }}</a>
+          <div class="register" @click="$router.push('/my/account')">
+            马上报名
           </div>
+          <!-- <div class="register">
+            <a :href="registerURL">{{ $t('menu.register') }}</a>
+          </div> -->
         </div>
-        <div class="language">
+        <!-- <div class="language">
           <span @click="switchLocale('zh-CN')">中文</span> / <span @click="switchLocale('en-US')">EN</span>
-        </div>
+        </div> -->
       </div>
     </div>
     <div class="head-nav-content max-width-content">
       <app-menu></app-menu>
+      <div class="search-box"></div>
     </div>
   </div>
 </template>
@@ -50,7 +53,8 @@ export default {
   },
   methods: {
     goWebsite() {
-      window.location.href = 'http://www.ezijing.com'
+      // window.location.href = 'http://www.ezijing.com'
+      window.location.href = '/'
     },
     logout() {
       this.$store.dispatch('logout')
@@ -90,7 +94,6 @@ li {
 .head-mian {
   width: 100%;
   background: #fff;
-  min-width: 1200px;
   .color-bar {
     height: 10px;
     background: #aa1941;
@@ -99,32 +102,44 @@ li {
     // width: 1200px;
     // margin: 0 auto;
     border: 1px solid #ebebeb;
-    padding: 23px 0 22px;
     .max-width-content {
       display: flex;
       align-items: center;
-      // ::v-deep {
-      //   a {
-      //     display: flex;
-      //     img {
-      //       height: 55px;
-      //       cursor: pointer;
-      //       display: block;
-      //     }
-      //     img:first-child {
-      //       margin-right: 10px;
-      //     }
-      //   }
-      // }
+      img {
+        // height: 55px;
+        cursor: pointer;
+        display: block;
+      }
       .logo-box {
         display: flex;
-        img {
+        align-items: center;
+        justify-content: center;
+        padding: 20px 0;
+        .zj-logo {
           height: 55px;
           cursor: pointer;
           display: block;
         }
-        img:first-child {
-          margin-right: 30px;
+        .ppa-logo{
+          height: 60px;
+          cursor: pointer;
+          display: block;
+        }
+        .line {
+          border-right: 1px solid #aa1941;
+          height: 26px;
+          width: 0;
+          margin: 0 20px;
+        }
+        .title {
+          font-size: 30px;
+          font-weight: 500;
+          color: #aa1941;
+          box-sizing: border-box;
+          white-space: nowrap;
+          word-wrap: normal;
+          word-break: keep-all;
+          margin-left: 35px;
         }
       }
       .user {
@@ -144,26 +159,22 @@ li {
         display: flex;
         div {
           width: 72px;
-          height: 24px;
+          height: 30px;
           box-sizing: border-box;
           text-align: center;
-          line-height: 24px;
+          line-height: 30px;
           font-size: 12px;
           border-radius: 6px;
           margin-left: 10px;
           cursor: pointer;
         }
         .login {
-          background: #aa1941;
-          color: #fff;
-          display: flex;
-          justify-content: center;
-        }
-        .register {
           color: #333333;
           border: 1px solid #eaeaea;
-          display: flex;
-          justify-content: center;
+        }
+        .register {
+          background: #aa1941;
+          color: #fff;
         }
       }
       .language {

components/layout/pc/Menu.vue

 <template>
   <ul class="nav-item-box" @mouseleave="navLeave">
     <template v-for="(item, index) in navData">
-      <li :key="index">
+      <li>
         <div :class="getNameActive(item)">
           <template v-if="!item.path">
-            <template v-if="item.click">
-              <span @click="showEnroll">{{ item.name }}</span>
+            <template v-if="item.onClick">
+              <span @click="item.onClick">{{ item.name }}</span>
             </template>
             <template v-else>
               {{ item.name }}
@@ -15,12 +15,11 @@
             <nuxt-link :to="item.path">{{ item.name }}</nuxt-link>
           </template>
         </div>
-        <div class="child-item" v-if="item.childern">
+        <div class="child-item" v-if="item.children">
           <div class="one-level">
-            <template v-for="(level2Item, level2Index) in item.childern">
+            <template v-for="(level2Item, level2Index) in item.children">
               <div
                 :class="$route.path === level2Item.path || level2Item.isShow ? 'li active' : 'li'"
-                :key="level2Index + 'level2'"
                 @mouseenter="levelShow(level2Item)"
                 @mouseleave="levelShow(level2Item, 'out')"
               >
@@ -28,7 +27,7 @@
                   <div class="name">
                     {{ level2Item.name }}
                   </div>
-                  <div class="el-icon-arrow-right" v-if="level2Item.childern"></div>
+                  <div class="el-icon-arrow-right" v-if="level2Item.children"></div>
                 </app-link>
               </div>
             </template>
@@ -44,54 +43,111 @@ export default {
   name: 'AppMenu',
   components: { AppLink },
   data() {
+    const _this = this
     return {
       navData: [
         {
-          name: this.$t('menu.project'),
-          path: '/project-intro/bg',
-          childern: [
-            { name: this.$t('menu.projectChild.bg'), path: '/project-intro/bg' },
-            { name: this.$t('menu.projectChild.feature'), path: '/project-intro/charac' },
-            { name: this.$t('menu.projectChild.cert'), path: '/project-intro/certificate' }
-          ]
+          name: '项目介绍',
+          path: '/'
         },
+        // 项目介绍
         {
-          name: this.$t('menu.course'),
-          path: '/about/course',
-          childern: [
-            { name: this.$t('menu.courseChild.set'), path: '/about/course' },
-            { name: this.$t('menu.courseChild.teachers'), path: '/about/teacher' }
-          ]
+          name: '清控国际学院',
+          path: '/ezijing'
         },
         {
-          name: this.$t('menu.news'),
-          path: '/news/hot',
-          childern: [
-            { name: this.$t('menu.newsChild.hot'), path: '/news/hot' },
-            { name: this.$t('menu.newsChild.interview'), path: '/news/interview' }
-          ]
+          name: '巴黎PPA商学院',
+          path: '/ppa'
         },
         {
-          name: this.$t('menu.recruit'),
-          path: '/apply/relevant',
-          childern: [
-            { name: this.$t('menu.recruitChild.apply'), path: '/apply/relevant' },
-            { name: this.$t('menu.recruitChild.cost'), path: '/apply/support' },
-            { name: this.$t('menu.recruitChild.problem'), path: '/apply/problem' }
+          name: '博士课程',
+          path: '/course'
+        },
+        {
+          name: '教授团队',
+          path: '/team/tab1',
+          children: [
+            { name: '教授导师', path: '/team/tab1' },
+            { name: '清华研究', path: '/team/tab2' }
           ]
         },
         {
-          name: this.$t('menu.alumni'),
-          path: '/alumni/outstanding',
-          childern: [
-            { name: this.$t('menu.alumniChild.outstanding'), path: '/alumni/outstanding' },
-            { name: this.$t('menu.alumniChild.share'), path: '/alumni/sharing' }
+          name: '教学安排',
+          path: '/plan/tab1',
+          children: [
+            { name: '教学教务', path: '/plan/tab1' },
+            { name: '学位颁授', path: '/plan/tab2' }
           ]
         },
         {
-          name: this.$t('menu.enroll'),
-          path: '/my/account'
+          name: '报名申请',
+          path: '/apply/tab1',
+          children: [
+            { name: '学习费用', path: '/apply/tab1' },
+            { name: '申请流程', path: '/apply/tab2' },
+            { name: '在线报名', path: '/my/account' }
+          ]
         }
+        // 项目优势
+        // {
+        //   name: this.$t('menu.course'),
+        //   path: '/about/course',
+        //   children: [
+        //     { name: this.$t('menu.courseChild.set'), path: '/about/course' },
+        //     { name: this.$t('menu.courseChild.teachers'), path: '/about/teacher' }
+        //   ]
+        // },
+        // 学校介绍
+        // {
+        //   name: this.$t('menu.school'),
+        //   path: '/school/school3',
+        //   children: [
+        //     //   // { name: this.$t('menu.schoolChild.school1'), path: '/school/school1' },
+        //     //   // { name: this.$t('menu.schoolChild.school2'), path: '/school/school2' },
+        //     { name: this.$t('menu.schoolChild.school3'), path: '/school/school3' }
+        //     // { name: this.$t('menu.courseChild.teachers'), path: '/about/teacher' }
+        //   ]
+        // },
+        // 学历认证
+        // {
+        //   name: this.$t('menu.academic'),
+        //   path: '/academic/academic'
+        // },
+        // // 报名流程
+        // {
+        //   name: this.$t('menu.enroll'),
+        //   path: '/enroll/process',
+        //   children: [
+        //     { name: this.$t('menu.enrollChild.process'), path: '/enroll/process' },
+        //     // { name: this.$t('menu.enrollChild.brochure'), path: '/enroll/brochure' },
+        //     { name: this.$t('menu.enrollChild.apply'), path: '/enroll/apply' }
+        //   ]
+        // },
+        // // 资料下载
+        // {
+        //   name: this.$t('menu.dataDownload'),
+        //   path: '/dataDownload/dataDownload'
+        // },
+        // // 归国政策
+        // {
+        //   name: '就业福利',
+        //   path: '/returnPolicy/returnPolicy',
+        //   children: [
+        //     { name: '高薪就业', path: '/returnPolicy/salary' },
+        //     // { name: this.$t('menu.enrollChild.brochure'), path: '/enroll/brochure' },
+        //     { name: '归国政策', path: '/returnPolicy/returnPolicy' }
+        //   ]
+        // },
+        // // 常见问题
+        // // {
+        // //   name: this.$t('menu.question'),
+        // //   path: '/question/question'
+        // // },
+        // // 报名申请
+        // {
+        //   name: this.$t('menu.apply'),
+        //   path: '/my'
+        // }
       ],
       time: null
     }
@@ -99,8 +155,8 @@ export default {
   methods: {
     navLeave() {
       this.navData.map(item => {
-        if (item.childern) {
-          item.childern.map(cItem => {
+        if (item.children) {
+          item.children.map(cItem => {
             cItem.isShow = false
           })
         }
@@ -108,7 +164,7 @@ export default {
       this.$forceUpdate()
     },
     levelShow(item, isOut) {
-      if (item.childern) {
+      if (item.children) {
         if (isOut) {
           clearTimeout(this.time)
           this.time = setTimeout(() => {
@@ -124,15 +180,19 @@ export default {
     }
   },
   computed: {
+    user() {
+      return this.$store.state.user || {}
+    },
     getNameActive() {
       return item => {
         const currentPath = this.$route.path
-        if (currentPath.includes(item.path)) {
+        // if (currentPath.includes(item.path)) {
+        if (currentPath === item.path) {
           return 'name active'
         } else {
           let className = 'name'
-          if (item.childern) {
-            item.childern.map(cData => {
+          if (item.children) {
+            item.children.map(cData => {
               currentPath.includes(cData.path) && (className = 'name active')
             })
           }
@@ -156,7 +216,7 @@ export default {
       cursor: pointer;
       a {
         color: #333333;
-        font-size: 20px;
+        font-size: 22px;
         text-decoration: none;
       }
       &.active {

components/rightAside.vue

@@ -84,11 +84,11 @@ export default {
       formInfo: {
         name: '',
         phone: '',
-        newProjectId: '1008'
+        newProjectId: '1034'
       },
       projectList: [
         { label: '金融工商管理硕士', value: '1000' },
-        { label: '本科 / 硕士课程', value: '1008' },
+        { label: '本科 / 硕士课程', value: '1034' },
         { label: '金融硕士', value: '1001' },
         { label: '应用心理学硕士', value: '1006' },
         { label: '教育学硕士', value: '1005' },

modules/letter/index.vue

@@ -10,7 +10,7 @@
       </div>
     </header>
     <nav class="nav">
-      <h1 class="title">SHMS瑞士酒店管理大学MBA项目推荐信<br />SHMS MBA Recommendation Letter</h1>
+      <h1 class="title">巴黎PPA商学院DBA项目推荐信<br />SHMS MBA Recommendation Letter</h1>
     </nav>
     <section class="content">
       <el-form

modules/my/account/home.vue

@@ -3,7 +3,9 @@
     <div class="card">
       <div class="result">
         <div class="result-left">
-          <img src="https://webapp-pub.ezijing.com/project/application/images/my_icon.png" />{{ $t('application.feedbackFromAdmissionsOffice') }}
+          <img src="https://webapp-pub.ezijing.com/project/application/images/my_icon.png" />{{
+            $t('application.feedbackFromAdmissionsOffice')
+          }}
         </div>
         <div class="result-right">{{ result.submit_status_desc || '未收到报名信息' }}</div>
       </div>
@@ -29,7 +31,7 @@
           <img src="https://webapp-pub.ezijing.com/project/application/images/welcome.png" width="350" />
           <div class="welcome-content">
             <h1>欢迎您报考</h1>
-            <h2>SHMS瑞士酒店管理大学</h2>
+            <h2>巴黎PPA商学院</h2>
             <div class="welcome-button" @click="handleStart">马上开始</div>
           </div>
         </div>

modules/my/admission/xy.vue

@@ -46,7 +46,7 @@
       <p>2.<b>入学项目：</b></p>
       <p>
         <b
-          >项目课程为【紫荆-瑞士酒店管理大学工商管理硕士MBA第1期】。该项目学制为【2】年，自当期项目课程开课之日起计算。</b
+          >项目课程为【紫荆-巴黎PPA商学院DBA项目工商管理硕士MBA第1期】。该项目学制为【2】年，自当期项目课程开课之日起计算。</b
         >如学员因个人原因需要延长学习期限的，须至少提前<b>【4】</b>个月申请延期，批准后方可延期毕业。最长可延期<b>【12】</b>个月,自所报名的项目课程原定毕业之日起算。
       </p>
       <p>

modules/my/application/form/info/answer.js

@@ -2,7 +2,7 @@
  * 学习目的
  */
 
-export default function(_this) {
+export default function (_this) {
   return {
     id: 'application_info_answer',
     // title: '学习目的',
@@ -20,7 +20,7 @@ export default function(_this) {
         const [first = {}, second = {}] = answers
         return {
           qid1: first.qid || '1',
-          question1: '这个MBA项目对你将来的职业发展有什么好处？你的职业发展目标是什么？',
+          question1: '这个DBA项目对你将来事业发展有什么好处？你的事业发展目标是什么？',
           answer1: first.answer,
           qid2: second.qid || '2',
           question2: '您参加过其他的培训项目有哪些？请列出来。你是如何从这些学习经验中获益的？',

nuxt.config.js

@@ -17,7 +17,7 @@ export default {
   }),
   // Global page headers: https://go.nuxtjs.dev/config-head
   head: {
-    title: '紫荆教育-瑞士酒店管理大学工商管理硕士MBA（酒店及旅游方向）',
+    title: '巴黎PPA商学院DBA项目',
     htmlAttrs: {
       lang: 'en'
     },
@@ -27,14 +27,12 @@ export default {
       {
         hid: 'keywords',
         name: 'keywords',
-        content:
-          '瑞士酒店管理大学,瑞士酒店管理学院,瑞士酒店管理大学排名,瑞士酒店管理大学学费,瑞士酒店管理MBA,瑞士酒店管理学院排名,瑞士酒店管理学校,瑞士酒店管理学费,seg瑞士酒店管理,酒店管理专业,酒店管理课程,酒店管理专业排名,酒店管理app,酒店管理博士,酒店管理本科,酒店管理大学香港,qs酒店管理大学排名,酒店管理大学排名2020,酒店管理排名,酒店管理集团'
+        content: '巴黎PPA商学院DBA项目,巴黎PPA商学院DBA项目排名,巴黎PPA商学院DBA项目学费'
       },
       {
         hid: 'description',
         name: 'description',
-        content:
-          '瑞士酒店管理大学,2021年QS世界大学排名酒店管理专业综合排名位列世界第4。全球首款款待业MBA,目标是培养未来文旅行业领军人才及未来领袖,课程采用混合式教学模式,不用出国就可以享受瑞士及国内清华、北大、人大等顶尖的教育资源。学习方式灵活,更加符合在文旅行业高层管理人员及有志于从事款待业工作的学习者；目前在读学员均来自万豪、洲际、凯悦、希尔顿等国际高端品牌及锦江、华住、东呈等国内大中型文旅企业。'
+        content: ''
       }
     ],
     link: [

pages/about/course.vue

@@ -5,7 +5,7 @@
         <div class="content-mian">
           <div class="border-box">
             <template v-for="(item, index) in courseData">
-              <div class="item-box" :key="index">
+              <div class="item-box">
                 <div class="title">{{ item.title }}</div>
                 <div class="right-content">
                   <ul>

pages/apply/problem.vue

-<template>
-<div :class="isMobile ? 'is-h5' : 'is-pc'">
-  <app-frame :data="frameParams">
-    <div class="problem-content-box">
-      <div class="content-box">
-        <template v-for="(item, index) in problemList">
-          <div class="problem-item-box" :key="index">
-            <div class="title">{{ item.title }}</div>
-            <ul>
-              <template v-for="(cItem, cIndex) in item.problem">
-                <li :key="cIndex + '='">
-                  <div class="pro-tit">{{ cItem.tit }}</div>
-                  <div class="answer" v-html="cItem.answer"></div>
-                </li>
-              </template>
-            </ul>
-          </div>
-        </template>
-      </div>
-    </div>
-  </app-frame>
-</div>
-</template>
-<script>
-import appFrame from '@/components/appFrame'
-export default {
-  layout: 'normal',
-  components: {
-    appFrame
-  },
-  data() {
-    return {
-      problemList: [
-        {
-          title: this.$t('problem.item1Tit'),
-          problem: [
-            {
-              tit: this.$t('problem.item1problem1'),
-              answer: this.$t('problem.item1answer1')
-            },
-            {
-              tit: this.$t('problem.item1problem2'),
-              answer: this.$t('problem.item1answer2')
-            },
-            {
-              tit: this.$t('problem.item1problem3'),
-              answer: this.$t('problem.item1answer3')
-            }
-          ]
-        },
-        {
-          title: this.$t('problem.item2Tit'),
-          problem: [
-            {
-              tit: this.$t('problem.item2problem1'),
-              answer: this.$t('problem.item2answer1')
-            },
-            {
-              tit: this.$t('problem.item2problem2'),
-              answer: this.$t('problem.item2answer2')
-            }
-          ]
-        },
-        {
-          title: this.$t('problem.item3Tit'),
-          problem: [
-            {
-              tit: this.$t('problem.item3problem1'),
-              answer: this.$t('problem.item3answer1')
-            }
-          ]
-        }
-      ],
-      frameParams: {
-        banner: 'https://webapp-pub.ezijing.com/project/seg-shms/banner-bg-cjwt.png',
-        slider: [
-          {
-            name: this.$t('menu.recruitChild.apply'),
-            path: '/apply/relevant'
-          },
-          {
-            name: this.$t('menu.recruitChild.cost'),
-            path: '/apply/support'
-          },
-          {
-            name: this.$t('menu.recruitChild.problem'),
-            path: '/apply/problem'
-          }
-        ]
-      }
-    }
-  },
-  computed: {
-    isMobile() {
-      return this.$store.state.isMobile
-    }
-  }
-}
-</script>
-<style lang="scss" scoped>
-.is-pc{
-  .problem-content-box {
-    .content-box {
-      padding: 54px 104px 90px 87px;
-      .problem-item-box {
-        margin-bottom: 80px;
-        .title {
-          font-size: 22px;
-          font-weight: bold;
-          line-height: 100%;
-          color: #333333;
-        }
-        ul {
-          padding-top: 30px;
-          li {
-            margin-bottom: 15px;
-            .pro-tit {
-              font-size: 16px;
-              font-weight: bold;
-              line-height: 32px;
-              color: #666666;
-              border-bottom: 1px solid #e6e6e6;
-            }
-            .answer {
-              font-size: 16px;
-              line-height: 32px;
-              color: #424242;
-            }
-          }
-        }
-      }
-    }
-  }
-}
-.is-h5{
-  .problem-content-box {
-    .content-box {
-      padding: .22rem;
-      .problem-item-box {
-        margin-bottom: .4rem;
-        .title {
-          font-size: 0.14rem;
-          font-weight: bold;
-          line-height: 100%;
-          color: #333333;
-        }
-        ul {
-          padding-top: .15rem;
-          li {
-            margin-bottom: .08rem;
-            .pro-tit {
-              font-size: .12rem;
-              font-weight: bold;
-              line-height: .17rem;
-              color: #666666;
-              border-bottom: 1px solid #e6e6e6;
-            }
-            .answer {
-              font-size: .12rem;
-              line-height: .17rem;
-              color: #424242;
-            }
-          }
-        }
-      }
-    }
-  }
-}
-</style>

pages/apply/relevant.vue

-<template>
-  <div :class="isMobile ? 'is-h5' : 'is-pc'">
-    <app-frame :data="frameParams">
-      <div class="rele-content-box">
-        <div class="content-box">
-          <div class="text-content">
-            <div class="title">{{ $t('apply.con1Tit') }}</div>
-            <div class="con-txt" v-html="$t('apply.con1Txt')"></div>
-            <div class="title mar-t55">{{ $t('apply.con2Tit') }}</div>
-            <div style="padding-right:87px;">
-              <img src="https://webapp-pub.ezijing.com/project/seg-shms/bmlc0402.png" style="width:100%;">
-            </div>
-            <!-- <div class="con-txt" v-html="$t('apply.con2Txt')"></div> -->
-          </div>
-        </div>
-      </div>
-      <!-- <div style="padding:0 87px;">
-        <img src="https://webapp-pub.ezijing.com/project/seg-shms/bmlc0402.png" style="width:100%;">
-      </div> -->
-    </app-frame>
-  </div>
-</template>
-<script>
-import appFrame from '@/components/appFrame'
-export default {
-  layout: 'normal',
-  components: {
-    appFrame
-  },
-  data() {
-    return {
-      newsList: [],
-      frameParams: {
-        banner: 'https://webapp-pub.ezijing.com/project/seg-shms/project-js48-02.jpg',
-        slider: [
-          {
-            name: this.$t('menu.recruitChild.apply'),
-            path: '/apply/relevant'
-          },
-          {
-            name: this.$t('menu.recruitChild.cost'),
-            path: '/apply/support'
-          },
-          {
-            name: this.$t('menu.recruitChild.problem'),
-            path: '/apply/problem'
-          }
-        ]
-      }
-    }
-  },
-  computed: {
-    isMobile() {
-      return this.$store.state.isMobile
-    }
-  }
-}
-</script>
-<style lang="scss" scoped>
-.is-pc {
-  .rele-content-box {
-    .content-box {
-      img {
-        width: 900px;
-        margin: 58px auto 0;
-        display: block;
-      }
-      padding-top: 46px;
-      padding-bottom: 106px;
-      .text-content {
-        padding-left: 87px;
-        .title {
-          font-size: 22px;
-          font-weight: bold;
-          line-height: 100%;
-          color: #333333;
-          &.mar-t55 {
-            margin-top: 55px;
-          }
-        }
-        .con-txt {
-          font-size: 16px;
-          line-height: 34px;
-          color: #424242;
-          margin-top: 20px;
-          ::v-deep{
-            span{
-              font-weight: bold;
-            }
-          }
-        }
-      }
-    }
-  }
-}
-.is-h5 {
-  .rele-content-box {
-    background: #fff;
-    padding: 0.3rem 0.2rem;
-    .content-box {
-      img {
-        width: 100%;
-        display: block;
-      }
-      padding-bottom: 0.5rem;
-      .text-content {
-        margin-bottom: 0.4rem;
-        .title {
-          font-size: 0.14rem;
-          font-weight: bold;
-          line-height: 100%;
-          color: #333333;
-          &.mar-t55 {
-            margin-top: 0.25rem;
-          }
-        }
-        .con-txt {
-          font-size: 0.12rem;
-          line-height: 0.24rem;
-          color: #424242;
-          padding-top: 0.14rem;
-          ::v-deep{
-            span{
-              font-weight: bold;
-            }
-          }
-        }
-      }
-    }
-  }
-}
-</style>

pages/apply/support.vue

-<template>
-  <div :class="isMobile ? 'is-h5' : 'is-pc'">
-    <app-frame :data="frameParams">
-      <div class="rele-content-box">
-        <div class="content-box">
-          <div class="text-content">
-            <div class="title">{{ $t('cost.con1Tit') }}</div>
-            <div class="con-txt" v-html="$t('cost.con1Txt')"></div>
-            <div class="title mar-t55">{{ $t('cost.con2Tit') }}</div>
-            <div class="con-txt" v-html="$t('cost.con2Txt')"></div>
-          </div>
-        </div>
-      </div>
-    </app-frame>
-  </div>
-</template>
-<script>
-import appFrame from '@/components/appFrame'
-export default {
-  layout: 'normal',
-  components: {
-    appFrame
-  },
-  data() {
-    return {
-      newsList: [],
-      frameParams: {
-        banner: 'https://webapp-pub.ezijing.com/project/seg-shms/banner-bg-fyzz.png',
-        slider: [
-          {
-            name: this.$t('menu.recruitChild.apply'),
-            path: '/apply/relevant'
-          },
-          {
-            name: this.$t('menu.recruitChild.cost'),
-            path: '/apply/support'
-          },
-          {
-            name: this.$t('menu.recruitChild.problem'),
-            path: '/apply/problem'
-          }
-        ]
-      }
-    }
-  },
-  computed: {
-    isMobile() {
-      return this.$store.state.isMobile
-    }
-  }
-}
-</script>
-<style lang="scss" scoped>
-.is-pc {
-  .rele-content-box {
-    .content-box {
-      padding-top: 46px;
-      padding-bottom: 106px;
-      .text-content {
-        padding-left: 87px;
-        .title {
-          font-size: 22px;
-          font-weight: bold;
-          line-height: 100%;
-          color: #333333;
-          &.mar-t55 {
-            margin-top: 55px;
-          }
-        }
-        .con-txt {
-          font-size: 16px;
-          line-height: 34px;
-          color: #424242;
-          margin-top: 20px;
-        }
-      }
-    }
-  }
-}
-.is-h5 {
-  .rele-content-box {
-    background: #fff;
-    padding: 0.3rem 0.2rem;
-    .content-box {
-      .text-content {
-        padding-left: 0.2rem;
-        .title {
-          font-size: 0.14rem;
-          font-weight: bold;
-          line-height: 100%;
-          color: #333333;
-          &.mar-t55 {
-            margin-top: 0.25rem;
-          }
-        }
-        .con-txt {
-          font-size: 0.12rem;
-          line-height: 0.24rem;
-          color: #424242;
-          padding-top: 0.14rem;
-        }
-      }
-    }
-  }
-}
-</style>

pages/apply/tab1.vue

+<template>
+  <app-frame :data="frameParams">
+    <img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/apply-t1-b.png" />
+    <div class="content">
+      <card title="学习费用">
+        <div class="t-g">
+          学费人民币31.8万，含授课费、讲义资料费、授课翻译费、论文指导费、论文答辩费、证书费、学籍注册费、海外研学学分课程费用；<br />
+          不含签证手续费、食宿费、交通费。
+        </div>
+      </card>
+    </div>
+  </app-frame>
+</template>
+<script>
+import appFrame from '@/components/appFrame'
+import Card from '@/components/Card'
+export default {
+  layout: 'normal',
+  components: { appFrame, Card },
+  data() {
+    return {
+      showIndex: 0,
+      frameParams: {
+        slider: [
+          { name: '学习费用', path: '/apply/tab1' },
+          { name: '申请流程', path: '/apply/tab2' },
+          { name: '在线报名', path: '/my/account' }
+        ]
+      }
+    }
+  },
+  computed: {},
+  methods: {
+    tabChange(n) {
+      this.showIndex = n
+    }
+  }
+}
+</script>
+<style lang="scss" scoped>
+.content {
+  background-color: #fff;
+  padding: 77px 40px;
+  box-sizing: border-box;
+  .t-g {
+    margin-top: 50px;
+    font-size: 18px;
+    color: #666666;
+    line-height: 36px;
+  }
+}
+</style>

pages/apply/tab2.vue

+<template>
+  <app-frame :data="frameParams">
+    <img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/apply-t2-b.png" />
+    <div class="content">
+      <card title="申请条件">
+        <div class="t-g">
+          申请制项目，申请人须满足一下基本条件：<br />
+          ·硕士及以上学历<br />
+          ·具有至少5年的管理经验<br />
+          ·企业董事长、总经理及在大型企业中高级管理层
+        </div>
+      </card>
+      <card title="申请材料" style="margin: 77px 0">
+        <div class="t-g">
+          入学申请书<br />
+          推荐信三封<br />
+          身份证复印件（正反面）<br />
+          2寸白底彩色免冠证件照<br />
+          最高学历（学位）证书<br />
+          最高学历（学位）中文或英文成绩单<br />
+          报名费¥2000元
+        </div>
+      </card>
+      <card title="申请流程">
+        <div class="t-g">
+          1、递交申请材料<br />
+          2、缴报名费<br />
+          3、项目审核<br />
+          4、入学面试<br />
+          5、发放录取通知书
+        </div>
+      </card>
+    </div>
+  </app-frame>
+</template>
+<script>
+import appFrame from '@/components/appFrame'
+import Card from '@/components/Card'
+export default {
+  layout: 'normal',
+  components: { appFrame, Card },
+  data() {
+    return {
+      showIndex: 0,
+      frameParams: {
+        slider: [
+          { name: '学习费用', path: '/apply/tab1' },
+          { name: '申请流程', path: '/apply/tab2' },
+          { name: '在线报名', path: '/my/account' }
+        ]
+      }
+    }
+  },
+  computed: {},
+  methods: {
+    tabChange(n) {
+      this.showIndex = n
+    }
+  }
+}
+</script>
+<style lang="scss" scoped>
+.content {
+  background-color: #fff;
+  padding: 77px 40px;
+  box-sizing: border-box;
+  .t-g {
+    margin-top: 50px;
+    font-size: 18px;
+    color: #666666;
+    line-height: 36px;
+  }
+}
+</style>

pages/course/index.vue

+<template>
+  <div>
+    <img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/course-banner.png" style="width: 100%" />
+    <div class="max-width-center">
+      <card title="研究路径">
+        <div class="path-flex">
+          <div class="path-item">
+            <div class="t">三年学制</div>
+          </div>
+          <div class="path-item">
+            <div class="t">专业课程</div>
+          </div>
+          <div class="path-item">
+            <div class="t">学术论坛</div>
+          </div>
+          <div class="path-item">
+            <div class="t">全球视野</div>
+          </div>
+        </div>
+      </card>
+      <card title="学分课程模块" style="margin-top: 103px">
+        <div>
+          <img
+            class="chart"
+            src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/course-img1.png"
+            style="width: 100%"
+          />
+        </div>
+      </card>
+      <card title="中国经济新质生产力前沿创新学术论坛" style="margin-top: 103px">
+        <div class="t-g">
+          每年在清华定期举办《新质生产力与产业创新论坛》，邀请来自清华、中国科学院等研究机构数十位国内专家学者，分享来自各个领域科技创新成果和产业创新转型的实践经验。结合论坛，组织DBA博士生到清华系研究机构走访，探索科技成果转化的成功路径，到科技创新知名企业进行标杆学习。<br />
+          ·商业分析和数字经济&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;·数字营销战略前沿课题&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;·人工智能与中国经济&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;·中国前沿金融管理问题&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;·新经济时代的财务报告<br />
+          ·清华系研究机构参访&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;·知名企业标杆学习
+        </div>
+      </card>
+      <card title="全球视野研究实践课程" style="margin: 103px 0">
+        <div class="t-g">
+          与全球创新面对面，全球访学能够让参与者接触不同国家和地区的商业实践和文化，更好地理解全球商业这种跨文化的经验，激发创新思维，培养国际化的视野。与来自不同国家和地区的企业家交流，分享经验和意见，促进合作和创新，为企业发展带来新的机遇和可能性。<br />
+          ·美国-科技创新之旅&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;·日本-极致服务创新之旅&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;·东南亚-新兴市场洞察与产业创新之旅
+        </div>
+      </card>
+    </div>
+  </div>
+</template>
+<script>
+import Card from '@/components/Card'
+export default {
+  layout: 'normal',
+  components: { Card },
+  data() {
+    return {}
+  }
+}
+</script>
+<style lang="scss" scoped>
+.max-width-center {
+  width: 1200px;
+  margin: 64px auto 0;
+}
+.path-flex {
+  display: flex;
+  justify-content: space-between;
+  padding-top: 42px;
+  .path-item {
+    width: 292px;
+    height: 345px;
+    background-size: 100% 100%;
+    &:nth-child(1) {
+      background-image: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/course-path1.png);
+    }
+    &:nth-child(2) {
+      background-image: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/course-path2.png);
+    }
+    &:nth-child(3) {
+      background-image: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/course-path3.png);
+    }
+    &:nth-child(4) {
+      background-image: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/course-path4.png);
+    }
+    .t {
+      width: 100%;
+      height: 100%;
+      background: rgba(0, 0, 0, 0.73);
+      font-weight: bold;
+      font-size: 24px;
+      line-height: 345px;
+      color: #ffffff;
+      letter-spacing: 4px;
+      text-align: center;
+    }
+  }
+}
+.chart {
+  padding: 62px 49px;
+  box-sizing: border-box;
+  background-color: #fff;
+  margin-top: 36px;
+}
+.t-g {
+  font-weight: 400;
+  font-size: 18px;
+  color: #666666;
+  line-height: 36px;
+  text-align: left;
+  margin-top: 52px;
+}
+</style>

pages/ezijing/index.vue

+<template>
+  <div>
+    <img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/ezijing-banner.png" style="width: 100%;">
+    <div class="max-width-center">
+      <card title="清控紫荆教育">
+        <div class="t">
+          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;紫荆教育全称是清控紫荆（北京）教育科技股份有限公司，2015年以清华大学五道口金融学院相关知识产权创设而成，注册资本1亿元人民币。成立7年以来，紫荆教育以“让每个人都有改变的能力”为使命，践行“真心实意、行胜于言”的核心价值观，立足国内，放眼国际，为国家、社会和企业培养人才，为每个有需要的人提供高质量的教育服务。<br />
+          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;在国内，紫荆教育服务超过1000家政府机关、大型央企、金融机构和行业龙头企业，提供从员工到高管的人才培养服务和在线教育解决方案，服务超过500万人次。并以产业和企业的岗位需求和人才技能为出发点，与国内超过200所高校合作，落地产业学院、实践基地、产教融合中心等项目，通过数字化赋能，解决产业人才需求和学生的实习就业难题。<br />
+          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;在全球，紫荆教育与美国石溪大学等几十所著名高校合作，涵盖商学、心理学、教育学和工程学等多个学科，已经有来自18个国家和地区，中国34个省，世界顶级名校背景，超过6000名优秀人才在紫荆教育的各个学位项目中学习，攻读硕士或者博士学位。以教育科技为核心，脚踏实地，让更多的人更方便的获取更好的教育服务，是紫荆教育一直的追求。
+        </div>
+        <div class="ez-c">
+          <div class="ul" v-for="item in list">
+            <div class="li" v-for="cItem in item">
+              <div class="n">{{ cItem.n }}</div>
+              <div class="z">{{ cItem.z }}</div>
+            </div>
+          </div>
+        </div>
+        <img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/ezijing-img1.png" style="margin: 100px 0;">
+      </card>
+    </div>
+  </div>
+</template>
+<script>
+import Card from '@/components/Card'
+export default {
+  layout: 'normal',
+  components: { Card },
+  data() {
+    return {
+      list: [
+        [
+          { n: '100+', z: '国际合作院校' },
+          { n: '547门', z: '线上课程' },
+          { n: '1000+', z: '金融机构/协会/政府/学校' },
+          { n: '700+', z: '国内外师资' }
+        ],
+        [
+          { n: '1100+', z: '学术直播课' },
+          { n: '4900+', z: '总研发课时' },
+          { n: '6000+', z: '学位学员' },
+          { n: '500万+', z: '人次学习' }
+        ]
+      ]
+    }
+  }
+}
+</script>
+<style lang="scss" scoped>
+.max-width-center {
+  width: 1200px;
+  margin: 64px auto 0;
+}
+.t {
+  font-size: 18px;
+  color: #666666;
+  line-height: 36px;
+  margin-top: 40px;
+}
+.ez-c {
+  margin-top: 100px;
+  background-color: #fff;
+  padding: 60px 0 70px;
+  .ul {
+    display: flex;
+    &:nth-child(1){
+      margin-bottom: 40px;
+    }
+    .li {
+      flex: 1;
+      .n {
+        text-align: center;
+        font-weight: bold;
+        font-size: 30px;
+        color: #ea692c;
+        line-height: 36px;
+      }
+      .z {
+        font-size: 18px;
+        color: #333333;
+        line-height: 36px;
+        text-align: center;
+      }
+    }
+  }
+}
+</style>

pages/home.vue

-<template>
-  <div class="container">
-    <!-- 轮播图 -->
-    <banner />
-    <!-- 项目特色 -->
-    <project-features />
-    <!-- 学校排名 -->
-    <school-ranking />
-    <!-- 最新动态 -->
-    <news />
-    <!-- 师生风采 -->
-    <presence />
-    <!-- 常见问题 -->
-    <common-problem />
-    <!-- 公开课 -->
-    <open-class />
-    <!-- 右侧功能栏 -->
-    <!-- <right-aside /> -->
-  </div>
-</template>
-
-<script>
-import banner from '../components/home/banner'
-import projectFeatures from '../components/home/projectFeatures'
-import schoolRanking from '../components/home/schoolRanking'
-import news from '../components/home/news'
-import presence from '../components/home/presence'
-import commonProblem from '../components/home/commonProblem'
-import openClass from '../components/home/openClass'
-import rightAside from '../components/rightAside'
-export default {
-  layout: 'normal',
-  components: {
-    banner,
-    projectFeatures,
-    schoolRanking,
-    news,
-    presence,
-    commonProblem,
-    openClass,
-    rightAside
-  },
-  data() {
-    return {
-      isScale: false
-    }
-  },
-  created() {},
-  mounted() {
-    if (document.documentElement.clientWidth < 1400) {
-      // this.isScale = true
-    }
-  }
-}
-</script>
-<style>
-.container {
-  width: 100%;
-  padding-bottom: 50px;
-}
-</style>

pages/index.vue

 <template>
-  <div class="home" :class="isMobile ? 'is-h5' : 'is-pc'">
-    <div class="buttons">
-      <a href="/home">Apply for SHMS MBA </a>
-      <a href="https://certs.ezijing.com">Degree Inquiry</a>
-    </div>
+  <div class="container">
+    <!-- 轮播图 -->
+    <banner />
+    <!-- 项目简介,项目背景,清华服务科创 -->
+    <project-introduce />
+    <!-- 项目特色 -->
+    <project-features />
   </div>
 </template>
 
 <script>
+import banner from '../components/home/banner'
+import projectIntroduce from '../components/home/projectIntroduce.vue'
+import projectFeatures from '../components/home/projectFeatures'
+// import schoolRanking from '../components/home/schoolRanking'
+// import news from '../components/home/news'
+// import presence from '../components/home/presence'
+// import commonProblem from '../components/home/commonProblem'
+// import openClass from '../components/home/openClass'
+// import rightAside from '../components/rightAside'
 export default {
-  computed: {
-    isMobile() {
-      return this.$store.state.isMobile
+  layout: 'normal',
+  components: {
+    banner,
+    projectIntroduce,
+    projectFeatures
+  },
+  data() {
+    return {
+      isScale: false
+    }
+  },
+  created() {},
+  mounted() {
+    if (document.documentElement.clientWidth < 1400) {
+      // this.isScale = true
     }
   }
 }
 </script>
-<style lang="scss">
-.home {
+<style>
+.container {
+  width: 100%;
   position: relative;
-  height: 100vh;
-  min-height: 900px;
-  background: url('~assets/images/home.png') no-repeat center top;
-  background-size: auto 100%;
-  .buttons {
-    position: absolute;
-    left: 50%;
-    bottom: 294px;
-    transform: translateX(-50%);
-    display: flex;
-    flex-direction: column;
-    row-gap: 44px;
-  }
-  a {
-    width: 452px;
-    height: 60px;
-    font-family: Source Han Sans CN;
-    font-size: 24px;
-    text-align: center;
-    line-height: 60px;
-    color: #ffffff;
-    border-radius: 66px;
-    box-sizing: border-box;
-    border: 2px solid #d5b329;
-    background: url('~assets/images/button_arrow.png') no-repeat center right 20px;
-    &.is-active,
-    &:hover {
-      color: #000;
-      background: #d5b329 url('~assets/images/button_arrow_hover.png') no-repeat center right 20px;
-    }
-  }
-}
-.is-h5 {
-  &.home {
-    a {
-      width: 320px;
-    }
-  }
+  padding-bottom: 50px;
 }
 </style>

pages/plan/tab1.vue

+<template>
+  <app-frame :data="frameParams">
+    <img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/plan-t1-b.png" />
+    <div class="content">
+      <card title="项目学制">
+        <div class="t-g">
+          学制为3-4年，一般最长不超过5年。前两年为面授课程阶段，第三年开始进入博士论文撰写阶段; <br />
+          前两学年为周末兼修制，一般每2个月集中2-3天，讲授一个核心课程模块。
+        </div>
+      </card>
+      <card title="授课方式" style="margin: 77px 0">
+        <div class="t-g">
+          中方课程为主，外方课程为辅； <br />
+          中方教授以中文授课，法方教授以英文或法语讲授，配有现场中文翻译; <br />
+          小班授课，综合采用面授、工作坊、游学考察等多种方式，期间还将安排各种讲座、沙龙、论坛等各种活动。
+        </div>
+      </card>
+      <card title="授课地点">
+        <div class="t-g">
+          国内核心课程主要安排在北京清华科技园、深圳清华研究院面授; <br />
+          海外课程将视具体情况，安排法国、美国、东南亚等地面授。
+        </div>
+      </card>
+    </div>
+  </app-frame>
+</template>
+<script>
+import appFrame from '@/components/appFrame'
+import Card from '@/components/Card'
+export default {
+  layout: 'normal',
+  components: { appFrame, Card },
+  data() {
+    return {
+      showIndex: 0,
+      frameParams: {
+        slider: [
+          { name: '教学教务', path: '/plan/tab1' },
+          // { name: this.$t('menu.enrollChild.brochure'), path: '/enroll/brochure' },
+          { name: '学位颁授', path: '/plan/tab2' }
+        ]
+      }
+    }
+  },
+  computed: {},
+  methods: {
+    tabChange(n) {
+      this.showIndex = n
+    }
+  }
+}
+</script>
+<style lang="scss" scoped>
+.content {
+  background-color: #fff;
+  padding: 77px 40px;
+  box-sizing: border-box;
+  .t-g {
+    margin-top: 50px;
+    font-size: 18px;
+    color: #666666;
+    line-height: 36px;
+  }
+}
+</style>

pages/plan/tab2.vue

+<template>
+  <app-frame :data="frameParams">
+    <img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/plan-t2-b.png" />
+    <div class="content">
+      <card title="论文指导">
+        <div class="t-g">
+          在学员完成第一年课程后，校方将提供可选择的中外导师名单，学员可根据自己的研究方向、语言能力和沟通便利性等因素进行双向选择。<br />
+          论文写作过程包括开题报告审核、论文撰写、预答辩、正式答辩等环节。
+        </div>
+      </card>
+      <card title="毕业方式" style="margin: 77px 0">
+        <div class="t-g">
+          DBA博士论文，字数不少于50,000字<br />
+          备注:学员可以选择以下任一形式撰写论文。<br />
+          研究论文：中文撰写(附英文翻译)或英文撰写，博导一对一指导。 <br />
+          学术文章：三篇学术文章，获国际期刊及国内B+以上期刊采用或再投稿推荐。 <br />
+          学术专著：一本学术专著书籍或科学叙述性文章，博导一对一指导。
+        </div>
+      </card>
+      <card title="证书颁授">
+        <div class="t-g">
+          学员完成所有课程并考核合格后，获得资格参加博士论文答辩，经巴黎PPA商学院学位评审委员会通过论文答辩，可获颁授巴黎PPA商学院工商管理博士(DBA)学位证书，学位全球认可。
+        </div>
+      </card>
+    </div>
+  </app-frame>
+</template>
+<script>
+import appFrame from '@/components/appFrame'
+import Card from '@/components/Card'
+export default {
+  layout: 'normal',
+  components: { appFrame, Card },
+  data() {
+    return {
+      showIndex: 0,
+      frameParams: {
+        slider: [
+          { name: '教学教务', path: '/plan/tab1' },
+          // { name: this.$t('menu.enrollChild.brochure'), path: '/enroll/brochure' },
+          { name: '学位颁授', path: '/plan/tab2' }
+        ]
+      }
+    }
+  },
+  computed: {},
+  methods: {
+    tabChange(n) {
+      this.showIndex = n
+    }
+  }
+}
+</script>
+<style lang="scss" scoped>
+.content {
+  background-color: #fff;
+  padding: 77px 40px;
+  box-sizing: border-box;
+  .t-g {
+    margin-top: 50px;
+    font-size: 18px;
+    color: #666666;
+    line-height: 36px;
+  }
+}
+</style>

pages/team/tab1.vue

+<template>
+  <app-frame :data="frameParams">
+    <img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/team-t1-b1.png" />
+    <div class="content">
+      <div class="list" v-for="item in list">
+        <div class="item" v-for="cItem in item">
+          <img :src="cItem.p" />
+          <div class="name" v-if="cItem.s" style="font-size: 16px;letter-spacing: 0px;">{{ cItem.n }}</div>
+          <div class="name" v-else>{{ cItem.n }}</div>
+          <div class="js" v-html="cItem.j"></div>
+        </div>
+      </div>
+    </div>
+  </app-frame>
+</template>
+<script>
+import appFrame from '@/components/appFrame'
+export default {
+  layout: 'normal',
+  components: { appFrame },
+  data() {
+    return {
+      showIndex: 0,
+      frameParams: {
+        slider: [
+          { name: '教授导师', path: '/team/tab1' },
+          // { name: this.$t('menu.enrollChild.brochure'), path: '/enroll/brochure' },
+          { name: '清华研究', path: '/team/tab2' }
+        ]
+      },
+      list: [
+        [
+          {
+            p: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/team-t1-p1.png',
+            n: '陈国权',
+            j: '清华大学经济管理学院<br/>领导力与组织管理系教授'
+          },
+          {
+            p: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/team-t1-p2.png',
+            n: '高建',
+            j: '清华大学经济管理学院<br/>创新创业和战略系教授'
+          },
+          {
+            p: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/team-t1-p3.png',
+            n: '胡左浩',
+            j: '清华大学经济管理学院<br/>市场营销系教授'
+          },
+          {
+            p: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/team-t1-p4.png',
+            n: '金占明 ',
+            j: '清华大学经济管理学院<br/>创新创业和战略系教授'
+          }
+        ],
+        [
+          {
+            p: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/team-t1-p5.png',
+            n: '刘玲玲',
+            j: '清华大学经济管理学院<br/>经济系教授'
+          },
+          {
+            p: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/team-t1-p6.png',
+            n: '孙静',
+            j: '清华大学经济管理学院<br/>管理科学与工程系教授'
+          },
+          {
+            p: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/team-t1-p7.png',
+            n: '王勇',
+            j: '清华大学社会科学学院<br/>经济学研究所教授'
+          },
+          {
+            p: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/team-t1-p8.png',
+            n: '谢德仁',
+            j: '清华大学经济管理学院<br/>会计系教授'
+          }
+        ],
+        [
+          {
+            p: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/team-t1-p9.png',
+            n: '谢伟',
+            j: '清华大学经济管理学院<br/>创新创业和战略系教授'
+          },
+          {
+            p: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/team-t1-p10.png',
+            n: '杨百寅',
+            j: '清华大学经济管理学院<br/>领导力与组织管理系教授'
+          },
+          {
+            p: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/team-t1-p11.png',
+            n: '杨之曙',
+            j: '清华大学经济管理学院<br/>金融系教授'
+          },
+          {
+            p: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/team-t1-p12.png',
+            n: '周立',
+            j: '清华大学经济管理学院<br/>会计系教授'
+          }
+        ],
+        [
+          {
+            p: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/team-t1-p13.png',
+            n: '于增彪',
+            j: '清华大学经济管理学院<br/>会计系教授'
+          },
+          {
+            p: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/team-t1-p14.png',
+            n: 'Christophe Felidj',
+            j: '巴黎PPA商学院校长<br/>数字化转型教授',
+            s: true
+          },
+          {
+            p: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/team-t1-p15.png',
+            n: 'David BROWN-BRULANT',
+            j: '巴黎PPA商学院<br/>供应链管理教授',
+            s: true
+          },
+          {
+            p: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/team-t1-p16.png',
+            n: 'Eric VAN EYCK',
+            j: '巴黎PPA商学院<br/>财富管理教授',
+            s: true
+          }
+        ]
+      ]
+    }
+  },
+  computed: {},
+  methods: {
+    tabChange(n) {
+      this.showIndex = n
+    }
+  }
+}
+</script>
+<style lang="scss" scoped>
+.content {
+  background-color: #fff;
+  padding: 56px 72px;
+  box-sizing: border-box;
+  .list {
+    display: flex;
+    justify-content: space-between;
+    margin-bottom: 56px;
+    .item {
+      // max-width: 176px;
+      // min-width: 176px;
+      img {
+        width: 176px;
+        display: block;
+      }
+      .name {
+        font-weight: bold;
+        font-size: 20px;
+        color: #333333;
+        line-height: 100%;
+        letter-spacing: 2px;
+        text-align: center;
+        margin: 17px 0;
+      }
+      .js {
+        font-size: 16px;
+        color: #666666;
+        line-height: 20px;
+        text-align: center;
+        text-transform: none;
+      }
+    }
+  }
+}
+</style>

pages/team/tab2.vue

+<template>
+  <app-frame :data="frameParams">
+    <img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/team-t2-b1.png" />
+    <div class="content">
+      <img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/team-t2-i1.png" />
+    </div>
+  </app-frame>
+</template>
+<script>
+import appFrame from '@/components/appFrame'
+export default {
+  layout: 'normal',
+  components: { appFrame },
+  data() {
+    return {
+      frameParams: {
+        slider: [
+          { name: '教授导师', path: '/team/tab1' },
+          { name: '清华研究', path: '/team/tab2' }
+        ]
+      }
+    }
+  },
+  computed: {
+  }
+}
+</script>
+<style lang="scss" scoped>
+.content{
+  padding: 80px 35px;
+  box-sizing: border-box;
+  img{
+    width: 100%;
+  }
+}
+</style>