<template>
  <div>
    <div class="banner">
      <!-- <img src="https://webapp-pub.ezijing.com/www/pc/studyAbroad/banner.jpg" /> -->
      <swiper :options="swiperOption" ref="mySwiper">
        <swiper-slide v-for="(item, index) in listData" :key="index">
          <img :src="item.web_img_uri" />
        </swiper-slide>
      </swiper>
      <template>
        <div class="prev-button"></div>
        <div class="next-button"></div>
      </template>
    </div>
    <FormSubmit id="form" ref="formSubmit"></FormSubmit>
    <div class="w1200">
      <ProjectCard title="热门专业" :list="projectList"></ProjectCard>
      <div class="why">
        <h1 class="why-title">为什么选择紫荆的国际免联考在线学位课程？</h1>
        <div class="why-list">
          <div class="why-item" v-for="(item, index) in whyList" :key="index">
            <img :src="item.icon" class="why-item__icon" />
            <img :src="item.hoverIcon" class="why-item__icon_hover" />
            <div class="why-content" v-html="item.desc"></div>
          </div>
        </div>
      </div>
      <app-card title="申请流程" style="margin-top:68px">
        <div class="process">
          <img src="https://webapp-pub.ezijing.com/www/pc/internationalDegree/process.png" />
        </div>
      </app-card>
      <!-- <app-card title="常见问题">
        <template #header-aside><nuxt-link to="/internationalDegree/qa">查看更多+</nuxt-link></template>
        <ul class="qa-list">
          <li v-for="(item, index) in qaList" :key="index">
            <nuxt-link to="/internationalDegree/qa">{{ item.question }}</nuxt-link>
          </li>
        </ul>
      </app-card> -->
      <app-card title="报考指南" style="margin-top: 74px;">
        <ul class="qa-list2">
          <li v-for="(item, index) in qaList2" :key="index">
            <h2>Q：{{ item.question }}</h2>
            <p>{{ item.answer }}</p>
          </li>
        </ul>
      </app-card>
      <alumni-stories />

      <NewsCard baseUrl="/internationalDegree/news" :params="newsParams"></NewsCard>
      <TeacherCard :list="teacherList" style="margin-top: 96px"></TeacherCard>
    </div>
    <FormSubmit></FormSubmit>
  </div>
</template>

<script>
import AppCard from '@/components/AppCard.vue'
import ProjectCard from '@/components/ProjectCard.vue'
import NewsCard from '@/components/NewsCard.vue'
import TeacherCard from '@/components/TeacherCard.vue'
import FormSubmit from '@/components/FormSubmit.vue'
import qaList from '@/assets/internationalDegreeQA.js'
import alumniStories from '@/components/home/alumniStories'

