Skip to content

P
project-online-pc
提交 06fef23b authored 作者: lihuihui's avatar lihuihui
浏览文件
操作

update

上级 4ec07228
隐藏空白字符变更
内嵌 并排
正在显示 包含 405 行增加 和 45 行删除
components/Head.vue
浏览文件 @ 06fef23b
...@@ -117,15 +117,18 @@ ...@@ -117,15 +117,18 @@
childern: [ childern: [
{ {
name: '有关申请', name: '有关申请',
isShow: false isShow: false,
path: '/apply/relevant'
}, },
{ {
name: '费用资助', name: '费用资助',
isShow: false isShow: false,
path: '/apply/support'
}, },
{ {
name: '常见问题', name: '常见问题',
isShow: false isShow: false,
path: '/apply/problem'
} }
] ]
}, },
......
components/home/commonProblem.vue
浏览文件 @ 06fef23b
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
<div class="common-content-box"> <div class="common-content-box">
<m-title :data="titleParams" class="m-title"/> <m-title :data="titleParams" class="m-title"/>
<div class="content-mian"> <div class="content-mian">
<div class="list-box"> <div class="list-box" @click="$router.push({ path: '/apply/problem' })">
<ul> <ul>
<li> <li>
<div class="icon"></div> <div class="icon"></div>
...@@ -10,25 +10,41 @@ ...@@ -10,25 +10,41 @@
</li> </li>
<li> <li>
<div class="icon"></div> <div class="icon"></div>
<div class="text">Kelley商学院毕业生颁发的学位证书与在美国颁发的证书有何不同？</div> <div class="text">本项目是上课形式是怎么样？</div>
</li> </li>
<li> <li>
<div class="icon"></div> <div class="icon"></div>
<div class="text">Kelley商学院毕业生颁发的学位证书与在美国颁发的证书有何不同？</div> <div class="text">本项目学制多久？</div>
</li>
<li>
<div class="icon"></div>
<div class="text">能否顺利毕业拿到证书呢？</div>
</li>
<li>
<div class="icon"></div>
<div class="text">本项目是在职还是全职？</div>
</li> </li>
</ul> </ul>
<ul> <ul>
<li> <li>
<div class="icon"></div> <div class="icon"></div>
<div class="text">Kelley商学院毕业生颁发的学位证书与在美国颁发的证书有何不同？</div> <div class="text">如何申请Kelley商学院金融学硕士？</div>
</li> </li>
<li> <li>
<div class="icon"></div> <div class="icon"></div>
<div class="text">Kelley商学院毕业生颁发的学位证书与在美国颁发的证书有何不同？</div> <div class="text">大概流程是什么？</div>
</li> </li>
<li> <li>
<div class="icon"></div> <div class="icon"></div>
<div class="text">Kelley商学院毕业生颁发的学位证书与在美国颁发的证书有何不同？</div> <div class="text">需要提交哪些材料？</div>
</li>
<li>
<div class="icon"></div>
<div class="text">美国印第安纳大学Kelley商学院金融学硕士的学费是多少？</div>
</li>
<li>
<div class="icon"></div>
<div class="text">学费可以分期吗？</div>
</li> </li>
</ul> </ul>
</div> </div>
...@@ -56,10 +72,7 @@ export default { ...@@ -56,10 +72,7 @@ export default {
titleParams: { titleParams: {
name: '常见问题', name: '常见问题',
more: { more: {
path: '/', path: '/apply/problem'
query: {
id: 1
}
} }
}, },
textarea: '' textarea: ''
......
components/home/news.vue
浏览文件 @ 06fef23b
...@@ -2,28 +2,18 @@ ...@@ -2,28 +2,18 @@
<div class="news-content-box"> <div class="news-content-box">
<m-title :data="titleParams"/> <m-title :data="titleParams"/>
<div class="content-box"> <div class="content-box">
<div class="news-left"> <div class="news-left" @click="goPage(listData.first)">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/home-ranking-bg.png" alt=""> <img :src="listData.first.photo_uri" alt="">
<div class="mantle-box"> <div class="mantle-box">
<div class="tit">清华、交大等名校本硕博齐聚，全美第一在线金融硕士盛大开学！</div> <div class="tit">{{ listData.first.title }}</div>
<div class="con-txt">2020年12月5日至6日，来自全国各行业的57名精英学子齐聚全美第一在线金融硕士开学典礼，本届紫荆-KELLEY MSF学员人才济济、出类拔群......</div> <div class="con-txt" v-html="listData.first.content"></div>
</div> </div>
</div> </div>
<ul class="news-right"> <ul class="news-right">
<li> <li v-for="(item, index) in listData.list" :key="index" @click="goPage(item)">
<div class="time">2021 / 12 / 14</div> <div class="time">{{ item.created_time }}</div>
<div class="news-r-title">清华、交大等名校本硕博齐聚，全美第一在线金融硕士盛大开学！</div> <div class="news-r-title">{{ item.title }}</div>
<div class="del">2020年12月5日至6日，来自全国各行业的57名精英</div> <div class="del" v-html="item.content"></div>
</li>
<li>
<div class="time">2021 / 12 / 14</div>
<div class="news-r-title">清华、交大等名校本硕博齐聚，全美第一在线金融硕士盛大开学！</div>
<div class="del">2020年12月5日至6日，来自全国各行业的57名精英</div>
</li>
<li>
<div class="time">2021 / 12 / 14</div>
<div class="news-r-title">清华、交大等名校本硕博齐聚，全美第一在线金融硕士盛大开学！</div>
<div class="del">2020年12月5日至6日，来自全国各行业的57名精英</div>
</li> </li>
</ul> </ul>
</div> </div>
...@@ -36,16 +26,54 @@ export default { ...@@ -36,16 +26,54 @@ export default {
components: { components: {
mTitle mTitle
}, },
async fetch() {
const params = {
page: 1,
per_page: 100,
type: 71,
project_id: 1013
}
await this.$axios.$get('/api/zws/v1/cms/news', { params }).then(res => {
res.map((item, index) => {
if (index === 0) {
this.listData.first = item
} else {
if (index < 4) {
this.listData.list.push(item)
}
}
})
console.log(this.listData)
return res
})
},
data() { data() {
return { return {
listData: {
first: {},
list: []
},
titleParams: { titleParams: {
name: '最新动态', name: '最新动态',
more: { more: {
path: '/', path: '/news/hot'
}
}
}
},
mounted() {
},
methods: {
goPage(item) {
if (item.source === '') {
this.$router.push({
path: '/news/hot-detail',
query: { query: {
id: 1 id: item.id
} }
} })
} else {
window.open(item.source)
} }
} }
} }
...@@ -105,6 +133,7 @@ export default { ...@@ -105,6 +133,7 @@ export default {
border-bottom: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3;
padding-bottom: 19px; padding-bottom: 19px;
margin-bottom: 30px; margin-bottom: 30px;
cursor: pointer;
.time{ .time{
font-size: 16px; font-size: 16px;
font-weight: normal; font-weight: normal;
......
components/home/openClass.vue
浏览文件 @ 06fef23b
...@@ -24,13 +24,7 @@ export default { ...@@ -24,13 +24,7 @@ export default {
const _this = this const _this = this
return { return {
titleParams: { titleParams: {
name: '公开课', name: '公开课'
more: {
path: '/',
query: {
id: 1
}
}
}, },
isScale: false, isScale: false,
listData: [], listData: [],
...@@ -86,7 +80,7 @@ export default { ...@@ -86,7 +80,7 @@ export default {
goPage(item) { goPage(item) {
if (item.source === '') { if (item.source === '') {
this.$router.push({ this.$router.push({
path: '/about/news-detail', path: '/news/hot-detail',
query: { query: {
id: item.id id: item.id
} }
......
components/home/presence.vue
浏览文件 @ 06fef23b
...@@ -44,7 +44,7 @@ ...@@ -44,7 +44,7 @@
<div class="li"> <div class="li">
<el-input v-model="form.phone" placeholder="输入您的手机号"></el-input> <el-input v-model="form.phone" placeholder="输入您的手机号"></el-input>
</div> </div>
<div class="btn">立即提交</div> <div class="btn" @click="submit">立即提交</div>
</div> </div>
</div> </div>
</div> </div>
...@@ -53,6 +53,7 @@ ...@@ -53,6 +53,7 @@
<script> <script>
import mTitle from '../../components/home/moduleTitle' import mTitle from '../../components/home/moduleTitle'
import { postNes } from '../../plugins/api'
export default { export default {
name: 'presence', name: 'presence',
components: { components: {
...@@ -87,10 +88,12 @@ export default { ...@@ -87,10 +88,12 @@ export default {
label: '博士' label: '博士'
}], }],
form: { form: {
years: '', // years: '',
degree: '', degree: '',
name: '', name: '',
phone: '' phone: '',
// channel: 19960,
project_id: 1001,
}, },
value: '', value: '',
titleParams: { titleParams: {
...@@ -138,6 +141,31 @@ export default { ...@@ -138,6 +141,31 @@ export default {
mounted() { mounted() {
}, },
methods: { 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() { swiperStop() {
this.swiper.autoplay.stop() this.swiper.autoplay.stop()
}, },
......
pages/apply/problem.vue 0 → 100644
浏览文件 @ 06fef23b
<template>
<div class="problem-content-box">
<app-frame :data="frameParams">
<div class="content-box">
<template v-for="(item, index) in problemList">
<div class="problem-item-box" :key="index">
<div class="title">{{ item.title }}</div>
<ul>
<template v-for="(cItem, cIndex) in item.problem">
<li :key="cIndex + '='">
<div class="pro-tit">{{ cItem.tit }}</div>
<div class="answer">{{ cItem.answer }}</div>
</li>
</template>
</ul>
</div>
</template>
</div>
</app-frame>
</div>
</template>
<script>
import appFrame from '../../components/appFrame'
export default {
components: {
appFrame
},
data() {
return {
problemList: [
{
title: '申请和面试相关问题',
problem: [
{
tit: 'Q:如何申请美国印第安纳大学Kelley商学院金融学硕士？大概流程是什么？',
answer: 'A: 请参考网页招生简章。'
},
{
tit: 'Q:面试多少人？录取多少人？率取比率是多少？',
answer: 'A: 本项目采取现场/视频面试的方式，面试人数和录取人数视申请人数和申请资质而定。'
},
{
tit: 'Q:是否要求考生的工作经验必须属于金融行业？',
answer: 'A: 本项目对考生的行业没有特殊要求。只要是有志于从事金融行业和相关工作的考生都可以报考本项目。录取为综合考评，工作背景是综合评价时需要参考的一部分信息。'
}
]
},
{
title: '报考资格相关问题',
problem: [
{
tit: 'Q:大专毕业后，又通过自考获得本科毕业证和学士学位，能否报考？',
answer: 'A: 可以报考，只要获得本科学位证书，按照本科毕业生身份报考即可。'
},
{
tit: 'Q:成人教育的本科毕业生（无学位证）能否报考？',
answer: 'A: 不可以。需要获得本科学位证书才能符合相应报考条件。'
}
]
},
{
title: '费用相关问题',
problem: [
{
tit: 'Q:美国印第安纳大学Kelley商学院金融学硕士项目学费是多少？ 可以分期吗？',
answer: 'A: 目前本项目的学费为24.98万元人民币，由学生在入学前向紫荆教育缴清（不可选择分期）。'
}
]
}
],
frameParams: {
banner: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/apply-banner3.png',
slider: [
{
name: '有关申请',
path: '/apply/relevant',
pathActive: ['/apply/relevant']
},
{
name: '费用资助',
path: '/apply/support',
pathActive: ['/apply/support']
},
{
name: '常见问题',
path: '/apply/problem',
pathActive: ['/apply/problem']
}
]
}
}
}
}
</script>
<style lang="scss" scoped>
.problem-content-box{
width: 1200px;
margin: 0 auto;
.content-box{
padding: 54px 104px 90px 87px;
.problem-item-box{
margin-bottom: 80px;
.title{
font-size: 22px;
font-weight: bold;
line-height: 100%;
color: #333333;
}
ul{
padding-top: 30px;
li{
width: 808px;
margin-bottom: 15px;
.pro-tit{
font-size: 16px;
font-weight: bold;
line-height: 32px;
color: #666666;
border-bottom: 1px solid #E6E6E6;
}
.answer{
font-size: 16px;
line-height: 32px;
color: #424242;
}
}
}
}
}
}
</style>
pages/apply/relevant.vue 0 → 100644
浏览文件 @ 06fef23b
<template>
<div class="rele-content-box">
<app-frame :data="frameParams">
<div class="content-box">
<div class="text-content">
<div class="title">申请条件</div>
<div class="con-txt">已获得本科或以上学位<br />有一定工作经验<br />托福79分/雅思6分以上</div>
<div class="title mar-t55">招生对象</div>
<div class="con-txt">
证劵、基金、银行、财富管理等相关行业人士<br />
金融相关行业有丰富工作经验的专业人士<br />
所从事的金融业务具有国际化需求的人士<br />
其他对本项目有兴趣并自身优异者
</div>
</div>
</div>
</app-frame>
</div>
</template>
<script>
import appFrame from '../../components/appFrame'
export default {
components: {
appFrame
},
data() {
return {
newsList: [],
frameParams: {
banner: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/apply-banner.png',
slider: [
{
name: '有关申请',
path: '/apply/relevant',
pathActive: ['/apply/relevant']
},
{
name: '费用资助',
path: '/apply/support',
pathActive: ['/apply/support']
},
{
name: '常见问题',
path: '/apply/problem',
pathActive: ['/apply/problem']
}
]
}
}
}
}
</script>
<style lang="scss" scoped>
.rele-content-box{
width: 1200px;
margin: 0 auto;
.content-box{
padding-top: 46px;
padding-bottom: 106px;
.text-content{
padding-left: 87px;
.title{
font-size: 22px;
font-weight: bold;
line-height: 100%;
color: #333333;
&.mar-t55{
margin-top: 55px;
}
}
.con-txt{
font-size: 16px;
line-height: 34px;
color: #424242;
margin-top: 20px;
}
}
}
}
</style>
pages/apply/support.vue 0 → 100644
浏览文件 @ 06fef23b
<template>
<div class="rele-content-box">
<app-frame :data="frameParams">
<div class="content-box">
<div class="text-content">
<div class="title">学费</div>
<div class="con-txt">
本项目学费24.98万元，<br />
由学生向清华控股旗下紫荆教育一次性缴纳。
</div>
<div class="title mar-t55">贷款</div>
<div class="con-txt">
1、就读本项目的学生，可以申请多家金融机构的贷款服务。<br />
2、具体信息会在学生获得正式录取资格后公布。<br />
3、清华控股旗下紫荆教育不为学员担保贷款，不承担催款义务
</div>
</div>
</div>
</app-frame>
</div>
</template>
<script>
import appFrame from '../../components/appFrame'
export default {
components: {
appFrame
},
data() {
return {
newsList: [],
frameParams: {
banner: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/apply-banner2.png',
slider: [
{
name: '有关申请',
path: '/apply/relevant',
pathActive: ['/apply/relevant']
},
{
name: '费用资助',
path: '/apply/support',
pathActive: ['/apply/support']
},
{
name: '常见问题',
path: '/apply/problem',
pathActive: ['/apply/problem']
}
]
}
}
}
}
</script>
<style lang="scss" scoped>
.rele-content-box{
width: 1200px;
margin: 0 auto;
.content-box{
padding-top: 46px;
padding-bottom: 106px;
.text-content{
padding-left: 87px;
.title{
font-size: 22px;
font-weight: bold;
line-height: 100%;
color: #333333;
&.mar-t55{
margin-top: 55px;
}
}
.con-txt{
font-size: 16px;
line-height: 34px;
color: #424242;
margin-top: 20px;
}
}
}
}
</style>
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论