提交 cefef8ac authored 作者: 王鹏飞's avatar 王鹏飞

chore: 新项目站

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