export default {
  head: {
    title: '紫荆教育-在线国际学位项目-在职硕士-国际硕士-免联考硕士-应用心理学硕士-美国硕士',
    meta: [
      {
        hid: 'keywords',
        name: 'keywords',
        content:
          '在线硕士,国际硕士，免联考硕士，美国硕士，在职硕士，在职MBA,在职心理学，心理学硕士，应用心理学硕士，心理学，MBA，免联考MBA,国际MBA,酒店管理'
      },
      {
        hid: 'description',
        name: 'description',
        content:
          '紫荆教育-专注在线国际学位项目，在职硕士心理学硕士，国际硕士免联考硕士，酒店管理硕士，美国硕士，在线硕士，清控紫荆教育全称是清控紫荆（北京）教育科技股份有限公司，是2015年以清华大学五道口金融学院相关知识产权创设而成。'
      }
    ]
  },
  components: { AppCard, ProjectCard, NewsCard, TeacherCard, FormSubmit, alumniStories },
  data() {
    return {
      listData: [
        { web_img_uri: 'https://webapp-pub.ezijing.com/www/pc/internationalDegree/banner1.jpg' },
        { web_img_uri: 'https://webapp-pub.ezijing.com/www/pc/internationalDegree/banner2.jpg' },
        { web_img_uri: 'https://webapp-pub.ezijing.com/www/pc/internationalDegree/banner3.jpg' },
        { web_img_uri: 'https://webapp-pub.ezijing.com/www/pc/internationalDegree/banner4.jpg' }
      ],
      swiperOption: {
        speed: 400,
        autoplay: true,
        delay: 6000,
        observer: true,
        observerParent: true,
        navigation: {
          nextEl: '.next-button',
          prevEl: '.prev-button'
        },
        loop: true
      },
      whyList: [
        {
          icon: 'https://webapp-pub.ezijing.com/www/pc/internationalDegree/icon_why_01.png',
          hoverIcon: 'https://webapp-pub.ezijing.com/www/pc/internationalDegree/icon_why_01_hover.png',
          desc: '优选国际正规院校、学位受到全球普遍承认'
        },
        {
          icon: 'https://webapp-pub.ezijing.com/www/pc/internationalDegree/icon_why_02.png',
          hoverIcon: 'https://webapp-pub.ezijing.com/www/pc/internationalDegree/icon_why_02_hover.png',
          desc: '严格审核，正规面试， 以国际标准选拔优秀人才'
        },
        {
          icon: 'https://webapp-pub.ezijing.com/www/pc/internationalDegree/icon_why_03.png',
          hoverIcon: 'https://webapp-pub.ezijing.com/www/pc/internationalDegree/icon_why_03_hover.png',
          desc: '国企背景、专业口碑 国际化专业运营团队'
        },
        {
          icon: 'https://webapp-pub.ezijing.com/www/pc/internationalDegree/icon_why_04.png',
          hoverIcon: 'https://webapp-pub.ezijing.com/www/pc/internationalDegree/icon_why_04_hover.png',
          desc: '与在校生一样的授课老师，一样的专业课程体系'
        },
        {
          icon: 'https://webapp-pub.ezijing.com/www/pc/internationalDegree/icon_why_05.png',
          hoverIcon: 'https://webapp-pub.ezijing.com/www/pc/internationalDegree/icon_why_05_hover.png',
          desc: '针对在线学习特点的教学优化和授课安排'
        },
        {
          icon: 'https://webapp-pub.ezijing.com/www/pc/internationalDegree/icon_why_06.png',
          hoverIcon: 'https://webapp-pub.ezijing.com/www/pc/internationalDegree/icon_why_06_hover.png',
          desc: '稳定的学习系统，365天X24小时全球登录'
        }
      ],
      // 热门专业
      projectList: [
        {
          project_id: '1006',
          imgUrl: 'https://webapp-pub.ezijing.com/www/pc/internationalDegree/project_ciis.png',
          href: 'https://ciis.ezijing.com/'
        },
        {
          project_id: '1021',
          imgUrl: 'https://webapp-pub.ezijing.com/www/pc/internationalDegree/project_cuw.png',
          href: 'https://cuw.ezijing.com/'
        },
        {
          project_id: '1005',
          imgUrl: 'https://webapp-pub.ezijing.com/www/pc/internationalDegree/project_cu.png',
          href: 'https://cu.ezijing.com/'
        },
        {
          project_id: '1012',
          imgUrl: 'https://webapp-pub.ezijing.com/www/pc/internationalDegree/project_marywood.png',
          href: 'https://marywood.ezijing.com/'
        },

        {
          project_id: '1008',
          imgUrl: 'https://webapp-pub.ezijing.com/www/pc/internationalDegree/project_shms.png',
          href: 'https://shms.ezijing.com/'
        },
        {
          project_id: '1015',
          imgUrl: 'https://webapp-pub.ezijing.com/www/pc/internationalDegree/project_caas.png',
          href: 'https://caas.ezijing.com/'
        }
      ],
      // 常见问题
      qaList,
      // 最新动态请求参数
      newsParams: {
        project_ids: [
          '6800243768751554560',
          '6808657045168848896',
          '6808657689426526208',
          '6805762100502200320',
          '6808658580045037568',
          '6823789210604929024'
        ],
        type_tag: 'article_news_hot',
        page: 1,
        limit: 4
      },
      teacherList: [
        {
          imgUrl: 'https://webapp-pub.ezijing.com/www/pc/internationalDegree/yxsz_01.jpg',
          name: 'Glenn Hartelius',
          project: '师资-CIIS | 博士',
          title: '博士',
          desc: '《国际整合与后人本主义心理学专业手册》编纂人<br/>《国际整合与后人本主义心理学》专业学术期刊主编'
        },
        {
          imgUrl: 'https://webapp-pub.ezijing.com/www/pc/internationalDegree/yxsz_02.jpg',
          name: '钟思嘉',
          project: '师资-CIIS | 教授',
          title: '教授',
          desc: '美国俄勒冈大学哲学博士（教育心理学与咨询心理学）<br/>现任浙江师范大学教师教育学院特聘专家'
        },
        {
          imgUrl: 'https://webapp-pub.ezijing.com/www/pc/internationalDegree/yxsz_03.jpg',
          name: 'Sharon Hundley,Ed.D.',
          project: '师资-CU | 副教授',
          desc: '康博斯威尔大学教育学院早期儿童教育项目主任<br/>AMI认证3-6岁主教<br/>AMS授证导师'
        },
        {
          imgUrl: 'https://webapp-pub.ezijing.com/www/pc/internationalDegree/yxsz_04.jpg',
          name: '胡晓毅',
          project: '师资-CU | 教授',
          desc: '北京师范大学教育学部教授、硕士生导师<br/>美国堪萨斯大学特殊教育系博士'
        },
        {
          imgUrl: 'https://webapp-pub.ezijing.com/www/pc/internationalDegree/yxsz_05.jpg',
          name: 'Ash Soni',
          project: '师资-KELLEY | 教授',
          desc: '印第安纳大学工商管理博士<br/>KELLEY商学院副院长、教授'
        },
        {
          imgUrl: 'https://webapp-pub.ezijing.com/www/pc/internationalDegree/yxsz_06.jpg',
          name: '肇越',
          project: '师资-KELLEY | 博士',
          desc:
            '清华五道口经济学博士<br/>清华大学五道口金融学院业界导师、经济学家兼研究院院长<br/>香港致富证券有限公司首席'
        },
        {
          imgUrl: 'https://webapp-pub.ezijing.com/www/pc/internationalDegree/yxsz_07.jpg',
          name: 'Chris Speicher',
          project: '师资-MARYWOOD | 副教授',
          desc: '天普大学博士副教授'
        },
        {
          imgUrl: 'https://webapp-pub.ezijing.com/www/pc/internationalDegree/yxsz_08.jpg',
          name: '张恩忠',
          project: '师资-MARYWOOD | 副教授',
          desc: '美国普渡大学博士<br/>中国人民大学教授、博士生导师'
        },
        {
          imgUrl: 'https://webapp-pub.ezijing.com/www/pc/internationalDegree/yxsz_09.jpg',
          name: 'Andrea Leuenberger',
          project: '师资-SHMS | 项目主管',
          desc:
            '擅长于牧学领域的学习设计<br/>曾在纽约奢华酒店Swiss atel The Drake和莫斯科、中亚地区等多家奢华酒店担任运营总监和高管'
        }
      ],
      qaList2: [
        {
          question: '学校是否正规？学籍是否正规？',
          answer:
            '紫荆教育所有合作院校均为各国官方教育机构认证的合规大学，受到US.NEWS,QS，AACSB,ACBSP等数十个国际权威评级和教育评价组织认可。所有学生均注册正规学籍，终身可查。'
        },
        {
          question: '在线学习颁发的学位证与出国留学颁发的证书有何不同？',
          answer:
            '颁发正规学位，与留学生完全一样，且具有相同的形式和法律效力。不存在在线学位、远程学位、校证、特殊学位等说法。'
        },
        {
          question: '关于上课形式，课程体系，老师水平',
          answer:
            '以网络授课为主。配合线下课，企业参访，工作坊，国际访学等多种授课形式。课程体系与授课老师完全按照在校生标准配置。'
        },
        {
          question: '学制多久？能否确保拿到学位证书？',
          answer:
            '国际在线学位项目的学制一般为16—24个月不等。只要按时上课，完成作业并修满规定学分就可获得所修项目的学位证书。'
        },
        {
          question: '必须要本科吗？非统招本科学历是否可以，大专学历能上吗？',
          answer: '部分项目针对大专学历少量择优录取，详情请咨询招生顾问老师。非统招，专升本都可以上。'
        },
        {
          question: '申请紫荆教育在线国际学位项目需要提交哪些材料？',
          answer:
            '需提交：本科学历证书、本科阶段（中、英文双语版成绩单）、英文版《教育部学历证书电子注册备案表》、及推荐信等个人能力证明文件。'
        },
        {
          question: '每周要花多久用于学习？遇到急事可以请假或者补课吗？',
          answer:
            '学习时长因人而异，大部分学员保持在每周上2-3次课。每次2个小时左右。可以请假，但部分公开课，线下课及直播课无法补课。'
        },
        {
          question: '可以做中留服认证吗？',
          answer:
            '因国家政策规定，不出国的在线学习项目都不能申请中留服认证。对于市场上承诺可以做中留服的项目请注意鉴别，避免受骗。'
        }
      ]
    }
  }
}
</script>

<style lang="scss" scoped src="@/assets/css/studyAbroad.scss"></style>
