Skip to content

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

chore: 新增项目站

上级 1f8f5511
全部展开 显示空白字符变更
内嵌 并排
正在显示 包含 266 行增加 和 2436 行删除
.DS_Store
浏览文件 @ ec3a6f41
No preview for this file type
.env
浏览文件 @ ec3a6f41
projectId=1023 projectId=1024
newProjectId=78616692432879616 newProjectId=78616692432879616
......
.env.dev
浏览文件 @ ec3a6f41
projectId=1023 projectId=1024
newProjectId=78616692432879616 newProjectId=78616692432879616
......
.env.test
浏览文件 @ ec3a6f41
projectId=1023 projectId=1024
newProjectId=78616692432879616 newProjectId=78616692432879616
......
components/appFrame.vue
浏览文件 @ ec3a6f41
<template> <template>
<div class="main-page"> <div class="main-page">
<ul class="main-page-nav"> <ul class="main-page-nav">
<li v-for="(item, index) in data.slider" :key="index" :class="{ 'is-active': isAcitve(item) }"> <li v-for="(item, index) in menus" :key="index" :class="{ 'is-active': isActive(item) }">
<nuxt-link :to="item.path">{{ item.name }}</nuxt-link> <nuxt-link :to="item.path">{{ item.name }}</nuxt-link>
</li> </li>
</ul> </ul>
<div class="main-page-content"> <div class="main-page-content">
<img v-if="data.banner" :src="data.banner" class="main-page-banner" /> <img :src="banner" class="main-page-banner" v-if="banner" />
<div class="main-content-html"> <div class="main-content-html">
<slot></slot> <slot></slot>
</div> </div>
...@@ -16,11 +16,9 @@ ...@@ -16,11 +16,9 @@
<script> <script>
export default { export default {
name: 'appFrame', name: 'appFrame',
props: { props: { banner: { type: String }, menus: { type: Array } },
data: { type: Object }
},
methods: { methods: {
isAcitve(item) { isActive(item) {
return this.$route.fullPath.includes(item.path) return this.$route.fullPath.includes(item.path)
} }
} }
...@@ -97,6 +95,7 @@ export default { ...@@ -97,6 +95,7 @@ export default {
} }
.main-page-content { .main-page-content {
background-color: #fff; background-color: #fff;
overflow: hidden;
} }
} }
</style> </style>
components/base/h5/ApplyForm.vue
浏览文件 @ ec3a6f41
...@@ -36,7 +36,7 @@ import * as api from '@/api' ...@@ -36,7 +36,7 @@ import * as api from '@/api'
export default { export default {
data() { data() {
return { return {
ruleForm: { name: '', phone: '', project_id: '1023', channel: localStorage.getItem('channel_num') || 19960 }, ruleForm: { name: '', phone: '', project_id: '1024', channel: localStorage.getItem('channel_num') || 19960 },
projectList: [ projectList: [
{ label: '金融工商管理硕士', value: '1000' }, { label: '金融工商管理硕士', value: '1000' },
{ label: '酒店及旅游业工商管理硕士', value: '1008' }, { label: '酒店及旅游业工商管理硕士', value: '1008' },
...@@ -45,7 +45,7 @@ export default { ...@@ -45,7 +45,7 @@ export default {
{ label: '教育学硕士', value: '1005' }, { label: '教育学硕士', value: '1005' },
{ label: '中国未来金融领袖计划', value: '1007' }, { label: '中国未来金融领袖计划', value: '1007' },
{ label: '1+1 国际硕士', value: '1016' }, { label: '1+1 国际硕士', value: '1016' },
{ label: '在线工商管理博士DBA', value: '1023' } { label: '在线工商管理博士DBA', value: '1024' }
], ],
phoneCode: '', phoneCode: '',
codeButtonDisabled: false, codeButtonDisabled: false,
......
components/base/h5/Menu.vue
浏览文件 @ ec3a6f41
...@@ -14,46 +14,31 @@ export default { ...@@ -14,46 +14,31 @@ export default {
const _this = this const _this = this
return { return {
list: [ list: [
// 项目介绍
{ {
name: '项目介绍', name: this.$t('menu.project'),
path: '/about/school', path: '/project'
children: [
{ name: '加州浸会大学', path: '/about/school' },
{ name: '最近动态', path: '/news/hot' }
// { name: '师资介绍', path: '/about/teacher' }
]
}, },
// {
// name: '学校介绍',
// children: [
// { name: '加州浸会大学', path: '/about/school' }
// // { name: '师资介绍', path: '/about/teacher' }
// ]
// },
{ {
name: '学位获得', name: '学习安排',
path: '/academic/academic' path: '/plan'
}, },
// 学历认证
{ {
name: '报名流程', name: this.$t('menu.academic'),
children: [ path: '/degree'
{ name: '报名流程', path: '/enroll/process' },
{ name: '申请条件', path: '/enroll/apply' }
]
}, },
// 报名流程
{ {
name: '资料下载', name: '申请指南',
path: '/dataDownload/dataDownload' path: '/guides',
children: [
{ name: '申请要求', path: '/guides/requirements' },
{ name: '申请流程', path: '/guides/process' },
{ name: '报名材料', path: '/guides/material' },
{ name: '学费信息', path: '/guides/tuition' }
]
}, },
// {
// name: '归国政策',
// path: '/returnPolicy/returnPolicy'
// },
// {
// name: '常见问题',
// path: '/question/question'
// },
{ {
name: '报名申请', name: '报名申请',
onClick: () => { onClick: () => {
......
components/home/Video.vue deleted 100644 → 0
浏览文件 @ 1f8f5511
差异被折叠。
components/home/banner.vue deleted 100644 → 0
浏览文件 @ 1f8f5511
<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: [],
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>
\ No newline at end of file
components/home/banners.vue deleted 100644 → 0
浏览文件 @ 1f8f5511
<template>
<div :class="isMobile ? 'is-h5' : 'is-pc'">
<div class="banner-content">
<img class="img" src="https://webapp-pub.ezijing.com/project/cbu-online/banner.png?v=4" />
<div class="banner_navList">
<div class="banner_nav" v-for="(item, index) in navList" :key="index" @click="navClick(item)">
<div class="nav_top">
<img class="nav_img" :src="item.img" v-if="!isMobile" />
<img class="nav_img" :src="item.imgH5" v-else />
</div>
<div class="nav_tit">{{ item.tit }}</div>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
data() {
return {
navList: [
{
img: 'https://webapp-pub.ezijing.com/project/marywood/icon1.png',
imgH5: 'https://webapp-pub.ezijing.com/project/marywood/h5/icon11.png',
tit: '报名申请',
tag: '1'
},
{
img: 'https://webapp-pub.ezijing.com/project/marywood/icon4.png',
imgH5: 'https://webapp-pub.ezijing.com/project/marywood/h5/icon41.png',
tit: '招生简章',
tag: '2'
},
{
img: 'https://webapp-pub.ezijing.com/project/marywood/icon5.png',
imgH5: 'https://webapp-pub.ezijing.com/project/marywood/h5/icon51.png',
tit: '项目介绍',
tag: '3'
},
{
img: 'https://webapp-pub.ezijing.com/project/marywood/icon2.png',
imgH5: 'https://webapp-pub.ezijing.com/project/marywood/h5/icon21.png',
tit: '资料下载',
tag: '4'
}
// {
// img: 'https://webapp-pub.ezijing.com/project/marywood/icon3.png',
// imgH5: 'https://webapp-pub.ezijing.com/project/marywood/h5/icon31.png',
// tit: '常见问题',
// tag: '5'
// }
]
}
},
computed: {
isMobile() {
return this.$store.state.isMobile
}
},
methods: {
navClick(item) {
if (item.tag === '1') {
this.$router.push('/my/account')
} else if (item.tag === '2') {
window.open('https://webapp-pub.ezijing.com/project/cbu-online/%E6%8B%9B%E7%94%9F%E7%AE%80%E7%AB%A0.pdf')
} else if (item.tag === '3') {
this.$router.push('/about/school')
} else if (item.tag === '4') {
this.$router.push('/dataDownload/dataDownload')
} else if (item.tag === '5') {
this.$router.push('/question/question')
}
}
}
}
</script>
<style lang="scss" scoped>
.is-pc {
.banner-content {
position: relative;
width: 100%;
.img {
width: 100%;
height: 100%;
z-index: 1000;
}
.banner_navList {
position: absolute;
bottom: -59px;
left: 50%;
transform: translateX(-50%);
display: flex;
align-items: flex-end;
margin: 0;
padding: 0;
.banner_nav {
width: 239px;
height: 144px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
background-color: #be0927;
// border-right: 1px solid #e64b77;
padding-right: 0;
opacity: 0.71;
.nav_top {
width: 100%;
height: 87px;
display: flex;
justify-content: center;
align-items: center;
border-right: 0.5px solid rgba(255, 255, 255, 0.30196078431372547);
}
.banner_nav:last-child {
border: none;
}
.nav_tit {
width: 100%;
height: 57px;
font-size: 14px;
line-height: 57px;
text-align: center;
color: #fefffe;
padding-bottom: 15px;
border-right: 1px solid #be0927;
font-size: 20px;
}
&:hover {
height: 160px;
background-color: #aa1941;
border-right: 1px solid #be0927;
opacity: 0.78;
}
&:hover .nav_top {
border-right: none;
}
}
}
}
}
.is-h5 {
.banner-content {
position: relative;
width: 100%;
.img {
width: 100%;
height: 100%;
z-index: 1000;
}
.banner_navList {
padding: 0.43rem 0.33rem 0 0.35rem;
display: flex;
justify-content: space-around;
align-items: center;
.banner_nav {
text-align: center;
.nav_top {
.nav_img {
display: block;
width: 0.45rem;
// height: 100%;
margin-right: 0.2rem;
text-align: center;
}
}
.nav_tit {
// width: 100%;
// height: 0.24rem;
// line-height: 0.24rem;
width: 0.48rem;
margin-top: 0.08rem;
font-size: 0.12rem;
text-align: center;
color: #484848;
}
}
}
}
}
</style>
components/home/commonProblem.vue deleted 100644 → 0
浏览文件 @ 1f8f5511
<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: [
'本项目毕业生颁发的学位证书与在美国颁发的证书有何不同？',
'本项目上课形式是怎么样？',
'本项目学制多久？',
'能否顺利毕业拿到证书呢？',
'本项目是在职还是全职？'
],
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>
components/home/moduleTitle.vue deleted 100644 → 0
浏览文件 @ 1f8f5511
<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
components/home/news.vue deleted 100644 → 0
浏览文件 @ 1f8f5511
<template>
<div :class="isMobile ? 'is-h5' : 'is-pc'" v-if="Object.keys(listData.first).length">
<div class="news-content-box">
<card :title="$t('home.news.title')" v-if="!isMobile">
<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 + '?x-oss-process=image/resize,m_fill,h_520,w_780'" />
<div class="mantle-box">
<div class="tit" v-if="!isMobile">{{ listData.first.title }}</div>
<div class="con-txt">{{ 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">{{ item.title }}</div>
<div class="del">{{ item.abstract }}</div>
</app-link>
</li>
</ul>
</div>
</card>
<div :title="$t('home.news.title')" v-else>
<div class="banner">
<div class="tit">最新动态</div>
<div class="more">
<nuxt-link to="/news/hot">{{ $t('viewMore') }}</nuxt-link>
</div>
</div>
<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" />
<div class="mantle-box">
<div class="tit" v-if="!isMobile">{{ listData.first.title }}</div>
<div class="con-txt">{{ 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">{{ item.title }}</div>
<div class="del">{{ item.abstract }}</div>
</app-link>
</li>
</ul>
</div>
</div>
</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: 120px;
.content-box {
display: flex;
justify-content: space-between;
padding-top: 26px;
.news-left {
width: 780px;
height: 500px;
position: relative;
img {
width: 100%;
height: 100%;
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 {
padding: 0.2rem 0.3rem 0.2rem 0.3rem;
.banner {
display: flex;
justify-content: space-between;
}
.tit {
font-size: 0.14rem;
font-weight: bold;
line-height: 0.28rem;
color: #424242;
}
.more {
padding-top: 0.1rem;
}
.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>
components/home/openClass.vue deleted 100644 → 0
浏览文件 @ 1f8f5511
<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;
padding-bottom: 50px;
.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>
components/home/presence.vue deleted 100644 → 0
浏览文件 @ 1f8f5511
<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>
</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>
</div>
</div>
</div>
</template>
<script>
import Card from '@/components/Card'
import AppLink from '@/components/Link'
import { postNes } from '@/api'
export default {
name: 'presence',
components: {
Card,
AppLink
},
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: '',
name: '',
phone: '',
project_id: process.env.projectId,
channel: 19960
},
value: '',
titleParams: {
name: this.$t('home.presence.title'),
more: {
path: '/alumni/sharing'
}
},
listData: []
}
},
async fetch() {
const params = { project_id: process.env.newProjectId, type_tag: 'kelley_alumni_share', limit: 1 }
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
}
},
mounted() {},
methods: {
submit() {
const findNull = Object.values(this.form).findIndex(item => {
return item === ''
})
if (findNull !== -1) {
this.$message('请完善信息')
return
} else {
const MOBILE_REG = /^1(3[0-9]|4[01456879]|5[0-35-9]|6[2567]|7[0-8]|8[0-9]|9[0-35-9])\d{8}$/
if (!MOBILE_REG.test(this.form.phone)) {
this.$message('手机号格式错误')
return
}
}
postNes(this.form)
.then(res => {
if (res && res.status === 200) {
this.$message({
type: 'success',
message: '提交成功'
})
} else {
this.$message.error('提交失败')
}
})
.catch(() => {})
},
swiperStop() {
this.swiper.autoplay.stop()
},
swiperStart() {
this.swiper.autoplay.start()
}
}
}
</script>
<style lang="scss" scoped>
.is-pc {
.card-style {
width: 1200px;
margin: 0 auto;
}
.presence-content-box {
padding-top: 80px;
.m-title {
width: 1200px;
margin: 0 auto;
}
.content-mian {
padding-top: 24px;
.my-swipe {
// height: 500px;
img {
width: 100%;
height: 100%;
display: block;
}
}
.form-box {
width: 1200px;
height: 540px;
margin: 80px auto 0;
background: url(https://webapp-pub.ezijing.com/project/kelley/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);
box-shadow: 0px 0px 122px rgba(0, 0, 0, 0.07);
margin-top: 127px;
.bt {
font-size: 48px;
font-weight: bold;
line-height: 58px;
color: #ffffff;
text-align: center;
margin-top: 30px;
}
.tips {
font-size: 14px;
line-height: 100%;
color: #ffffff;
margin-top: 30px;
text-align: center;
}
}
.form {
width: 401px;
height: 382px;
background: #ffffff;
margin-top: 54px;
box-sizing: border-box;
padding: 63px 56px 56px 64px;
margin-right: 116px;
::v-deep {
.el-select {
width: 100%;
}
}
.li {
margin-bottom: 20px;
}
.btn {
font-size: 18px;
line-height: 32px;
color: #ffffff;
width: 281px;
background: #aa1941;
border-radius: 4px;
text-align: center;
cursor: pointer;
}
}
}
}
}
}
.is-h5 {
.card-width {
width: 100%;
margin: 0;
::v-deep {
.card-hd {
margin: 0.2rem 0.15rem;
}
}
}
.presence-content-box {
.my-swipe {
// height: 1.58rem;
img {
width: 100%;
height: 100%;
display: block;
}
}
.form-box {
background: url(https://webapp-pub.ezijing.com/project/kelley-h5/home-presen-bg-new1.png) center;
background-size: cover;
padding-top: 0.18rem;
box-sizing: border-box;
margin-top: 0.27rem;
padding-bottom: 0.05rem;
.title-box {
width: 3.75rem;
height: 1.2rem;
background: rgba(170, 25, 65, 0.63);
box-shadow: 0rem 0rem 1rem rgba(0, 0, 0, 0.07);
.bt {
text-align: center;
font-size: 0.26rem;
// font-weight: bold;
line-height: 0.31rem;
color: #ffffff;
text-align: center;
padding-top: 0.16rem;
}
.tips {
font-size: 0.1rem;
line-height: 0.12rem;
color: #ffffff;
text-align: center;
padding-top: 0.1rem;
}
}
.form {
width: 2.7rem;
background: #ffffff;
margin: 0.2rem auto;
padding: 0.25rem 0.2rem;
box-sizing: border-box;
.li {
margin-bottom: 0.2rem;
}
::v-deep {
.el-select {
width: 100%;
height: 100%;
}
}
.btn {
font-size: 0.12rem;
line-height: 0.26rem;
color: #ffffff;
background: #aa1941;
border-radius: 0.02rem;
text-align: center;
cursor: pointer;
}
}
}
}
}
</style>
components/home/projectFeatures.vue deleted 100644 → 0
浏览文件 @ 1f8f5511
差异被折叠。
components/home/projectPosition.vue deleted 100644 → 0
浏览文件 @ 1f8f5511
<template>
<div :class="isMobile ? 'is-h5' : 'is-pc'">
<div class="service-content max-width-center">
<card title="项目简介" v-if="!isMobile">
<div class="desc">
<p>
加州浸会大学在线工商管理博士DBA项目是经过美国教育监管机构WASC、BPPE、DOE等批准的正规博士项目。该项目强调课程学习与论文写作结合，以培养将管理实践和理论研究深度融合的商业领袖和学者为目标。清控紫荆教育是加州浸会大学工商管理博士项目中国唯一合作伙伴，双方共同致力于为学生提供高质量的学习体验和服务，以更好地融合中国实践。
</p>
</div>
</card>
<div v-else>
<div class="tit">项目简介</div>
<div class="desc">
<p>
加州浸会大学在线工商管理博士DBA项目是经过美国教育监管机构WASC、BPPE、DOE等批准的正规博士项目。该项目强调课程学习与论文写作结合，以培养将管理实践和理论研究深度融合的商业领袖和学者为目标。清控紫荆教育是加州浸会大学工商管理博士项目中国唯一合作伙伴，双方共同致力于为学生提供高质量的学习体验和服务，以更好地融合中国实践。
</p>
</div>
</div>
</div>
</div>
</template>
<script>
import Card from '@/components/Card'
import AppLink from '@/components/Link'
export default {
name: 'projectFeatures',
components: {
AppLink,
Card
},
data() {
return {
titleParams: {
name: this.$t('home.project.title')
}
// data: [
// {
// icon: 'https://webapp-pub.ezijing.com/project/marywood/img12.png',
// iconActive: 'https://webapp-pub.ezijing.com/project/marywood/img11.png',
// text: this.$store.state.isMobile ? this.$t('home.project.h5.itemT1') : this.$t('home.project.pc.itemT5')
// },
// {
// icon: 'https://webapp-pub.ezijing.com/project/marywood/img22.png',
// iconActive: 'https://webapp-pub.ezijing.com/project/marywood/img21.png',
// text: this.$store.state.isMobile ? this.$t('home.project.h5.itemT1') : this.$t('home.project.pc.itemT6')
// },
// {
// icon: 'https://webapp-pub.ezijing.com/project/marywood/img32.png',
// iconActive: 'https://webapp-pub.ezijing.com/project/marywood/img31.png',
// text: this.$store.state.isMobile ? this.$t('home.project.h5.itemT1') : this.$t('home.project.pc.itemT7')
// },
// {
// icon: 'https://webapp-pub.ezijing.com/project/marywood/img42.png',
// iconActive: 'https://webapp-pub.ezijing.com/project/marywood/img411.png',
// text: this.$store.state.isMobile ? this.$t('home.project.h5.itemT2') : this.$t('home.project.pc.itemT8')
// },
// {
// icon: 'https://webapp-pub.ezijing.com/project/marywood/img52.png',
// iconActive: 'https://webapp-pub.ezijing.com/project/marywood/img51.png',
// text: this.$store.state.isMobile ? this.$t('home.project.h5.itemT3') : this.$t('home.project.pc.itemT9')
// }
// ]
}
},
computed: {
isMobile() {
return this.$store.state.isMobile
}
},
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 {
.max-width-center {
width: 1212px;
margin: 0 auto;
padding-top: 168px;
.desc {
padding: 28px 30px 0 30px;
p {
text-align: justify;
padding-top: 20px;
font-size: 20px;
line-height: 30px;
font-weight: 400;
color: #666666;
}
}
}
}
.is-h5 {
.max-width-center {
// margin: 0.39rem auto;
padding: 0.2rem 0.3rem 0.2rem 0.3rem;
}
.tit {
font-size: 0.14rem;
font-weight: bold;
line-height: 0.28rem;
color: #424242;
}
.desc {
text-align: justify;
white-space: pre-line;
font-size: 0.12rem;
font-weight: 400;
line-height: 0.2rem;
color: #666666;
}
}
</style>
components/home/schoolRanking.vue deleted 100644 → 0
浏览文件 @ 1f8f5511
<template>
<div>
<img class="info" v-if="isMobile" src="https://webapp-pub.ezijing.com/project/marywood/rzxx-mary.png" />
<div v-else class="info-content-box">
<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 data" :key="index">
<div class="logo">
<img :src="item.img" class="img" />
</div>
<img :src="item.text" class="text" />
</li>
</ul>
</div>
</div>
</template>
<script>
export default {
name: 'schoolRanking',
data() {
return {
data: [
{
img: 'https://webapp-pub.ezijing.com/project/marywood/mary_info_i1.png',
text: 'https://webapp-pub.ezijing.com/project/marywood/mary_info_t1.png'
},
{
img: 'https://webapp-pub.ezijing.com/project/marywood/mary_info_i2.png',
text: 'https://webapp-pub.ezijing.com/project/marywood/mary_info_t2.png'
},
{
img: 'https://webapp-pub.ezijing.com/project/marywood/mary_info_i3.png',
text: 'https://webapp-pub.ezijing.com/project/marywood/mary_info_t3.png'
},
{
img: 'https://webapp-pub.ezijing.com/project/marywood/mary_info_i4.png',
text: 'https://webapp-pub.ezijing.com/project/marywood/mary_info_t4.png'
},
{
img: 'https://webapp-pub.ezijing.com/project/marywood/mary_info_i5.png',
text: 'https://webapp-pub.ezijing.com/project/marywood/mary_info_t5.png'
}
]
}
},
computed: {
isMobile() {
return this.$store.state.isMobile
}
}
}
</script>
<style lang="scss" scoped>
.info {
width: 100%;
display: block;
}
.info-content-box {
min-width: 1200px;
padding-bottom: 150px;
margin-top: 100px;
width: 100%;
background: rgb(163, 0, 22);
.title {
width: 996px;
display: flex;
margin: 0 auto;
justify-content: space-between;
align-items: center;
padding: 118px 0 119px;
.line {
width: 369px;
height: 1px;
background: #ffffff;
}
.name {
font-size: 36px;
font-weight: bold;
line-height: 100%;
color: #ffffff;
}
}
.content-mian {
width: 1014px;
margin: 0 auto;
display: flex;
li {
width: 190px;
height: 229px;
background: #fff;
border-radius: 20px;
margin-left: 16px;
&:nth-child(1) {
margin-left: 0;
}
&:nth-child(1) {
.img {
width: 81px;
height: 66px;
}
.text {
width: 148px;
height: 69px;
}
}
&:nth-child(2) {
.img {
width: 152px;
height: 61px;
}
.text {
width: 184px;
height: 69px;
}
}
&:nth-child(3) {
.img {
width: 79px;
height: 82px;
}
.text {
width: 172px;
height: 65px;
}
}
&:nth-child(4) {
.img {
width: 72px;
height: 91px;
}
.text {
width: 166px;
height: 69px;
}
}
&:nth-child(5) {
.img {
width: 84px;
height: 84px;
}
.text {
width: 134px;
height: 67px;
}
}
.logo {
height: 91px;
display: flex;
align-items: center;
justify-content: center;
padding-top: 22px;
margin-bottom: 27px;
.img {
display: block;
}
}
.text {
display: block;
margin: 0 auto;
}
}
}
}
</style>
components/home/schoolSenery.vue deleted 100644 → 0
浏览文件 @ 1f8f5511
<template>
<div :class="isMobile ? 'is-h5' : 'is-pc'">
<div class="main-content">
<div class="tit" v-if="isMobile">合作院校</div>
<img class="img1" src="https://webapp-pub.ezijing.com/project/marywood/marwood_senery11.png" />
<div class="title" v-if="!isMobile">
<div class="line1"></div>
<div class="name">合作院校</div>
<div class="line2"></div>
</div>
<img
class="part"
src="https://webapp-pub.ezijing.com/project/marywood/marwood_senery3.png"
@click="$router.push('/about/school')"
/>
</div>
</div>
</template>
<script>
export default {
computed: {
isMobile() {
return this.$store.state.isMobile
}
}
}
</script>
<style lang="scss" scoped>
.is-pc {
.main-content {
margin-top: 65px;
position: relative;
width: 100%;
.img1 {
width: 100%;
height: 100%;
}
.title {
font-size: 36px;
font-weight: bold;
line-height: 65px;
color: #ffffff;
position: absolute;
top: 108px;
left: 50%;
transform: translateX(-50%);
display: flex;
justify-content: center;
.line1 {
width: 369px;
height: 1px;
border: 1px solid #ffffff;
}
.name {
width: 144px;
margin-top: -25px;
margin-left: 72px;
margin-right: 72px;
}
.line2 {
width: 369px;
height: 1px;
border: 1px solid #ffffff;
}
}
.part {
position: absolute;
bottom: 96px;
left: 50%;
transform: translateX(-50%);
}
}
}
.is-h5 {
.main-content {
position: relative;
padding: 0 0.3rem 0 0.3rem;
.tit {
font-size: 0.14rem;
font-weight: bold;
line-height: 0.28rem;
color: #424242;
}
.img1 {
width: 100%;
height: 100%;
margin-top: 0.01rem;
}
}
.part {
width: 1rem;
height: 0.6rem;
position: absolute;
top: 55%;
left: 50%;
transform: translateX(-50%);
}
}
</style>
components/layout/h5/Footer.vue
浏览文件 @ ec3a6f41
<template> <template>
<footer class="main-footer"> <div class="foot-main">
<div class="top"> <div class="logo-title">
<div class="link"> <img src="https://webapp-pub.ezijing.com/project/cbu-enterprise/logo.png" width="40px" />
<div class="link-left link-con"> <h1>亦学创新国际教育中心</h1>
<div class="tit"><a href="/about/school">项目介绍</a></div>
<!-- <div class="tit"><a href="/question/question">常见问题</a></div> -->
<!-- <div class="tit"><a href="/">工商管理博士DBA</a></div> -->
<!-- <div class="tit"><a href="https://h5.ezijing.com" target="_blank">清控紫荆教育</a></div> -->
</div> </div>
<div class="line"></div> <div class="bottom">
<div class="link-center link-con"> <div class="bottom-item">
<div class="tit"><a href="/enroll/apply">申请条件</a></div> <h3>支持单位</h3>
<!-- <div class="tit"><a href="/about/school">院校介绍</a></div> --> <p>
<a href="https://www.ezijing.com/" target="_blank">紫荆教育</a>
</p>
<p>
<a href="https://www.ezijing.com/" target="_blank">学说平台</a>
</p>
</div> </div>
<div class="line"></div> <div class="bottom-item">
<div class="link-right link-con"> <h3>联系我们</h3>
<div class="tit"><a href="/my/account">报名系统</a></div> <p>陈老师 13552772025（微信同号）</p>
<!-- <div class="tit"><a href="/dataDownload/dataDownload">资料下载</a></div> <p>高老师 13241800875（微信同号）</p>
<div class="tit"><a href="/returnPolicy/returnPolicy">归国政策</a></div> -->
</div> </div>
</div> </div>
<div class="about">
<div class="about-item">
<label>地&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;址：</label>
<p>北京市海淀区中关村东路1号院清华科技园7号楼威盛大厦5层</p>
</div> </div>
<div class="about-item">
<label>联系电话：</label>
<p>010-62799910</p>
</div>
<div class="about-item">
<label>邮&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;箱：</label>
<p><a href="mailto:admission_CBU@ezijing.com">admission_CBU@ezijing.com</a></p>
</div>
</div>
<!-- <div class="link">
<template v-for="(item, index) in link">
<a :href="item.href" :key="index" target="_blank">{{ item.title }}</a>
</template>
</div>
<div class="friendlink">
友情链接：
<template v-for="(item, index) in link2">
<a :href="item.href" :key="index" target="_blank">{{ item.title }}</a>
</template>
</div>
</div>
<div class="copyright">
<p>Copyright @ 2017 Zijing Education. All rights reserved.</p>
<p>京ICP证150431号 <img src="~/assets/images/icon_jinghui.png" height="12" />京公网安备 11010802023681号</p>
<p>清控紫荆（北京）教育科技股份有限公司</p> -->
</div>
</footer>
</template> </template>
<script> <script>
export default { export default {}
data() {
return {
link: [
{ title: this.$t('foot.link1'), href: 'http://www.pbc.gov.cn/' },
{ title: this.$t('foot.link2'), href: 'http://www.pbc.gov.cn/' },
{ title: this.$t('foot.link3'), href: 'http://www.marywood.edu/business/graduate/zijing-marywood-mba.html' },
{ title: this.$t('foot.link4'), href: 'https://www.msche.org/institution/0531/' },
{ title: this.$t('foot.link5'), href: 'https://www.ezijing.com/' }
],
link2: [
{ title: '中国人民银行', href: 'http://www.pbc.gov.cn/' },
{ title: '中国涉外监管网', href: 'http://jsj.moe.gov.cn/' },
{ title: '中国银行协会', href: 'https://www.china-cba.net/' },
{ title: '中国证券投资基金业协会', href: 'https://www.amac.org.cn/' }
]
}
}
}
</script> </script>
<style lang="scss" scoped>
<style lang="scss"> .foot-main {
.main-footer { padding: 30px 20px;
.top { background: rgba(170, 25, 65, 1);
color: #fff; .bottom {
background-color: #aa1941; margin-top: 42px;
padding: 0.24rem 0.15rem;
.link {
display: flex; display: flex;
justify-content: space-around; .bottom-item {
align-items: flex-start; flex: 1;
.line { color: #fff;
width: 0px; h3 {
height: 0.16rem; margin-bottom: 20px;
border-right: 0.005rem solid #cc9d9d;
margin-top: 0.05rem;
opacity: 0.5;
} }
.link-con { p {
display: flex; white-space: nowrap;
justify-content: flex-start; opacity: 0.7;
align-items: flex-start;
flex-direction: column;
flex-wrap: nowrap;
.tit {
font-size: 0.11rem;
line-height: 0.2rem;
font-weight: 300;
color: #ededed; color: #ededed;
a { font-size: 14px;
letter-spacing: 0; line-height: 30px;
}
} }
} }
} }
.about { }
padding: 0.24rem 0.15rem; .logo-title {
font-size: 0.11rem;
font-weight: 300;
color: #ffffff;
.about-item {
display: flex; display: flex;
margin-bottom: 0.06rem; align-items: center;
} height: 50px;
} h1 {
margin-left: 14px;
padding: 0 14px;
font-size: 20px;
color: #fff;
line-height: 26px;
font-weight: 400;
letter-spacing: 2px;
border-left: 1px solid #fff;
} }
} }
</style> </style>
components/layout/h5/Header.vue
浏览文件 @ ec3a6f41
...@@ -7,7 +7,7 @@ ...@@ -7,7 +7,7 @@
<div class="line"></div> <div class="line"></div>
<nuxt-link to="/" class="logo"> <nuxt-link to="/" class="logo">
<div class="title"> <div class="title">
加州浸会大学在线工商管理博士DBA 数字领导力企业家学者DBA
</div> </div>
<!-- <img src="https://webapp-pub.ezijing.com/project/marywood/marywood_logo.svg" /> --> <!-- <img src="https://webapp-pub.ezijing.com/project/marywood/marywood_logo.svg" /> -->
</nuxt-link> </nuxt-link>
...@@ -26,16 +26,16 @@ ...@@ -26,16 +26,16 @@
</header> </header>
<app-search v-if="searchVisible"></app-search> <app-search v-if="searchVisible"></app-search>
<app-menu v-show="menuVisible" @showApplyForm="showApplyForm"></app-menu> <app-menu v-show="menuVisible" @showApplyForm="showApplyForm"></app-menu>
<right-aside ref="rightAside"></right-aside> <!-- <right-aside ref="rightAside"></right-aside> -->
</div> </div>
</template> </template>
<script> <script>
import AppMenu from '@/components/base/h5/Menu' import AppMenu from '@/components/base/h5/Menu'
import AppSearch from '@/components/base/h5/Search' import AppSearch from '@/components/base/h5/Search'
import RightAside from '@/components/base/h5/RightAside' // import RightAside from '@/components/base/h5/RightAside'
export default { export default {
components: { AppMenu, AppSearch, RightAside }, components: { AppMenu, AppSearch },
data() { data() {
return {} return {}
}, },
......
components/layout/h5/Index.vue
浏览文件 @ ec3a6f41
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
<div class="main-layout is-h5" :class="{ 'is-fixed': isFixed }"> <div class="main-layout is-h5" :class="{ 'is-fixed': isFixed }">
<app-header /> <app-header />
<div v-show="!isFixed"> <div v-show="!isFixed">
<Nuxt /> <slot> <Nuxt /></slot>
<app-footer /> <app-footer />
</div> </div>
</div> </div>
......
components/layout/index.vue
浏览文件 @ ec3a6f41
<template> <template>
<component :is="componentName" /> <component :is="componentName"><slot></slot></component>
</template> </template>
<script> <script>
......
components/layout/pc/Foot.vue
浏览文件 @ ec3a6f41
<template> <template>
<div class="foot-mian"> <div class="foot-main">
<div class="foot-box"> <div class="foot-box">
<div class="foot-content">
<div class="left-content">
<div class="logo-title"> <div class="logo-title">
<img src="https://webapp-pub.ezijing.com/project/cbu-online/cbu-logo-white-new.png" /> <img src="https://webapp-pub.ezijing.com/project/cbu-enterprise/logo.png" width="60px" />
<h1>在线工商管理博士DBA</h1> <h1>亦学创新国际教育中心</h1>
</div> </div>
<div class="bottom"> <div class="bottom">
<div class="bottom_left con"> <div class="bottom-item">
<a href="/about/school">项目介绍</a> <h3>支持单位</h3>
<!-- <a href="/">在线工商管理博士DBA</a> --> <p>
<!-- <a href="/question/question">常见问题</a> --> <a href="https://www.ezijing.com/" target="_blank">紫荆教育</a>
<!-- <a href="https://www.ezijing.com/" target="_blank">清控紫荆教育</a> --> </p>
</div> <p>
<div class="line"></div> <a href="https://www.ezijing.com/" target="_blank">学说平台</a>
<div class="bottom_center con"> </p>
<a href="/enroll/apply">申请条件</a>
<!-- <a href="/about/school">院校介绍</a> -->
</div>
<div class="line"></div>
<div class="bottom_bottom con">
<a href="/my/account">报名系统</a>
<!-- <a href="/dataDownload/dataDownload">资料下载</a>
<a href="/returnPolicy/returnPolicy">归国政策</a> -->
</div>
</div>
</div>
<div class="center-content">
<div class="contact">官方授权项目中国招生与教学中心——清控紫荆教育</div>
<div class="bottom">
<div class="address" v-html="$t('foot.address')"></div>
<div class="phone">联系电话：010-62799910</div>
<a class="mail" href="mailto:admission_CBU-online@ezijing.com"
>邮&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;箱：admission_CBU-online@ezijing.com
</a>
<!-- <div class="mail" v-html="$t('foot.email')"></div> -->
</div>
</div>
<div class="right-content">
<img src="https://webapp-pub.ezijing.com/project/cbu-online/cbu_wechat.png" class="code" />
<div class="tips-txt">
<img src="https://zws-imgs-pub.ezijing.com/static/public/184235d9f6edbb39d52fc6f77339ff5b.png" />
<div class="txt">{{ $t('foot.weChat') }}</div>
</div>
</div>
</div> </div>
<!-- <div class="links"> <div class="bottom-item">
友情链接：中国人民银行 中国涉外监管网 中国银行协会 中国证券投资基金业协会 <h3>联系我们</h3>
</div> --> <p>陈老师 13552772025（微信同号）</p>
<p>高老师 13241800875（微信同号）</p>
</div> </div>
<div class="copyright" style="height: 40px;line-height: 40px;color: rgba(153, 153, 153, 1);background: #fff;">
<div class="inner" style="width: 100%;justify-content: center;display: flex;">
<p style="font-size: 12px;">
Copyright © 2017 Zijing Education. All rights reserved. 清控紫荆（北京）教育科技股份有限公司
</p>
<a
target="_blank"
href="https://tsm.miit.gov.cn/dxxzsp/"
style="color: rgba(153, 153, 153, 1);text-decoration:none;margin-left: 10px;"
>
<p style="font-size: 12px;">京ICP证150431号</p>
</a>
<a
target="_blank"
class="record"
href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802023681"
style="color: rgba(153, 153, 153, 1);text-decoration:none;align-items: center;display: flex;margin-right: 5px;"
>
<img
src="https://zws-imgs-pub.ezijing.com/e0a0ec47dfdfc1e0797b1d5254021d00.png"
style="width: 20px;height: 20px;margin: 0 6px;display: block;"
/>
<p style="font-size: 12px;">安备 11010802023681号</p>
</a>
<a
target="_blank"
href="https://beian.miit.gov.cn/#/Integrated/index"
style="color: rgba(153, 153, 153, 1);text-decoration:none;"
>
<p style="font-size: 12px;">京ICP备15016866号-1</p>
</a>
</div> </div>
</div> </div>
</div> </div>
...@@ -89,47 +28,24 @@ ...@@ -89,47 +28,24 @@
export default {} export default {}
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.foot-mian { .foot-main {
width: 100%;
background: rgba(170, 25, 65, 1); background: rgba(170, 25, 65, 1);
.links {
padding-top: 12px;
font-size: 14px;
font-weight: 300;
line-height: 24px;
color: #ffffff;
opacity: 0.6;
width: 1200px;
margin: 0 auto;
}
.foot-box { .foot-box {
padding: 80px 0 35px; padding: 60px 0;
width: 1200px; width: 1200px;
margin: 0 auto; margin: 0 auto;
} }
.foot-content {
// height: 300px;
display: flex;
.left-content {
display: flex;
flex-direction: column;
.bottom { .bottom {
margin-top: 42px; margin-top: 42px;
display: flex; display: flex;
justify-content: flex-start; justify-content: flex-start;
.con { .bottom-item {
display: flex; flex: 1;
justify-content: flex-start; color: #fff;
flex-direction: column; h3 {
} margin-bottom: 20px;
.line {
width: 0px;
// height: 110px;
border-right: 0.6px solid #cc9d9d;
opacity: 0.7;
margin: 4px 53px 0 39px;
} }
a { p {
opacity: 0.7; opacity: 0.7;
color: #ededed; color: #ededed;
font-size: 14px; font-size: 14px;
...@@ -137,47 +53,6 @@ export default {} ...@@ -137,47 +53,6 @@ export default {}
} }
} }
} }
.center-content {
margin-left: 70px;
.contact {
height: 50px;
font-size: 20px;
font-weight: 400;
color: #ffffff;
line-height: 50px;
}
.bottom {
margin-top: 42px;
line-height: 30px;
font-size: 14px;
font-weight: 300;
color: #ededed;
}
}
.right-content {
margin-left: 60px;
padding-top: 25px;
.code {
width: 120px;
display: block;
}
.tips-txt {
padding-top: 20px;
display: flex;
align-items: center;
justify-content: center;
img {
width: 21px;
display: block;
}
.txt {
font-size: 14px;
color: #ffffff;
margin-left: 7px;
}
}
}
}
} }
.logo-title { .logo-title {
display: flex; display: flex;
......
components/layout/pc/Head.vue
浏览文件 @ ec3a6f41
<template> <template>
<div class="head-mian"> <div class="head-main">
<div class="color-bar"></div> <div class="color-bar"></div>
<div class="head-top-content"> <div class="head-top-content">
<div class="max-width-content"> <div class="max-width-content">
...@@ -10,7 +10,7 @@ ...@@ -10,7 +10,7 @@
<img @click="goWebsite" src="https://webapp-pub.ezijing.com/project/cbu-online/logo.png" /> <img @click="goWebsite" src="https://webapp-pub.ezijing.com/project/cbu-online/logo.png" />
<div class="line"></div> <div class="line"></div>
<nuxt-link to="/"> <nuxt-link to="/">
<div class="title">加州浸会大学在线工商管理博士DBA</div> <div class="title">数字领导力企业家学者DBA</div>
</nuxt-link> </nuxt-link>
<!-- <img src="https://webapp-pub.ezijing.com/project/marywood/marywood_logo.svg" /> --> <!-- <img src="https://webapp-pub.ezijing.com/project/marywood/marywood_logo.svg" /> -->
</div> </div>
...@@ -90,9 +90,10 @@ li { ...@@ -90,9 +90,10 @@ li {
padding: 0; padding: 0;
list-style: none; list-style: none;
} }
.head-mian { .head-main {
width: 100%; position: relative;
background: #fff; background: #fff;
box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.1);
.color-bar { .color-bar {
height: 10px; height: 10px;
background: #aa1941; background: #aa1941;
......
components/layout/pc/Index.vue
浏览文件 @ ec3a6f41
<template> <template>
<div class="main-layout is-pc"> <div class="main-layout is-pc">
<app-header /> <app-header />
<Nuxt /> <slot><Nuxt /></slot>
<app-footer v-if="hasFooter" /> <app-footer v-if="hasFooter" />
<rightAside /> <!-- <rightAside /> -->
</div> </div>
</template> </template>
<script> <script>
import AppHeader from './Head' import AppHeader from './Head'
import AppFooter from './Foot' import AppFooter from './Foot'
...@@ -14,54 +15,8 @@ export default { ...@@ -14,54 +15,8 @@ export default {
components: { AppHeader, AppFooter } components: { AppHeader, AppFooter }
} }
</script> </script>
<style>
html {
font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
sans-serif;
font-size: 16px;
word-spacing: 1px;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
box-sizing: border-box;
}
*,
*::before,
*::after {
box-sizing: border-box;
margin: 0;
}
.button--green {
display: inline-block;
border-radius: 4px;
border: 1px solid #3b8070;
color: #3b8070;
text-decoration: none;
padding: 10px 30px;
}
.button--green:hover { <style>
color: #fff;
background-color: #3b8070;
}
.button--grey {
display: inline-block;
border-radius: 4px;
border: 1px solid #35495e;
color: #35495e;
text-decoration: none;
padding: 10px 30px;
margin-left: 15px;
}
.button--grey:hover {
color: #fff;
background-color: #35495e;
}
.main-layout.is-pc { .main-layout.is-pc {
min-width: 1200px; min-width: 1200px;
} }
......
components/layout/pc/Menu.vue
浏览文件 @ ec3a6f41
...@@ -15,9 +15,9 @@ ...@@ -15,9 +15,9 @@
<nuxt-link :to="item.path">{{ item.name }}</nuxt-link> <nuxt-link :to="item.path">{{ item.name }}</nuxt-link>
</template> </template>
</div> </div>
<div class="child-item" v-if="item.childern"> <div class="child-item" v-if="item.children">
<div class="one-level"> <div class="one-level">
<template v-for="(level2Item, level2Index) in item.childern"> <template v-for="(level2Item, level2Index) in item.children">
<div <div
:class="$route.path === level2Item.path || level2Item.isShow ? 'li active' : 'li'" :class="$route.path === level2Item.path || level2Item.isShow ? 'li active' : 'li'"
:key="level2Index + 'level2'" :key="level2Index + 'level2'"
...@@ -28,7 +28,7 @@ ...@@ -28,7 +28,7 @@
<div class="name"> <div class="name">
{{ level2Item.name }} {{ level2Item.name }}
</div> </div>
<div class="el-icon-arrow-right" v-if="level2Item.childern"></div> <div class="el-icon-arrow-right" v-if="level2Item.children"></div>
</app-link> </app-link>
</div> </div>
</template> </template>
...@@ -44,82 +44,33 @@ export default { ...@@ -44,82 +44,33 @@ export default {
name: 'AppMenu', name: 'AppMenu',
components: { AppLink }, components: { AppLink },
data() { data() {
const _this = this
return { return {
navData: [ navData: [
// 项目介绍 // 项目介绍
{ {
name: this.$t('menu.project'), name: this.$t('menu.project'),
path: '/about/school', path: '/project'
childern: [
{ name: this.$t('menu.schoolChild.school3'), path: '/about/school' },
{ name: this.$t('menu.newsChild.hot'), path: '/news/hot' }
// { name: this.$t('menu.projectChild.feature'), path: '/project-intro/charac' },
// { name: this.$t('menu.projectChild.cert'), path: '/project-intro/certificate' }
]
}, },
// 项目优势
// {
// name: this.$t('menu.course'),
// path: '/about/course',
// childern: [
// { name: this.$t('menu.courseChild.set'), path: '/about/course' },
// { name: this.$t('menu.courseChild.teachers'), path: '/about/teacher' }
// ]
// },
// 学校介绍
// {
// name: this.$t('menu.school'),
// path: '/about/school',
// childern: [
// // // { name: this.$t('menu.schoolChild.school1'), path: '/school/school1' },
// // // { name: this.$t('menu.schoolChild.school2'), path: '/school/school2' },
// { name: this.$t('menu.schoolChild.school3'), path: '/about/school' }
// // { name: this.$t('menu.courseChild.teachers'), path: '/about/teacher' }
// ]
// },
// 校园一览
{ {
name: this.$t('menu.campusList'), name: '学习安排',
path: '/campusList/campusList' path: '/plan'
// childern: [
// { name: this.$t('menu.projectChild.bg'), path: '/about/school' },
// { name: this.$t('menu.newsChild.hot'), path: '/news/hot' }
// // { name: this.$t('menu.projectChild.feature'), path: '/project-intro/charac' },
// // { name: this.$t('menu.projectChild.cert'), path: '/project-intro/certificate' }
// ]
}, },
// 学历认证 // 学历认证
{ {
name: this.$t('menu.academic'), name: this.$t('menu.academic'),
path: '/academic/academic' path: '/degree'
}, },
// 报名流程 // 报名流程
{ {
name: this.$t('menu.enroll'), name: '申请指南',
path: '/enroll/process', path: '/guides',
childern: [ children: [
{ name: this.$t('menu.enrollChild.process'), path: '/enroll/process' }, { name: '申请要求', path: '/guides/requirements' },
// { name: this.$t('menu.enrollChild.brochure'), path: '/enroll/brochure' }, { name: '申请流程', path: '/guides/process' },
{ name: this.$t('menu.enrollChild.apply'), path: '/enroll/apply' } { name: '报名材料', path: '/guides/material' },
{ name: '学费信息', path: '/guides/tuition' }
] ]
}, },
// 资料下载
{
name: this.$t('menu.dataDownload'),
path: '/dataDownload/dataDownload'
},
// 归国政策
// {
// name: this.$t('menu.returnPolicy'),
// path: '/returnPolicy/returnPolicy'
// },
// 常见问题
// {
// name: this.$t('menu.question'),
// path: '/question/question'
// },
// 报名申请 // 报名申请
{ {
name: this.$t('menu.apply'), name: this.$t('menu.apply'),
...@@ -132,8 +83,8 @@ export default { ...@@ -132,8 +83,8 @@ export default {
methods: { methods: {
navLeave() { navLeave() {
this.navData.map(item => { this.navData.map(item => {
if (item.childern) { if (item.children) {
item.childern.map(cItem => { item.children.map(cItem => {
cItem.isShow = false cItem.isShow = false
}) })
} }
...@@ -141,7 +92,7 @@ export default { ...@@ -141,7 +92,7 @@ export default {
this.$forceUpdate() this.$forceUpdate()
}, },
levelShow(item, isOut) { levelShow(item, isOut) {
if (item.childern) { if (item.children) {
if (isOut) { if (isOut) {
clearTimeout(this.time) clearTimeout(this.time)
this.time = setTimeout(() => { this.time = setTimeout(() => {
...@@ -167,8 +118,8 @@ export default { ...@@ -167,8 +118,8 @@ export default {
return 'name active' return 'name active'
} else { } else {
let className = 'name' let className = 'name'
if (item.childern) { if (item.children) {
item.childern.map(cData => { item.children.map(cData => {
currentPath.includes(cData.path) && (className = 'name active') currentPath.includes(cData.path) && (className = 'name active')
}) })
} }
......
components/news/newsItem.vue deleted 100644 → 0
浏览文件 @ 1f8f5511
<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" />
<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" />
<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>
components/rightAside.vue
浏览文件 @ ec3a6f41
...@@ -92,7 +92,7 @@ export default { ...@@ -92,7 +92,7 @@ export default {
formInfo: { formInfo: {
name: '', name: '',
phone: '', phone: '',
newProjectId: '1023' newProjectId: '1024'
}, },
projectList: [ projectList: [
{ label: '金融工商管理硕士', value: '1000' }, { label: '金融工商管理硕士', value: '1000' },
...@@ -102,7 +102,7 @@ export default { ...@@ -102,7 +102,7 @@ export default {
{ label: '教育学硕士', value: '1005' }, { label: '教育学硕士', value: '1005' },
{ label: '中国未来金融领袖计划', value: '1007' }, { label: '中国未来金融领袖计划', value: '1007' },
{ label: '1+1 国际硕士', value: '1016' }, { label: '1+1 国际硕士', value: '1016' },
{ label: '在线工商管理博士DBA', value: '1023' } { label: '在线工商管理博士DBA', value: '1024' }
] ]
} }
}, },
......
dev.ezijing.com.key
浏览文件 @ ec3a6f41
-----BEGIN RSA PRIVATE KEY----- -----BEGIN RSA PRIVATE KEY-----
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
-----END RSA PRIVATE KEY----- -----END RSA PRIVATE KEY-----
\ No newline at end of file
dev.ezijing.com.pem
浏览文件 @ ec3a6f41
差异被折叠。
layouts/guides.vue 0 → 100644
浏览文件 @ ec3a6f41
<template>
<app-layout v-bind="$attrs">
<AppFrame
:menus="menus"
banner="https://webapp-pub.ezijing.com/project/cbu-plus/enroll-process-banner.png"
class="guides"
>
<Nuxt></Nuxt>
</AppFrame>
</app-layout>
</template>
<script>
import AppLayout from '@/components/layout'
import AppFrame from '@/components/appFrame'
export default {
components: { AppLayout, AppFrame },
data() {
return {
menus: [
{ name: '申请要求', path: '/guides/requirements' },
{ name: '申请流程', path: '/guides/process' },
{ name: '报名材料', path: '/guides/material' },
{ name: '学费信息', path: '/guides/tuition' }
]
}
}
}
</script>
<style lang="scss">
.is-pc {
.guides {
dl {
margin: 65px;
}
dt {
position: relative;
margin-bottom: 20px;
font-size: 20px;
font-weight: 500;
color: #333;
&::before {
position: absolute;
left: -20px;
top: 50%;
content: '';
width: 6px;
height: 6px;
background-color: #aa1941;
border-radius: 50%;
transform: translateY(-50%);
}
}
dd {
font-size: 16px;
font-weight: 400;
color: #666;
line-height: 2;
}
}
}
.is-h5 {
.guides {
dl {
margin: 30px;
}
dt {
position: relative;
margin-bottom: 10px;
font-size: 14px;
font-weight: 500;
color: #333;
&::before {
position: absolute;
left: -10px;
top: 50%;
content: '';
width: 4px;
height: 4px;
background-color: #aa1941;
border-radius: 50%;
transform: translateY(-50%);
}
}
dd {
font-size: 14px;
font-weight: 400;
color: #666;
line-height: 2;
}
}
}
</style>
modules/letter/index.vue
浏览文件 @ ec3a6f41
...@@ -9,7 +9,7 @@ ...@@ -9,7 +9,7 @@
</div> </div>
</div> </div>
</header> </header>
<nav class="nav"><h1 class="title">加州浸会大学在线工商管理博士DBA项目推荐信</h1></nav> <nav class="nav"><h1 class="title">数字领导力企业家学者DBA项目推荐信</h1></nav>
<section class="content"> <section class="content">
<el-form <el-form
:model="ruleForm" :model="ruleForm"
......
modules/my/account/home.vue
浏览文件 @ ec3a6f41
...@@ -28,7 +28,7 @@ ...@@ -28,7 +28,7 @@
<div class="welcome-main"> <div class="welcome-main">
<img src="https://webapp-pub.ezijing.com/project/application/images/welcome.png" width="350" /> <img src="https://webapp-pub.ezijing.com/project/application/images/welcome.png" width="350" />
<div class="welcome-content"> <div class="welcome-content">
<h1>欢迎报名加州浸会大学在线工商管理博士DBA项目</h1> <h1>欢迎报名数字领导力企业家学者DBA项目</h1>
<h2>请选择您的入学日期</h2> <h2>请选择您的入学日期</h2>
<div class="welcome-button" @click="handleStart('2023年春季')">2023年春季</div> <div class="welcome-button" @click="handleStart('2023年春季')">2023年春季</div>
<div class="welcome-button" @click="handleStart('2023年秋季')">2023年秋季</div> <div class="welcome-button" @click="handleStart('2023年秋季')">2023年秋季</div>
......
modules/my/application/form/declare.js
浏览文件 @ ec3a6f41
...@@ -44,8 +44,8 @@ export default function(_this) { ...@@ -44,8 +44,8 @@ export default function(_this) {
values: [{ label: '同意', value: 1 }], values: [{ label: '同意', value: 1 }],
model: 'isAgree', model: 'isAgree',
rules: [{ required: true, message: '请阅读协议', trigger: 'change' }], rules: [{ required: true, message: '请阅读协议', trigger: 'change' }],
prepend: `<p>1、本人知晓此申请表及所附文件将作为申请加州浸会大学在线工商管理博士DBA面试和背景评估的参考依据，一旦成功录取，有关资料将作为学生信息存档。</p> prepend: `<p>1、本人谨此申明：我提供的所有报名材料信息皆准确和完整。我同意在需要的情况下提交原件以确认我的报名资格。我知道报名材料中的虚假、错误或重大遗漏会导致不录取或取消学籍，所交纳的费用不予退还。</p>
<p>2、本人声明所填资料正确无误，知晓任何不真实的信息或不诚信的行为，均会影响申请结果，已取得的成绩和资格会被取消。我理解并同意所有报名材料归紫荆教育所有，无论考生录取与否均不退回。我授权紫荆教育使用报名表中的信息查询本人学习和工作记录。</p>` <p>2、我理解并同意北京亦学创新国际教育中心关于全部报名材料归项目主办方所有，无论申请人录取与否均不予退回的规定。我授权北京亦学创新国际教育中心使用报名表中的信息查询本人以前的学习和工作记录。</p>`
} }
] ]
} }
......
modules/my/application/form/info/answer.js
浏览文件 @ ec3a6f41
...@@ -19,10 +19,10 @@ export default function(_this) { ...@@ -19,10 +19,10 @@ export default function(_this) {
const [first = {}, second = {}] = answers const [first = {}, second = {}] = answers
return { return {
qid1: first.qid || '1', qid1: first.qid || '1',
question1: '您为什么要申请加州浸会大学在线工商管理博士DBA项目？', question1: '您为什么要申请数字领导力DBA？您对这个项目的期望是什么？',
answer1: first.answer, answer1: first.answer,
qid2: second.qid || '2', qid2: second.qid || '2',
question2: '您的短期和长期职业发展目标是什么？您打算如何达成此愿景？', question2: '简述您初步的研究构想，未来计划在哪个问题或领域上进行深入研究？DBA课程将如何帮助您实现该研究？',
answer2: second.answer answer2: second.answer
} }
} }
...@@ -45,7 +45,7 @@ export default function(_this) { ...@@ -45,7 +45,7 @@ export default function(_this) {
items: [ items: [
{ {
type: 'v-input', type: 'v-input',
label: '您为什么要申请加州浸会大学在线工商管理博士DBA项目？（60字以上，1000字以内）', label: '您为什么要申请数字领导力DBA？您对这个项目的期望是什么？（60字以上，1000字以内）',
model: 'answer1', model: 'answer1',
attrs: { type: 'textarea', rows: '8', maxlength: '1000', style: 'width:100%' }, attrs: { type: 'textarea', rows: '8', maxlength: '1000', style: 'width:100%' },
rules: [ rules: [
...@@ -55,7 +55,8 @@ export default function(_this) { ...@@ -55,7 +55,8 @@ export default function(_this) {
}, },
{ {
type: 'v-input', type: 'v-input',
label: '您的短期和长期职业发展目标是什么？您打算如何达成此愿景？（60字以上，1000字以内）', label:
'简述您初步的研究构想，未来计划在哪个问题或领域上进行深入研究？DBA课程将如何帮助您实现该研究？（60字以上，1000字以内）',
model: 'answer2', model: 'answer2',
attrs: { type: 'textarea', rows: '8', maxlength: '1000', style: 'width:100%' }, attrs: { type: 'textarea', rows: '8', maxlength: '1000', style: 'width:100%' },
rules: [ rules: [
......
modules/my/welcome/indexPay.vue
浏览文件 @ ec3a6f41
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<qrcode-pay @update="handleUpdateOrder" v-else></qrcode-pay> <qrcode-pay @update="handleUpdateOrder" v-else></qrcode-pay>
<div class="pay-ft"> <div class="pay-ft">
<p class="t2"> <p class="t2">
欢迎您申请加州浸会大学在线工商管理博士DBA<br /> 欢迎您申请数字领导力企业家学者DBA<br />
申请流程：①支付报名费②填写报名资料并提供相关材料（身份证扫描件、学位证书扫描件、2寸照片）③参加面试④获得录取⑤缴纳学费并签署入学协议⑥入学学习（办 申请流程：①支付报名费②填写报名资料并提供相关材料（身份证扫描件、学位证书扫描件、2寸照片）③参加面试④获得录取⑤缴纳学费并签署入学协议⑥入学学习（办
理入学手续：提供成绩单、学籍注册等）<br />申请费提交后不予退还 理入学手续：提供成绩单、学籍注册等）<br />申请费提交后不予退还
</p> </p>
......
nuxt.config.js
浏览文件 @ ec3a6f41
...@@ -17,7 +17,7 @@ export default { ...@@ -17,7 +17,7 @@ export default {
}), }),
// Global page headers: https://go.nuxtjs.dev/config-head // Global page headers: https://go.nuxtjs.dev/config-head
head: { head: {
title: '加州浸会大学在线工商管理博士DBA', title: '数字领导力企业家学者DBA',
htmlAttrs: { htmlAttrs: {
lang: 'en' lang: 'en'
}, },
...@@ -46,19 +46,7 @@ export default { ...@@ -46,19 +46,7 @@ export default {
css: ['vant/lib/index.css', '@ezijing/vue-form/dist/vue-form.css', 'assets/theme/index.css', 'assets/css/base.css'], css: ['vant/lib/index.css', '@ezijing/vue-form/dist/vue-form.css', 'assets/theme/index.css', 'assets/css/base.css'],
// Plugins to run before rendering page: https://go.nuxtjs.dev/config-plugins // Plugins to run before rendering page: https://go.nuxtjs.dev/config-plugins
plugins: [ plugins: ['@/plugins/vant', '@/plugins/i18n', '@/plugins/router', '@/plugins/axios', '@/plugins/element-ui'],
'@/plugins/vant',
'@/plugins/i18n',
'@/plugins/router',
'@/plugins/axios',
'@/plugins/element-ui',
{ src: '@/plugins/vue-lazyload.js', ssr: false },
{
// 引入一个插件，这里的 ssr 表示使用服务端渲染
src: 'plugins/vue-swiper.js',
ssr: false
}
],
// Auto import components: https://go.nuxtjs.dev/config-components // Auto import components: https://go.nuxtjs.dev/config-components
components: true, components: true,
......
pages/about/course.vue deleted 100644 → 0
浏览文件 @ 1f8f5511
<template>
<app-frame :data="frameParams">
<img src="https://webapp-pub.ezijing.com/project/marywood/adva_banner.png" />
<img class="img_bottom" src="https://webapp-pub.ezijing.com/project/marywood/adva_1.png" />
</app-frame>
</template>
<script>
import appFrame from '@/components/appFrame'
export default {
layout: 'normal',
components: {
appFrame
},
data() {
return {
courseData: [
{
title: '先修课程',
item: [{ name: '金融市场学', score: 0 }]
},
{
title: '必修课程',
item: [
{ name: '设计思维与管理创新', score: 3 },
{ name: '管理沟通', score: 3 },
{ name: '营销管理与数字化营销', score: 3 },
{ name: '数字时代领导力', score: 3 },
{ name: '财务规划与管理', score: 3 },
{ name: '商法', score: 3 },
{ name: '正念领导力', score: 3 },
{ name: '数字化运营管理', score: 3 },
{ name: '商业研究方法', score: 3 },
{ name: '商业智能', score: 3 },
{ name: '战略管理', score: 3 },
{ name: '数字化管理信息系统', score: 3 }
]
},
{
title: '毕业环节',
item: [{ name: '毕业典礼&美国游学（可选）' }]
}
],
frameParams: {
slider: [
{
name: this.$t('menu.courseChild.set'),
path: '/about/course'
},
{
name: this.$t('menu.courseChild.teachers'),
path: '/about/teacher'
}
]
}
}
},
mounted() {},
computed: {
isMobile() {
return this.$store.state.isMobile
}
}
}
</script>
<style lang="scss" scoped>
.img_bottom {
padding-left: 101px;
padding-right: 49px;
margin-top: 65px;
padding-bottom: 109px;
}
</style>
pages/about/school.vue deleted 100644 → 0
浏览文件 @ 1f8f5511
差异被折叠。
pages/about/teacher.vue deleted 100644 → 0
浏览文件 @ 1f8f5511
差异被折叠。
pages/alumni/outstanding.vue deleted 100644 → 0
浏览文件 @ 1f8f5511
差异被折叠。
pages/alumni/sharing/_id.vue deleted 100644 → 0
浏览文件 @ 1f8f5511
差异被折叠。
pages/alumni/sharing/index.vue deleted 100644 → 0
浏览文件 @ 1f8f5511
差异被折叠。
pages/apply/problem.vue deleted 100644 → 0
浏览文件 @ 1f8f5511
差异被折叠。
pages/apply/relevant.vue deleted 100644 → 0
浏览文件 @ 1f8f5511
差异被折叠。
pages/apply/support.vue deleted 100644 → 0
浏览文件 @ 1f8f5511
差异被折叠。
pages/campusList/campusList.vue deleted 100644 → 0
浏览文件 @ 1f8f5511
差异被折叠。
pages/dataDownload/dataDownload.vue deleted 100644 → 0
浏览文件 @ 1f8f5511
差异被折叠。
pages/enroll/apply.vue deleted 100644 → 0
浏览文件 @ 1f8f5511
差异被折叠。
pages/enroll/brochure.vue deleted 100644 → 0
浏览文件 @ 1f8f5511
差异被折叠。
pages/enroll/components/TabContent.vue deleted 100644 → 0
浏览文件 @ 1f8f5511
差异被折叠。
pages/guides/index.vue 0 → 100644
浏览文件 @ ec3a6f41
差异被折叠。
pages/guides/material.vue 0 → 100644
浏览文件 @ ec3a6f41
差异被折叠。
pages/guides/requirements.vue 0 → 100644
浏览文件 @ ec3a6f41
差异被折叠。
pages/guides/tuition.vue 0 → 100644
浏览文件 @ ec3a6f41
差异被折叠。
pages/index.vue
浏览文件 @ ec3a6f41
差异被折叠。
pages/news/hot/_id.vue deleted 100644 → 0
浏览文件 @ 1f8f5511
差异被折叠。
pages/news/hot/index.vue deleted 100644 → 0
浏览文件 @ 1f8f5511
差异被折叠。
pages/news/interview/_id.vue deleted 100644 → 0
浏览文件 @ 1f8f5511
差异被折叠。
pages/news/interview/index.vue deleted 100644 → 0
浏览文件 @ 1f8f5511
差异被折叠。
pages/plan/index.vue 0 → 100644
浏览文件 @ ec3a6f41
差异被折叠。
pages/project-intro/bg.vue deleted 100644 → 0
浏览文件 @ 1f8f5511
差异被折叠。
pages/project-intro/certificate.vue deleted 100644 → 0
浏览文件 @ 1f8f5511
差异被折叠。
pages/project-intro/charac.vue deleted 100644 → 0
浏览文件 @ 1f8f5511
差异被折叠。
pages/project-intro/introduce.vue deleted 100644 → 0
浏览文件 @ 1f8f5511
差异被折叠。
pages/project/index.vue 0 → 100644
浏览文件 @ ec3a6f41
差异被折叠。
pages/question/question.vue deleted 100644 → 0
浏览文件 @ 1f8f5511
差异被折叠。
pages/returnPolicy/returnPolicy.vue deleted 100644 → 0
浏览文件 @ 1f8f5511
差异被折叠。
pages/school/school1.vue deleted 100644 → 0
浏览文件 @ 1f8f5511
差异被折叠。
pages/school/school2.vue deleted 100644 → 0
浏览文件 @ 1f8f5511
差异被折叠。
pages/school/school3.vue deleted 100644 → 0
浏览文件 @ 1f8f5511
差异被折叠。
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论