Skip to content

P
project-online-pc
提交 cefef8ac authored 作者: 王鹏飞's avatar 王鹏飞
浏览文件
操作

chore: 新项目站

上级 b27c3e4a
全部展开 隐藏空白字符变更
内嵌 并排
正在显示 包含 648 行增加 和 459 行删除
components/base/h5/Menu.vue
浏览文件 @ cefef8ac
......@@ -18,52 +18,53 @@ export default {
children: [
{ name: '项目背景', path: '/project-intro/bg' },
{ name: '项目特色', path: '/project-intro/charac' },
{ name: '证书授权', path: '/project-intro/certificate' }
]
},
{
name: '课程与师资',
children: [
{ name: '课程设置', path: '/about/course' },
{ name: '师资力量', path: '/about/teacher' }
]
{ name: '证书授权', path: '/project-intro/certificate' },
],
},
{ name: '课程设置', path: '/about/course' },
// {
// name: '课程与师资',
// children: [
// { name: '课程设置', path: '/about/course' },
// { name: '师资力量', path: '/about/teacher' }
// ]
// },
{
name: '最新动态',
children: [
{ name: '热点新闻', path: '/news/hot' },
{ name: '教授采访', path: '/news/interview' }
]
{ name: '教授采访', path: '/news/interview' },
],
},
{
name: '招生信息',
children: [
{ name: '申请信息', path: '/apply/relevant' },
{ name: '费用资助', path: '/apply/support' },
{ name: '常见问题', path: '/apply/problem' }
]
{ name: '项目费用', path: '/apply/support' },
// { name: '常见问题', path: '/apply/problem' },
],
},
{
name: '校友风采',
children: [
{ name: '杰出校友', path: '/alumni/outstanding' },
{ name: '校友分享', path: '/alumni/sharing' }
]
{ name: '校友分享', path: '/alumni/sharing' },
],
},
{
name: '我要报名',
onClick: () => {
window.open('/my/account')
}
}
]
},
},
],
}
},
methods: {
showTips() {
this.$notify({ type: 'primary', message: '暂未开通，尽请期待' })
}
}
},
},
}
</script>
......
components/home/presence.vue
浏览文件 @ cefef8ac
<template>
<div :class="isMobile ? 'is-h5' : 'is-pc'">
<div class="presence-content-box">
<card :title="$t('home.presence.title')" class="card-style">
<card :title="$t('home.presence.title')" class="card-style" v-if="false">
<template #header-aside>
<nuxt-link to="/alumni/sharing">{{ $t('viewMore') }}</nuxt-link>
</template>
</card>
<div class="content-mian">
<van-swipe class="my-swipe" :autoplay="5000" :vertical="true" indicator-color="white">
<van-swipe class="my-swipe" :autoplay="5000" :vertical="true" indicator-color="white" v-if="false">
<template v-for="(item, index) in listData">
<van-swipe-item :key="index">
<app-link :data="item" :to="`/news/hot/${item.id}`">
......@@ -56,49 +56,49 @@ export default {
name: 'presence',
components: {
Card,
AppLink
AppLink,
},
data() {
return {
yearsOptions: [
{
value: '0~2',
label: '0-2年'
label: '0-2年',
},
{
value: '2~3',
label: '2-3年'
label: '2-3年',
},
{
value: '3~5',
label: '3-5年'
label: '3-5年',
},
{
value: '5~10',
label: '5-10年'
label: '5-10年',
},
{
value: '10+',
label: '10年及以上'
}
label: '10年及以上',
},
],
degreeOptions: [
{
value: '2',
label: '普通本科'
label: '普通本科',
},
{
value: '3',
label: '本科/学士'
label: '本科/学士',
},
{
value: '5',
label: '硕士'
label: '硕士',
},
{
value: '7',
label: '博士'
}
label: '博士',
},
],
form: {
years: '',
......@@ -106,21 +106,21 @@ export default {
name: '',
phone: '',
project_id: process.env.projectId,
channel: 19960
channel: 19960,
},
value: '',
titleParams: {
name: this.$t('home.presence.title'),
more: {
path: '/alumni/sharing'
}
path: '/alumni/sharing',
},
},
listData: []
listData: [],
}
},
async fetch() {
const params = { project_id: process.env.newProjectId, type_tag: 'kelley_alumni_share' }
this.listData = await this.$axios.get('/api/cms/api/v1/articles', { params }).then(res => res.data.data)
this.listData = await this.$axios.get('/api/cms/api/v1/articles', { params }).then((res) => res.data.data)
},
computed: {
swiper() {
......@@ -128,12 +128,12 @@ export default {
},
isMobile() {
return this.$store.state.isMobile
}
},
},
mounted() {},
methods: {
submit() {
const findNull = Object.values(this.form).findIndex(item => {
const findNull = Object.values(this.form).findIndex((item) => {
return item === ''
})
if (findNull !== -1) {
......@@ -147,11 +147,11 @@ export default {
}
}
postNes(this.form)
.then(res => {
.then((res) => {
if (res && res.status === 200) {
this.$message({
type: 'success',
message: '提交成功'
message: '提交成功',
})
} else {
this.$message.error('提交失败')
......@@ -164,8 +164,8 @@ export default {
},
swiperStart() {
this.swiper.autoplay.start()
}
}
},
},
}
</script>
......@@ -205,8 +205,8 @@ export default {
.form-box {
width: 1200px;
height: 540px;
margin: 80px auto 0;
background: url(https://webapp-pub.ezijing.com/project/caas/home_presence_bg.png);
margin: 0 auto;
background: url(/images/form_bg.png);
background-size: 100% 100%;
display: flex;
justify-content: space-between;
......
components/home/projectBackground.vue 0 → 100644
浏览文件 @ cefef8ac
<template>
<div class="max-width-center">
<div :class="isMobile ? 'is-h5' : 'is-pc'">
<card title="项目背景">
<div class="project-background">
<p>
在全球酒店行业迈向高质量发展的新阶段，培养具备国际竞争力与实战经验的高端管理人才已成为行业共识。为此，瑞士酒店管理大学MBA中心依托其百年酒店教育基因，联合国际知名酒店集团的行业资源，推出《“万达酒店及度假村”中/高端酒店总经理培养》项目，致力于为酒店业精英提供全球化视野与本土化落地的系统性培养方案。
</p>
<img src="/images/project_desc.png" alt="" />
</div>
</card>
</div>
</div>
</template>
<script>
import Card from '@/components/Card'
import AppLink from '@/components/Link'
export default {
name: 'projectBackground',
components: { AppLink, Card },
computed: {
isMobile() {
return this.$store.state.isMobile
},
},
}
</script>
<style lang="scss" scoped>
.is-pc {
.max-width-center {
width: 1200px;
margin: 120px auto 0;
}
.project-background {
margin-top: 50px;
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 50px;
p {
font-weight: 400;
font-size: 18px;
color: #666666;
line-height: 36px;
}
}
}
.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;
}
.text {
font-size: 0.1rem;
line-height: 0.16rem;
color: #666666;
padding-top: 0.05rem;
text-align: center;
padding-bottom: 0.1rem;
}
}
}
}
</style>
components/home/projectFeatures.vue
浏览文件 @ cefef8ac
......@@ -9,6 +9,25 @@
<div class="text" v-html="item.text"></div>
</li>
</ul>
<div class="feature-box">
<h3>双导师培养+岗位直通车</h3>
<div class="feature-box-content">
<dl>
<dt><img src="/images/icon_1.png" /></dt>
<dd>
<strong>双导师培养：</strong
>瑞士顶级教授与万达酒店高管联合授课，先进理论+万达酒店运营案例，打造国际化视野与本土化实战能力的优质人才。
</dd>
</dl>
<dl>
<dt><img src="/images/icon_2.png" /></dt>
<dd>
<strong>岗位直通车：</strong
>万达酒店高管亲自带教，学员可深度参与酒店整体运营管理，全面提升薄弱项和简历含金量；考核优秀者免初试，获得直通万达酒店及度假村副总经历/总经理岗位面试机会。
</dd>
</dl>
</div>
</div>
</card>
</div>
</div>
......@@ -20,40 +39,50 @@ export default {
name: 'projectFeatures',
components: {
AppLink,
Card
Card,
},
data() {
return {
titleParams: {
name: this.$t('home.project.title')
name: this.$t('home.project.title'),
},
data: [
{
icon: 'https://webapp-pub.ezijing.com/project/caas/home-icon1.png',
iconActive: 'https://webapp-pub.ezijing.com/project/caas/home-icon-s1.png',
text: '全方位的餐饮<br />职业教育课程<br />体系', path: '', pathType: 0
icon: '/images/feature_icon_1.png',
iconActive: '/images/feature_icon_1.png',
text: '瑞士顶级教授与万达酒店高管<br/>联合授课',
path: '',
pathType: 0,
},
{
icon: 'https://webapp-pub.ezijing.com/project/caas/home-icon2.png',
iconActive: 'https://webapp-pub.ezijing.com/project/caas/home-icon-s2.png',
text: '挑战餐饮新业态<br />和移动互联网新<br />思维', path: '', pathType: 0
icon: '/images/feature_icon_2.png',
iconActive: '/images/feature_icon_2.png',
text: '先进理论+万达酒店<br/>运营案例',
path: '',
pathType: 0,
},
{
icon: 'https://webapp-pub.ezijing.com/project/caas/home-icon3.png',
iconActive: 'https://webapp-pub.ezijing.com/project/caas/home-icon-s3.png',
text: '线上和线下主题<br />分享会结合的授<br />课学习方式', path: '', pathType: 0
icon: '/images/feature_icon_3.png',
iconActive: '/images/feature_icon_3.png',
text: '打造国际化视野与本土化<br/>实战能力的优质人才',
path: '',
pathType: 0,
},
{
icon: 'https://webapp-pub.ezijing.com/project/caas/home-icon4.png',
iconActive: 'https://webapp-pub.ezijing.com/project/caas/home-icon-s4.png',
text: '全球排名顶尖师<br />资及中国餐饮业<br />权威专家', path: '', pathType: 0
icon: '/images/feature_icon_4.png',
iconActive: '/images/feature_icon_4.png',
text: '深度参与万达酒店整体运营<br/>全面提升薄弱项和简历含金量',
path: '',
pathType: 0,
},
{
icon: 'https://webapp-pub.ezijing.com/project/caas/home-icon5.png',
iconActive: 'https://webapp-pub.ezijing.com/project/caas/home-icon-s5.png',
text: '学位全球认可<br />学籍官方可查', path: '', pathType: 0
}
]
icon: '/images/feature_icon_5.png',
iconActive: '/images/feature_icon_5.png',
text: '可获直通万达酒店及度假村<br/>副总/总经理岗位面试机会',
path: '',
pathType: 0,
},
],
}
},
methods: {
......@@ -63,7 +92,7 @@ export default {
return
}
window.open(path)
}
},
},
mounted() {
console.log(this.isMobile)
......@@ -71,8 +100,8 @@ export default {
computed: {
isMobile() {
return this.$store.state.isMobile
}
}
},
},
}
</script>
......@@ -127,9 +156,42 @@ export default {
}
}
.max-width-center {
width: 1212px;
width: 1200px;
margin: 0 auto;
}
.feature-box {
margin-top: 120px;
background: #a5815b;
padding: 50px;
box-sizing: border-box;
h3 {
font-size: 24px;
color: #ffffff;
line-height: 36px;
margin-bottom: 50px;
text-align: center;
}
.feature-box-content {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 100px;
}
dl {
display: flex;
align-items: flex-start;
dt {
width: 80px;
}
dd {
font-size: 18px;
color: #ffffff;
line-height: 30px;
margin-left: 20px;
border-left: 1px solid #ffffff;
padding-left: 20px;
}
}
}
}
.is-h5 {
.service-content {
......
components/layout/pc/Foot.vue
浏览文件 @ cefef8ac
......@@ -48,7 +48,7 @@
<div class="mail" v-html="$t('foot.email')"></div>
</div>
<div class="right-content">
<img src="https://zws-imgs-pub.ezijing.com/static/public/734d8fd7b853b838e5e029049e2d9db3.png" alt="" class="code">
<img src="/images/qrcode.png" alt="" 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>
......
components/layout/pc/Head.vue
浏览文件 @ cefef8ac
......@@ -6,8 +6,8 @@
<nuxt-link to="/">
<img class="big-logo" src="https://webapp-pub.ezijing.com/project/caas/new-seglogo.svg" />
<div class="line">｜</div>
<img src="https://webapp-pub.ezijing.com/project/caas/logo-caas.svg" />
<img style="margin-left:20px" src="https://webapp-pub.ezijing.com/project/caas/logo-crcs.svg" />
<img src="/images/logo.png" style="height: 90px;" />
<img style="margin-left:20px" src="/images/logo2.png" />
</nuxt-link>
<div class="user" v-if="user.id">
<span>{{ user.realname || user.nickname }}</span
......@@ -36,7 +36,7 @@
import AppMenu from './Menu'
export default {
components: {
AppMenu
AppMenu,
},
data() {
return {}
......@@ -49,7 +49,7 @@ export default {
this.$i18n.locale = locale
this.$cookies.set('lang', locale)
process.client && location.reload()
}
},
},
computed: {
user() {
......@@ -66,8 +66,8 @@ export default {
return process.client
? `${process.env.loginURL}/register?redirect_uri=${encodeURIComponent(location.origin + this.$route.fullPath)}`
: ''
}
}
},
},
}
</script>
<style lang="scss" scoped>
......@@ -93,9 +93,10 @@ li {
.max-width-content {
display: flex;
align-items: center;
.line{
.line {
font-size: 40px;
font-weight: 200;
color: #aa1941;
}
::v-deep {
a {
......@@ -109,7 +110,7 @@ li {
img:first-child {
margin-right: 10px;
}
.big-logo{
.big-logo {
height: 80px;
}
}
......
components/layout/pc/Menu.vue
浏览文件 @ cefef8ac
......@@ -55,39 +55,40 @@ export default {
{ name: this.$t('menu.projectChild.cert'), path: '/project-intro/certificate' }
]
},
{
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: 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: this.$t('menu.courseChild.set'), path: '/about/course' },
// {
// 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: 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: 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: 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: this.$t('menu.recruitChild.problem'), path: '/apply/problem' }
]
},
// {
// 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: this.$t('menu.enroll'),
path: '/my/account'
......@@ -149,7 +150,7 @@ export default {
display: flex;
li {
position: relative;
margin-right: 60px;
margin-right: 100px;
.name {
line-height: 72px;
font-size: 22px;
......
langs/en-US.js
浏览文件 @ cefef8ac
......@@ -25,7 +25,7 @@ export default {
},
recruitChild: {
apply: '申请信息',
cost: '费用资助',
cost: '项目费用',
problem: '常见问题',
},
alumniChild: {
......@@ -232,7 +232,7 @@ export default {
applyItemNum6: '身份证（或护照）',
applyItemNum7: '专科学历或以上学历学位证书',
},
// 费用资助
// 项目费用
cost: {
con1Tit: '学费',
con1Txt: `本项目学费7.8万元。<br />
......
langs/zh-CN.js
浏览文件 @ cefef8ac
......@@ -25,7 +25,7 @@ export default {
},
recruitChild: {
apply: '申请信息',
cost: '费用资助',
cost: '项目费用',
problem: '常见问题',
},
alumniChild: {
......@@ -232,7 +232,7 @@ export default {
applyItemNum6: '身份证（或护照）',
applyItemNum7: '专科学历或以上学历学位证书',
},
// 费用资助
// 项目费用
cost: {
con1Tit: '学费',
con1Txt: `本项目学费7.8万元。<br />
......
pages/about/course copy.vue 0 → 100644
浏览文件 @ cefef8ac
<template>
<div :class="isMobile ? 'is-h5' : 'is-pc'">
<app-frame :data="frameParams">
<div class="course-content-box" v-if="!isMobile">
<div class="content-mian">
<div class="border-box">
<template v-for="(item, index) in courseData">
<div class="item-box" :key="index">
<div class="title">{{ item.title }}</div>
<div class="right-content">
<ul>
<li v-for="(cItem, cIndex) in item.item" :key="cIndex + 'l'">
<div class="text">{{ cItem.name }}</div>
<div class="score" v-if="cItem.score">学分：{{ cItem.score }}</div>
</li>
</ul>
</div>
</div>
</template>
</div>
<div class="tips">*{{ $t('setCourse.t19') }}</div>
</div>
</div>
<div class="course-content" v-else>
<div class="item-box" v-for="(item, index) in courseData" :key="index">
<div class="title">{{ item.title }}</div>
<ul>
<li v-for="(cItem, cIndex) in item.item" :key="cIndex + 'c'">
<div class="name">{{ cItem.name }}</div>
<div class="score" v-if="cItem.score">学分：{{ cItem.score }}</div>
</li>
</ul>
</div>
</div>
</app-frame>
</div>
</template>
<script>
import appFrame from '@/components/appFrame'
export default {
layout: 'normal',
components: {
appFrame,
},
data() {
return {
courseData: [
{
title: this.$t('setCourse.tit1'),
item: [
{ name: this.$t('setCourse.t1'), score: 3 },
{ name: this.$t('setCourse.t2'), score: 3 },
{ name: this.$t('setCourse.t3'), score: 3 },
{ name: this.$t('setCourse.t4'), score: 3 },
{ name: this.$t('setCourse.t5'), score: 3 },
{ name: this.$t('setCourse.t6'), score: 3 },
{ name: this.$t('setCourse.t7'), score: 3 },
{ name: this.$t('setCourse.t8'), score: 3 },
{ name: this.$t('setCourse.t9'), score: 3 },
{ name: this.$t('setCourse.t10'), score: 3 },
],
},
{
title: this.$t('setCourse.tit2'),
item: [
{ name: this.$t('setCourse.t11') },
{ name: this.$t('setCourse.t12') },
{ name: this.$t('setCourse.t13') },
{ name: this.$t('setCourse.t14') },
{ name: this.$t('setCourse.t15') },
// { name: this.$t('setCourse.t16') }
],
},
{
title: this.$t('setCourse.tit3'),
item: [{ name: this.$t('setCourse.t17') }, { name: this.$t('setCourse.t18') }],
},
],
frameParams: {
banner: 'https://webapp-pub.ezijing.com/project/caas/about-course_banner.png',
slider: [
{
name: this.$t('menu.courseChild.set'),
path: '/about/course',
},
{
name: this.$t('menu.courseChild.teachers'),
path: '/about/teacher',
},
],
},
}
},
mounted() {},
computed: {
isMobile() {
return this.$store.state.isMobile
},
},
}
</script>
<style lang="scss" scoped>
.is-pc {
.course-content-box {
// width: 1200px;
// margin: 0 auto;
.content-mian {
padding: 106px 141px 50px 96px;
.border-box {
padding: 35px 0 51px;
border-top: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
.item-box {
display: flex;
justify-content: space-between;
margin-bottom: 40px;
ul {
padding-bottom: 37px;
border-bottom: 1px solid #e6e6e6;
}
&:last-child {
border-bottom: none;
margin-bottom: 0;
ul {
padding-bottom: 37px;
border-bottom: none;
}
}
.title {
font-size: 26px;
font-weight: bold;
line-height: 100%;
color: #aa1941;
}
.right-content {
width: 562px;
li {
height: 32px;
background: #f7f7f7;
display: flex;
align-items: center;
&:nth-child(even) {
background: none;
}
.text {
width: 397px;
padding-left: 30px;
font-size: 16px;
color: #333333;
}
.score {
font-size: 16px;
color: #424242;
}
}
}
}
}
.tips {
text-align: center;
line-height: 60px;
color: #aa1941;
}
}
}
}
.is-h5 {
.course-content {
background: #fff;
padding: 0.38rem 0.28rem 0.2rem;
.title {
font-size: 0.14rem;
font-weight: bold;
line-height: 100%;
color: #aa1941;
}
ul {
border-top: 0.01rem solid #e6e6e6;
padding-top: 0.1rem;
margin-top: 0.19rem;
margin-bottom: 0.24rem;
li {
height: 0.21rem;
box-sizing: border-box;
padding-left: 0.27rem;
display: flex;
align-items: center;
&:nth-child(odd) {
background: #f7f7f7;
}
.name {
font-size: 0.1rem;
color: #666666;
width: 2.17rem;
font-size: 0.1rem;
color: #666666;
}
.score {
font-size: 0.1rem;
color: #666666;
}
}
}
}
}
</style>
pages/about/course.vue
浏览文件 @ cefef8ac
<template>
<div :class="isMobile ? 'is-h5' : 'is-pc'">
<app-frame :data="frameParams">
<div class="course-content-box" v-if="!isMobile">
<div class="content-mian">
<div class="border-box">
<template v-for="(item, index) in courseData">
<div class="item-box" :key="index">
<div class="title">{{ item.title }}</div>
<div class="right-content">
<ul>
<li v-for="(cItem, cIndex) in item.item" :key="cIndex + 'l'">
<div class="text">{{ cItem.name }}</div>
<div class="score" v-if="cItem.score">学分：{{ cItem.score }}</div>
</li>
</ul>
</div>
</div>
</template>
</div>
<div class="tips">*{{$t('setCourse.t19')}}</div>
<img src="/images/course_banner.png" class="course-banner" />
<div class="course-content-box">
<Card title="学习阶段">
<div class="box">
<dl>
<dt>线上课程：</dt>
<dd>
12门核心课程（瑞士酒店管理大学MBA中心8门+万达酒店4门），覆盖收益管理、财务管理、市场营销 等高阶领域。
</dd>
</dl>
<dl>
<dt>线 下 课：</dt>
<dd>两次线下案例研讨（万达酒店+紫荆教育），总计4天。</dd>
</dl>
</div>
</div>
<div class="course-content" v-else>
<div class="item-box" v-for="(item, index) in courseData" :key="index">
<div class="title">{{ item.title }}</div>
<ul>
<li v-for="(cItem, cIndex) in item.item" :key="cIndex + 'c'">
<div class="name">{{ cItem.name }}</div>
<div class="score" v-if="cItem.score">学分：{{ cItem.score }}</div>
</li>
</ul>
</Card>
<Card title="课程设置">
<div class="box">
<img src="/images/course_1.png" />
<br />
<br />
<br />
<img src="/images/course_2.png" />
</div>
</div>
</app-frame>
</Card>
</div>
</div>
</template>
<script>
......@@ -40,129 +33,46 @@ import appFrame from '@/components/appFrame'
export default {
layout: 'normal',
components: {
appFrame
appFrame,
},
data() {
return {
courseData: [
{
title: this.$t('setCourse.tit1'),
item: [
{ name: this.$t('setCourse.t1'), score: 3 },
{ name: this.$t('setCourse.t2'), score: 3 },
{ name: this.$t('setCourse.t3'), score: 3 },
{ name: this.$t('setCourse.t4'), score: 3 },
{ name: this.$t('setCourse.t5'), score: 3 },
{ name: this.$t('setCourse.t6'), score: 3 },
{ name: this.$t('setCourse.t7'), score: 3 },
{ name: this.$t('setCourse.t8'), score: 3 },
{ name: this.$t('setCourse.t9'), score: 3 },
{ name: this.$t('setCourse.t10'), score: 3 }
]
},
{
title: this.$t('setCourse.tit2'),
item: [
{ name: this.$t('setCourse.t11') },
{ name: this.$t('setCourse.t12') },
{ name: this.$t('setCourse.t13') },
{ name: this.$t('setCourse.t14') },
{ name: this.$t('setCourse.t15') },
// { name: this.$t('setCourse.t16') }
]
},
{
title: this.$t('setCourse.tit3'),
item: [
{ name: this.$t('setCourse.t17') },
{ name: this.$t('setCourse.t18') }
]
}
],
frameParams: {
banner: 'https://webapp-pub.ezijing.com/project/caas/about-course_banner.png',
slider: [
{
name: this.$t('menu.courseChild.set'),
path: '/about/course'
},
{
name: this.$t('menu.courseChild.teachers'),
path: '/about/teacher'
}
]
}
}
return {}
},
mounted() {},
computed: {
isMobile() {
return this.$store.state.isMobile
}
}
},
},
}
</script>
<style lang="scss" scoped>
.is-pc {
.course-banner {
width: 100%;
object-fit: cover;
}
.course-content-box {
// width: 1200px;
// margin: 0 auto;
.content-mian {
padding: 106px 141px 50px 96px;
.border-box {
padding: 35px 0 51px;
border-top: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
.item-box {
display: flex;
justify-content: space-between;
margin-bottom: 40px;
ul {
padding-bottom: 37px;
border-bottom: 1px solid #e6e6e6;
}
&:last-child {
border-bottom: none;
margin-bottom: 0;
ul {
padding-bottom: 37px;
border-bottom: none;
}
}
.title {
font-size: 26px;
font-weight: bold;
line-height: 100%;
color: #aa1941;
}
.right-content {
width: 562px;
li {
height: 32px;
background: #f7f7f7;
display: flex;
align-items: center;
&:nth-child(even) {
background: none;
}
.text {
width: 397px;
padding-left: 30px;
font-size: 16px;
color: #333333;
}
.score {
font-size: 16px;
color: #424242;
}
}
}
}
width: 1200px;
margin: 0 auto;
::v-deep .card {
margin-top: 120px;
}
.box {
margin: 50px 0;
padding: 50px;
background: #fff;
}
dl {
margin: 10px 0;
display: flex;
color: #333;
font-size: 20px;
dt {
width: 100px;
font-weight: bold;
}
.tips{
text-align:center;
line-height:60px;
color:#aa1941;
dd {
flex: 1;
}
}
}
......
pages/apply/relevant.vue
浏览文件 @ cefef8ac
差异被折叠。
pages/apply/support.vue
浏览文件 @ cefef8ac
......@@ -4,10 +4,14 @@
<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 class="title">项目费用</div>
<div class="con-txt">
<strong>学费：</strong>24000元（9个月）
<br />
<strong>申请费：</strong>600元
<br />
<strong>奖学金：</strong>学生可以申请奖学金（根据评审委员会评定）
</div>
</div>
</div>
</div>
......@@ -19,35 +23,35 @@ import appFrame from '@/components/appFrame'
export default {
layout: 'normal',
components: {
appFrame
appFrame,
},
data() {
return {
newsList: [],
frameParams: {
banner: 'https://webapp-pub.ezijing.com/project/caas/apply-support_banner.png',
banner: '/images/apply_banner.png',
slider: [
{
name: this.$t('menu.recruitChild.apply'),
path: '/apply/relevant'
path: '/apply/relevant',
},
{
name: this.$t('menu.recruitChild.cost'),
path: '/apply/support'
path: '/apply/support',
},
{
name: this.$t('menu.recruitChild.problem'),
path: '/apply/problem'
}
]
}
// {
// name: this.$t('menu.recruitChild.problem'),
// path: '/apply/problem'
// }
],
},
}
},
computed: {
isMobile() {
return this.$store.state.isMobile
}
}
},
},
}
</script>
<style lang="scss" scoped>
......@@ -57,7 +61,7 @@ export default {
padding-top: 46px;
padding-bottom: 106px;
.text-content {
padding-left: 87px;
padding: 0 80px;
.title {
font-size: 22px;
font-weight: bold;
......
pages/index.vue
浏览文件 @ cefef8ac
......@@ -4,16 +4,17 @@
<banner />
<!-- 项目特色 -->
<project-features />
<project-background />
<!-- 学校排名 -->
<school-ranking />
<!-- <school-ranking /> -->
<!-- 最新动态 -->
<news />
<!-- <news /> -->
<!-- 师生风采 -->
<presence />
<!-- 常见问题 -->
<common-problem />
<!-- <common-problem /> -->
<!-- 公开课 -->
<open-class />
<!-- <open-class /> -->
<!-- 右侧功能栏 -->
<!-- <right-aside /> -->
</div>
......@@ -22,6 +23,7 @@
<script>
import banner from '../components/home/banner'
import projectFeatures from '../components/home/projectFeatures'
import projectBackground from '../components/home/projectBackground'
import schoolRanking from '../components/home/schoolRanking'
import news from '../components/home/news'
import presence from '../components/home/presence'
......@@ -33,16 +35,17 @@ export default {
components: {
banner,
projectFeatures,
projectBackground,
schoolRanking,
news,
presence,
commonProblem,
openClass,
rightAside
rightAside,
},
data() {
return {
isScale: false
isScale: false,
}
},
created() {},
......@@ -50,7 +53,7 @@ export default {
if (document.documentElement.clientWidth < 1400) {
// this.isScale = true
}
}
},
}
</script>
<style>
......
pages/project-intro/bg.vue
浏览文件 @ cefef8ac
差异被折叠。
pages/project-intro/certificate.vue
浏览文件 @ cefef8ac
......@@ -2,16 +2,10 @@
<div :class="isMobile ? 'is-h5' : 'is-pc'">
<app-frame :data="frameParams">
<div class="certificate">
<div class="checkbox">
<p><i></i>{{ $t('cert.txt1') }}</p>
<p><i></i>{{ $t('cert.txt2') }}</p>
</div>
<p class="text">{{ $t('cert.txt3') }}</p>
<a href="https://webapp-pub.ezijing.com/project/caas/cert_image.jpg" target="_blank">
<img src="https://webapp-pub.ezijing.com/project/caas/cert_image.jpg" />
</a>
<!-- <p class="certificate-title">{{ $t('cert.txt4') }}</p> -->
<p class="certificate-des">{{ $t('cert.txt5') }}</p>
<h1>证书颁授</h1>
<p>
通过项目考试合格，颁发《全服务酒店总经理课程认证》、《万达酒店及度假村项目结业证书》双认证证书考核成绩优秀的学员，通过万达酒店及度假村面试，获得相应岗位。完成项目将纳入瑞士酒店管理大学MBA案例中心《全服务酒店总经理》人才库。
</p>
</div>
</app-frame>
</div>
......@@ -22,138 +16,65 @@ export default {
data() {
return {
frameParams: {
banner: 'https://webapp-pub.ezijing.com/project/caas/project-intro_cert_banner.png.png',
banner: '/images/cert_banner.png',
slider: [
{
name: this.$t('menu.projectChild.bg'),
path: '/project-intro/bg'
path: '/project-intro/bg',
},
{
name: this.$t('menu.projectChild.feature'),
path: '/project-intro/charac'
path: '/project-intro/charac',
},
{
name: this.$t('menu.projectChild.cert'),
path: '/project-intro/certificate'
}
]
}
path: '/project-intro/certificate',
},
],
},
}
},
computed: {
isMobile() {
return this.$store.state.isMobile
}
}
},
},
}
</script>
<style lang="scss" scoped>
.is-pc {
.certificate {
padding: 40px;
text-align: center;
.checkbox {
display: flex;
width: 450px;
margin: 0 auto;
justify-content: center;
p {
width: 50%;
text-align: center;
font-size: 22px;
font-family: Source Han Sans CN;
font-weight: 500;
line-height: 34px;
color: #424242;
i {
display: inline-block;
width: 22px;
height: 22px;
background: url('https://webapp-pub.ezijing.com/project/kelley/project-intro-certificate-icon.png');
background-size: 22px 22px;
margin-right: 10px;
vertical-align: middle;
}
}
}
.text {
padding: 60px;
h1 {
font-weight: bold;
font-size: 26px;
color: #333333;
line-height: 40px;
text-align: center;
font-size: 16px;
font-family: Source Han Sans CN;
font-weight: 400;
line-height: 34px;
color: #424242;
margin-top: 40px;
margin-bottom: 20px;
}
img {
display: block;
width: 700px;
margin: 40px auto;
}
.certificate-title {
font-size: 16px;
font-family: Source Han Sans CN;
font-weight: 400;
line-height: 34px;
color: #424242;
margin-top: 26px;
}
.certificate-des {
font-size: 14px;
font-family: Source Han Sans CN;
font-weight: 400;
line-height: 34px;
color: #aa1941;
p {
font-size: 20px;
color: #333333;
line-height: 40px;
}
}
}
.is-h5 {
.certificate {
padding: 0.3rem 0.52rem;
text-align: center;
.checkbox {
display: flex;
// width: 450px;
margin: 0 auto;
p {
width: 50%;
text-align: center;
// font-size: .12rem;
font-family: Source Han Sans CN;
font-weight: 500;
line-height: 0.17rem;
color: #424242;
i {
display: inline-block;
width: 0.18rem;
height: 0.18rem;
background: url('https://webapp-pub.ezijing.com/project/kelley/project-intro-certificate-icon.png');
background-size: 0.18rem 0.18rem;
margin-right: 0.05rem;
vertical-align: middle;
}
}
}
.text {
padding: 20px;
h1 {
font-weight: bold;
font-size: 26px;
color: #333333;
line-height: 40px;
text-align: center;
font-size: 0.12rem;
color: #424242;
margin-top: 0.2rem;
}
img {
display: block;
width: 100%;
display: block;
// height: 291px;
margin: 0.2rem auto;
}
.certificate-title {
font-size: 0.12rem;
color: #424242;
margin-top: 0.13rem;
margin-bottom: 20px;
}
.certificate-des {
color: #aa1941;
p {
font-size: 20px;
color: #333333;
line-height: 40px;
}
}
}
......
pages/project-intro/charac.vue
浏览文件 @ cefef8ac
<template>
<div :class="isMobile ? 'is-h5' : 'is-pc'">
<app-frame :data="frameParams">
<ul class="card">
<li v-for="item in list" :key="item.title">
<div class="left">
<img :src="item.img" />
<div class="project-intro-charac">
<h1>项目特色</h1>
<img src="/images/project_feature_top.png" alt="" />
<div class="feature-box">
<h3>双导师培养+岗位直通车</h3>
<div class="feature-box-content">
<dl>
<dt><img src="/images/icon_1.png" /></dt>
<dd>
<strong>双导师培养：</strong
>瑞士顶级教授与万达酒店高管联合授课，先进理论+万达酒店运营案例，打造国际化视野与本土化实战能力的优质人才。
</dd>
</dl>
<dl>
<dt><img src="/images/icon_2.png" /></dt>
<dd>
<strong>岗位直通车：</strong
>万达酒店高管亲自带教，学员可深度参与酒店整体运营管理，全面提升薄弱项和简历含金量；考核优秀者免初试，获得直通万达酒店及度假村副总经历/总经理岗位面试机会。
</dd>
</dl>
</div>
<div class="right">
<h5>{{ item.title }}</h5>
<p v-for="text in item.texts" :key="text">{{ text }}</p>
</div>
</li>
</ul>
</div>
</div>
</app-frame>
</div>
</template>
......@@ -24,93 +36,83 @@ export default {
{
img: 'https://webapp-pub.ezijing.com/project/kelley/project-intro-charac-icon1.png',
title: this.$t('feature.item1Tit'),
texts: [
this.$t('feature.item1Txt1'),
this.$t('feature.item1Txt2'),
this.$t('feature.item1Txt3')
]
texts: [this.$t('feature.item1Txt1'), this.$t('feature.item1Txt2'), this.$t('feature.item1Txt3')],
},
{
img: 'https://webapp-pub.ezijing.com/project/kelley/project-intro-charac-icon2.png',
title: this.$t('feature.item2Tit'),
texts: [
this.$t('feature.item2Txt1'),
this.$t('feature.item2Txt2'),
this.$t('feature.item2Txt3')
]
texts: [this.$t('feature.item2Txt1'), this.$t('feature.item2Txt2'), this.$t('feature.item2Txt3')],
},
{
img: 'https://webapp-pub.ezijing.com/project/kelley/project-intro-charac-icon3.png',
title: this.$t('feature.item3Tit'),
texts: [
this.$t('feature.item3Txt1'),
this.$t('feature.item3Txt2'),
this.$t('feature.item3Txt3')
]
}
texts: [this.$t('feature.item3Txt1'), this.$t('feature.item3Txt2'), this.$t('feature.item3Txt3')],
},
],
frameParams: {
banner: 'https://webapp-pub.ezijing.com/project/caas/project-intro_charac_banner.png',
banner: '/images/feature_banner.png',
slider: [
{
name: this.$t('menu.projectChild.bg'),
path: '/project-intro/bg'
path: '/project-intro/bg',
},
{
name: this.$t('menu.projectChild.feature'),
path: '/project-intro/charac'
path: '/project-intro/charac',
},
{
name: this.$t('menu.projectChild.cert'),
path: '/project-intro/certificate'
}
]
}
path: '/project-intro/certificate',
},
],
},
}
},
computed: {
isMobile() {
return this.$store.state.isMobile
}
}
},
},
}
</script>
<style lang="scss" scoped>
.is-pc {
.card {
width: 763px;
margin: 0 auto 0;
padding: 80px 0 30px;
li {
height: 205px;
background: #f9f8f8;
box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.09);
margin-bottom: 50px;
display: flex;
.left {
width: 212px;
// background:#fcfcfc;
img {
width: 120px;
height: 120px;
margin: 43px 0 0 47px;
}
.project-intro-charac {
padding: 60px;
h1 {
font-weight: bold;
font-size: 26px;
color: #333333;
line-height: 40px;
text-align: center;
margin-bottom: 20px;
}
.feature-box {
margin-top: 60px;
background: #a5815b;
padding: 50px;
box-sizing: border-box;
h3 {
font-size: 24px;
color: #fff;
line-height: 36px;
margin-bottom: 50px;
text-align: center;
}
.right {
width: calc(100% - 212px);
padding-top: 20px;
h5 {
font-size: 22px;
font-family: Source Han Sans CN;
font-weight: 500;
line-height: 44px;
color: #333333;
dl {
margin: 20px 0;
display: flex;
align-items: flex-start;
dt {
width: 80px;
}
p {
color: #424242;
font-size: 16px;
font-family: Source Han Sans CN;
line-height: 36px;
dd {
font-size: 18px;
color: #ffffff;
line-height: 30px;
margin-left: 20px;
border-left: 1px solid #ffffff;
padding-left: 20px;
}
}
}
......@@ -155,4 +157,4 @@ export default {
}
}
}
</style>
\ No newline at end of file
</style>
static/images/banner.png 0 → 100644
浏览文件 @ cefef8ac
差异被折叠。
static/images/course_banner.png 0 → 100644
浏览文件 @ cefef8ac
差异被折叠。
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论