提交 933f0e47 authored 作者: lhh's avatar lhh

update

上级 5f44ba90
No preview for this file type
import httpRequest from '@/utils/httpRequest'
// 获取新闻列表
export function getNewsList(params) {
return httpRequest.get(`/api/zws/v1/cms/news`, { params })
}
// 获取新闻详情
export function getNewsDetails(params) {
return httpRequest.get(`/api/zws/v1/cms/new`, { params })
}
/**
* 发送验证码
*/
......@@ -37,17 +27,3 @@ export function postNes(data) {
export function submit(data) {
return httpRequest.post('/api/enrollment/v1.0/applications', data)
}
/**
* 获取文章列表
*/
export function getArticleList(params) {
return httpRequest.get('/api/cms/api/v1/articles', { params })
}
/**
* 获取图文列表
*/
export function getImgTextList(params) {
return httpRequest.get('/api/cms/api/v1/img-text', { params })
}
......@@ -22,7 +22,7 @@ body {
'Hiragino Sans GB', 'Wenquanyi Micro Hei', sans-serif;
padding: 0;
margin: 0;
background: #eee;
background: #F9F8F8;
}
p {
margin: 0;
......
<template>
<div class="article-list">
<article-list-item v-for="(item, index) in dataList" :data="item" v-bind="$attrs" :key="index"></article-list-item>
<el-pagination
class="article-list-pagination"
layout="prev, pager, next"
:page-size="page.size"
:total="page.total"
:current-page.sync="page.currentPage"
@current-change="fetchList"
:hide-on-single-page="true"
>
</el-pagination>
</div>
</template>
<script>
import ArticleListItem from './ArticleListItem.vue'
export default {
name: 'ArticleList',
components: { ArticleListItem },
inheritAttrs: false,
props: {
remote: { type: Object, default: () => ({}) },
// 是否含有翻页
hasPagination: { type: Boolean, default: true },
// 每页多少条数据
limit: { type: Number, default: 20 }
},
data() {
return {
loading: false,
params: this.remote.params || {},
dataList: this.data,
page: { total: 0, size: this.limit, currentPage: 1 }
}
},
watch: {
'remote.params': {
immediate: true,
handler(data) {
this.params = data || {}
}
}
},
async fetch() {
await this.fetchList()
},
methods: {
fetchList() {
/**
* @param function httpRequest api接口
* @param function beforeRequest 接口请求之前
* @param function callback 接口请求成功回调
*/
const { httpRequest, beforeRequest, callback } = this.remote
if (!httpRequest) {
return
}
// 参数设置
let params = this.params
// 翻页参数设置
if (this.hasPagination) {
params.page = this.page.currentPage
params.limit = this.page.size
}
// 接口请求之前
if (beforeRequest) {
params = beforeRequest(params)
}
for (const key in params) {
if (params[key] === '' || params[key] === undefined || params[key] === undefined) {
delete params[key]
}
}
this.loading = true
return httpRequest(params)
.then(res => {
const { data = [], total = 0 } = res.data || {}
this.page.total = total
this.dataList = callback ? callback(data) : data
})
.catch(() => {
this.page.total = 0
this.dataList = []
})
.finally(() => {
this.loading = false
})
}
}
}
</script>
<style lang="scss">
.article-list-pagination {
padding: 20px;
text-align: center;
}
</style>
\ No newline at end of file
<template>
<div class="article-item">
<app-link :data="data" v-bind="$attrs">
<div :class="$route.path == '/alumni/sharing' ? 'article-item-inner set-list' : 'article-item-inner'">
<img :src="data.web_img_uri" class="article-item-pic" />
<div class="article-item-content">
<div class="article-item-content__date">{{ formatDate(data.start_time) }}</div>
<div class="article-item-content__title">{{ data.title }}</div>
<div class="article-item-content__text">{{ data.abstract }}</div>
</div>
</div>
</app-link>
</div>
</template>
<script>
import AppLink from '@/components/Link'
export default {
name: 'ArticleItem',
components: { AppLink },
inheritAttrs: false,
props: { data: { type: Object, required: true } },
methods: {
formatDate(value) {
const date = new Date(value * 1000)
return date.getFullYear() + '/' + (date.getMonth() + 1) + '/' + date.getDate()
}
}
}
</script>
<style lang="scss">
.is-pc {
.article-item {
border-bottom: 1px solid #e6e6e6;
padding: 36px 0;
margin: 0 50px;
cursor: pointer;
}
.article-item-inner {
display: flex;
&.set-list{
.article-item-pic{
width: 335px;
object-fit: cover;
height: 130px;
}
.article-item-content__text{
-webkit-line-clamp: 2;
}
}
}
.app-link{
::v-deep{
a{
height: fit-content;
}
}
}
.article-item-pic {
width: 320px;
height: 100%;
// height: fit-content;
// height: 210px;
// object-fit: cover;
}
.article-item-content {
flex: 1;
overflow: hidden;
margin-left: 30px;
}
.article-item-content__date {
font-size: 16px;
font-weight: 300;
line-height: 100%;
color: #aa1941;
// padding-top: 13px;
}
.article-item-content__title {
font-size: 22px;
font-weight: bold;
line-height: 32px;
color: #141414;
margin-top: 10px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.article-item-content__text {
font-size: 14px;
font-weight: 300;
line-height: 24px;
color: #666666;
margin-top: 15px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
}
}
.is-h5 {
.article-list-inner {
display: flex;
}
.article-item {
margin: 0.2rem;
background-color: #fff;
}
.article-item-pic {
display: block;
width: 100%;
// height: fit-content;
// height: 2.99rem;
// object-fit: cover;
}
.article-item-content {
padding: 0.18rem;
}
.article-item-content__date {
font-size: 0.1rem;
color: #aa1941;
line-height: 0.16rem;
}
.article-item-content__title {
margin-top: 0.1rem;
font-size: 0.14rem;
font-weight: 500;
color: #333;
line-height: 0.24rem;
}
.article-item-content__text {
margin-top: 0.2rem;
font-size: 0.1rem;
line-height: 0.2rem;
}
}
</style>
\ No newline at end of file
......@@ -2,7 +2,12 @@
<div :class="isMobile ? 'is-h5' : 'is-pc'">
<div class="card">
<div class="card-hd">
<div class="card-hd__title">{{ title }}</div>
<div
class="card-hd__title"
:style="`color: ${color ? color : '#333333'};border-left: 7px solid ${bColor ? bColor : '#aa1941'}; `"
>
{{ title }}
</div>
<div class="card-hd__aside"><slot name="header-aside"></slot></div>
</div>
<div class="card-bd"><slot /></div>
......@@ -12,7 +17,7 @@
<script>
export default {
props: { title: String },
props: { title: String, color: String, bColor: String },
computed: {
isMobile() {
return this.$store.state.isMobile
......@@ -22,7 +27,7 @@ export default {
</script>
<style lang="scss">
.is-pc{
.is-pc {
.card {
// margin: 0.2rem 0.15rem;
}
......@@ -48,7 +53,7 @@ export default {
.card-bd {
}
}
.is-h5{
.is-h5 {
.card {
margin: 0.2rem 0.15rem;
}
......
<template>
<div class="main-page">
<ul class="main-page-nav">
<li v-for="(item, index) in data.slider" :key="index" :class="{ 'is-active': isAcitve(item) }">
<nuxt-link :to="item.path">{{ item.name }}</nuxt-link>
</li>
</ul>
<div class="main-page-content">
<img v-if="data.banner" :src="data.banner" class="main-page-banner" />
<div class="main-content-html">
<slot></slot>
</div>
</div>
</div>
</template>
<script>
export default {
name: 'appFrame',
props: {
data: { type: Object }
},
methods: {
isAcitve(item) {
return this.$route.fullPath.includes(item.path)
}
}
}
</script>
<style lang="scss">
.is-pc {
.main-page {
width: 1200px;
margin: 0 auto;
padding: 56px 0 100px;
display: flex;
}
.main-page-nav {
width: 160px;
background: #fff;
padding: 35px 0 44px;
margin-right: 40px;
align-self: flex-start;
li {
position: relative;
height: 40px;
font-size: 22px;
line-height: 40px;
text-align: center;
color: #777777;
cursor: pointer;
&.is-active {
color: #aa1941;
&::after {
content: '';
width: 8px;
height: 40px;
background: #aa1941;
position: absolute;
top: 0;
left: 0;
}
}
}
li + li {
margin-top: 60px;
}
}
.main-page-content {
flex: 1;
background-color: #fff;
overflow: hidden;
}
.main-page-banner {
display: block;
height: 320px;
object-fit: cover;
}
}
.is-h5 {
.main-page-nav {
display: flex;
li {
margin-left: 0.3rem;
font-size: 0.14rem;
line-height: 0.38rem;
color: #333;
&.is-active {
border-bottom: 0.02rem solid #aa1941;
}
}
}
.main-page-banner {
display: block;
height: 1.2rem;
object-fit: cover;
}
.main-page-content {
background-color: #fff;
}
}
</style>
\ No newline at end of file
......@@ -14,10 +14,10 @@
</div>
</div>
</div>
<template v-if="!isMobile">
<!-- <template v-if="!isMobile">
<div class="prev-button"></div>
<div class="next-button"></div>
</template>
</template> -->
</div>
</template>
<script>
......@@ -25,7 +25,12 @@ export default {
name: 'banner',
data() {
return {
listData: [],
listData: [
{
url: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/exed/banner.png',
web_img_uri: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/exed/banner.png'
}
],
swiperOption: {
speed: 400,
autoplay: true,
......@@ -41,8 +46,8 @@ export default {
}
},
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)
// 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)
},
computed: {
swiper() {
......@@ -103,4 +108,4 @@ export default {
cursor: pointer;
}
}
</style>
\ No newline at end of file
</style>
<template>
<div :class="isMobile ? 'is-h5' : 'is-pc'">
<div class="common-content-box">
<card :title="$t('home.problem.title')">
<template #header-aside
><nuxt-link to="/apply/problem">{{ $t('viewMore') }}</nuxt-link></template
>
<div class="content-mian">
<app-link to="/apply/problem">
<div class="list-box">
<ul>
<li v-for="(item, index) in problem.itemLeft" :key="index">
<div class="icon"></div>
<div class="text">{{ item }}</div>
</li>
</ul>
<ul>
<li v-for="(item, index) in problem.itemRight" :key="index">
<div class="icon"></div>
<div class="text">{{ item }}</div>
</li>
</ul>
</div>
</app-link>
<!-- <div class="msg-box">
<el-input type="textarea" placeholder="请输入内容" v-model="textarea"> </el-input>
<div class="btn">在线留言</div>
</div> -->
</div>
</card>
</div>
</div>
</template>
<script>
import Card from '@/components/Card'
import AppLink from '@/components/Link'
export default {
name: 'commonProblem',
components: {
Card,
AppLink
},
data() {
return {
problem: {
itemLeft: [
'瑞士酒店管理大学、瑞士酒店管理大学MBA,毕业生颁发的学位证书与在瑞士颁发的证书有何不同?',
'本项目是怎样的上课形式?',
'本项目学制多久?',
'能否顺利毕业拿到证书呢?',
'本项目是在职还是全职?'
],
itemRight: [
'如何申请瑞士酒店管理大学、瑞士酒店管理大学MBA?',
'大概流程是什么?',
'需要提交哪些材料?',
'瑞士酒店管理大学、瑞士酒店管理大学MBA的学费是多少?',
'学费可以分期吗?'
]
},
textarea: ''
}
},
computed: {
isMobile() {
return this.$store.state.isMobile
}
}
}
</script>
<style lang="scss" scoped>
.is-pc {
.common-content-box {
width: 1200px;
margin: 0 auto;
padding-top: 77px;
.content-mian {
padding-top: 50px;
.msg-box {
padding-top: 40px;
box-sizing: border-box;
height: 56px;
display: flex;
align-items: center;
justify-content: space-between;
::v-deep {
.el-textarea__inner {
background: none;
resize: none;
}
}
.btn {
width: 136px;
height: 36px;
background: #aa1941;
opacity: 1;
border-radius: 4px;
font-size: 18px;
line-height: 36px;
text-align: center;
color: #ffffff;
margin-left: 57px;
cursor: pointer;
}
}
.list-box {
display: flex;
justify-content: space-between;
ul {
&:nth-child(2) {
margin-left: 8px;
}
li {
display: flex;
align-items: center;
width: 600px;
height: 25px;
margin-bottom: 10px;
cursor: pointer;
&:nth-child(even) {
.text {
background: none;
}
}
.icon {
width: 7px;
height: 7px;
background: #aa1941;
border-radius: 50%;
}
.text {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 14px;
line-height: 25px;
color: #666666;
padding-left: 4px;
width: 570px;
background: rgba(153, 153, 153, 0.2);
margin-left: 15px;
}
}
}
}
}
}
}
.is-h5 {
.common-content-box {
.content-mian {
.msg-box {
padding-top: 0.2rem;
box-sizing: border-box;
::v-deep {
.el-textarea__inner {
background: none;
resize: none;
}
}
input {
height: 0.29rem;
border: 0.01rem solid rgba(153, 153, 153, 0.2);
margin-top: 0.05rem;
outline: none;
width: 100%;
background: none;
padding-left: 0.2rem;
box-sizing: border-box;
font-size: 0.1rem;
color: #999999;
}
.btn {
height: 0.24rem;
background: #aa1941;
font-size: 0.12rem;
text-align: center;
color: #ffffff;
margin-top: 0.1rem;
line-height: 0.24rem;
}
}
.list-box {
ul {
li {
display: flex;
align-items: center;
padding: 0.04rem 0 0.04rem 0;
&:nth-child(even) {
.text {
background: none;
}
}
.icon {
width: 0.04rem;
height: 0.04rem;
background: #aa1941;
border-radius: 50%;
}
.text {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 0.12rem;
color: #666666;
padding-left: 0.02rem;
width: 100%;
background: rgba(153, 153, 153, 0.2);
margin-left: 0.07rem;
}
}
}
}
}
}
}
</style>
\ No newline at end of file
<template>
<div class="ent-box">
<card title="部分服务过学员企业" class="max-width-center">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/exed/ent-img.png" />
</card>
</div>
</template>
<script>
import Card from '@/components/Card'
export default {
name: 'enterprise',
components: {
Card
},
data() {
return {}
},
computed: {
isMobile() {
return this.$store.state.isMobile
}
},
methods: {}
}
</script>
<style lang="scss" scoped>
.ent-box {
margin-top: 95px;
padding: 78px 0 122px;
background-color: #fff;
img{
margin-top: 56px;
}
}
.max-width-center {
width: 1200px;
margin: 0 auto;
}
</style>
<template>
<div>
<card title="上课环境" style="margin-top: 95px;" class="max-width-center">
<div class="env-list" style="margin-top: 77px;">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/exed/env-1.png" />
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/exed/env-2.png" style="margin: 0 9px;" />
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/exed/env-3.png" />
</div>
<div class="env-list">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/exed/env-4.png" />
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/exed/env-5.png" style="margin: 0 9px;" />
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/exed/env-6.png" />
</div>
</card>
</div>
</template>
<script>
import Card from '@/components/Card'
export default {
name: 'environment',
components: {
Card
},
data() {
return {}
},
computed: {
isMobile() {
return this.$store.state.isMobile
}
},
methods: {}
}
</script>
<style lang="scss" scoped>
.env-list {
display: flex;
margin-bottom: 9px;
img {
width: 394px;
}
}
.max-width-center {
width: 1200px;
margin: 0 auto;
}
</style>
<template>
<div class="title-content">
<div class="left-title">
<div class="line"></div>
<div class="text">{{ data.name }}</div>
</div>
<div v-if="data.more" class="right-text" @click="$router.push({ path: data.more.path, query: data.more.query ? data.more.query : {} })">
{{ $t('viewMore') }}
</div>
</div>
</template>
<script>
export default {
name: 'mTitle',
props: {
data: {
type: Object
}
},
data() {
return {
}
},
methods: {
goPage(item) {
this.$router.push({
path: '/about/news-detail',
query: {
id: item.id
}
})
}
}
}
</script>
<style lang="scss" scoped>
.title-content{
display: flex;
height: 37px;
.left-title{
display: flex;
align-items: center;
.line{
width: 7px;
height: 37px;
background: #AA1941;
}
.text{
font-size: 32px;
font-weight: bold;
line-height: 34px;
color: #333;
margin-left: 20px;
}
}
.right-text{
margin-left: auto;
font-size: 16px;
color: #9B9B9B;
cursor: pointer;
}
}
</style>
\ No newline at end of file
<template>
<div :class="isMobile ? 'is-h5' : 'is-pc'">
<div class="news-content-box">
<card :title="$t('home.news.title')">
<template #header-aside
><nuxt-link to="/news/hot">{{ $t('viewMore') }}</nuxt-link></template
>
<div class="content-box" v-if="Object.keys(listData.first).length">
<div class="news-left">
<app-link :data="listData.first" :to="`/news/hot/${listData.first.id}`">
<img :src="listData.first.web_img_uri" alt="" />
<div class="mantle-box">
<div class="tit" v-if="!isMobile">{{ listData.first.title }}</div>
<div class="con-txt" v-html="listData.first.abstract"></div>
</div>
</app-link>
</div>
<ul class="news-right">
<li v-for="(item, index) in listData.list" :key="index">
<app-link :data="item" :to="`/news/hot/${item.id}`">
<div class="time">{{ formatDate(item.start_time) }}</div>
<div class="news-r-title" v-html="item.title"></div>
<div class="del" v-html="item.abstract"></div>
</app-link>
</li>
</ul>
</div>
</card>
</div>
</div>
</template>
<script>
import Card from '@/components/Card'
import AppLink from '@/components/Link'
export default {
name: 'news',
components: {
Card,
AppLink
},
async fetch() {
const params = { project_id: process.env.newProjectId, type_tag: 'article_news_hot', page: 1, limit: 4 }
await this.$axios.get('/api/cms/api/v1/articles', { params }).then(res => {
this.data = res.data.data || []
})
},
data() {
return {
data: [],
titleParams: {
name: '最新动态',
more: {
path: '/news/hot'
}
}
}
},
computed: {
listData() {
const [first = {}, ...list] = this.data
return { first, list: list || [] }
},
isMobile() {
return this.$store.state.isMobile
}
},
methods: {
formatDate(value) {
const date = new Date(value * 1000)
console.log(date.getMonth())
return date.getFullYear() + '/' + (date.getMonth() + 1) + '/' + date.getDate()
}
}
}
</script>
<style lang="scss" scoped>
.is-pc {
.news-content-box {
width: 1200px;
margin: 0 auto;
padding-top: 65px;
.content-box {
display: flex;
justify-content: space-between;
padding-top: 26px;
.news-left {
width: 780px;
height: 500px;
position: relative;
img {
width: 100%;
height: 500px;
display: block;
}
.mantle-box {
width: 100%;
position: absolute;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0.2);
padding: 30px 37px;
.tit {
font-size: 24px;
font-weight: bold;
line-height: 100%;
color: #ffffff;
width: 696px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.con-txt {
// width: 461px;
font-size: 14px;
line-height: 24px;
color: #ffffff;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
margin-top: 10px;
}
}
}
.news-right {
li {
width: 366px;
border-bottom: 1px solid #e3e3e3;
padding-bottom: 19px;
margin-bottom: 30px;
cursor: pointer;
.time {
font-size: 16px;
font-weight: normal;
line-height: 100%;
color: #8e1e22;
}
.news-r-title {
font-size: 22px;
font-weight: bold;
line-height: 30px;
color: #333333;
margin-top: 15px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.del {
width: 350px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 14px;
line-height: 100%;
color: #999999;
margin-top: 15px;
}
}
}
}
}
}
.is-h5 {
.news-content-box {
.content-box {
// height: 2.18rem;
position: relative;
img {
width: 100%;
height: 100%;
display: block;
}
.news-left {
position: relative;
}
.mantle-box {
width: 100%;
position: absolute;
bottom: 0;
left: 0;
background: rgba(8, 8, 8, 0.45);
padding-bottom: 0.14rem;
.con-txt {
font-size: 0.12rem;
font-weight: bold;
line-height: 0.17rem;
color: #ffffff;
padding: 0.14rem 0.32rem 0 0.19rem;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
}
}
.news-right {
li {
margin-top: 0.1rem;
padding: 0.13rem 0.14rem 0.11rem 0.12rem;
background: #fff;
.time {
font-size: 0.1rem;
line-height: 100%;
color: #ab0a3d;
}
.news-r-title {
font-size: 0.14rem;
color: #333333;
margin-top: 0.1rem;
line-height: 0.21rem;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.del {
font-size: 0.11rem;
line-height: 0.2rem;
color: #666666;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
}
}
}
}
</style>
<template>
<div class="notice-box">
<card title="报名须知" class="max-width-center">
<div class="notice-list">
<div class="notice-list_item">
<div class="item-title">学员对象</div>
<div class="item-content">
<div class="item-content_text">
企业董事长、总经理;<br />
大企业核心高管(董监高);<br />
企业规模在5000万元以上。
</div>
</div>
</div>
<div class="notice-list_item">
<div class="item-title">报名资料</div>
<div class="item-content">
<div class="item-content_text" style="line-height: 28px;">
1、报名申请表;<br />
2、最高学历学位证书复印件电子版1份;<br />
3、营业执照副本复印件电子版1份;<br />
4、名片电子版1张;<br />
5、蓝底两寸电子照片1张(六个月内);<br />
6、身份证复印件电子版件1份。
</div>
</div>
</div>
<div class="notice-list_item">
<div class="item-title">缴费/退费</div>
<div class="item-content">
<div class="item-content_text" style="line-height: 26px;">
1、缴费通知:<br />
课程费用应在收到付款通知书三个工作日内全部缴清;<br />
2、退费申请:<br />
开课前30日(含第30日)之前取消课程,将退还全部学费;<br />
在开课前30日之内取消课程,将收取应付学费总额的20%。<br />
开课后,学员因任何原因自行退出学习,学费概不退还。
</div>
</div>
</div>
<div class="notice-list_item">
<div class="item-title">教学安排</div>
<div class="item-content">
<div class="item-content_text" style="line-height: 22px;">
1、学习时间<br />
学制一年,每月一次,每次周末2-3天集中授课,10次课程<br />
时间: 09:30-12:30<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;14:30-17:30<br />
上课地点:北京、深圳<br />
2、补课方法<br />
需向班主任请假,经协调后,可安排补课。<br />
3、研修证书<br />
课程结束,经考核成绩合格者,颁发“清科企业家高级工商管理研修班结业证书”
</div>
</div>
</div>
</div>
</card>
<card title="申请流程" style="margin-top: 95px;" class="max-width-center">
<img
style="margin-top: 70px;"
src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/exed/notice-process.png"
/>
</card>
</div>
</template>
<script>
import Card from '@/components/Card'
export default {
name: 'notice',
components: {
Card
},
data() {
return {}
},
computed: {
isMobile() {
return this.$store.state.isMobile
}
},
methods: {}
}
</script>
<style lang="scss" scoped>
.notice-box {
margin-top: 94px;
.notice-list {
margin-top: 70px;
display: flex;
justify-content: space-between;
.notice-list_item {
width: 280px;
.item-title {
text-align: center;
width: 220px;
line-height: 50px;
background: #aa1941;
border-radius: 12px 12px 0px 0px;
font-size: 22px;
color: #ffffff;
margin: 0 auto;
}
&:nth-child(1) {
.item-content {
background: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/exed/notice-bg1.png);
background-size: 100% 100%;
}
}
&:nth-child(2) {
.item-content {
background: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/exed/notice-bg2.png);
background-size: 100% 100%;
}
}
&:nth-child(3) {
.item-content {
background: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/exed/notice-bg3.png);
background-size: 100% 100%;
}
}
&:nth-child(4) {
.item-content {
background: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/exed/notice-bg4.png);
background-size: 100% 100%;
}
}
.item-content {
width: 280px;
height: 360px;
border-radius: 8px;
overflow: hidden;
.item-content_text {
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
padding: 38px 10px 0 30px;
font-size: 16px;
color: #ffffff;
line-height: 36px;
}
}
}
}
}
.max-width-center {
width: 1200px;
margin: 0 auto;
}
</style>
<template>
<div :class="isMobile ? 'is-h5' : 'is-pc'">
<template v-if="!isMobile">
<div class="alumni-content max-width">
<card :title="$t('home.course.title')">
<div class="swiper-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">
<app-link :data="item" :to="`/news/hot/${item.id}`">
<img :src="item.web_img_uri" />
<div class="text">{{ item.title }}</div>
</app-link>
</div>
</div>
</div>
</div>
</card>
</div>
</template>
<template v-else>
<card :title="$t('home.course.title')">
<van-swipe class="my-swipe" :loop="true" :autoplay="5000" :show-indicators="false">
<template v-for="(item, index) in listData">
<van-swipe-item :key="index">
<div class="case">
<app-link :data="item" :to="`/news/hot/${item.id}`">
<img :src="item.web_img_uri" class="case-pic" />
<p class="case-title">{{ item.title }}</p>
</app-link>
</div>
</van-swipe-item>
</template>
</van-swipe>
</card>
</template>
</div>
</template>
<script>
import Card from '@/components/Card'
import AppLink from '@/components/Link'
export default {
name: 'openClass',
components: {
Card,
AppLink
},
data() {
const _this = this
return {
isScale: false,
listData: [],
swiperOption: {
observer: true,
observeParents: true,
speed: 400,
autoplay: true,
delay: 3000,
loop: true,
slidesPerView: 3,
centeredSlides: true,
spaceBetween: 20,
on: {
init() {
_this.swiper.slideNext()
}
}
}
}
},
async fetch() {
const params = { project_id: process.env.newProjectId, type_tag: 'article_publish_class' }
this.listData = await this.$axios.get('/api/cms/api/v1/articles', { params }).then(res => res.data.data)
},
computed: {
swiper() {
return this.$refs.mySwiper.swiper
},
isMobile() {
return this.$store.state.isMobile
}
},
created() {},
mounted() {},
methods: {
swiperStop() {
this.swiper.autoplay.stop()
},
swiperStart() {
this.swiper.autoplay.start()
}
}
}
</script>
<style lang="scss" scoped>
.is-pc {
.max-width {
width: 1200px;
margin: 0 auto;
}
.alumni-content {
padding-top: 89px;
.title-content {
display: flex;
.left-title {
display: flex;
.line {
width: 6px;
height: 34px;
background: #aa1941;
}
.text {
font-size: 34px;
font-weight: bold;
line-height: 34px;
color: #424242;
margin-left: 9px;
}
}
}
.small-tit {
font-size: 24px;
font-weight: bold;
line-height: 34px;
color: #424242;
margin-top: 12px;
}
.swiper-content {
padding-top: 37px;
// width: 100%;
.swiper-slide {
position: relative;
width: 360px;
height: 230px;
margin-top: 10px;
.text {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 40px;
line-height: 40px;
background: rgba(0, 0, 0, 0.5);
padding: 0 20px;
box-sizing: border-box;
font-size: 20px;
color: #fefefe;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
img {
width: 100%;
height: 100%;
}
}
.swiper-slide-active {
width: 438px;
height: 246px;
margin-top: 0;
}
}
}
}
.is-h5 {
.case {
position: relative;
}
.case-pic {
display: block;
width: 100%;
// height: 1.17rem;
// object-fit: cover;
}
.case-title {
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 0.24rem;
padding: 0 0.1rem;
font-size: 0.1rem;
line-height: 0.24rem;
color: #fff;
background-color: rgba(0, 0, 0, 0.5);
}
}
</style>
<template>
<div :class="isMobile ? 'is-h5' : 'is-pc'">
<div class="presence-content-box">
<card :title="$t('home.presence.title')" class="card-style">
<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">
<template v-for="(item, index) in listData">
<van-swipe-item :key="index">
<app-link :data="item" :to="`/news/hot/${item.id}`">
<img :src="item.web_img_uri" />
</app-link>
</van-swipe-item>
</template>
</van-swipe>
<div class="form-box">
<div class="title-box">
<div class="bt" v-html="$t('home.presence.tips1')"></div>
<div class="tips">{{ $t('home.presence.tips2') }}</div>
</div>
<div class="form">
<div class="li">
<el-select v-model="form.years" :placeholder="$t('home.presence.yearsholder')">
<el-option v-for="item in yearsOptions" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-select>
</div>
<div class="li">
<el-select v-model="form.degree" :placeholder="$t('home.presence.degreeholder')">
<el-option v-for="item in degreeOptions" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-select>
<card title="报名咨询" class="card-style">
<div class="content-mian">
<div class="form-box">
<div class="title-box">
<div class="title-content">
<div class="bt">报名咨询</div>
<div class="tips">申请领取试听课程</div>
</div>
</div>
<div class="li">
<el-input v-model="form.name" :placeholder="$t('home.presence.nameholder')"></el-input>
<div class="form">
<div class="li">
<el-input v-model="form.company" placeholder="您的公司名称"></el-input>
</div>
<div class="li">
<el-input v-model="form.company" placeholder="您的职位"></el-input>
</div>
<div class="li">
<el-input v-model="form.name" :placeholder="$t('home.presence.nameholder')"></el-input>
</div>
<div class="li">
<el-input v-model="form.phone" :placeholder="$t('home.presence.phoneholder')"></el-input>
</div>
<div class="btn" @click="submit">{{ $t('home.presence.formBtn') }}</div>
</div>
<div class="li">
<el-input v-model="form.phone" :placeholder="$t('home.presence.phoneholder')"></el-input>
</div>
<div class="btn" @click="submit">{{ $t('home.presence.formBtn') }}</div>
</div>
</div>
</div>
</card>
</div>
</div>
</template>
......@@ -60,45 +44,9 @@ export default {
},
data() {
return {
yearsOptions: [
{
value: '0~2',
label: '0-2年'
},
{
value: '3~5',
label: '3-5年'
},
{
value: '5~10',
label: '5-10年'
},
{
value: '10+',
label: '10年及以上'
}
],
degreeOptions: [
{
value: '2',
label: '普通本科'
},
{
value: '3',
label: '本科/学士'
},
{
value: '5',
label: '硕士'
},
{
value: '7',
label: '博士'
}
],
form: {
years: '',
degree: '',
company: '',
title: '',
name: '',
phone: '',
project_id: process.env.projectId,
......@@ -200,32 +148,41 @@ export default {
}
.form-box {
width: 1200px;
height: 540px;
margin: 80px auto 0;
background: url(https://webapp-pub.ezijing.com/project/kelley/home-ssfc-bg.png);
height: 500px;
margin: 70px auto 0;
background: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/exed/home-ssfc-bg.png);
background-size: 100% 100%;
display: flex;
justify-content: space-between;
.title-box {
width: 592px;
height: 223px;
background: rgba(170, 25, 65, 0.63);
width: 580px;
height: 160px;
background: rgba(170, 25, 65, 0.4);
box-shadow: 0px 0px 122px rgba(0, 0, 0, 0.07);
margin-top: 127px;
margin-top: 170px;
position: relative;
.title-content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 380px;
height: 200px;
background: #aa1941;
}
.bt {
font-size: 48px;
font-weight: bold;
line-height: 58px;
font-size: 22px;
line-height: 100%;
color: #ffffff;
text-align: center;
margin-top: 30px;
margin-top: 70px;
}
.tips {
font-size: 14px;
font-size: 22px;
line-height: 100%;
color: #ffffff;
margin-top: 30px;
text-align: center;
margin-top: 20px;
}
}
.form {
......
<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>
<div>
<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>
<card title="问:聚焦经营问题" class="max-width-center question-box">
<div class="q-c">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/exed/project-ts.png" />
</div>
</card>
<div class="answer-box">
<card title="学:解决问题" class="max-width-center" color="#fff" bColor="#fff">
<div class="answer-list_all">
<div class="answer-list" v-for="(item, index) in answerList" :key="index">
<div class="answer-list_item" v-for="cItem in item" :key="cItem" v-html="cItem"></div>
</div>
</div>
</card>
</div>
</div>
......@@ -24,34 +40,64 @@ export default {
},
data() {
return {
answerList: [
[
'《2023年中国宏观经济与政府政策解读》<br/>趋势力量',
'《股权架构设计与股权激励》<br/>治理力量',
'《全面注册制下资本运营与企业上市》<br/>资本力量',
'《品类定位升级,找到下一条增长曲线》<br/>模式力量'
],
[
'《构建激发团队的绩效管理体系》<br/>人才力量',
'《股权架构设计与股权激励》<br/>治理力量',
'《基于打胜仗的领导力》<br/>领导力量',
'《业财融合,企业战略执行的财务协同》<br/>财务力量',
'《复制成功,构建以客户为中心流程管理》<br/>流程力量'
],
[
'《财富管理与资产配置大时代背景》<br/>财富力量',
'《适合你的资产配置模型》<br/>配置力量',
'《穿越牛熊的资产配置策略》<br/>资产力量'
]
],
titleParams: {
name: this.$t('home.project.title')
},
data: [
{
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
icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/exed/home_icon_1.png',
iconActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/exed/home_icon_11.png',
text: '源自清华<br />国企背景',
path: '',
pathType: 0
},
{
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
icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/exed/home_icon_2.png',
iconActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/exed/home_icon_22.png',
text: '真心教育<br />追求结果',
path: '',
pathType: 0
},
{
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
icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/exed/home_icon_3.png',
iconActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/exed/home_icon_33.png',
text: '名师大咖<br />真知灼见',
path: '',
pathType: 0
},
{
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
icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/exed/home_icon_4.png',
iconActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/exed/home_icon_44.png',
text: '营道同术<br />基业长青',
path: '',
pathType: 0
},
{
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
icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/exed/home_icon_5.png',
iconActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/exed/home_icon_55.png',
text: '财富管理<br />资产配置',
path: '',
pathType: 0
}
]
}
......@@ -78,25 +124,56 @@ export default {
<style lang="scss" scoped>
.is-pc {
.question-box {
margin: 100px auto 0 !important;
.q-c {
background: #fff;
margin-top: 80px;
}
}
.answer-box {
background-color: #aa1941;
padding: 70px 0 80px;
margin-top: 95px;
.answer-list_all {
padding-top: 70px;
display: flex;
justify-content: space-between;
.answer-list {
.answer-list_item {
width: 378px;
height: 50px;
border: 1px solid #fff;
text-align: center;
line-height: 18px;
color: #fff;
padding-top: 5px;
box-sizing: border-box;
margin-bottom: 8px;
}
}
}
}
.service-content {
padding-top: 68px;
.nav-content {
display: flex;
justify-content: space-between;
padding-top: 15px;
padding-top: 70px;
li {
width: 224px;
height: 230px;
padding-top: 53px;
width: 170px;
height: 186px;
padding-top: 30px;
box-sizing: border-box;
background: #f9f8f8;
// background: #f9f8f8;
border: 1px solid #d5d5d5;
// background: #fff;
// box-shadow: 0px 4px 38px rgba(142, 30, 34, 0.41);
cursor: pointer;
transition: all 0.3s;
img {
width: 80px;
height: 80px;
width: 64px;
height: 64px;
display: block;
margin: 0 auto;
}
......@@ -117,10 +194,10 @@ export default {
}
}
.text {
font-size: 14px;
line-height: 18px;
font-size: 16px;
line-height: 26px;
color: #666666;
margin-top: 20px;
margin-top: 23px;
text-align: center;
}
}
......
<template>
<div>
<div class="ranking-content-box" v-if="!isMobile">
<div class="title">
<div class="line"></div>
<div class="name">学校排名</div>
<div class="line"></div>
</div>
<ul class="content-mian">
<li v-for="(item, index) in rankingList" :key="index">
<div class="img">
<img :src="item.url" />
</div>
<h5><span>No.</span>{{ item.rank }}</h5>
<p>{{ item.text }}</p>
</li>
</ul>
</div>
<img v-else src="https://webapp-pub.ezijing.com/project/seg-shms/h5-r-0411.jpg" class="ranking-img" />
</div>
<!-- https://webapp-pub.ezijing.com/project/seg-shms/h5-ranking.png -->
</template>
<script>
export default {
name: 'schoolRanking',
data() {
return {
rankingList: [
{
url: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-shms/home-ranking-1.jpg',
rank: 1,
text: '2019国际卓越旅游和酒店管理教育中心综合排名'
},
{
url: 'https://webapp-pub.ezijing.com/project/seg-shms/US-logo.jpg',
rank: 2,
text: '2022 QS 世界大学雇主声誉排名'
},
{
url: 'https://webapp-pub.ezijing.com/project/seg-shms/US-logo.jpg',
rank: 3,
text: '2022 QS 世界大学酒店管理专业排名'
}
]
}
},
computed: {
isMobile() {
return this.$store.state.isMobile
}
}
}
</script>
<style lang="scss" scoped>
.ranking-img {
width: 100%;
display: block;
}
.ranking-content-box {
margin-top: 57px;
width: 100%;
height: 680px;
// background: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-shms/ranking-bg.png) center;
background: url(https://webapp-pub.ezijing.com/project/seg-shms/Caux-Conference-and-Seminar-Centre_Caux-Village2.jpg) center;
background-size: cover;
.title {
width: 996px;
display: flex;
margin: 0 auto;
justify-content: space-between;
align-items: center;
padding: 108px 0 100px;
.line {
width: 369px;
height: 1px;
background: #ffffff;
}
.name {
font-size: 36px;
font-weight: bold;
line-height: 100%;
color: #ffffff;
}
}
.content-mian {
width: 1000px;
margin: 0 auto;
display: flex;
justify-content: space-between;
li {
width: 320px;
color: #fff;
text-align: center;
&:nth-child(1) {
.img {
img {
height: 134px;
object-fit: contain;
object-position: 60px 10px;
width: 100%;
}
}
}
.img {
width: 100%;
background: #fff;
img {
width: 100%;
}
}
h5 {
padding: 30px 0 20px;
font-size: 32px;
span {
font-size: 16px;
}
}
p {
font-size: 12px;
}
}
}
}
</style>
\ No newline at end of file
<template>
<div class="max-width-center teacher-box">
<card title="优秀师资">
<div style="margin-top: 50px;">
<div v-swiper:mySwiper="swiperOption" ref="mySwiper">
<div class="swiper-wrapper">
<div class="swiper-slide" v-for="item in teacherList1">
<img :src="item.img" />
<div class="name">{{ item.name }}</div>
<div class="zc">{{ item.major }}</div>
<div class="dec" v-html="item.intr"></div>
</div>
</div>
</div>
</div>
<div style="margin-top: 20px;">
<div v-swiper:mySwiper2="swiperOption2" ref="mySwiper2">
<div class="swiper-wrapper">
<div class="swiper-slide" v-for="item in teacherList2">
<img :src="item.img" />
<div class="name">{{ item.name }}</div>
<div class="zc">{{ item.major }}</div>
<div class="dec" v-html="item.intr"></div>
</div>
</div>
</div>
</div>
</card>
<card title="练:全程学习安排" class="max-width-center" style="margin-top: 95px;">
<div class="drill-box">
<div class="drill-l">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/exed/tea-drill1.png" />
</div>
<div class="drill-c1">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/exed/tea-drill21.png" />
<div class="drill-c1_b">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/exed/tea-drill22.png" />
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/exed/tea-drill23.png" />
</div>
</div>
<div class="drill-c2">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/exed/tea-drill31.png" />
<img
src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/exed/tea-drill32.png"
style="margin: 8px 0;"
/>
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/exed/tea-drill33.png" />
</div>
<div class="drill-r">
<img
src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/exed/tea-drill41.png"
style="margin-bottom: 8px;"
/>
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/exed/tea-drill42.png" />
</div>
</div>
</card>
</div>
</template>
<script>
import Card from '@/components/Card'
export default {
name: 'teacher',
components: {
Card
},
data() {
return {
teacherList1: [
{
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/exed/teacher1.png',
name: '刘玲玲',
major: '教授',
intr: '清华大学教授<br/>主讲:《宏观经济》'
},
{
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/exed/teacher2.png',
name: '陈晋蓉',
major: '教授',
intr: '清华大学教授<br/>主讲:《资本运营》'
},
{
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/exed/teacher3.png',
name: '肇越',
major: '首席经济学家',
intr: '香港致富证券有限公司首席经济学家<br/>清华大学五道口金融学院硕士导师<br/>主讲:《金融投资》'
},
{
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/exed/teacher4.png',
name: '王赛',
major: '合伙人',
intr: '科特勒咨询集团(KMG)管理合伙人<br/>清华大学商业模式研究中心<br/>增长实验室主任<br/>主讲:《增长五线》'
},
{
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/exed/teacher5.png',
name: '郑永强',
major: '首席财务官',
intr:
'三井住友海上火灾保险(中国)公司CFO<br/>国际注册专业会计师协会<br/>全球董事会董事<br/>主讲:《企业数字化》'
},
{
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/exed/teacher6.png',
name: '朱冠舟',
major: '实战专家',
intr: '原金蝶软件副总裁兼中央大客户事业部总经理<br/>清华、北大EMBA总裁班特聘教授<br/>主讲:《大客户销售》'
}
],
teacherList2: [
{
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/exed/teacher21.png',
name: '夏惊鸣',
major: '合伙人',
intr: '华夏基石高级合伙人<br/>中国科学院大学实践导师<br/>主讲:《领导力》'
},
{
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/exed/teacher22.png',
name: '徐怀玉',
major: '院长',
intr: '西姆国有经济研究院院长<br/>大连理工大学兼职教授<br/>主讲:《股权设计》'
},
{
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/exed/teacher23.png',
name: '程显礼',
major: '财富管理专家',
intr: '原美国金融管理学会中国区副总裁<br/>中国民营科技实业家协会高新技术产业分会理事长<br/>主讲:《财富管理》'
},
{
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/exed/teacher24.png',
name: '郝启东',
major: '合伙人',
intr: '品类咨询联合创始人<br/>北大创业训练营导师<br/>黑马学院常驻导师<br/>主讲:《品类定位升级》'
},
{
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/exed/teacher25.png',
name: '齐昊',
major: '财务管理专家',
intr:
'原TOM集团(2383HK)财务负责人<br/>原澳大利亚KAPB集团财务副总裁<br/>原阿里影业(01060HK)财务总监<br/>主讲:《财务管理》'
},
{
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/exed/teacher26.png',
name: '岳三峰',
major: '总裁教练',
intr: '北大纵横合伙人<br/>字节跳动飞书OKR教练<br/>腾讯组织发展总监<br/>主讲:《组织发展》'
},
{
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/exed/teacher31.png',
name: '赵剑海',
major: '博士',
intr:
'海朋资本创始人<br/>原IDG资本副总裁<br/>清华大学MBA校友理事会理事<br/>央视《创业英雄汇》投资人嘉宾<br/>主讲:《创业战略》'
},
{
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/exed/teacher32.png',
name: '贾奕琛',
major: '股权激励专家',
intr: '国牛投资董事长<br/>清华大学五道口金融学院特聘教授<br/>主讲:《股权激励》'
},
{
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/exed/teacher33.png',
name: '王立中',
major: '院长',
intr: '深圳格物流程研究院院长<br/>原华为流程优化经理<br/>原维也纳酒店集团副总裁<br/>主讲:《流程管理》'
}
],
swiperOption: {
speed: 400,
autoplay: true,
loop: true,
slidesPerView: 4,
paginationClickable: true,
spaceBetween: 50
},
swiperOption2: {
speed: 400,
autoplay: true,
loop: true,
slidesPerView: 4,
paginationClickable: true,
spaceBetween: 50
}
}
},
computed: {
isMobile() {
return this.$store.state.isMobile
}
},
methods: {}
}
</script>
<style lang="scss" scoped>
.teacher-box {
padding-top: 95px;
}
.max-width-center {
width: 1200px;
margin: 0 auto;
}
.swiper-slide {
width: 260px;
height: 400px;
// padding: 30px 30px 0;
background-color: #fff;
box-sizing: border-box;
img {
width: 200px;
margin: 30px auto 0;
display: block;
}
.name {
font-size: 16px;
font-weight: bold;
color: #666666;
line-height: 100%;
margin-top: 15px;
text-align: center;
}
.zc {
font-size: 16px;
font-weight: bold;
color: #666666;
line-height: 100%;
margin-top: 5px;
text-align: center;
}
.dec {
color: #666666;
line-height: 18px;
font-size: 14px;
text-align: center;
margin-top: 10px;
}
}
.drill-box {
display: flex;
margin-top: 77px;
img {
width: 100%;
display: block;
}
.drill-l {
width: 233px;
}
.drill-c1 {
width: 475px;
margin-left: 8px;
.drill-c1_b {
display: flex;
justify-content: space-between;
margin-top: 8px;
img {
width: 233px;
}
}
}
.drill-c2 {
width: 233px;
margin-left: 8px;
}
.drill-r {
width: 233px;
margin-left: 8px;
}
}
</style>
......@@ -3,26 +3,26 @@
<div class="foot-box">
<div class="foot-content">
<div class="left-content">
<div>
<!-- <div>
<a href="http://jsj.moe.gov.cn" target="_blank" >
{{ $t('foot.link1') }}
</a>
</div>
</div> -->
<div>
<a href="http://jsj.moe.gov.cn" target="_blank" >
{{ $t('foot.link2') }}
</a>
</div>
<div>
<!-- <div>
<a href="https://www.swisseducation.com/" target="_blank" >
瑞士酒店管理大学官网
</a>
</div>
<div>
</div> -->
<!-- <div>
<a href="http://www.ezijing.com" target="_blank" >
{{ $t('foot.link5') }}
</a>
</div>
</div> -->
<!-- <div>
合作大学官网
</div> -->
......@@ -40,9 +40,9 @@
</div>
</div>
</div>
<!-- <div class="links">
<div class="links">
友情链接:中国人民银行 中国涉外监管网 中国银行协会 中国证券投资基金业协会
</div> -->
</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;">
......
......@@ -8,13 +8,10 @@
<img style="margin-left:20px" src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-shms/seg-shms-logos.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 @click="goWebsite" src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/exed/logo.png" />
<!-- <nuxt-link to="/home" class="logo">
<img src="https://webapp-pub.ezijing.com/project/seg-shms/shms0402.svg" />
</nuxt-link>
</nuxt-link> -->
</div>
<div class="user" v-if="user.id">
......
<template>
<ul class="nav-item-box" @mouseleave="navLeave">
<template v-for="(item, index) in navData">
<li :key="index">
<div :class="getNameActive(item)">
<template v-if="!item.path">
<template v-if="item.click">
<span @click="showEnroll">{{ item.name }}</span>
</template>
<template v-else>
{{ item.name }}
</template>
<!-- <template v-for="(item, index) in navData"> -->
<li v-for="(item, index) in navData" :key="index">
<div :class="getNameActive(item)">
<template v-if="!item.path">
<template v-if="item.click">
<span @click="showEnroll">{{ item.name }}</span>
</template>
<template v-else>
<nuxt-link :to="item.path">{{ item.name }}</nuxt-link>
{{ item.name }}
</template>
</template>
<template v-else>
<nuxt-link :to="item.path">{{ item.name }}</nuxt-link>
</template>
</div>
<div class="child-item" v-if="item.childern">
<div class="one-level">
<template>
<div
v-for="(level2Item, level2Index) in item.childern"
:class="$route.path === level2Item.path || level2Item.isShow ? 'li active' : 'li'"
:key="level2Index + 'level2'"
@mouseenter="levelShow(level2Item)"
@mouseleave="levelShow(level2Item, 'out')"
>
<app-link :to="level2Item.path">
<div class="name">
{{ level2Item.name }}
</div>
<div class="el-icon-arrow-right" v-if="level2Item.childern"></div>
</app-link>
</div>
</template>
</div>
<div class="child-item" v-if="item.childern">
<div class="one-level">
<template v-for="(level2Item, level2Index) in item.childern">
<div
:class="$route.path === level2Item.path || level2Item.isShow ? 'li active' : 'li'"
:key="level2Index + 'level2'"
@mouseenter="levelShow(level2Item)"
@mouseleave="levelShow(level2Item, 'out')"
>
<app-link :to="level2Item.path">
<div class="name">
{{ level2Item.name }}
</div>
<div class="el-icon-arrow-right" v-if="level2Item.childern"></div>
</app-link>
</div>
</template>
</div>
</div>
</li>
</template>
</div>
</li>
<!-- </template> -->
</ul>
</template>
<script>
......@@ -48,49 +49,15 @@ export default {
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' }
]
path: '/emba'
},
{
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' }
]
path: '/training'
},
{
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.enroll'),
path: '/my/account'
path: '/contact'
}
],
time: null
......
<template>
<div class="news-content-box">
<ul class="list-content">
<template v-for="(item, index) in data">
<template v-if="item.uri">
<a :href="item.uri" target="_black" :key="index">
<li>
<img :src="item.web_img_uri" alt="" />
<div class="right-con">
<div class="time">{{ formatDate(item.start_time) }}</div>
<div class="title">{{ item.title }}</div>
<div class="text">{{ item.abstract }}</div>
</div>
</li>
</a>
</template>
<template v-else>
<li :key="index" @click="handleClick(item)">
<img :src="item.web_img_uri" alt="" />
<div class="right-con">
<div class="time">{{ formatDate(item.start_time) }}</div>
<div class="title">{{ item.title }}</div>
<div class="text">{{ item.abstract }}</div>
</div>
</li>
</template>
</template>
</ul>
</div>
</template>
<script>
export default {
props: {
data: {
type: Array
}
},
data() {
return {
listData: []
}
},
methods: {
formatDate(value) {
const date = new Date(value * 1000)
return date.getFullYear() + '/' + (date.getMonth() + 1) + '/' + date.getDate()
},
handleClick(item) {
this.$emit('onClick', item)
}
},
mounted() {
console.log(this.data)
}
}
</script>
<style lang="scss" scoped>
.news-content-box {
.list-content {
width: 900px;
margin: 0 auto;
background: #fff;
li {
display: flex;
flex-wrap: wrap;
border-bottom: 1px solid #e6e6e6;
margin-bottom: 20px;
padding-bottom: 36px;
cursor: pointer;
&:hover {
.right-con {
.text {
color: #141414;
}
}
}
img {
width: 320px;
height: 210px;
display: block;
}
.right-con {
width: 550px;
margin-left: 30px;
.time {
font-size: 16px;
font-weight: 300;
line-height: 100%;
color: #aa1941;
padding-top: 13px;
}
.title {
font-size: 22px;
font-weight: bold;
line-height: 32px;
color: #141414;
margin-top: 10px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.text {
font-size: 14px;
font-weight: 300;
line-height: 24px;
color: #666666;
margin-top: 15px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
}
}
}
}
}
</style>
<template>
<div>
<div class="recommend-content">
<div class="titles">
<div class="line"></div>
<div class="text">相关推荐</div>
</div>
<ul class="list-box">
<li v-for="(item, index) in listData" :key="index">
<app-link :data="item" :to="`/news/hot/${item.id}`">
<img :src="item.web_img_uri" alt="" />
<div class="dec">{{ item.title }}</div>
</app-link>
</li>
</ul>
</div>
<div class="more-btn" @click="$router.push({ path: '/news/hot' })">查看更多</div>
</div>
</template>
<script>
import AppLink from '@/components/Link'
export default {
components: {
AppLink
},
data() {
return {
data: {},
listData: []
}
},
async fetch() {
const params = {
project_id: process.env.newProjectId,
type_tag: 'article_news_hot',
is_recommend: 1,
page: 1,
limit: 3
}
this.listData = await this.$axios.get('/api/cms/api/v1/articles', { params }).then(res => {
console.log(res.data.data)
return res.data.data
})
},
methods: {
goPage(item) {
if (item.source) {
window.open(item.source)
} else {
this.$router.push({ name: 'news-hot-id', params: { id: item.id } })
}
}
}
}
</script>
<style lang="scss" scoped>
.recommend-content {
border-top: 1px solid #e6e6e6;
padding-top: 37px;
.titles {
display: flex;
align-items: center;
.line {
width: 6px;
height: 22px;
background: #aa1941;
}
.text {
font-size: 22px;
color: #333333;
margin-left: 10px;
}
}
.list-box {
margin-top: 50px;
display: flex;
justify-content: space-between;
li {
width: 280px;
img {
width: 280px;
height: 184px;
display: block;
}
.dec {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
font-size: 16px;
line-height: 26px;
color: #333333;
margin-top: 10px;
}
}
}
}
.more-btn {
position: relative;
z-index: 999;
width: 164px;
height: 40px;
border: 1px solid #d3d3d3;
border-radius: 8px;
line-height: 40px;
text-align: center;
font-size: 16px;
color: #999999;
margin: 50px auto 0;
cursor: pointer;
}
</style>
<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>
<!-- <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: [
{
url: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/exed/training/banner.png',
web_img_uri: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/exed/training/banner.png'
}
],
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)
},
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()
}
}
}
</script>
<style lang="scss" scoped>
.banner-content {
position: relative;
width: 100%;
.swiper-wrapper {
width: 100%;
display: flex;
.swiper-slide {
width: 100%;
// float: left;
img {
width: 100%;
display: block;
}
}
}
.prev-button {
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;
}
.next-button {
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;
}
}
</style>
<template>
<div class="chance-box">
<card title="挑战和机遇" class="max-width-center">
<div class="chance-list" style="margin-top: 65px;">
<div class="chance-list_item">
<div class="icon">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/exed/training/cha-1.png" />
</div>
<div class="title">管理能力不足</div>
<div class="dec">如何快速提升企业中高层的综合管理能力,满足企业快速发展的需要</div>
</div>
<div class="chance-list_item">
<div class="icon">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/exed/training/cha-2.png" />
</div>
<div class="title">业绩增长缓慢</div>
<div class="dec">市场竞争激烈,如何打造一个销售铁军,让企业业绩持续增长?</div>
</div>
<div class="chance-list_item">
<div class="icon">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/exed/training/cha-3.png" />
</div>
<div class="title">员工没有战斗力</div>
<div class="dec">管理者普遍没有带人带队伍经验,如何能培养能打胜仗的领导力?</div>
</div>
</div>
<div class="chance-list" style="margin-top: 30px;">
<div class="chance-list_item">
<div class="icon">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/exed/training/cha-4.png" />
</div>
<div class="title">面对挑战缺少经验</div>
<div class="dec">专业知识缺乏,工作效率低,如何为专业人士提供更多方法与工具?</div>
</div>
<div class="chance-list_item">
<div class="icon">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/exed/training/cha-5.png" />
</div>
<div class="title">战略落地难</div>
<div class="dec">如何帮助所有的管理者深入理解企业战略,并保证战略目标的分解与达成?</div>
</div>
<div class="chance-list_item">
<div class="icon">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/exed/training/cha-6.png" />
</div>
<div class="title">跨部门沟通不畅</div>
<div class="dec">业务流程不合理,管理者沟通能力弱,如何克服部门间沟通不畅,促进跨部门协作?</div>
</div>
</div>
</card>
</div>
</template>
<script>
import Card from '@/components/Card'
export default {
name: '',
components: {
Card
},
data() {
return {}
},
async fetch() {},
computed: {
isMobile() {
return this.$store.state.isMobile
}
},
mounted() {},
methods: {}
}
</script>
<style lang="scss" scoped>
.chance-box {
padding-top: 90px;
padding-bottom: 80px;
background: #f9f8f8;
}
.chance-list {
display: flex;
justify-content: space-between;
.chance-list_item {
width: 380px;
height: 320px;
box-sizing: border-box;
padding: 49px 27px 0 32px;
background: #fff;
border-bottom: 3px solid #aa1941;
box-shadow: 0px 1px 12px 1px rgba(0, 0, 0, 0.13);
.icon {
height: 75px;
}
.title {
font-size: 22px;
font-weight: bold;
color: #333333;
line-height: 100%;
}
.dec {
font-size: 16px;
color: #666666;
line-height: 32px;
margin-top: 25px;
}
}
}
.max-width-center {
width: 1200px;
margin: 0 auto;
}
</style>
<template>
<div>
<card title="企业内训课堂" style="margin-top: 95px;" class="max-width-center">
<div class="env-list" style="margin-top: 77px;">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/exed/training/classroom1.png" />
<img
src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/exed/training/classroom2.png"
style="margin: 0 9px;"
/>
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/exed/training/classroom3.png" />
</div>
<div class="env-list">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/exed/training/classroom4.png" />
<img
src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/exed/training/classroom5.png"
style="margin: 0 9px;"
/>
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/exed/training/classroom6.png" />
</div>
</card>
</div>
</template>
<script>
import Card from '@/components/Card'
export default {
name: 'environment',
components: {
Card
},
data() {
return {}
},
computed: {
isMobile() {
return this.$store.state.isMobile
}
},
methods: {}
}
</script>
<style lang="scss" scoped>
.env-list {
display: flex;
margin-bottom: 9px;
img {
width: 394px;
}
}
.max-width-center {
width: 1200px;
margin: 0 auto;
}
</style>
<template>
<div class="course-box">
<card title="内训课程" class="max-width-center">
<div class="course-list">
<div v-for="item in list">
<div class="course-list_item" v-for="cItem in item">
<div class="course_item__title">{{ cItem.title }}</div>
<div class="course_item__list">
<p v-for="p in cItem.items">{{ p }}</p>
</div>
</div>
</div>
</div>
</card>
</div>
</template>
<script>
import Card from '@/components/Card'
export default {
name: '',
components: {
Card
},
data() {
return {
list: [
[
{
title: '高层综合管理课程',
items: [
'《战略规划——企业持续成功的基因》',
'《公司治理与股权设计》',
'《领导力》',
'《集团管控》',
'《企业管理沙盘模拟》',
'《企业文化建设》',
'《企业创新管理》',
'《增长五线》',
'《基于业务领先模型(BLM)模型详解战略从制定到执行》'
]
},
{
title: '资本运营',
items: [
'《企业价值挖掘》',
'《资本运营与企业并购》',
'《公司金融与投融资决策》',
'《企业上市与IPO》',
'《企业投融资与股权设计》',
'《商业模式设计》 '
]
},
{
title: '国有企业改革专题',
items: [
'《推动国有企业高质量发展》',
'《国企混改实操路径解决混改八大难题》',
'《国有资本投资公司运行模式及经验》',
'《提升外部董事履职能力助力国企高质量发展》',
'《国有企业党建与公司治理相融合》'
]
},
{
title: '中层综合管理课程',
items: [
'《中层管人综合管理能力提升》',
'《MTP迈向卓越领导者的实学与哲学》',
'《中高管角色认知与管理基础》',
'《高绩效团队打造》',
'《高效沟通技巧》',
'《高效执行力》',
'《问题分析与解决》',
'《跨部门沟通与协作》',
'《目标管理与计划实施》',
'《非人的人力资源管理》'
]
},
{
title: '人力资源管理课程',
items: [
'《战略人力资源管理》',
'《企业人才规划与选拔技巧》',
'《金牌面试官》',
'《如何搭建落地有效的培训体系》',
'《员工关系管理与劳动法实务》',
'《企业文化建设》',
'《战略招聘管理》',
'《基于业务的培训体系建设与创新》',
'《组织结构与职位说明》'
]
},
{
title: '营销管理课程',
items: [
'《品牌战略管理》',
'《市场营销管理》',
'《商务谈判技巧》',
'《大客户销售策略》',
'《打造狼性销售团队》',
'《销售能力与技巧提升》',
'《卓越渠道管理》',
'《新零售时代店铺拜访技巧》',
'《销售管理者的人力资源管理》'
]
}
],
[
{
title: '财务管理课程',
items: [
'《报表分析与业绩评价》',
'《现金流的有效管理及控制》',
'《企业风险管理与内部控制》',
'《全面预算管理》',
'《纳税筹划与风险控制》',
'《全面成本管理与风险控制》',
'《营销管理人员的财务管理》'
]
},
{
title: '生产管理课程',
items: [
'《精益生产革新》',
'《现场问题分析与解决》',
'《生产管理沙盘实战模拟训练》',
'《制造业成本控制与实战技法》',
'《质量为王-TQM全面质量管理》',
'《供应商管理-开发、评估与绩效》',
'《卓越PMC-生产计划与物料控制》'
]
},
{
title: '银行培训课程',
items: [
'《零售银行数字化转型同业领先实践与组织体系优化模式》',
'《新常态下网点综合营销技能提升》',
'《资产配置的底层逻辑与实战方案》',
'《银行零售综合营销能力提升实战训练》',
'《小微信贷营销策略指南》',
'《大客户“攻心”营销与关系维护实战训练》',
'《银行业绩高速成长的秘密武器-TOC瓶颈突破》',
'《个人金融业务开门红怎样抓住核心指标实现突破》',
'《大堂制胜——银行大堂经理综合能力提升》'
]
},
{
title: '财富管理课程',
items: [
'《高端客户维护与心理分析》',
'《资产配置实战能力提升》',
'《宏观经济金融形势与财富管理营销》',
'《家族信托、保险金信托、大额保单营销逻辑与技巧》',
'《房地产投资分析框架与投资策略》',
'《黄金投资分析框架与投资策略》',
'《资本市场大趋势有基金营销》',
'客户关系与谈资系列',
'《富人与风水》',
'《富人与信仰》',
'《富人与健康》',
'《富人与茶》',
'《富人与香》',
'《富人与财富圈》',
'《富人与艺术品》',
'《富人与子女教育》'
]
}
]
]
}
},
async fetch() {},
computed: {
isMobile() {
return this.$store.state.isMobile
}
},
mounted() {},
methods: {}
}
</script>
<style lang="scss" scoped>
.course-box {
padding-top: 100px;
// padding-bottom: 82px;
.course-list {
display: flex;
justify-content: space-between;
padding-top: 58px;
.course-list_item {
width: 580px;
border-top: 1px solid #d1d1d1;
padding-top: 26px;
display: flex;
justify-content: space-between;
margin-bottom: 30px;
.course_item__title {
font-size: 18px;
font-weight: bold;
color: #aa1941;
line-height: 36px;
}
.course_item__list {
width: 400px;
&:nth-child(odd) {
p {
background: #fff;
}
}
p {
line-height: 30px;
font-size: 14px;
color: #333333;
padding-left: 20px;
box-sizing: border-box;
&:nth-child(odd) {
background: #fff;
}
}
}
}
}
}
.max-width-center {
width: 1200px;
margin: 0 auto;
}
</style>
<template>
<div class="ent-box">
<card title="部分服务过学员企业" class="max-width-center">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/exed/ent-img.png" />
</card>
</div>
</template>
<script>
import Card from '@/components/Card'
export default {
name: 'enterprise',
components: {
Card
},
data() {
return {}
},
computed: {
isMobile() {
return this.$store.state.isMobile
}
},
methods: {}
}
</script>
<style lang="scss" scoped>
.ent-box {
margin-top: 95px;
padding: 78px 0 122px;
background-color: #fff;
img{
margin-top: 56px;
}
}
.max-width-center {
width: 1200px;
margin: 0 auto;
}
</style>
<template>
<div>
<card title="上课环境" style="margin-top: 95px;" class="max-width-center">
<div class="env-list" style="margin-top: 77px;">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/exed/env-1.png" />
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/exed/env-2.png" style="margin: 0 9px;" />
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/exed/env-3.png" />
</div>
<div class="env-list">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/exed/env-4.png" />
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/exed/env-5.png" style="margin: 0 9px;" />
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/exed/env-6.png" />
</div>
</card>
</div>
</template>
<script>
import Card from '@/components/Card'
export default {
name: 'environment',
components: {
Card
},
data() {
return {}
},
computed: {
isMobile() {
return this.$store.state.isMobile
}
},
methods: {}
}
</script>
<style lang="scss" scoped>
.env-list {
display: flex;
margin-bottom: 9px;
img {
width: 394px;
}
}
.max-width-center {
width: 1200px;
margin: 0 auto;
}
</style>
<template>
<div class="process-box">
<card title="内训流程" class="max-width-center">
<div class="process-list">
<div class="line"></div>
<div class="process-list_item" v-for="(item, index) in list">
<div class="process_item__order">{{ index + 1 }}</div>
<div class="process_item__content">
<div class="process__content-title">{{ item.title }}</div>
<div class="process__content-text">
{{ item.dec }}
</div>
</div>
</div>
</div>
</card>
</div>
</template>
<script>
import Card from '@/components/Card'
export default {
name: '',
components: {
Card
},
data() {
return {
list: [
{
title: '聚焦企业问题,组建合作小组',
dec:
'为了解决企业最关心的问题而设计教学项目,清控紫荆教育与企业组建针对本次培训项目的联合工作小组,课程主任在企业的协助之下发现潜在的问题和挑战,进而对企业的需求做出精准的评估。'
},
{
title: '培训需求分析,了解目标与现实差距',
dec:
'旨在深入了解企业面临的经营问题与管理挑战,工作小组将对客户企业进行有针对性的需求分析,围绕双方设定的共同目标,有选择的进行访谈调研及能力测评,以此作为定制课程设计的必要前提和基础。'
},
{
title: '提交建议草案',
dec:
'基于前期访谈调研及测评的报告,工作小组将组织课程主任、教授、企业培训负责人、学员代表等共同参与课程设计的讨论,确保能够有效提升目标人群的能力,解决目标人群的实际问题。'
},
{
title: '实施定制课程,提供解决方法',
dec:
'清控紫荆教育的教学团队将按照标准的服务流程,以高标准的服务标准负责所有课程的运营事宜。保证课程内容有理论、有方法、有工具、有案例,能落地,有实效。'
},
{
title: '行动反馈,效果评估',
dec:
'为了检验,评估和进一步优化学习体验,我们将利用学员反思论文进行小组分享、管理改进行动方案小组代表汇报、学员反馈工作改进交流等多种形式督促学员将课程学习与实际工作改进结合起来,做到“知行合一”。'
}
]
}
},
async fetch() {},
computed: {
isMobile() {
return this.$store.state.isMobile
}
},
mounted() {},
methods: {}
}
</script>
<style lang="scss" scoped>
.process-box {
padding-top: 76px;
padding-bottom: 82px;
background-color: #fff;
.process-list {
position: relative;
margin-left: 24px;
margin-top: 62px;
.line {
position: absolute;
top: 20px;
left: 23px;
width: 1px;
height: 600px;
background-color: #aa1941;
}
.process-list_item {
display: flex;
margin-bottom: 40px;
// justify-content: space-between;
.process_item__order {
position: relative;
z-index: 9;
width: 46px;
max-height: 49px;
line-height: 49px;
text-align: center;
font-size: 30px;
color: #fff;
background: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/exed/training/lc-icon.png);
background-size: 100% 100%;
}
.process_item__content {
width: 1065px;
margin-left: 34px;
.process__content-title {
font-size: 22px;
font-weight: bold;
color: #aa1941;
line-height: 50px;
border-bottom: 1px solid #d1d1d1;
}
.process__content-text {
font-size: 16px;
color: #333333;
line-height: 26px;
margin-top: 10px;
}
}
}
}
}
.max-width-center {
width: 1200px;
margin: 0 auto;
}
</style>
<template>
<div>
<div class="service-content max-width-center">
<div class="is-pc">
<card 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>
</div>
</template>
<script>
import Card from '@/components/Card'
import AppLink from '@/components/Link'
export default {
name: 'projectFeatures',
components: {
AppLink,
Card
},
data() {
return {
answerList: [
[
'《2023年中国宏观经济与政府政策解读》<br/>趋势力量',
'《股权架构设计与股权激励》<br/>治理力量',
'《全面注册制下资本运营与企业上市》<br/>资本力量',
'《品类定位升级,找到下一条增长曲线》<br/>模式力量'
],
[
'《构建激发团队的绩效管理体系》<br/>人才力量',
'《股权架构设计与股权激励》<br/>治理力量',
'《基于打胜仗的领导力》<br/>领导力量',
'《业财融合,企业战略执行的财务协同》<br/>财务力量',
'《复制成功,构建以客户为中心流程管理》<br/>流程力量'
],
[
'《财富管理与资产配置大时代背景》<br/>财富力量',
'《适合你的资产配置模型》<br/>配置力量',
'《穿越牛熊的资产配置策略》<br/>资产力量'
]
],
titleParams: {
name: this.$t('home.project.title')
},
data: [
{
icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/exed/training/ys-1.png',
iconActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/exed/training/ys-1-a.png',
text: '源自清华<br />国企背景',
path: '',
pathType: 0
},
{
icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/exed/training/ys-2.png',
iconActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/exed/training/ys-2-a.png',
text: '全方位<br />培训管理',
path: '',
pathType: 0
},
{
icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/exed/training/ys-3.png',
iconActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/exed/training/ys-3-a.png',
text: '业内<br />名师云集',
path: '',
pathType: 0
},
{
icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/exed/training/ys-4.png',
iconActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/exed/training/ys-4-a.png',
text: '全面覆盖<br />各领域课程',
path: '',
pathType: 0
},
{
icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/exed/training/ys-5.png',
iconActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/exed/training/ys-5-a.png',
text: '多维度<br />学习支持',
path: '',
pathType: 0
},
{
icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/exed/training/ys-6.png',
iconActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/exed/training/ys-6-a.png',
text: '强大的<br />资源平台',
path: '',
pathType: 0
}
]
}
},
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 {
.question-box {
margin: 100px auto 0 !important;
.q-c {
background: #fff;
margin-top: 80px;
}
}
.answer-box {
background-color: #aa1941;
padding: 70px 0 80px;
margin-top: 95px;
.answer-list_all {
padding-top: 70px;
display: flex;
justify-content: space-between;
.answer-list {
.answer-list_item {
width: 378px;
height: 50px;
border: 1px solid #fff;
text-align: center;
line-height: 18px;
color: #fff;
padding-top: 5px;
box-sizing: border-box;
margin-bottom: 8px;
}
}
}
}
.service-content {
padding-top: 68px;
.nav-content {
display: flex;
justify-content: space-between;
padding-top: 70px;
li {
width: 156px;
height: 186px;
padding-top: 30px;
box-sizing: border-box;
// background: #f9f8f8;
border: 1px solid #d5d5d5;
background: #fff;
// box-shadow: 0px 4px 38px rgba(142, 30, 34, 0.41);
cursor: pointer;
transition: all 0.3s;
img {
width: 64px;
height: 64px;
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: 16px;
line-height: 26px;
color: #666666;
margin-top: 23px;
text-align: center;
}
}
}
}
.max-width-center {
width: 1212px;
margin: 0 auto;
}
}
.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>
差异被折叠。
......@@ -4,9 +4,9 @@ export default {
out: '退出',
fastLogin: '快速登录',
register: '注册',
project: '项目介绍',
course: '课程与师资',
news: '最新动态',
project: 'EMBA总裁班',
course: '企业内训',
news: '联系我们',
recruit: '招生信息',
alumni: '校友风采',
enroll: '报名申请',
......@@ -87,7 +87,7 @@ export default {
// 底部
foot: {
address: '地&nbsp;&nbsp;&nbsp;&nbsp;址:北京市海淀区中关村东路1号院清华科技园7号楼5层',
contact: '联系电话:010-62793909',
contact: '联系电话:010-62793299',
email: '邮&nbsp;&nbsp;&nbsp;&nbsp;箱:service@ezijing.com',
link1: '中国教育部',
link2: '教育涉外监管信息网',
......@@ -131,7 +131,8 @@ export default {
item2Txt2: '无需联考、快速入门的学习模式',
item2Txt3: '全方位的金融职业教育课程体系',
item3Tit: '学位全球认可,学籍官方可查',
item3Txt1: '学籍官方可查,全球认可。修满学分后,授予硕士学位。学位证书与出国留学所获得的学位证书相同。学员可实现全球就业。',
item3Txt1:
'学籍官方可查,全球认可。修满学分后,授予硕士学位。学位证书与出国留学所获得的学位证书相同。学员可实现全球就业。',
item3Txt2: '全球排名顶尖师资+中国金融界权威专家',
item3Txt3: '多次被 U.S. News & World Report评为全美第一'
},
......@@ -192,7 +193,8 @@ export default {
// 有关申请
apply: {
con1Tit: '申请条件',
con1Txt: '本科及以上学历<br />大专学历,需要至少【3】年以上款待业相关行业工作经验<br />管理岗位工作经验或企业推荐信<br />一定英语基础',
con1Txt:
'本科及以上学历<br />大专学历,需要至少【3】年以上款待业相关行业工作经验<br />管理岗位工作经验或企业推荐信<br />一定英语基础',
con2Tit: '报名流程',
con2Txt: `<span>提交材料</span><br />身份证<br />
推荐信<br />
......@@ -221,18 +223,22 @@ export default {
problem: {
item1Tit: '申请和面试相关问题',
item1problem1: 'Q: 如何如何申请瑞士酒店管理大学MBA?大概流程是什么?',
item1answer1: 'A: 本项目为申请面试制;<br />申请流程为:在线填写申请资料—初审通过—面试安排—综合评审—录取offer—学费缴纳及入学手续办理。',
item1answer1:
'A: 本项目为申请面试制;<br />申请流程为:在线填写申请资料—初审通过—面试安排—综合评审—录取offer—学费缴纳及入学手续办理。',
item1problem2: 'Q: 面试多少人?录取多少人?率取比率是多少?',
item1answer2: 'A: 本项目采取现场/视频面试的方式,面试人数和录取人数视申请人数和申请资质而定。',
item1problem3: 'Q: 是否要求考生的工作经验必须属于酒店行业?',
item1answer3: 'A: 本项目对考生的行业背景无特殊要求。欢迎有志于从事酒店行业或相关工作的考生报考。录取为综合考评,工作背景是综合考评时需要参考的一部分信息。',
item1answer3:
'A: 本项目对考生的行业背景无特殊要求。欢迎有志于从事酒店行业或相关工作的考生报考。录取为综合考评,工作背景是综合考评时需要参考的一部分信息。',
item1problem4: 'Q: 英语一般可以申请吗?',
item1answer4: 'A: 建议强化英语学习,可尝试申请。面试阶段会涉及英文面试,如果被录取,会有先修课程《金融英语》供学员提前学习。',
item1answer4:
'A: 建议强化英语学习,可尝试申请。面试阶段会涉及英文面试,如果被录取,会有先修课程《金融英语》供学员提前学习。',
item1problem5: 'Q: 本项目是在职还是全职?上课安排是怎样的?',
item1answer5:
'A: 本项目为在职金融硕士项目,采用线上学习和线下面授相结合的学习方式。在线学习每周1-2次实时课程,面授采用周末或短期集中上课形式,中英双语授课。紫荆和Kelley商学院各负责教学内容的百分之五十。课程最后安排一次美国访学(往返交通费用自理),时间为两周左右。',
item1problem6: 'Q: 本项目学制多久?获得的硕士学位证书与在美国全日制就读是否相同?',
item1answer6: 'A: 本项目学制15个月,修满学分达到毕业要求,印第安纳大学KELLEY商学院颁发学位证书,与美国本土全日制就读获得的学位证书完全相同。',
item1answer6:
'A: 本项目学制15个月,修满学分达到毕业要求,印第安纳大学KELLEY商学院颁发学位证书,与美国本土全日制就读获得的学位证书完全相同。',
item2Tit: '报考资格相关问题',
item2problem1: 'Q: 大专毕业后,又通过自考获得本科毕业证和学士学位,能否报考?',
item2answer1: 'A: 可以报考,只要获得专科及以上学位证书,即可报考。',
......
<template>
<div class="letter">
<header class="header">
<div class="inner">
<div class="logo">
<router-link to="/home"
><img src="https://webapp-pub.ezijing.com/project/application/images/ezijing-logo.png"
/></router-link>
</div>
</div>
</header>
<nav class="nav">
<h1 class="title">SHMS瑞士酒店管理大学MBA项目推荐信<br />SHMS MBA Recommendation Letter</h1>
</nav>
<section class="content">
<el-form
:model="ruleForm"
:rules="rules"
ref="form"
label-width="130px"
label-position="top"
@submit.native.prevent
>
<el-form-item label="推荐人姓名/Name of Referrer" prop="provider_name">
<el-input v-model="ruleForm.provider_name" @blur="onBlur('provider_name')"></el-input>
</el-form-item>
<el-form-item label="推荐信内容/Content of Recommendation Letter" prop="letter_content">
<el-input
type="textarea"
:autosize="{ minRows: 6 }"
v-model="ruleForm.letter_content"
@blur="onBlur('letter_content')"
></el-input>
</el-form-item>
<el-form-item label="推荐人手机号/Contact Number of Referrer" prop="provider_phone_number">
<el-input v-model="ruleForm.provider_phone_number"></el-input>
</el-form-item>
<el-form-item label="推荐人工作单位/Work Place of Referrer" prop="provider_company_name">
<el-input v-model="ruleForm.provider_company_name" @blur="onBlur('provider_company_name')"></el-input>
</el-form-item>
<el-form-item label="推荐人职务/Position/Title of Referrer" prop="provider_job_title">
<el-input v-model="ruleForm.provider_job_title" @blur="onBlur('provider_job_title')"></el-input>
</el-form-item>
</el-form>
<div class="buttons">
<el-button type="primary" @click="handleSubmit">确认提交/Submit</el-button>
</div>
</section>
<el-dialog title="推荐信提交成功" :visible.sync="dialogVisible" :center="true" width="348px">
<div style="text-align: center">
<img src="https://webapp-pub.ezijing.com/project/application/images/icon_success.png" />
</div>
<template #footer>
<el-button type="primary" @click="toHome">了解项目</el-button>
</template>
</el-dialog>
</div>
</template>
<script>
import * as api from '@/api/my'
export default {
name: 'LetterIndex',
data() {
return {
ruleForm: {
provider_name: '',
letter_content: '',
provider_phone_number: '',
provider_company_name: '',
provider_job_title: ''
},
rules: {
provider_name: [{ required: true, message: '请输入姓名', trigger: 'blur' }],
letter_content: [{ required: true, message: '请输入推荐信内容', trigger: 'blur' }],
provider_phone_number: [{ required: true, pattern: /^1[3-9]\d{9}$/, message: '请输入手机号', trigger: 'blur' }],
provider_company_name: [{ required: true, message: '请输入工作单位', trigger: 'blur' }],
provider_job_title: [{ required: true, message: '请输入职务', trigger: 'blur' }]
},
dialogVisible: false,
clientWidth: 0
}
},
computed: {
userId() {
return this.$route.params.userId
},
letterId() {
return this.$route.params.letterId
},
labelPosition() {
return this.clientWidth < 768 ? 'top' : 'left'
}
},
methods: {
// 提交
handleSubmit() {
this.$refs.form.validate().then(() => {
this.handleAddRequest()
})
},
// 提交推荐信
handleAddRequest() {
api.addLetter(this.userId, this.letterId, this.ruleForm).then(response => {
const { error, message } = response
if (error.toString() === '0') {
this.dialogVisible = true
} else {
this.$message.error(message)
}
})
},
toHome() {
this.$router.push('/')
},
getClientWidth() {
this.clientWidth = document.body.clientWidth
},
onBlur(key) {
if (this.ruleForm[key]) {
this.ruleForm[key] = this.ruleForm[key].trim()
}
}
},
mounted() {
this.getClientWidth()
document.body.style = 'background-color:#eee;'
window.addEventListener('resize', this.getClientWidth)
},
destroyed() {
document.body.style = ''
window.removeEventListener('resize', this.getClientWidth)
}
}
</script>
<style lang="scss" scoped>
.letter {
.header {
background-color: #fff;
.inner {
max-width: 1000px;
margin: 0 auto;
}
.logo {
padding: 14px 0;
img {
height: 50px;
}
}
}
.nav {
background-color: var(--main-color);
.title {
padding: 15px 0;
font-size: 24px;
font-weight: 600;
color: #fff;
line-height: 30px;
text-align: center;
}
}
.content {
max-width: 1000px;
margin: 20px auto;
padding: 20px;
background-color: #fff;
box-sizing: border-box;
}
::v-deep .el-input {
max-width: 270px;
}
::v-deep .el-form--label-top {
.el-form-item__label {
line-height: 20px;
}
.el-input {
max-width: 100%;
}
}
::v-deep .el-input__inner,
::v-deep .el-textarea__inner {
border-radius: 0;
}
.buttons {
border-top: 1px solid #f1f1f1;
padding: 20px 0;
}
@media (max-width: 767px) {
.logo {
text-align: center;
}
.buttons {
padding: 20px 0;
.el-button {
width: 100%;
display: block;
}
}
}
}
</style>
<template>
<div class="my">
<div class="card">
<div class="result">
<div class="result-left">
<img src="https://webapp-pub.ezijing.com/project/application/images/my_icon.png" />招生办反馈
</div>
<div class="result-right">{{ result.submit_status_desc || '未收到报名信息' }}</div>
</div>
</div>
<div class="card" style="min-height: 360px">
<ul class="nav">
<li class="nav-application" @click="toApplication"></li>
<li class="nav-interview" @click="toInterview"></li>
<li class="nav-admission" @click="toAdmission"></li>
</ul>
<div class="progress">
<el-steps :active="activeProgress" finish-status="success" align-center>
<el-step v-for="(item, index) in 3" :key="index">
<template #title>{{ getProgressStatusText(index) }}</template>
</el-step>
</el-steps>
</div>
</div>
<div class="welcome" v-if="welcomeShow">
<div class="inner">
<div class="welcome-close" @click="handleClose"></div>
<div class="welcome-main">
<img src="https://webapp-pub.ezijing.com/project/application/images/welcome.png" width="350" />
<div class="welcome-content">
<h1>欢迎您报考</h1>
<h2>SHMS瑞士酒店管理大学</h2>
<div class="welcome-button" @click="handleStart">马上开始</div>
</div>
</div>
</div>
</div>
</div>
</template>
<script>
import * as api from '@/api/my'
import Driver from 'driver.js'
import 'driver.js/dist/driver.min.css'
export default {
name: 'AppHome',
data() {
return {
material: {},
progress: {},
submissionStage: {
0: ['FILLING', 'PREPAYMENT'],
1: ['INTERVIEW_APPLICATION', 'AUDITION', 'INTERVIEW', 'PAYMENT'],
2: ['REGISTRATION'],
3: ['CLOSED']
},
result: {},
welcomeShow: false
}
},
computed: {
user() {
return this.$store.state.user
},
activeProgress() {
for (const key in this.submissionStage) {
const list = this.submissionStage[key]
if (list.includes(this.material.submission_stage)) {
return parseInt(key)
}
}
return 0
}
},
methods: {
// 获取进度值
getProgressStatusText(index) {
if (this.activeProgress === index) {
return '进行中'
} else {
return this.activeProgress > index ? '已完成' : '待进行'
}
},
// 获取报名信息
getApplication() {
api.getApplication().then(response => {
const { data, error, message } = response
if (error.toString() === '0') {
const { material, progress } = data
this.material = material
this.progress = progress
const welcomeShowed = window.localStorage.getItem(this.user.id) === 'true'
material.attachments = material.attachments || []
if (!material.attachments.length && !welcomeShowed) {
this.welcomeShow = true
}
} else {
this.$message.error(message)
}
})
},
// 获取报名审核状态
getApplicationStatus() {
api.getApplicationStatus().then(response => {
this.result = response.data
})
},
// 报名申请
toApplication() {
this.$router.push('/my/application?active=application_info')
},
// 申请面试
toInterview() {
if (this.activeProgress < 1) {
this.$message.warning('请完成报名申请并缴报名费')
return
}
this.$router.push('/my/interview')
},
// 办理入学
toAdmission() {
if (this.activeProgress < 2) {
this.$message.warning('请等待面试结果')
return
}
this.$router.push('/my/admission')
},
handleStart() {
this.welcomeShow = false
this.createDriver()
},
handleClose() {
this.welcomeShow = false
window.localStorage.setItem(this.user.id, true)
},
createDriver() {
const driver = new Driver({
opacity: '0.8',
padding: 5,
allowClose: false,
doneBtnText: '我知道了',
nextBtnText: '下一步',
onReset: () => {
window.localStorage.setItem(this.user.id, true)
}
})
// Define the steps for introduction
driver.defineSteps([
{
element: '.nav-application',
popover: {
className: 'first-step-popover-class',
title: '第一步:',
description: '点击<span style="color:#af1b40">报名申请</span>,进入基本信息的填写。',
position: 'bottom-right'
}
},
{
element: '.nav-interview',
popover: {
title: '第二步:',
description: '点击<span style="color:#af1b40">申请面试</span>,进入面试所需材料的上传。',
position: 'bottom-right'
}
},
{
element: '.nav-admission',
popover: {
title: '第三步:',
description: '点击<span style="color:#af1b40">办理入学</span>,进入办理入学材料的上传。',
position: 'bottom-right'
}
}
])
driver.start()
}
},
beforeMount() {
this.getApplication()
this.getApplicationStatus()
}
}
</script>
<style lang="scss" scoped>
.card {
background: #fff;
border-radius: 5px;
}
.card + .card {
margin-top: 10px;
}
.nav {
display: flex;
justify-content: space-between;
padding: 40px 70px 20px;
li {
position: relative;
width: 188px;
height: 128px;
cursor: pointer;
background-repeat: no-repeat;
background-size: contain;
background-position: center 2px;
}
}
.nav-application {
background-image: url('https://webapp-pub.ezijing.com/project/application/images/my_01.png');
&:hover {
background-image: url('https://webapp-pub.ezijing.com/project/application/images/my_01_hover.png');
}
}
.nav-interview {
background-image: url('https://webapp-pub.ezijing.com/project/application/images/my_02.png');
&:hover {
background-image: url('https://webapp-pub.ezijing.com/project/application/images/my_02_hover.png');
}
}
.nav-admission {
background-image: url('https://webapp-pub.ezijing.com/project/application/images/my_03.png');
&:hover {
background-image: url('https://webapp-pub.ezijing.com/project/application/images/my_03_hover.png');
}
}
.result {
min-height: 40px;
padding: 0 20px;
display: flex;
align-items: center;
}
.result-left {
line-height: 14px;
color: var(--main-color);
img {
margin-right: 10px;
}
}
.result-right {
padding-left: 40px;
color: #666;
}
.progress {
margin: 0 40px;
}
.welcome {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
background-color: rgba(0, 0, 0, 0.8);
z-index: 999;
}
.welcome-close {
float: right;
width: 23px;
height: 23px;
background: url('https://webapp-pub.ezijing.com/project/application/images/welcome_close.png') no-repeat;
background-size: contain;
cursor: pointer;
}
.welcome-main {
display: flex;
align-items: center;
}
.welcome-content {
text-align: center;
h1 {
font-size: 40px;
font-weight: 600;
color: #fff;
line-height: 56px;
}
h2 {
font-size: 26px;
font-weight: normal;
color: #fff;
line-height: 26px;
}
}
.welcome-button {
margin-top: 40px;
display: inline-block;
padding: 10px 32px;
font-size: 20px;
font-weight: 600;
color: #fff;
line-height: 20px;
border-radius: 5px;
border: 3px solid #fff;
cursor: pointer;
&:hover {
color: #af1b40;
background-color: #fff;
}
}
</style>
<style>
div#driver-popover-item {
padding: 10px;
max-width: 178px;
min-width: auto;
}
div#driver-popover-item .driver-popover-title {
font-size: 16px;
}
.driver-close-btn,
.driver-prev-btn {
display: none !important;
}
#driver-highlighted-element-stage {
border-radius: 8px !important;
}
div#driver-popover-item .driver-popover-footer {
text-align: center;
}
div#driver-popover-item .driver-popover-footer button {
background-color: #af1b40;
line-height: 36px;
color: #fff;
border-radius: 4px;
padding: 0 26px;
text-shadow: none;
border: 0;
}
div#driver-popover-item .driver-popover-footer .driver-btn-group {
float: none;
}
.driver-highlighted-element {
pointer-events: none;
}
</style>
<template>
<app-layout>
<vue-form
:menus="menus"
:default-active="currentActive"
@page-change="handlePageChange"
@success="handleSuccess"
@error="handleError"
@back="$router.push('/my/account')"
>
<template #aside-append>
<div class="aside-payment"><a href="https://accounts.ezijing.com/payment" target="_blank">查看缴费记录</a></div>
<div class="aside-logout" @click="$store.dispatch('logout')"><span>退出登录</span></div>
</template>
<!-- 首页 -->
<app-home v-if="currentActive === 'account'" />
<template #content>
<!-- 基本信息 -->
<app-info v-if="currentActive === 'account_info'" />
<!-- 密码修改 -->
<app-password v-if="currentActive === 'account_password'" />
</template>
</vue-form>
</app-layout>
</template>
<script>
import AppLayout from '../layout.vue'
import AppHome from './home.vue'
import AppInfo from './info.vue'
import AppPassword from './password.vue'
export default {
components: { AppLayout, AppHome, AppInfo, AppPassword },
data() {
return {
menus: [
{
id: 'account',
title: '个人信息',
children: [
{ id: 'account_info', title: '基本信息' },
{ id: 'account_password', title: '密码修改' }
]
}
],
currentActive: 'account'
}
},
watch: {
$route: {
immediate: true,
handler(route) {
const { query = {} } = route
this.currentActive = query.active || 'account'
}
}
},
methods: {
handlePageChange(value) {
this.currentActive = value
this.$router.push({ path: this.$route.path, query: { active: value } })
console.log('页面切换了', value)
},
handleSuccess(data) {
console.log('提交成功了', data)
this.$message({ type: 'success', message: data.message })
},
handleError(data) {
console.log('提交失败了', data)
this.$message({ type: 'error', message: data.message })
}
}
}
</script>
<template>
<div>
<el-form
:model="ruleForm"
:rules="rules"
ref="form"
label-width="100px"
@submit.native.prevent
style="max-width: 680px"
>
<el-form-item label="姓名" prop="real_name">
<el-input v-model.trim="ruleForm.real_name"></el-input>
</el-form-item>
<el-form-item label="手机号" prop="mobile">
<el-input v-model.trim="ruleForm.mobile"></el-input>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="handleSubmit">确认修改</el-button>
</el-form-item>
</el-form>
</div>
</template>
<script>
import * as api from '@/api/my'
export default {
name: 'MyInfo',
data() {
return {
ruleForm: {
real_name: '',
mobile: ''
},
rules: {
real_name: [{ required: true, message: '请输入姓名', trigger: 'blur' }],
mobile: [{ required: true, message: '请输入手机号', trigger: 'blur' }]
}
}
},
methods: {
getUser() {
api.getUser().then(response => {
const data = response.data
this.ruleForm.real_name = data.realname
this.ruleForm.mobile = data.mobile
})
},
// 提交
handleSubmit() {
this.$refs.form.validate().then(this.handleRequest)
},
// 接口请求
handleRequest() {
this.loading = true
api.updateUser(this.ruleForm).then(response => {
response.code === 0 ? this.handleSuccess(response) : this.$message.error(response.msg)
this.loading = false
})
},
// 成功
handleSuccess(response) {
this.$alert('基本信息修改成功', {
type: 'success',
confirmButtonText: '返回报名系统',
callback: action => {
this.$router.push('/my')
}
})
}
},
beforeMount() {
this.getUser()
}
}
</script>
<style lang="scss" scoped>
::v-deep .el-input {
max-width: 270px;
}
</style>
<template>
<div>
<el-form :model="ruleForm" :rules="rules" ref="form" label-width="100px" @submit.native.prevent>
<el-form-item label="手机号" prop="account">
<el-input v-model.trim="ruleForm.account"></el-input>
</el-form-item>
<el-form-item prop="code" label="验证码">
<el-input v-model.trim="ruleForm.code" placeholder="请输入验证码">
<countdown
slot="suffix"
size="mini"
:disabled="disabledSend"
@start="sendCodeRequest"
ref="countdown"
></countdown>
</el-input>
</el-form-item>
<el-form-item label="密码" prop="password">
<el-input type="password" v-model.trim="ruleForm.password"></el-input>
</el-form-item>
<el-form-item label="确认密码" prop="passwordR">
<el-input type="password" v-model.trim="ruleForm.passwordR"></el-input>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="handleSubmit">确认修改</el-button>
</el-form-item>
</el-form>
</div>
</template>
<script>
import * as api from '@/api/my'
import countdown from '@/components/countdown.vue'
export default {
name: 'MyPassword',
components: { countdown },
data() {
const validatePass = (rule, value, callback) => {
if (value === '') {
callback(new Error('请再次输入密码'))
} else if (value !== this.ruleForm.password) {
callback(new Error('两次输入密码不一致!'))
} else {
callback()
}
}
return {
ruleForm: { account: '', code: '', password: '', passwordR: '' },
rules: {
account: [{ required: true, message: '请输入手机号', trigger: 'blur' }],
code: [{ required: true, message: '请输入验证码', trigger: 'blur' }],
password: [
{ required: true, message: '请输入新密码', trigger: 'blur' },
{ min: 6, max: 20, message: '长度为6-20个字符', trigger: 'blur' }
],
passwordR: [
{ required: true, message: '请输入新密码', trigger: 'blur' },
{ validator: validatePass, trigger: 'blur' }
]
}
}
},
computed: {
disabledSend() {
const value = this.ruleForm.account
return !(/^1[3-9]\d{9}$/.test(value) || /@/.test(value))
}
},
methods: {
// 提交
handleSubmit() {
this.$refs.form.validate().then(this.handleRequest)
},
// 接口请求
handleRequest() {
this.loading = true
api.updatePassword(this.ruleForm).then(response => {
response.code === 0 ? this.handleSuccess(response) : this.$message.error(response.msg)
this.loading = false
})
},
// 成功
handleSuccess(response) {
this.$alert('密码修改成功,快去登录吧', '提示', {
type: 'success',
confirmButtonText: '去登录',
callback: action => {
this.$router.push('/login')
}
})
},
// 验证码
sendCodeRequest() {
api
.sendCode({ account: this.ruleForm.account })
.then(response => {
if (response.code === 0) {
this.$message({ type: 'success', message: '验证码已发送' })
} else {
// 停止计时
this.$refs.countdown.stop()
this.$message({ type: 'error', message: response.msg })
}
})
.catch(this.$refs.countdown.stop)
}
}
}
</script>
<style lang="scss" scoped>
::v-deep .el-input {
max-width: 270px;
}
</style>
<template>
<div class="collapse" :class="classes">
<div class="collapse-hd">
<div class="collapse-icon" @click="toggle">
<i class="el-icon-remove-outline" v-if="isActive"></i>
<i class="el-icon-circle-plus-outline" v-else></i>
</div>
<div class="collapse-title">
<slot name="title">{{ title }}</slot>
</div>
</div>
<div class="collapse-bd" v-show="isActive">
<slot>{{ content }}</slot>
</div>
</div>
</template>
<script>
export default {
props: {
value: { type: Boolean, default: false },
title: { type: String },
content: { type: String }
},
data() {
return {
isActive: false
}
},
computed: {
classes() {
return { 'is-active': this.isActive }
}
},
methods: {
toggle() {
this.isActive = !this.isActive
this.$emit('input', this.isActive)
}
}
}
</script>
<style lang="scss" scoped>
.collapse {
margin-top: 10px;
}
.collapse-hd {
display: flex;
font-size: 14px;
line-height: 20px;
color: #222;
}
.collapse-icon {
margin-right: 6px;
font-size: 14px;
cursor: pointer;
color: #999;
}
.collapse-bd {
padding-left: 20px;
color: #666;
p {
color: #666 !important;
}
}
</style>
import xy from './xy'
// import xfjn from './xfjn'
export default function(_this) {
return {
id: 'admission',
title: '入学办理',
children: [xy(_this)]
}
}
export default {
id: 'admission_xfjn',
title: '学费缴纳',
html: `
<p><strong>一、对公收款银行信息:</strong></p>
<p>户名:清控紫荆( 北京)教育科技股份有限公司</p>
<p>帐号:694485289</p>
<p>开户行:中国民生银行股份有限公司北京魏公村支行</p>
<p style="margin-top:30px;"><strong>二、支付宝收款账户信息:</strong></p>
<p>支付宝账号:service@ezijing.com</p>
<p>支付宝户名:清控紫荆(北京)教育科技股份有限公司</p>
`
}
export default function(_this) {
return {
id: 'admission_xy',
title: '入学协议',
get: {
action: `${process.env.baseURL}/api/enrollment/v1.0/application-materials/${process.env.projectId}`,
callback(data) {
const { attachments = [], submission_stage: submissionStage = 'FILLING' } = data.data.material
const stageList = [
'FILLING',
'PREPAYMENT',
'INTERVIEW_APPLICATION',
'AUDITION',
'INTERVIEW',
'PAYMENT',
'REGISTRATION',
'CLOSED'
]
this.form.options.disabled = stageList.findIndex(item => item === submissionStage) > 6
const ADMISSION_AGREEMENT = attachments.filter(item => {
return item.file_type_id === 'ADMISSION_AGREEMENT'
})
return { ADMISSION_AGREEMENT }
}
},
update: {
action: `${process.env.baseURL}/api/enrollment/v1.0/application-materials/submit/${process.env.projectId}`,
beforeRequest(data) {
return { submission_stage: 'REGISTRATION' }
},
callback() {
this.form.options.disabled = true
},
errorCallback() {
_this.completeVisible = true
}
},
form: {
// next: { to: { query: { active: 'admission_xfjn' } } },
submitText: '提交',
options: { disabled: false },
items: [
{
type: 'v-upload',
required: true,
model: 'ADMISSION_AGREEMENT',
attrs: {
action: `${process.env.baseURL}/api/enrollment/v1.0/application-materials/attachments/${process.env.projectId}/put`,
deleteAction: `${process.env.baseURL}/api/enrollment/v1.0/application-materials/attachments/${process.env.projectId}/delete`,
data: { file_type: 'ADMISSION_AGREEMENT' }
},
rules: [{ type: 'array', required: true, message: '请上传入学协议', trigger: 'change' }],
prepend: `<p>请将签字后的入学协议原件扫描或拍照后提交,完成入学。点击下方按钮,上传文件</p>`
}
]
}
}
}
<template>
<app-layout>
<vue-form
:menus="menus"
:default-active="currentActive"
@page-change="handlePageChange"
@success="handleSuccess"
@error="handleError"
@back="$router.push('/my/account')"
@prev="handlePrev"
@next="handleNext"
@uploaded="getApplication"
>
<template #aside-append>
<div class="aside-payment"><a href="https://accounts.ezijing.com/payment" target="_blank">查看缴费记录</a></div>
<div class="aside-logout" @click="$store.dispatch('logout')"><span>退出登录</span></div>
</template>
<!-- 入学协议 -->
<!-- <template #content v-if="currentActive === 'admission_xy'">
<app-xy />
</template> -->
</vue-form>
<!-- <el-dialog
title="办理入学资料提交成功"
:visible.sync="dialogVisible"
:center="true"
:close-on-click-modal="false"
width="348px"
>
<div class="dialog-tips">
<p>请确认是否已缴费,如未缴费点击下方缴费按钮 <br />(已缴费,请忽略)</p>
<div class="icon"><img src="https://webapp-pub.ezijing.com/project/application/images/icon_success.png" /></div>
</div>
<template #footer>
<el-button type="primary" @click="toPay">立即缴费</el-button>
<el-button type="primary" @click="dialogVisible = false">忽略</el-button>
</template>
</el-dialog> -->
</app-layout>
</template>
<script>
import AppLayout from '../layout.vue'
import getMenu from './form'
import * as api from '@/api/my'
import AppXy from './xy'
export default {
components: { AppLayout, AppXy },
data() {
const menus = getMenu(this)
return {
menus: [menus],
currentActive: 'admission_xy',
dialogVisible: false,
detail: null
}
},
watch: {
$route: {
immediate: true,
handler(route) {
const { query = {} } = route
this.currentActive = query.active || 'admission_xy'
}
},
showSubmitedDialog(value) {
this.dialogVisible = value
}
},
computed: {
isSubmited() {
if (this.detail) {
return !!this.detail.material.attachments.find(item => item.file_type_id === 'ADMISSION_AGREEMENT')
}
return false
},
showSubmitedDialog() {
return this.isSubmited && this.currentActive === 'admission_xy'
}
},
methods: {
// 获取报名信息
getApplication() {
api.getApplication().then(response => {
const { data, error, message } = response
if (error.toString() === '0') {
this.detail = data
} else {
this.$message.error(message)
}
})
},
handlePageChange(value) {
this.currentActive = value
this.$router.push({ path: this.$route.path, query: { active: value } })
console.log('页面切换了', value)
},
handleSuccess(data) {
console.log('提交成功了', data)
this.$message({ type: 'success', message: data.message })
},
handleError(data) {
console.log('提交失败了', data)
this.$message({ type: 'error', message: data.message })
},
handlePrev(to) {
this.$router.push(to)
},
handleNext(to) {
this.$router.push(to)
},
toPay() {
this.dialogVisible = false
this.$router.push({ path: '/my/admission', query: { active: 'admission_xfjn' } })
}
},
beforeMount() {
this.getApplication()
}
}
</script>
<style lang="scss" scoped>
.dialog-tips {
text-align: center;
p {
color: #262626;
line-height: 20px;
}
.icon {
margin-top: 20px;
text-align: center;
}
}
</style>
差异被折叠。
差异被折叠。
差异被折叠。
差异被折叠。
差异被折叠。
差异被折叠。
差异被折叠。
差异被折叠。
差异被折叠。
差异被折叠。
差异被折叠。
差异被折叠。
差异被折叠。
差异被折叠。
差异被折叠。
差异被折叠。
差异被折叠。
差异被折叠。
差异被折叠。
差异被折叠。
差异被折叠。
差异被折叠。
差异被折叠。
差异被折叠。
差异被折叠。
差异被折叠。
差异被折叠。
差异被折叠。
差异被折叠。
差异被折叠。
差异被折叠。
差异被折叠。
差异被折叠。
差异被折叠。
差异被折叠。
差异被折叠。
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论