Skip to content

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

update

上级 77304bb4
隐藏空白字符变更
内嵌 并排
正在显示 包含 6573 行增加 和 942 行删除
api/index.js 0 → 100644
浏览文件 @ 26f9f8d3
import httpRequest from '@/utils/httpRequest'
// 获取新闻列表
export function getNewsList(params) {
return httpRequest.get(`/zws/v1/cms/news`, { params })
}
// 获取新闻详情
export function getNewsDetails(params) {
return httpRequest.get(`/zws/v1/cms/new`, { params })
}
/**
* 发送验证码
*/
export function sendCode(data) {
return httpRequest.post('/api/usercenter/user/send-code', data)
}
/**
* 检验验证码
*/
export function checkCode(params) {
return httpRequest.get('/api/usercenter/user/check-code', { params })
}
/**
* 提交留咨信息
*/
export function postNes(data) {
return httpRequest.post('/api/enrollment/v1.0/applications', data)
}
api/my.js 0 → 100644
浏览文件 @ 26f9f8d3
import httpRequest from '@/utils/httpRequest'
const projectId = process.env.projectId
/**
* 获取用户信息
*/
export function getUser() {
return httpRequest.get('/api/passport/account/get-user-info')
}
/**
* 修改用户信息
*/
export function updateUser(data) {
return httpRequest.post('/api/usercenter/user/update-user', data)
}
/**
* 修改密码
*/
export function updatePassword(data) {
return httpRequest.post('/api/usercenter/user/update-pwd', data)
}
/**
* 发送验证码
*/
export function sendCode(data) {
return httpRequest.post('/api/usercenter/user/send-code', data)
}
/**
* 检验验证码
*/
export function checkCode(params) {
return httpRequest.get('/api/usercenter/user/check-code' + params)
}
/**
* 获取报名信息
*/
export function getApplication(params) {
return httpRequest.get(`/api/enrollment/v1.0/application-materials/${projectId}`, params)
}
/**
* 获取报名信息
*/
export function updateApplication(data) {
return httpRequest.post(`/api/enrollment/v1.0/application-materials/${projectId}/put`, data, {
headers: { 'Content-Type': 'application/json' }
})
}
/**
* 获取报名审核状态
*/
export function getApplicationStatus() {
return httpRequest.get(`/api/enrollment/v1.0/application-materials/profile/${projectId}`)
}
/**
* 获取支付二维码
*/
export function getOrder(params) {
return httpRequest.get(
`/api/enrollment/v1.0/application-materials/payment-records/request/${projectId}/APPLICATION_FEE`,
params
)
}
/**
* 检查支付状态
*/
export function checkPay(id, params) {
return httpRequest.get(
`/api/enrollment/v1.0/application-materials/payment-records/check-status/${projectId}/APPLICATION_FEE/${id}`,
params
)
}
/**
* 写推荐信
*/
export function addLetter(userId, letterId, data) {
return httpRequest.post(
`/api/enrollment/v1.0/application-materials/reco-letters/submit/${projectId}/${userId}/${letterId}/put`,
data,
{
headers: { 'Content-Type': 'application/json' }
}
)
}
/**
* 更换推荐人
*/
export function updateProvider(letterId, data) {
return httpRequest.post(
`/api/enrollment/v1.0/application-materials/reco-letters/change-provider/${projectId}/${letterId}/put`,
data,
{
headers: { 'Content-Type': 'application/json' }
}
)
}
/**
* 再次邀请
*/
export function sendToProvider(letterId) {
return httpRequest.get(
`/api/enrollment/v1.0/application-materials/reco-letters/send-invitation-to-provider/${projectId}/${letterId}`
)
}
/**
* 退出登录
*/
export function logout() {
return httpRequest.get('/api/passport/rest/logout')
}
/**
* 更改附件状态
*/
export function changeFileStatus(userId, recordId, status) {
return httpRequest.get(
`/api/enrollment/v1.0/application-materials/attachments/change-status/${projectId}/${userId}/${recordId}`,
{ status }
)
}
/**
* 修改用户信息
*/
export function getOpenId(data) {
return httpRequest.post('/api/usercenter/v1/wechat/get-openid', data)
}
/**
* 签名
*/
export function createSign(data) {
return httpRequest.post('/api/usercenter/v1/sign/sign', data)
}
/**
* 获取签名文档
*/
export function getSignDocument(data) {
return httpRequest.get('/api/usercenter/v1/sign/document', data)
}
/**
* 提交留咨信息
*/
export function postNes(obj) {
return httpRequest.post('/new-app/v1.0/applications', obj, {
headers: { 'Content-Type': 'application/x-www-form-urlencoded' }
})
}
components/Head.vue
浏览文件 @ 26f9f8d3
...@@ -3,7 +3,11 @@ ...@@ -3,7 +3,11 @@
<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">
<img src="https://zws-imgs-pub.ezijing.com/static/public/307f688850f8308a5c944bd129436fe0.png" alt="" @click="goPage('/')"> <img
src="https://zws-imgs-pub.ezijing.com/static/public/307f688850f8308a5c944bd129436fe0.png"
alt=""
@click="goPage('/')"
/>
<!-- <div class="login-btn-box"> <!-- <div class="login-btn-box">
<div class="login">快速登录</div> <div class="login">快速登录</div>
<div class="register">注册</div> <div class="register">注册</div>
...@@ -30,11 +34,13 @@ ...@@ -30,11 +34,13 @@
<div class="child-item" v-if="item.childern"> <div class="child-item" v-if="item.childern">
<div class="one-level"> <div class="one-level">
<template v-for="(level2Item, level2Index) in item.childern"> <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')"> <div
<div :class="$route.path === level2Item.path || level2Item.isShow ? 'li active' : 'li'"
@click="goPage(level2Item.path, level2Item.pathType)" :key="level2Index + 'level2'"
class="name" @mouseenter="levelShow(level2Item)"
> @mouseleave="levelShow(level2Item, 'out')"
>
<div @click="goPage(level2Item.path, level2Item.pathType)" 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.childern"></div>
...@@ -42,8 +48,19 @@ ...@@ -42,8 +48,19 @@
</template> </template>
</div> </div>
<template v-for="(level2Item, level2Index) in item.childern"> <template v-for="(level2Item, level2Index) in item.childern">
<div class="two-level" :key="level2Index + 'two-level2'" v-if="level2Item.isShow" @mouseenter="level3Show" @mouseleave="level3Show(level2Item, 'out')"> <div
<div @click="goPage(level3Item.path, level3Item.pathType)" class="name" v-for="(level3Item, level3Index) in level2Item.childern" :key="level3Index + level3Item"> class="two-level"
:key="level2Index + 'two-level2'"
v-if="level2Item.isShow"
@mouseenter="level3Show"
@mouseleave="level3Show(level2Item, 'out')"
>
<div
@click="goPage(level3Item.path, level3Item.pathType)"
class="name"
v-for="(level3Item, level3Index) in level2Item.childern"
:key="level3Index + level3Item"
>
{{ level3Item.name }} {{ level3Item.name }}
</div> </div>
</div> </div>
...@@ -57,205 +74,204 @@ ...@@ -57,205 +74,204 @@
</div> </div>
</template> </template>
<script> <script>
export default { export default {
data() { data() {
return { return {
navData: [ navData: [
{ {
name: '项目介绍', name: '项目介绍',
path: '/project-intro/bg', path: '/project-intro/bg',
childern: [ childern: [
{ {
name: '项目背景', name: '项目背景',
isShow: false, isShow: false,
path: '/project-intro/bg' path: '/project-intro/bg'
}, },
{ {
name: '项目特色', name: '项目特色',
isShow: false, isShow: false,
path: '/project-intro/charac' path: '/project-intro/charac'
}, },
{ {
name: '证书授予', name: '证书授予',
isShow: false, isShow: false,
path: '/project-intro/certificate' path: '/project-intro/certificate'
} }
] ]
}, },
{ {
name: '课程与师资', name: '课程与师资',
path: '/about/course', path: '/about/course',
childern: [ childern: [
{ {
name: '课程设置', name: '课程设置',
isShow: false, isShow: false,
path: '/about/course', path: '/about/course'
}, },
{ {
name: '师资力量', name: '师资力量',
isShow: false, isShow: false,
path: '/about/teacher' path: '/about/teacher'
} }
] ]
}, },
{ {
name: '最新动态', name: '最新动态',
path: '/news/hot', path: '/news/hot',
childern: [ childern: [
{ {
name: '热点新闻', name: '热点新闻',
isShow: false, isShow: false,
path: '/news/hot' path: '/news/hot'
}, },
{ {
name: '教授采访', name: '教授采访',
isShow: false, isShow: false,
path: '/news/interview' path: '/news/interview'
} }
] ]
}, },
{ {
name: '报名申请', name: '招生信息',
path: '/apply/relevant', path: '/apply/relevant',
childern: [ childern: [
{ {
name: '有关申请', name: '有关申请',
isShow: false, isShow: false,
path: '/apply/relevant' path: '/apply/relevant'
}, },
{ {
name: '费用资助', name: '费用资助',
isShow: false, isShow: false,
path: '/apply/support' path: '/apply/support'
}, },
{ {
name: '常见问题', name: '常见问题',
isShow: false, isShow: false,
path: '/apply/problem' path: '/apply/problem'
} }
] ]
}, },
{ {
name: '校友风采', name: '校友风采',
path: '/alumni/outstanding', path: '/alumni/outstanding',
childern: [ childern: [
{ {
name: '杰出校友', name: '杰出校友',
isShow: false, isShow: false,
path: '/alumni/outstanding' path: '/alumni/outstanding'
}, },
{ {
name: '校友分享', name: '校友分享',
isShow: false, isShow: false,
path: '/alumni/sharing' path: '/alumni/sharing'
} }
] ]
} }
], ],
time: null time: null
}
},
methods: {
goPage(path, goType) {
if (parseInt(goType) === 3) {
this.$message('暂未开通，尽请期待')
} else {
if (path) {
goType ? window.open(path) : this.$router.push({ path: path })
}
} }
}, },
methods: { levelShow(item, isOut) {
goPage(path, goType) { if (item.childern) {
if (parseInt(goType) === 3) { if (isOut) {
this.$message('暂未开通，尽请期待') clearTimeout(this.time)
} else { this.time = setTimeout(() => {
if (path) { item.isShow = false
goType }, 500)
? window.open(path) return
: this.$router.push({ path: path })
}
} }
}, this.navLeave()
levelShow(item, isOut) { item.isShow = true
} else {
this.navLeave()
}
},
level3Show(item, isOut) {
if (isOut) {
item.isShow = false
} else {
clearTimeout(this.time)
}
},
navLeave() {
this.navData.map(item => {
if (item.childern) { if (item.childern) {
if (isOut) { item.childern.map(cItem => {
clearTimeout(this.time) cItem.isShow = false
this.time = setTimeout(() => { })
item.isShow = false
}, 500)
return
}
this.navLeave()
item.isShow = true
} else {
this.navLeave()
} }
}, })
level3Show(item, isOut) { this.$forceUpdate()
if (isOut) { },
item.isShow = false showEnroll() {
const dom = document.getElementById('show-enroll')
const dom2 = document.getElementById('show-enroll-content')
dom.style.display = 'block'
dom2.style.display = 'block'
}
},
computed: {
getNameActive() {
return item => {
const currentPath = this.$route.path
if (item.path === currentPath) {
return 'name active'
} else { } else {
clearTimeout(this.time) let className = 'name'
}
},
navLeave() {
this.navData.map(item => {
if (item.childern) { if (item.childern) {
item.childern.map(cItem => { item.childern.map(cData => {
cItem.isShow = false cData.path === currentPath && (className = 'name active')
}) })
} }
}) return className
this.$forceUpdate()
},
showEnroll() {
const dom = document.getElementById('show-enroll')
const dom2 = document.getElementById('show-enroll-content')
dom.style.display = 'block'
dom2.style.display = 'block'
}
},
computed: {
getNameActive() {
return (item) => {
const currentPath = this.$route.path
if (item.path === currentPath) {
return 'name active'
} else {
let className = 'name'
if (item.childern) {
item.childern.map(cData => {
cData.path === currentPath && (className = 'name active')
})
}
return className
}
} }
} }
} }
} }
}
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
ul,li{ ul,
li {
margin: 0; margin: 0;
padding: 0; padding: 0;
list-style: none; list-style: none;
} }
.head-mian{ .head-mian {
width: 100%; width: 100%;
background: #fff; background: #fff;
.color-bar{ .color-bar {
height: 10px; height: 10px;
background: #AA1941; background: #aa1941;
} }
.head-top-content{ .head-top-content {
// width: 1200px; // width: 1200px;
// margin: 0 auto; // margin: 0 auto;
border: 1px solid #EBEBEB; border: 1px solid #ebebeb;
padding: 23px 0 22px; padding: 23px 0 22px;
.max-width-content{ .max-width-content {
display: flex; display: flex;
align-items: center; align-items: center;
img{ img {
height: 55px; height: 55px;
cursor: pointer; cursor: pointer;
display: block; display: block;
} }
.login-btn-box{ .login-btn-box {
margin-left: auto; margin-left: auto;
display: flex; display: flex;
div{ div {
width: 72px; width: 72px;
height: 24px; height: 24px;
box-sizing: border-box; box-sizing: border-box;
...@@ -266,66 +282,66 @@ ul,li{ ...@@ -266,66 +282,66 @@ ul,li{
margin-left: 10px; margin-left: 10px;
cursor: pointer; cursor: pointer;
} }
.login{ .login {
background: #AA1941; background: #aa1941;
color: #fff; color: #fff;
} }
.register{ .register {
color: #333333; color: #333333;
border: 1px solid #EAEAEA; border: 1px solid #eaeaea;
} }
} }
} }
} }
.max-width-content{ .max-width-content {
width: 1200px; width: 1200px;
margin: 0 auto; margin: 0 auto;
} }
.head-nav-content{ .head-nav-content {
height: 72px; height: 72px;
display: flex; display: flex;
align-items: center; align-items: center;
.nav-item-box{ .nav-item-box {
padding-left: 11px; padding-left: 11px;
display: flex; display: flex;
li{ li {
position: relative; position: relative;
margin-right: 60px; margin-right: 60px;
.name{ .name {
line-height: 72px; line-height: 72px;
font-size: 22px; font-size: 22px;
color: #333333; color: #333333;
cursor: pointer; cursor: pointer;
a{ a {
color: #333333; color: #333333;
font-size: 22px; font-size: 22px;
text-decoration: none; text-decoration: none;
} }
&.active{ &.active {
font-weight: 500; font-weight: 500;
color: #AA1941; color: #aa1941;
a{ a {
// font-weight: 500; // font-weight: 500;
color: #AA1941; color: #aa1941;
} }
} }
} }
&:hover{ &:hover {
.name{ .name {
color: #AA1941; color: #aa1941;
font-weight: 500; font-weight: 500;
a{ a {
// font-weight: 500; // font-weight: 500;
color: #AA1941; color: #aa1941;
} }
} }
.child-item{ .child-item {
.one-level{ .one-level {
display: block; display: block;
} }
} }
} }
.child-item{ .child-item {
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
position: absolute; position: absolute;
top: 72px; top: 72px;
...@@ -333,62 +349,62 @@ ul,li{ ...@@ -333,62 +349,62 @@ ul,li{
display: flex; display: flex;
background: #fff; background: #fff;
z-index: 999; z-index: 999;
.one-level{ .one-level {
padding: 36px 24px 0; padding: 36px 24px 0;
border-top: 4px solid rgba(170, 25, 65, 1); border-top: 4px solid rgba(170, 25, 65, 1);
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
display: none; display: none;
.li{ .li {
margin-bottom: 36px; margin-bottom: 36px;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
&.active{ &.active {
.name{ .name {
color: rgba(170, 25, 65, 1); color: rgba(170, 25, 65, 1);
} }
} }
.name{ .name {
font-weight: 400; font-weight: 400;
line-height: 100%; line-height: 100%;
color: #333333; color: #333333;
font-size: 16px; font-size: 16px;
white-space: nowrap; white-space: nowrap;
a{ a {
color: #333333; color: #333333;
font-size: 16px; font-size: 16px;
} }
} }
.el-icon-arrow-right{ .el-icon-arrow-right {
color: rgba(51, 51, 51, 1); color: rgba(51, 51, 51, 1);
margin-left: 15px; margin-left: 15px;
} }
&:hover{ &:hover {
.name{ .name {
color: rgba(170, 25, 65, 1); color: rgba(170, 25, 65, 1);
a{ a {
color: rgba(170, 25, 65, 1); color: rgba(170, 25, 65, 1);
} }
} }
.el-icon-arrow-right{ .el-icon-arrow-right {
color: rgba(170, 25, 65, 1); color: rgba(170, 25, 65, 1);
} }
} }
} }
} }
.two-level{ .two-level {
pointer-events: auto; pointer-events: auto;
padding: 34px 41px 0 24px; padding: 34px 41px 0 24px;
.name{ .name {
font-size: 16px; font-size: 16px;
font-weight: 400; font-weight: 400;
line-height: 20px; line-height: 20px;
color: #333333; color: #333333;
margin-bottom: 36px; margin-bottom: 36px;
white-space: nowrap; white-space: nowrap;
&:hover{ &:hover {
color: rgba(170, 25, 65, 1); color: rgba(170, 25, 65, 1);
} }
a{ a {
font-size: 16px; font-size: 16px;
font-weight: 400; font-weight: 400;
line-height: 20px; line-height: 20px;
......
components/countdown.vue 0 → 100644
浏览文件 @ 26f9f8d3
<template>
<el-button v-bind="$attrs" :disabled="currentDisabled" @click="start">{{ curretnValue }}</el-button>
</template>
<script>
export default {
name: 'Countdown',
props: {
step: { type: Number, default: 1000 },
disabled: { type: Boolean, default: false },
seconds: { type: Number, default: 60 },
defaultValue: { type: String, default: '获取验证码' }
},
data() {
return {
currentDisabled: false,
currentSeconds: 0,
timer: null
}
},
watch: {
disabled: {
immediate: true,
handler(value) {
this.currentDisabled = value
}
}
},
computed: {
curretnValue() {
const longTime = this.seconds - this.currentSeconds
return longTime < this.seconds ? `${longTime}秒后重发` : this.defaultValue
}
},
methods: {
genTimer() {
this.clearTimer()
this.timer = setInterval(() => {
this.currentSeconds++
if (this.currentSeconds === this.seconds) {
this.stop()
}
}, this.step)
},
clearTimer() {
this.timer && clearInterval(this.timer)
},
start() {
this.currentDisabled = true
this.genTimer()
this.$emit('start')
},
stop() {
this.clearTimer()
this.currentSeconds = 0
this.currentDisabled = false
this.$emit('stop')
}
}
}
</script>
components/home/banner.vue
浏览文件 @ 26f9f8d3
...@@ -3,7 +3,7 @@ ...@@ -3,7 +3,7 @@
<div v-swiper:mySwiper="swiperOption" ref="mySwiper"> <div v-swiper:mySwiper="swiperOption" ref="mySwiper">
<div class="swiper-wrapper"> <div class="swiper-wrapper">
<div class="swiper-slide" v-for="(item, index) in listData" :key="index"> <div class="swiper-slide" v-for="(item, index) in listData" :key="index">
<img :src="item.photo_uri" @click="goPage(item)"> <img :src="item.photo_uri" @click="goPage(item)" />
</div> </div>
</div> </div>
<!-- <div class="swiper-pagination swiper-pagination-bullets"></div> --> <!-- <div class="swiper-pagination swiper-pagination-bullets"></div> -->
...@@ -13,99 +13,98 @@ ...@@ -13,99 +13,98 @@
</div> </div>
</template> </template>
<script> <script>
const _this = this const _this = this
export default { export default {
name: 'banner', name: 'banner',
data () { data() {
return { return {
listData: [], listData: [],
// 轮播图配置信息, 更多请参考 swiper.js 中文网，上面很详细。 // 轮播图配置信息, 更多请参考 swiper.js 中文网，上面很详细。
swiperOption: { swiperOption: {
speed: 400, speed: 400,
autoplay: true, autoplay: true,
delay: 3000, delay: 3000,
observer: true, observer: true,
observerParent: true, observerParent: true,
navigation: { navigation: {
nextEl: '.next-button', nextEl: '.next-button',
prevEl: '.prev-button' prevEl: '.prev-button'
}, },
loop: true loop: true
}
}
},
// async fetch() {
// const params = {
// terminal_type: 'WWW',
// ad_position_uri: 'www.ezijing.com'
// }
// this.bannerData = await this.$axios.$get('/api/zws/v1/marketing/advertisements', { params }).then(res => {
// return res.filter((item, index) => {
// return index < 4
// })
// })
// },
async fetch() {
const params = {
page: 1,
per_page: 100,
type: 69,
project_id: 1001
}
this.listData = await this.$axios.$get('/api/zws/v1/cms/news', { params }).then(res => {
return res
})
},
computed: {
swiper() {
return this.$refs.mySwiper.swiper;
} }
}
},
// async fetch() {
// const params = {
// terminal_type: 'WWW',
// ad_position_uri: 'www.ezijing.com'
// }
// this.bannerData = await this.$axios.get('/api/zws/v1/marketing/advertisements', { params }).then(res => {
// return res.filter((item, index) => {
// return index < 4
// })
// })
// },
async fetch() {
const params = {
page: 1,
per_page: 100,
type: 69,
project_id: process.env.projectId
}
this.listData = await this.$axios.get('/api/zws/v1/cms/news', { params }).then(res => {
return res
})
},
computed: {
swiper() {
return this.$refs.mySwiper.swiper
}
},
mounted() {},
methods: {
// openPage(path) {
// path !== '' && window.open(path)
// }
swiperStop() {
this.swiper.autoplay.stop()
}, },
mounted() { swiperStart() {
this.swiper.autoplay.start()
}, },
methods: { goPage(item) {
// openPage(path) { if (item.source === '') {
// path !== '' && window.open(path) this.$router.push({
// } path: '/about/news-detail',
swiperStop() { query: {
this.swiper.autoplay.stop() id: item.id
}, }
swiperStart() { })
this.swiper.autoplay.start() } else {
}, window.open(item.source)
goPage(item) {
if (item.source === '') {
this.$router.push({
path: '/about/news-detail',
query: {
id: item.id
}
})
} else {
window.open(item.source)
}
} }
} }
} }
}
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.banner-content{ .banner-content {
position: relative; position: relative;
width: 100%; width: 100%;
.swiper-wrapper{ .swiper-wrapper {
width: 100%; width: 100%;
display: flex; display: flex;
.swiper-slide{ .swiper-slide {
width: 100%; width: 100%;
// float: left; // float: left;
img{ img {
width: 100%; width: 100%;
display: block; display: block;
} }
} }
} }
.prev-button{ .prev-button {
position: absolute; position: absolute;
top: 50%; top: 50%;
left: 30px; left: 30px;
...@@ -116,7 +115,7 @@ ...@@ -116,7 +115,7 @@
z-index: 999; z-index: 999;
cursor: pointer; cursor: pointer;
} }
.next-button{ .next-button {
position: absolute; position: absolute;
top: 50%; top: 50%;
right: 30px; right: 30px;
......
components/home/news.vue
浏览文件 @ 26f9f8d3
<template> <template>
<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" @click="goPage(listData.first)"> <div class="news-left" @click="goPage(listData.first)">
<img :src="listData.first.photo_uri" alt=""> <img :src="listData.first.photo_uri" alt="" />
<div class="mantle-box"> <div class="mantle-box">
<div class="tit">{{ listData.first.title }}</div> <div class="tit">{{ listData.first.title }}</div>
<div class="con-txt">{{listData.first.summary}}</div> <div class="con-txt">{{ listData.first.summary }}</div>
</div> </div>
</div> </div>
<ul class="news-right"> <ul class="news-right">
<li v-for="(item, index) in listData.list" :key="index" @click="goPage(item)"> <li v-for="(item, index) in listData.list" :key="index" @click="goPage(item)">
<div class="time">{{ item.created_time }}</div> <div class="time">{{ item.created_time }}</div>
<div class="news-r-title">{{ item.title }}</div> <div class="news-r-title">{{ item.title }}</div>
<div class="del">{{item.summary}}</div> <div class="del">{{ item.summary }}</div>
</li> </li>
</ul> </ul>
</div> </div>
...@@ -29,30 +29,17 @@ export default { ...@@ -29,30 +29,17 @@ export default {
async fetch() { async fetch() {
const params = { const params = {
page: 1, page: 1,
per_page: 100, per_page: 4,
type: 80, type: 80,
project_id: 1001 project_id: process.env.projectId
} }
await this.$axios.$get('/api/zws/v1/cms/news', { params }).then(res => { await this.$axios.get('/api/zws/v1/cms/news', { params }).then(res => {
res.map((item, index) => { this.data = res || []
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: { data: [],
first: {},
list: []
},
titleParams: { titleParams: {
name: '最新动态', name: '最新动态',
more: { more: {
...@@ -64,7 +51,11 @@ export default { ...@@ -64,7 +51,11 @@ export default {
} }
} }
}, },
mounted() { computed: {
listData() {
const [first = {}, ...list] = this.data
return { first, list: list || [] }
}
}, },
methods: { methods: {
goPage(item) { goPage(item) {
...@@ -83,45 +74,45 @@ export default { ...@@ -83,45 +74,45 @@ export default {
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.news-content-box{ .news-content-box {
width: 1200px; width: 1200px;
margin: 0 auto; margin: 0 auto;
padding-top: 65px; padding-top: 65px;
.content-box{ .content-box {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
padding-top: 26px; padding-top: 26px;
.news-left{ .news-left {
width: 780px; width: 780px;
height: 500px; height: 500px;
position: relative; position: relative;
img{ img {
width: 100%; width: 100%;
height: 100%; height: 100%;
display: block; display: block;
} }
.mantle-box{ .mantle-box {
width: 100%; width: 100%;
position: absolute; position: absolute;
bottom: 0; bottom: 0;
left: 0; left: 0;
background: rgba(0,0,0,.2); background: rgba(0, 0, 0, 0.2);
padding: 30px 37px; padding: 30px 37px;
.tit{ .tit {
font-size: 24px; font-size: 24px;
font-weight: bold; font-weight: bold;
line-height: 100%; line-height: 100%;
color: #FFFFFF; color: #ffffff;
width: 696px; width: 696px;
overflow: hidden; overflow: hidden;
text-overflow:ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
} }
.con-txt{ .con-txt {
width: 461px; width: 461px;
font-size: 14px; font-size: 14px;
line-height: 24px; line-height: 24px;
color: #FFFFFF; color: #ffffff;
display: -webkit-box; display: -webkit-box;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
-webkit-line-clamp: 2; -webkit-line-clamp: 2;
...@@ -130,20 +121,20 @@ export default { ...@@ -130,20 +121,20 @@ export default {
} }
} }
} }
.news-right{ .news-right {
li{ li {
width: 366px; width: 366px;
border-bottom: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3;
padding-bottom: 19px; padding-bottom: 19px;
margin-bottom: 30px; margin-bottom: 30px;
cursor: pointer; cursor: pointer;
.time{ .time {
font-size: 16px; font-size: 16px;
font-weight: normal; font-weight: normal;
line-height: 100%; line-height: 100%;
color: #8E1E22; color: #8e1e22;
} }
.news-r-title{ .news-r-title {
font-size: 22px; font-size: 22px;
font-weight: bold; font-weight: bold;
line-height: 30px; line-height: 30px;
...@@ -154,10 +145,10 @@ export default { ...@@ -154,10 +145,10 @@ export default {
-webkit-line-clamp: 2; -webkit-line-clamp: 2;
overflow: hidden; overflow: hidden;
} }
.del{ .del {
width: 350px; width: 350px;
overflow: hidden; overflow: hidden;
text-overflow:ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
font-size: 14px; font-size: 14px;
line-height: 100%; line-height: 100%;
...@@ -165,7 +156,6 @@ export default { ...@@ -165,7 +156,6 @@ export default {
margin-top: 15px; margin-top: 15px;
} }
} }
} }
} }
} }
......
components/home/openClass.vue
浏览文件 @ 26f9f8d3
<template> <template>
<div class="alumni-content max-width"> <div class="alumni-content max-width">
<m-title :data="titleParams" class="m-title"/> <m-title :data="titleParams" class="m-title" />
<div class="swiper-content" @mouseenter="swiperStop" @mouseleave="swiperStart"> <div class="swiper-content" @mouseenter="swiperStop" @mouseleave="swiperStart">
<div v-swiper:mySwiper="swiperOption" ref="mySwiper"> <div v-swiper:mySwiper="swiperOption" ref="mySwiper">
<div class="swiper-wrapper"> <div class="swiper-wrapper">
<div class="swiper-slide" v-for="(item, index) in listData" :key="index" @click="goPage(item)"> <div class="swiper-slide" v-for="(item, index) in listData" :key="index" @click="goPage(item)">
<img :src="item.photo_uri"> <img :src="item.photo_uri" />
<div class="text">{{ item.title }}</div> <div class="text">{{ item.title }}</div>
</div> </div>
</div> </div>
...@@ -20,7 +20,7 @@ export default { ...@@ -20,7 +20,7 @@ export default {
components: { components: {
mTitle mTitle
}, },
data () { data() {
const _this = this const _this = this
return { return {
titleParams: { titleParams: {
...@@ -52,20 +52,19 @@ export default { ...@@ -52,20 +52,19 @@ export default {
page: 1, page: 1,
per_page: 100, per_page: 100,
type: 72, type: 72,
project_id: 1001 project_id: process.env.projectId
} }
this.listData = await this.$axios.$get('/api/zws/v1/cms/news', { params }).then(res => { this.listData = await this.$axios.get('/api/zws/v1/cms/news', { params }).then(res => {
console.log(res) console.log(res)
return res return res
}) })
}, },
computed: { computed: {
swiper() { swiper() {
return this.$refs.mySwiper.swiper; return this.$refs.mySwiper.swiper
} }
}, },
created() { created() {},
},
mounted() { mounted() {
if (document.documentElement.clientWidth < 1400) { if (document.documentElement.clientWidth < 1400) {
// this.isScale = true // this.isScale = true
...@@ -94,22 +93,22 @@ export default { ...@@ -94,22 +93,22 @@ export default {
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.max-width{ .max-width {
width: 1200px; width: 1200px;
margin: 0 auto; margin: 0 auto;
} }
.alumni-content{ .alumni-content {
padding-top: 89px; padding-top: 89px;
.title-content{ .title-content {
display: flex; display: flex;
.left-title{ .left-title {
display: flex; display: flex;
.line{ .line {
width: 6px; width: 6px;
height: 34px; height: 34px;
background: #AA1941; background: #aa1941;
} }
.text{ .text {
font-size: 34px; font-size: 34px;
font-weight: bold; font-weight: bold;
line-height: 34px; line-height: 34px;
...@@ -118,50 +117,50 @@ export default { ...@@ -118,50 +117,50 @@ export default {
} }
} }
} }
.small-tit{ .small-tit {
font-size: 24px; font-size: 24px;
font-weight: bold; font-weight: bold;
line-height: 34px; line-height: 34px;
color: #424242; color: #424242;
margin-top: 12px; margin-top: 12px;
} }
.swiper-content{ .swiper-content {
padding-top: 37px; padding-top: 37px;
// width: 100%; // width: 100%;
.swiper-slide{ .swiper-slide {
position: relative; position: relative;
width: 360px; width: 360px;
height: 230px; height: 230px;
margin-top: 10px; margin-top: 10px;
.text{ .text {
position: absolute; position: absolute;
bottom: 0; bottom: 0;
left: 0; left: 0;
width: 100%; width: 100%;
height: 40px; height: 40px;
line-height: 40px; line-height: 40px;
background: rgba(0,0,0,0.5); background: rgba(0, 0, 0, 0.5);
padding: 0 20px; padding: 0 20px;
box-sizing: border-box; box-sizing: border-box;
font-size: 20px; font-size: 20px;
color: #FEFEFE; color: #fefefe;
overflow: hidden; overflow: hidden;
text-overflow:ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
} }
img{ img {
width: 100%; width: 100%;
height:100%; height: 100%;
} }
} }
.swiper-slide-active{ .swiper-slide-active {
width:438px; width: 438px;
height:246px; height: 246px;
margin-top: 0; margin-top: 0;
} }
} }
} }
.scale{ .scale {
transform: scale(0.85); transform: scale(0.85);
} }
</style> </style>
components/home/presence.vue
浏览文件 @ 26f9f8d3
<template> <template>
<div class="presence-content-box"> <div class="presence-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="banner-box" @mouseenter="swiperStop" @mouseleave="swiperStart"> <div class="banner-box" @mouseenter="swiperStop" @mouseleave="swiperStart">
<div v-swiper:mySwiper="swiperOption" ref="mySwiper"> <div v-swiper:mySwiper="swiperOption" ref="mySwiper">
<div class="swiper-wrapper"> <div class="swiper-wrapper">
<div class="swiper-slide" v-for="(item, index) in listData" :key="index" @click="goPage(item)"> <div class="swiper-slide" v-for="(item, index) in listData" :key="index" @click="goPage(item)">
<img :src="item.photo_uri"> <img :src="item.photo_uri" />
</div> </div>
</div> </div>
<div class="swiper-pagination swiper-pagination-bullets"></div> <div class="swiper-pagination swiper-pagination-bullets"></div>
...@@ -20,21 +20,13 @@ ...@@ -20,21 +20,13 @@
<div class="right-content"> <div class="right-content">
<div class="li"> <div class="li">
<el-select v-model="form.years" placeholder="请选择工作年限"> <el-select v-model="form.years" placeholder="请选择工作年限">
<el-option <el-option v-for="item in yearsOptions" :key="item.value" :label="item.label" :value="item.value">
v-for="item in yearsOptions"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option> </el-option>
</el-select> </el-select>
</div> </div>
<div class="li"> <div class="li">
<el-select v-model="form.degree" placeholder="请选择学历/学位"> <el-select v-model="form.degree" placeholder="请选择学历/学位">
<el-option <el-option v-for="item in degreeOptions" :key="item.value" :label="item.label" :value="item.value">
v-for="item in degreeOptions"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option> </el-option>
</el-select> </el-select>
</div> </div>
...@@ -53,7 +45,7 @@ ...@@ -53,7 +45,7 @@
<script> <script>
import mTitle from '../../components/home/moduleTitle' import mTitle from '../../components/home/moduleTitle'
import { postNes } from '../../plugins/api' import { postNes } from '@/api'
export default { export default {
name: 'presence', name: 'presence',
components: { components: {
...@@ -61,39 +53,49 @@ export default { ...@@ -61,39 +53,49 @@ export default {
}, },
data() { data() {
return { return {
yearsOptions: [{ yearsOptions: [
value: '0~2', {
label: '0-2年' value: '0~2',
}, { label: '0-2年'
value: '3~5', },
label: '3-5年' {
}, { value: '3~5',
value: '5~10', label: '3-5年'
label: '5-10年' },
}, { {
value: '10+', value: '5~10',
label: '10年及以上' label: '5-10年'
}], },
degreeOptions: [{ {
value: '2', value: '10+',
label: '普通本科' label: '10年及以上'
}, { }
value: '3', ],
label: '本科/学士' degreeOptions: [
}, { {
value: '5', value: '2',
label: '硕士' label: '普通本科'
}, { },
value: '7', {
label: '博士' value: '3',
}], label: '本科/学士'
},
{
value: '5',
label: '硕士'
},
{
value: '7',
label: '博士'
}
],
form: { form: {
years: '', years: '',
degree: '', degree: '',
name: '', name: '',
phone: '', phone: '',
// channel: 19960, // channel: 19960,
project_id: 1001, project_id: process.env.projectId
}, },
value: '', value: '',
titleParams: { titleParams: {
...@@ -123,23 +125,24 @@ export default { ...@@ -123,23 +125,24 @@ export default {
page: 1, page: 1,
per_page: 100, per_page: 100,
type: 81, type: 81,
project_id: 1001 project_id: process.env.projectId
} }
this.listData = await this.$axios.$get('/api/zws/v1/cms/news', { params }).then(res => { this.listData = await this.$axios.get('/api/zws/v1/cms/news', { params }).then(res => {
console.log(params) console.log(params)
return res return res
}) })
}, },
computed: { computed: {
swiper() { swiper() {
return this.$refs.mySwiper.swiper; return this.$refs.mySwiper.swiper
} }
}, },
mounted() { mounted() {},
},
methods: { methods: {
submit() { submit() {
const findNull = Object.values(this.form).findIndex(item => { return item === '' }) const findNull = Object.values(this.form).findIndex(item => {
return item === ''
})
if (findNull !== -1) { if (findNull !== -1) {
this.$message('请完善信息') this.$message('请完善信息')
return return
...@@ -186,24 +189,24 @@ export default { ...@@ -186,24 +189,24 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.presence-content-box{ .presence-content-box {
padding-top: 80px; padding-top: 80px;
.m-title{ .m-title {
width: 1200px; width: 1200px;
margin: 0 auto; margin: 0 auto;
} }
.content-mian{ .content-mian {
padding-top: 24px; padding-top: 24px;
.banner-box{ .banner-box {
height: 500px; height: 500px;
overflow: hidden; overflow: hidden;
img{ img {
width: 100%; width: 100%;
height: 520px; height: 520px;
display: block; display: block;
} }
} }
.enroll-box{ .enroll-box {
width: 1200px; width: 1200px;
height: 540px; height: 540px;
margin: 80px auto 0; margin: 80px auto 0;
...@@ -211,50 +214,50 @@ export default { ...@@ -211,50 +214,50 @@ export default {
background-size: 100% 100%; background-size: 100% 100%;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
.left-content{ .left-content {
width: 592px; width: 592px;
height: 223px; height: 223px;
background:rgba(170, 25, 65, .63); background: rgba(170, 25, 65, 0.63);
box-shadow: 0px 0px 122px rgba(0, 0, 0, 0.07); box-shadow: 0px 0px 122px rgba(0, 0, 0, 0.07);
margin-top: 127px; margin-top: 127px;
.tit{ .tit {
font-size: 48px; font-size: 48px;
font-weight: bold; font-weight: bold;
line-height: 58px; line-height: 58px;
color: #FFFFFF; color: #ffffff;
text-align: center; text-align: center;
margin-top: 30px; margin-top: 30px;
} }
.tips{ .tips {
font-size: 14px; font-size: 14px;
line-height: 100%; line-height: 100%;
color: #FFFFFF; color: #ffffff;
margin-top: 30px; margin-top: 30px;
text-align: center; text-align: center;
} }
} }
.right-content{ .right-content {
width: 401px; width: 401px;
height: 382px; height: 382px;
background: #FFFFFF; background: #ffffff;
margin-top: 54px; margin-top: 54px;
box-sizing: border-box; box-sizing: border-box;
padding: 63px 56px 56px 64px; padding: 63px 56px 56px 64px;
margin-right: 116px; margin-right: 116px;
::v-deep{ ::v-deep {
.el-select{ .el-select {
width: 100%; width: 100%;
} }
} }
.li{ .li {
margin-bottom: 20px; margin-bottom: 20px;
} }
.btn{ .btn {
font-size: 18px; font-size: 18px;
line-height: 32px; line-height: 32px;
color: #FFFFFF; color: #ffffff;
width: 281px; width: 281px;
background: #AA1941; background: #aa1941;
border-radius: 4px; border-radius: 4px;
text-align: center; text-align: center;
cursor: pointer; cursor: pointer;
......
components/rightAside.vue
浏览文件 @ 26f9f8d3
...@@ -55,7 +55,7 @@ ...@@ -55,7 +55,7 @@
</div> </div>
</template> </template>
<script> <script>
import { sendCode, checkCode, postNes } from '../plugins/api' import { sendCode, checkCode, postNes } from '@/api'
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}$/ 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}$/
export default { export default {
data() { data() {
...@@ -166,7 +166,10 @@ export default { ...@@ -166,7 +166,10 @@ export default {
} }
}, },
checkSendcode() { checkSendcode() {
const checkCodeParam = '?account=' + this.formInfo.phone + '&code=' + this.sendCode + '&countryCode=86' const checkCodeParam = {
account: this.formInfo.phone,
code:this.sendCode
}
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {
checkCode(checkCodeParam).then(res => { checkCode(checkCodeParam).then(res => {
console.log(res) console.log(res)
......
layouts/default.vue
浏览文件 @ 26f9f8d3
<template> <template>
<div> <div>
<Head /> <Nuxt :key="$route.fullPath" />
<Nuxt />
<Foot />
</div> </div>
</template> </template>
<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 {
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;
}
</style>
layouts/error.vue 0 → 100644
浏览文件 @ 26f9f8d3
<template>
<div class="main-container">
<h1 v-if="error.statusCode === 404">Page not found</h1>
<h1 v-else>An error occurred</h1>
<NuxtLink to="/">返回首页</NuxtLink>
</div>
</template>
<script>
export default {
props: ['error'],
layout: 'error',
middleware: [
function ({ redirect }) {
return redirect(301, '/el?e=rnf')
}
]
}
</script>
layouts/main.vue 0 → 100644
浏览文件 @ 26f9f8d3
<template>
<div>
<Head />
<Nuxt :key="$route.fullPath" />
<Foot />
</div>
</template>
<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 {
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;
}
</style>
modules/letter/index.vue 0 → 100644
浏览文件 @ 26f9f8d3
<template>
<div class="letter">
<header class="header">
<div class="inner">
<div class="logo">
<router-link to="/"
><img src="https://webapp-pub.ezijing.com/project/application/images/ezijing-logo.png"
/></router-link>
</div>
</div>
</header>
<nav class="nav"><h1 class="title">美国印第安纳大学Kelley商学院金融学硕士项目推荐信</h1></nav>
<section class="content">
<el-form
:model="ruleForm"
:rules="rules"
ref="form"
label-width="100px"
:label-position="labelPosition"
@submit.native.prevent
style="max-width: 680px"
>
<el-form-item label="姓名" prop="provider_name">
<el-input v-model="ruleForm.provider_name" @blur="onBlur('provider_name')"></el-input>
</el-form-item>
<el-form-item label="推荐信内容" 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="手机号" prop="provider_phone_number">
<el-input v-model="ruleForm.provider_phone_number"></el-input>
</el-form-item>
<el-form-item label="工作单位" 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="职务" 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">确认提交</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 {
layout: 'normal',
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 => {
console.log(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 {
font-size: 24px;
font-weight: 600;
color: #fff;
line-height: 60px;
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 100px;
}
@media (max-width: 767px) {
.logo {
text-align: center;
}
.buttons {
padding: 20px 0;
.el-button {
width: 100%;
display: block;
}
}
}
}
</style>
modules/my/account/home.vue 0 → 100644
浏览文件 @ 26f9f8d3
<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>美国印第安纳大学</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() {
const user = window.G.UserInfo
return {
user,
material: {},
progress: {},
submissionStage: {
0: ['FILLING', 'PREPAYMENT'],
1: ['INTERVIEW_APPLICATION', 'AUDITION', 'INTERVIEW', 'PAYMENT'],
2: ['REGISTRATION'],
3: ['CLOSED']
},
result: {},
welcomeShow: false
}
},
computed: {
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>
modules/my/account/index.vue 0 → 100644
浏览文件 @ 26f9f8d3
<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-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>
modules/my/account/info.vue 0 → 100644
浏览文件 @ 26f9f8d3
<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>
modules/my/account/password.vue 0 → 100644
浏览文件 @ 26f9f8d3
<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 => {
console.log(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>
modules/my/admission/components/collapse.vue 0 → 100644
浏览文件 @ 26f9f8d3
<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>
modules/my/admission/form/cjd.js 0 → 100644
浏览文件 @ 26f9f8d3
export default function(_this) {
return {
id: 'admission_cjd',
title: '成绩单（中+英）',
get: {
action: `${webConf.apiBaseURL}/enrollment/v1.0/application-materials/${webConf.others.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
return attachments.reduce(
(result, item) => {
if (item.file_type_id === 'REPORT_CARD_CN') {
result.REPORT_CARD_CN.push(item)
}
if (item.file_type_id === 'REPORT_CARD_EN') {
result.REPORT_CARD_EN.push(item)
}
return result
},
{ REPORT_CARD_CN: [], REPORT_CARD_EN: [] }
)
}
},
form: {
next: { to: { query: { active: 'admission_xy' } } },
hasButton: false,
options: { 'label-position': 'top' },
hint: `
<p>请将中英文成绩单原件扫描或者拍照后提交。</p>
<p>获取途径:联系大学时就读学校相关部门(档案馆/教务处)获取成绩单。</p>
`,
items: [
{
type: 'v-upload',
label: '中文成绩单',
model: 'REPORT_CARD_CN',
attrs: {
action: `${webConf.apiBaseURL}/enrollment/v1.0/application-materials/attachments/${webConf.others.projectId}/put`,
deleteAction: `${webConf.apiBaseURL}/enrollment/v1.0/application-materials/attachments/${webConf.others.projectId}/delete`,
data: { file_type: 'REPORT_CARD_CN' }
}
},
{
type: 'v-upload',
label: '英文成绩单',
model: 'REPORT_CARD_EN',
attrs: {
action: `${webConf.apiBaseURL}/enrollment/v1.0/application-materials/attachments/${webConf.others.projectId}/put`,
deleteAction: `${webConf.apiBaseURL}/enrollment/v1.0/application-materials/attachments/${webConf.others.projectId}/delete`,
data: { file_type: 'REPORT_CARD_EN' }
}
}
]
}
}
}
modules/my/admission/form/index.js 0 → 100644
浏览文件 @ 26f9f8d3
import cjd from './cjd'
import xy from './xy'
import xfjn from './xfjn'
export default function(_this) {
return {
id: 'admission',
title: '入学办理',
children: [cjd(_this), xy(_this), xfjn(_this)]
}
}
modules/my/admission/form/xfjn.js 0 → 100644
浏览文件 @ 26f9f8d3
export default function(_this) {
return {
id: 'admission_xfjn',
title: '缴费凭证',
get: {
action: `${webConf.apiBaseURL}/enrollment/v1.0/application-materials/${webConf.others.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 PAYMENT_VOUCHER = attachments.filter(item => {
return item.file_type_id === 'PAYMENT_VOUCHER'
})
return { PAYMENT_VOUCHER }
}
},
form: {
prev: { to: { query: { active: 'admission_xy' } } },
hasButton: false,
options: { 'label-position': 'top' },
hint: `
<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>`,
items: [
{
type: 'v-upload',
model: 'PAYMENT_VOUCHER',
label: '上传缴费凭证',
attrs: {
action: `${webConf.apiBaseURL}/enrollment/v1.0/application-materials/attachments/${webConf.others.projectId}/put`,
deleteAction: `${webConf.apiBaseURL}/enrollment/v1.0/application-materials/attachments/${webConf.others.projectId}/delete`,
data: { file_type: 'PAYMENT_VOUCHER' }
},
append: `申请者可将转账/支付缴费凭证截图或拍照后提交。<br>
上传多个文件，请打印出来检查无误后再上传。用A4纸打印后内容需显示完整、格式整齐、字迹清晰可辨。上传文件仅限“jpg,jpeg,pdf,png”格式，文件小于10Mb。`
}
]
}
}
}
modules/my/admission/form/xy.js 0 → 100644
浏览文件 @ 26f9f8d3
export default function(_this) {
return {
id: 'admission_xy',
title: '入学协议',
get: {
action: `${webConf.apiBaseURL}/enrollment/v1.0/application-materials/${webConf.others.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 }
}
},
form: {
prev: { to: { query: { active: 'admission_cjd' } } },
next: { to: { query: { active: 'admission_xfjn' } } },
hasButton: false,
options: {},
items: [
{
type: 'v-upload',
required: true,
model: 'ADMISSION_AGREEMENT',
attrs: {
action: `${webConf.apiBaseURL}/enrollment/v1.0/application-materials/attachments/${webConf.others.projectId}/put`,
deleteAction: `${webConf.apiBaseURL}/enrollment/v1.0/application-materials/attachments/${webConf.others.projectId}/delete`,
data: { file_type: 'ADMISSION_AGREEMENT' }
},
prepend: `
<p><a href="https://zws-imgs-pub.oss-cn-beijing.aliyuncs.com/pc/kelley/%E5%85%A5%E5%AD%A6%E5%8D%8F%E8%AE%AE.pdf" target="_blank" download="入学协议">下载入学协议</a></p>
<p>申请者可将签字后的入学协议原件扫描或拍照后提交。</p>
<p>学员应仔细阅读《入学协议》以及课程介绍，如对入学协议或课程有异议，请第一时间与课程顾问咨询确认。请用A4纸打印后，在入学协议上签上姓名和日期，内容需显示完整、格式整齐、字迹清晰可辨。上传文件仅限“jpg,jpeg,pdf,png”格式，文件小于10Mb。</p>
`
}
]
}
}
}
modules/my/admission/index.vue 0 → 100644
浏览文件 @ 26f9f8d3
<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-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_cjd',
dialogVisible: false,
detail: null
}
},
watch: {
$route: {
immediate: true,
handler(route) {
const { query = {} } = route
this.currentActive = query.active || 'admission_cjd'
}
},
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 } }).catch(() => {})
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>
modules/my/admission/xy.vue 0 → 100644
浏览文件 @ 26f9f8d3
<template>
<div class="xy">
<div class="content">
<h1>入学协议</h1>
<p>
本入学协议（以下简称“本协议”）由清控紫荆（北京）教育科技股份有限公司（以下简称“紫荆教育”或“我们”）和学员（以下简称“学员”或“您”）签订。
</p>
<p>
1.
<b>请先仔细阅读本协议内容，尤其是字体加粗部分。</b>如您对本协议内容或页面提示信息有疑问，请勿进行下一步操作。<b
>您通过页面点击或其他方式确认，即表示您已同意并签署了入学协议。本协议自您成功缴纳学费之日起生效。</b
>
</p>
<p>
2.
请悉知本协议相关的课程介绍、入学相关规章制度等资料、注册协议、所报考项目院校的规章制度、本协议明确援引的其他协议及紫荆教育已经发布的或将来可能发布的各类协议和规则，系本协议的重要组成部分，与本协议具有同等法律效力。
</p>
<p>
3. 我们有权根据需要不时地制定、修改本协议或各类规则，如本协议有任何变更，<b
>我们将通过www.ezijing.com网站公告的方式提前予以公布，变更后的协议在公告届满30日起生效。</b
>
</p>
<br />
<p><b>入学须知</b></p>
<app-collapse>
<template #title>1.本协议可能涉及以下专用词语：</template>
<p><b>项目院校</b>（是指学员通过紫荆教育所报名的学位项目的合作大学）；</p>
<p>
<b>学分</b
>（学员学习完每一门课程后所获得的分数。不同的课程有不同的分数值。学分是判断学员是否完成课程的标准。根据您所选择的项目课程具体情况予以具体要求，每门课程的考核会因为课程内容和教授的教学要求而不同，具体考核将会结合作业、作业、考试或报告、课程讨论等多部分综合评判，课程任课老师、紫荆教育与学位项目合作大学有是否通过考核的最终评判权）；
</p>
<p>
<b>学制</b
>（是指项目院校对学习年限的规定。根据您所选择的项目课程具体情况予以具体要求；学员应保证充足的学习时间，在规定年限内完成项目课程。）；
</p>
<p>
<b>学位证书</b
>（学员获取项目院校的学位证书，需满足以下条件：符合项目院校学位证书规定的学分数量、通过项目院校学位授予标准及紫荆教育有关考核、不存在违反项目院校的规章制度的行为。另，项目院校不同及学位证书不同，则最低学分要求可能也不同。项目院校及所在的国家地区可能会有附加要求。项目院校对获取学位证书的要求具有最终解释权。）；
</p>
<p><b>校友会</b>（是紫荆教育官方发起的“紫荆校友会”，学员自愿参加。）；</p>
<p>
<b>知识产权</b
>（本协议项下的知识产权包括但不限于商标、专利、著作权。我们对紫荆教育的商号、商标、logo等享有知识产权。为履行本协议，我们在线上平台及线下课程中向您提供的各种形式，包括但不限于文字、软件、声音、图片、录像、表格等的作品，我们都拥有前述作品完整的知识产权；未经我们许可，您不得擅自使用、修改、复制、录像、传播、改变、散布、发行或发表上述内容，无论是否以营利为目的；您的线上课程的账号，只供您本人使用。）。
</p>
</app-collapse>
<p>2.<b>入学项目：</b></p>
<p>
<b
>项目课程为【紫荆教育-美国印第安纳大学Kelley商学院金融硕士（MSinFinance）2021年夏季班】。该项目学制为【15】个月，自当期项目课程开课之日起计算。</b
>如学员因个人原因需要延长学习期限的，须至少提前<b>【3】</b>个月申请延期，批准后方可延期毕业。最长可延期至<b>【60】</b>个月,自所报名的项目课
程原定开课之日起算。
</p>
<p>
<b>课程的总学分为【33】学分，其中必修课【33】学分。先修课3门，不计入学分。</b
>课程成绩未通过需要重修或选修其它课程。重修或选修超规定的学分的，需按学分单价缴纳相关费用。
</p>
<app-collapse>
<template #title>3.<b>教学说明：</b></template>
<p>
（1）课程安排及调整。以我们和项目院校的具体安排为准。为了确保学员获得更好的课程，我们将在认为必要时，可能更新课程安排。
</p>
<p>（2）授课教师安排及调整。我们可能会调整相关课程的任课教师，该教师如与宣传材料不符以实际任课教师为准。</p>
</app-collapse>
<app-collapse>
<template #title>4.<b>费用。</b>本项目学费共计人民币【249800】元整，包含授课费用、证书费用，不包含：</template>
<p>学习期间的交通费、食宿费、邮寄费、书本费等费用；</p>
<p>海外学习、海外毕业典礼等费用；</p>
<p>毕业服装、纪念品、校友会活动等相关费用；</p>
<p>其他本协议未明示包括在学费内的费用。</p>
<p>
贷款。如您需贷款参加学习的，请自行向第三方银行或金融机构申请。请悉知，无论何种情形，我们不会为您与第三方的借贷关系承担连带或担保责任。
</p>
<p>
退费。自缴纳学费成功之日起10个自然日内，因个人原因申请退学的，我们将退还学费的80%。若超过10个自然日再提出退费申请的，将不予退费。
</p>
</app-collapse>
<app-collapse>
<template #title>5.<b>校友会及社群管理（以下将校友会及社群统称为“校友平台”）</b></template>
<p>
<b>自愿参与官方活动。</b
>为了促进学员之间的交流，我们可能分班、分期、分项目组建官方联络组，并组织各种校友线上、线下活动，您可视情况自愿选择参加。
</p>
<p>
<b>活动许可。</b
>为避免涉嫌未经审批的非法聚会的法律风险，未经我们许可，您不得以紫荆教育校友会或社群的官方名义开展各类活动。我们不干预学员之间的非官方交流。但学员不得在类似交流活动中使用紫荆教育的商号、商标、未经注册的标识等能与紫荆教育建立直接关联的素材。学员不得自行申请紫荆教育、项目院校相关的公众号、视频号、头条号等自媒体。
</p>
<p>
<b>禁止事项。</b
>您不得利用校友平台发布任何非法的或违反社会风序良俗的信息及资料，不发布损害紫荆教育声誉及商业利益的信息；不利用校友平台恶意透露其他学员他人隐私、个人信息或资料的；不误导、欺骗其他学员；不从事违反法律法规规定或干扰校友平台正常运营的行为等。
</p>
</app-collapse>
<p>6.<b>双方的权利义务</b></p>
<p>
<b>您需保证：</b
>自愿报名本项目并攻读该项目的学位；所提供的证件及填写的相关信息真实有效；严格遵守项目学校及紫荆教育的各项规章制度；按照紫荆教育专业培养方案的要求积极完成课程学习，并通过考核；不得做出有损项目学校及紫荆教育形象的行为和言论。
</p>
<p>
<b>我们将为您提供以下服务：</b
>就读期间，提供学习指导、学位授予及其他与学习相关的支持与协调工作；负责与项目院校协调、沟通学习情况；在现有技术基础上保障线上课程得以顺利进行。
</p>
<app-collapse>
<template #title>
7.<b>协议的解除与终止。</b>在下列情形下，我们有权终止本协议，已缴纳的学费不予退还。学员因下列行为给我们造成损失的，还应赔偿损失。
</template>
<p>（1）学员报名时伪造身份、学历证件的；</p>
<p>（2）学员违反学术纪律及规章制度的；</p>
<p>（3）学员违反本协议知识产权条款的，包括但不限于违规倒卖课程、违规使用听课账号等；</p>
<p>（4）学员违反校友会、社群规则给紫荆教育或其他学员造成损失或不良声誉的；</p>
<p>（5）其他严重影响紫荆教育或项目院校的声誉或利益的行为。</p>
</app-collapse>
<p>
8.
<b>不可抗力。</b
>因台风、地震、洪水、雷电、恐怖袭击、疫情防控、政治因素、院校调整等不可抗力原因导致线下课程、海外学习等活动无法正常开展的，我们将免于承担一切责任：
</p>
<p>
9.
<b>适用法律与管辖。</b>本协议的订立、效力、解释、履行和争议的解决均受中华人民共和国法律的管辖。<b
>因本协议的解释和履行产生争议的，均应提交北京市海淀区人民法院审理。</b
>
</p>
<p>
10.<b>通知。</b>所有发给学员的通知都可通过电子邮件、常规的信件或在紫荆教育平台网站显著位置公告的方式进行传送。
</p>
</div>
<div class="footer">
<el-checkbox size="medium" v-model="checked" :disabled="!!documentUrl">已阅读并同意上述合同</el-checkbox>
<el-button type="primary" :disabled="disabled" size="medium" @click="handlePrimary">{{ buttonText }}</el-button>
</div>
</div>
</template>
<script>
import AppCollapse from './components/collapse'
import * as api from '@/api/my'
export default {
components: { AppCollapse },
data() {
return {
checked: false,
sign: {},
documentUrl: '',
timer: null
}
},
watch: {
documentUrl: {
immediate: true,
handler(value) {
this.checked = !!value
}
}
},
computed: {
buttonText() {
return this.documentUrl ? '签署完成' : '立即签署'
},
disabled() {
return !this.checked || !!this.documentUrl
}
},
methods: {
createSign() {
api.createSign({ type: 'kelley-agreement' }).then(response => {
const { code, data } = response
if (code === 1) {
this.sign = data
data.flowid && this.getSignDocument(data.flowid)
} else {
this.$message.error('处理签名失败')
}
})
},
getSignDocument(flowid) {
return api.getSignDocument({ flowid, type: 'kelley-agreement' }).then(response => {
const { code, data } = response
if (code === 1) {
this.documentUrl = data.url
}
return response
})
},
setTimer() {
this.timer = setInterval(() => {
this.getSignDocument(this.sign.flowid).then(response => {
if (response.code === 1) {
this.$message({ type: 'success', message: '入学协议已签署完成' })
this.clearTimer()
}
})
}, 5000)
},
clearTimer() {
this.timer && clearInterval(this.timer)
},
handlePrimary() {
if (!this.sign.shortUrl) {
this.$message({ type: 'error', message: '缺少签名地址，请联系管理员' })
return
}
this.setTimer()
this.newWindowPreview(this.sign.shortUrl)
},
// 新窗口预览
newWindowPreview(url) {
const a = document.createElement('a')
a.href = url
a.target = '_blank'
document.body.appendChild(a)
a.click()
a.remove()
}
},
beforeMount() {
this.createSign()
},
destroyed() {
this.clearTimer()
}
}
</script>
<style lang="scss" scoped>
.xy {
h1 {
font-size: 18px;
font-weight: 600;
color: #222;
line-height: 25px;
text-align: center;
padding: 0 0 10px;
}
p {
margin-top: 10px;
font-size: 14px;
line-height: 20px;
color: #222;
}
.content {
height: 248px;
overflow-x: hidden;
overflow-y: auto;
& > p {
padding-left: 20px;
}
}
.footer {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 20px;
padding-top: 20px;
border-top: 1px solid #f1f1f1;
}
}
</style>
modules/my/application/complete.vue 0 → 100644
浏览文件 @ 26f9f8d3
<template>
<el-dialog
title="您当前完成进度如下："
width="348px"
:center="true"
:close-on-click-modal="false"
:visible.sync="dialogVisible"
@open="handleOpen"
@close="handleClose"
>
<div>
<ul v-if="detail">
<li
v-for="item in currentOptions"
:class="progress[item.code].progress === 1 ? 'is-success' : 'is-error'"
:key="item.code"
>
<span class="name">{{ item.title }}</span>
<span class="line"></span>
<span class="status">{{ progress[item.code].progress === 1 ? '已完成' : '未完成' }}</span>
<span class="view" @click="handleView(item.view.to)">立即查看</span>
</li>
</ul>
</div>
<template #footer>
<el-button type="primary" @click="dialogVisible = false">我知道啦</el-button>
</template>
</el-dialog>
</template>
<script>
import * as api from '@/api/my'
export default {
props: { value: { type: Boolean, default: false }, type: { type: Number, default: 0 } },
data() {
return {
dialogVisible: false,
detail: null,
progress: {},
options: [
[
{
title: '个人资料',
code: 'applicaitonInfo',
view: { to: { path: '/my/application', query: { active: 'application_info' } } }
}
// {
// title: '推荐信',
// code: 'applicationTjx',
// view: { to: { path: '/my/application', query: { active: 'application_tjx' } } }
// }
// {
// title: '无犯罪证明',
// code: 'applicationWfzzm',
// view: { to: { path: '/my/application', query: { active: 'application_wfzzm' } } }
// }
],
[
{
title: '毕业证书',
code: 'interviewByzs',
view: { to: { path: '/my/interview', query: { active: 'interview_byzs' } } }
},
{
title: '学位证书',
code: 'interviewXwzs',
view: { to: { path: '/my/interview', query: { active: 'interview_xwzs' } } }
},
// {
// title: '学位证书英文证明',
// code: 'interviewXwzsEnglish',
// view: { to: { path: '/my/interview', query: { active: 'interview_xwzsywzm' } } }
// },
{
title: '英文简历',
code: 'interviewYwjl',
view: { to: { path: '/my/interview', query: { active: 'interview_ywjl' } } }
},
{
title: '2寸照片',
code: 'interviewZp',
view: { to: { path: '/my/interview', query: { active: 'interview_zp' } } }
}
// {
// title: '成绩单',
// code: 'interviewCjd',
// view: { to: { path: '/my/interview', query: { active: 'interview_cjd' } } }
// },
// {
// title: '推荐信',
// code: 'interviewTjx',
// view: { to: { path: '/my/application', query: { active: 'application_tjx' } } }
// }
]
]
}
},
watch: {
value: {
immediate: true,
handler(value) {
this.dialogVisible = value
}
}
},
computed: {
currentOptions() {
return this.options[this.type]
}
},
methods: {
// 获取报名信息
getApplication() {
api.getApplication(this.$route.query).then(response => {
const { data, error, message } = response
if (error.toString() === '0') {
const { progress } = data
this.detail = data
const fillingMissedRequiredList = progress.FILLING.attachments.missed_required_list
// 个人资料
const applicaitonInfo = { progress: 0 }
const infoRequriedList = ['basic_info', 'educations', 'careers', 'answers']
for (const key of infoRequriedList) {
if (progress.FILLING[key].progress < 1) {
applicaitonInfo.progress = 0
break
}
applicaitonInfo.progress = 1
}
if (applicaitonInfo.progress === 1 && !fillingMissedRequiredList.ID_CARD_PHOTO) {
applicaitonInfo.progress = 1
} else {
applicaitonInfo.progress = 0
}
// 推荐信
const applicationTjx = { progress: 0 }
applicationTjx.progress = progress.FILLING.reco_letters ? progress.FILLING.reco_letters.progress : 0
// 无犯罪证明
const applicationWfzzm = { progress: 0 }
applicationWfzzm.progress = fillingMissedRequiredList.NO_CRIMINAL_CERT ? 0 : 1
const missedRequiredList = progress.INTERVIEW_APPLICATION.attachments.missed_required_list
// 2寸照片
const interviewZp = { progress: 0 }
interviewZp.progress = missedRequiredList.PERSONAL_PHOTO_FOR_ID ? 0 : 1
// 毕业证书
const interviewByzs = { progress: 0 }
interviewByzs.progress = missedRequiredList.DIPLOMA_CN ? 0 : 1
// 学位证书
const interviewXwzs = { progress: 0 }
interviewXwzs.progress = missedRequiredList.DEGREE_CERT_CN ? 0 : 1
// 学位证书英文
const interviewXwzsEnglish = { progress: 0 }
interviewXwzsEnglish.progress = missedRequiredList.DEGREE_CERT_EN ? 0 : 1
// 英文简历
const interviewYwjl = { progress: 0 }
interviewYwjl.progress = missedRequiredList.RESUME_EN ? 0 : 1
// 成绩单
const interviewCjd = { progress: 0 }
interviewCjd.progress = missedRequiredList.REPORT_CARD_CN || missedRequiredList.REPORT_CARD_EN ? 0 : 1
// 推荐信
const interviewTjx = { progress: 0 }
interviewTjx.progress = progress.INTERVIEW_APPLICATION.reco_letters
? progress.INTERVIEW_APPLICATION.reco_letters.progress
: 0
this.progress = {
applicaitonInfo,
applicationTjx,
applicationWfzzm,
interviewZp,
interviewByzs,
interviewXwzs,
interviewXwzsEnglish,
interviewYwjl,
interviewCjd,
interviewTjx
}
} else {
this.$message.error(message)
}
})
},
handleView(to) {
this.dialogVisible = false
this.$router.push(to)
},
handleOpen() {
this.getApplication()
},
handleClose() {
this.$emit('input', this.dialogVisible)
}
}
}
</script>
<style lang="scss" scoped>
li {
padding: 10px 0;
display: flex;
align-items: center;
}
.name {
width: 80px;
text-align: right;
}
.line {
width: 40px;
height: 1px;
margin: 0 10px;
background-color: #ccc;
}
.is-success {
.status {
color: #33c011;
}
}
.is-error {
.status {
color: #af1b40;
}
}
.view {
margin-left: 40px;
color: #57acff;
text-decoration: underline;
cursor: pointer;
}
</style>
modules/my/application/components/h5Pay.vue 0 → 100644
浏览文件 @ 26f9f8d3
<template>
<div class="h5pay">
<el-button type="primary" @click="handlePay">去支付</el-button>
</div>
</template>
<script>
import * as api from '@/api/my'
export default {
data() {
return {
openId: window.localStorage.getItem('open_id')
}
},
computed: {
pageUrl() {
return window.location.origin + this.$route.path + '?active=application_pay'
}
},
methods: {
// 获取订单
getOrder(callback) {
api.getOrder({ wx_open_id: this.openId, payment_method: 'WX_PAY' }).then(response => {
const { data, error, message } = response
if (error.toString() === '0') {
this.order = data
this.$emit('update', this.order)
callback && callback(this.order)
} else {
this.$message.error(message)
}
})
},
// 获取微信code
getCode() {
const redirectURI = `https://pages.ezijing.com/given/auth.html?redirect_uri=${encodeURIComponent(this.pageUrl)}`
window.location.href = `https://open.weixin.qq.com/connect/oauth2/authorize?appid=wx451c01d40d090d7a&redirect_uri=${redirectURI}&response_type=code&scope=snsapi_base#wechat_redirect`
},
// 获取微信openid
getOpenId(code) {
api.getOpenId({ code, identity: 'ezijing' }).then(response => {
if (response.code === 0) {
this.openId = response.openid
window.localStorage.setItem('open_id', this.openId)
this.getOrder()
} else {
this.getCode()
}
})
},
// 去支付
handlePay() {
this.getOrder(() => {
window.location.href = `https://web-pay.ezijing.com/wxpay/h5?prepay_id=${this.order.wx_prepay_id}&open_id=${
this.openId
}&redirect_uri=${encodeURIComponent(this.pageUrl)}`
})
}
},
beforeMount() {
if (!this.openId) {
const { code } = this.$route.query
code ? this.getOpenId(code) : this.getCode()
}
}
}
</script>
<style scoped>
.h5pay {
padding: 40px;
text-align: center;
}
</style>
modules/my/application/components/qrcodePay.vue 0 → 100644
浏览文件 @ 26f9f8d3
<template>
<div class="qrpay">
<div class="qrpay-hd">
<div class="pic">
<img src="https://webapp-pub.ezijing.com/project/application/images/my_pay_01.png" />
</div>
<h1>欢迎您</h1>
<p class="t1">
紫荆-印第安纳大学Kelley商学院金融硕士（MSF）项目申请费<span>700</span>元，请扫描二维码支付完成报名。
</p>
</div>
<div class="qrcode-error" v-if="qrcodeError">
生成二维码失败请刷新<i class="el-icon-refresh-left" @click="getOrder" title="刷新"></i>
</div>
<div class="qrcode" v-else>
<qrcode-vue :value="qrcodeValue" size="100"></qrcode-vue>
<span @click="getOrder">刷新</span>
</div>
</div>
</template>
<script>
import QrcodeVue from 'qrcode.vue'
import * as api from '@/api/my'
export default {
components: { QrcodeVue },
data() {
return {
order: { id: '', payment_url: '' },
qrcodeError: false
}
},
computed: {
// 二维码地址
qrcodeValue() {
return this.order.payment_url
}
},
methods: {
// 获取订单
getOrder() {
api.getOrder({ payment_method: 'WX_PAY_QR' }).then(response => {
const { data, error, message } = response
this.qrcodeError = error.toString() === '1'
if (error.toString() === '0') {
this.order = data
this.$emit('update', this.order)
} else {
this.$message.error(message)
}
})
}
},
beforeMount() {
this.getOrder()
}
}
</script>
<style lang="scss" scoped>
.qrpay-hd {
.pic {
text-align: center;
}
h1 {
padding: 10px 0;
font-size: 24px;
font-weight: 500;
color: #222;
line-height: 1;
text-align: center;
}
}
.qrcode {
padding: 20px 0;
text-align: center;
span {
margin-top: 10px;
font-size: 12px;
color: #999;
cursor: pointer;
}
}
.qrcode-error {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
width: 100px;
height: 100px;
padding: 10px;
margin: 20px auto;
color: var(--main-color);
border-style: dashed;
border-width: 1px;
border-color: var(--main-color);
box-sizing: border-box;
text-align: center;
i {
margin-top: 10px;
cursor: pointer;
}
}
.t1 {
font-size: 14px;
color: #303030;
line-height: 20px;
text-align: center;
span {
color: #ffa448;
}
}
</style>
modules/my/application/form/declare.js 0 → 100644
浏览文件 @ 26f9f8d3
/**
* 申请声明
*/
export default function(_this) {
return {
id: 'application_declare',
title: '申请声明',
visible() {
return _this.visible
},
get: {
action: `${webConf.apiBaseURL}/enrollment/v1.0/application-materials/${webConf.others.projectId}`,
callback(data) {
const { submission_stage: submissionStage = 'FILLING' } = data.data.material
const isSubmited = submissionStage !== 'FILLING'
this.form.options.disabled = isSubmited
if (isSubmited) {
return { isAgree: [1] }
}
return { isAgree: [] }
}
},
update: {
action: `${webConf.apiBaseURL}/enrollment/v1.0/application-materials/submit/${webConf.others.projectId}`,
callback() {
_this.getApplication()
this.form.options.disabled = true
_this.$router.push({ path: this.$route.path, query: { active: 'application_pay' } })
// _this.$router.push({ path: '/my/interview' })
},
errorCallback() {
_this.completeVisible = true
}
},
form: {
prev: { to: { query: { active: 'application_info', tab: 'application_info_honor' } } },
submitText: '提交报名申请',
model: { isAgree: [] },
options: {},
items: [
{
type: 'v-checkbox',
values: [{ label: '同意', value: 1 }],
model: 'isAgree',
rules: [{ required: true, message: '请阅读协议', trigger: 'change' }],
prepend:
'<p>我提供的所有报名材料信息皆准确和完整。我同意在需要的情况下提交原件以确认我的报名资格。由于报名材料中的虚假、错误信息或重大遗漏导致不录取或取消学籍的后果由我个人承担。 我理解并同意所有报名材料归紫荆教育所有，无论考生录取与否均不退回。我授权紫荆教育使用报名表中的信息查询本人学习和工作记录。</p>'
}
]
}
}
}
modules/my/application/form/index.js 0 → 100644
浏览文件 @ 26f9f8d3
import info from './info'
// import tjx from './tjx'
// import wfzsm from './wfzzm'
import declare from './declare'
export default function(_this) {
return {
id: 'application',
title: '报名申请',
children: [
info(_this),
// tjx(_this),
// wfzsm(_this),
declare(_this),
{
id: 'application_pay',
title: '缴报名费',
show: false,
visible() {
return _this.visible
}
}
]
}
}
modules/my/application/form/info.js 0 → 100644
浏览文件 @ 26f9f8d3
import first from './info/first'
import profile from './info/profile'
import education from './info/education'
import career from './info/career'
import honor from './info/honor'
import training from './info/training'
import answer from './info/answer'
export default function(_this) {
return {
id: 'application_info',
title: '个人资料',
tabs: [first(_this), profile(_this), education(_this), career(_this), answer(_this), training(_this), honor(_this)]
}
}
modules/my/application/form/info/answer.js 0 → 100644
浏览文件 @ 26f9f8d3
/**
* 学习目的
*/
export default function(_this) {
return {
id: 'application_info_answer',
title: '学习目的',
required: true,
visible() {
return _this.visible
},
get: {
action: `${webConf.apiBaseURL}/enrollment/v1.0/application-materials/${webConf.others.projectId}`,
callback(data) {
const { answers = [], submission_stage: submissionStage = 'FILLING' } = data.data.material
this.form.options.disabled = submissionStage !== 'FILLING'
const [first = {}, second = {}] = answers
return {
qid1: first.qid || '1',
question1: '您为什么要申请美国印第安纳大学Kelley商学院金融学硕士项目?(200字以上，1000字以内)',
answer1: first.answer,
qid2: second.qid || '2',
question2: '您的短期和长期职业发展目标是什么?您打算如何达成此愿景?(200字以上，1000字以内)',
answer2: second.answer
}
}
},
update: {
action: `${webConf.apiBaseURL}/enrollment/v1.0/application-materials/${webConf.others.projectId}/put`,
beforeRequest(data) {
return {
answers: [
{ qid: data.qid1, question: data.question1, answer: data.answer1 },
{ qid: data.qid2, question: data.question2, answer: data.answer2 }
]
}
}
},
form: {
prev: { to: { query: { active: 'application_info', tab: 'application_info_career' } }, isSubmit: true },
next: { to: { query: { active: 'application_info', tab: 'application_info_training' } }, isSubmit: true },
options: {},
items: [
{
type: 'v-input',
label: '您为什么要申请美国印第安纳大学Kelley商学院金融学硕士项目?(200字以上，1000字以内)',
model: 'answer1',
attrs: { type: 'textarea', rows: '8', maxlength: '1000', style: 'width:100%' },
rules: [
{ required: true, message: '请输入', trigger: 'blur' },
{ min: 200, max: 1000, message: '长度在 200 到 1000 个字符', trigger: 'blur' }
]
},
{
type: 'v-input',
label: '您的短期和长期职业发展目标是什么?您打算如何达成此愿景?(200字以上，1000字以内)',
model: 'answer2',
attrs: { type: 'textarea', rows: '8', maxlength: '1000', style: 'width:100%' },
rules: [
{ required: true, message: '请输入', trigger: 'blur' },
{ min: 200, max: 1000, message: '长度在 200 到 1000 个字符', trigger: 'blur' }
]
}
]
}
}
}
modules/my/application/form/info/career.js 0 → 100644
浏览文件 @ 26f9f8d3
/**
* 工作经验
*/
export default function(_this) {
return {
id: 'application_info_career',
title: '工作经验',
required: true,
visible() {
return _this.visible
},
get: {
action: `${webConf.apiBaseURL}/enrollment/v1.0/application-materials/${webConf.others.projectId}`,
callback(data) {
const { careers: list = [], submission_stage: submissionStage = 'FILLING' } = data.data.material
this.form.options.disabled = submissionStage !== 'FILLING'
return list.length ? list : [{}]
}
},
update: {
action: `${webConf.apiBaseURL}/enrollment/v1.0/application-materials/${webConf.others.projectId}/put`,
beforeRequest(data) {
const careers = data.map(item => {
return [
'start_date',
'end_date',
'company_name_cn',
'industry',
'dept_cn',
'position_cn',
'job_desc_cn'
].reduce((result, key) => {
result[key] = item[key]
return result
}, {})
})
return { careers }
}
},
form: {
prev: { to: { query: { active: 'application_info', tab: 'application_info_education' } }, isSubmit: true },
next: { to: { query: { active: 'application_info', tab: 'application_info_answer' } }, isSubmit: true },
hasAdd: true,
options: { labelWidth: '140px' },
items: [
{
type: 'v-datepicker',
label: '开始时间',
model: 'start_date',
attrs: {
type: 'month',
placeholder: '请选择工作开始时间',
valueFormat: 'yyyy-MM'
},
rules: [{ required: true, message: '请选择工作开始时间', trigger: 'blur' }]
},
{
type: 'v-datepicker',
label: '结束时间',
model: 'end_date',
attrs: {
type: 'month',
placeholder: '请选择工作结束时间',
valueFormat: 'yyyy-MM'
},
rules: [{ required: true, message: '请选择工作结束时间', trigger: 'blur' }]
},
{
type: 'v-input',
label: '工作单位',
model: 'company_name_cn',
attrs: { placeholder: '请输入工作单位' },
rules: [{ required: true, message: '请输入工作单位', trigger: 'blur' }]
},
{
type: 'v-select',
values: [
{ value: '互联网/电子商务' },
{ value: '基金/证券/期货/投资' },
{ value: '保险' },
{ value: '银行' },
{ value: '信托/担保/拍卖/典当' },
{ value: '计算机软件' },
{ value: 'IT服务(系统/数据/维护)' },
{ value: '电子技术/半导体/集成电路' },
{ value: '计算机硬件' },
{ value: '通信/电信/网络设备' },
{ value: '通信/电信运营、增值服务' },
{ value: '网络游戏' },
{ value: '房地产/建筑/建材/工程' },
{ value: '家居/室内设计/装饰装潢' },
{ value: '物业管理/商业中心' },
{ value: '专业服务/咨询(财会/法律/人力资源等)' },
{ value: '广告/会展/公关' },
{ value: '中介服务' },
{ value: '检验/检测/认证' },
{ value: '外包服务' },
{ value: '快速消费品（食品/饮料/烟酒/日化）' },
{ value: '耐用消费品（服饰/纺织/皮革/家具/家电）' },
{ value: '贸易/进出口' },
{ value: '零售/批发' },
{ value: '租赁服务' },
{ value: '教育/培训/院校' },
{ value: '礼品/玩具/工艺美术/收藏品/奢侈品' },
{ value: '汽车/摩托车' },
{ value: '大型设备/机电设备/重工业' },
{ value: '加工制造（原料加工/模具）' },
{ value: '仪器仪表及工业自动化' },
{ value: '印刷/包装/造纸' },
{ value: '办公用品及设备' },
{ value: '医药/生物工程' },
{ value: '医疗设备/器械' },
{ value: '航空/航天研究与制造' },
{ value: '交通/运输,物流/仓储' },
{ value: '医疗/护理/美容/保健/卫生服务' },
{ value: '酒店/餐饮,旅游/度假,媒体/出版/影视/文化传播' },
{ value: '娱乐/体育/休闲' },
{ value: '能源/矿产/采掘/冶炼' },
{ value: '石油/石化/化工,电气/电力/水利' },
{ value: '环保' },
{ value: '政府/公共事业/非盈利机构' },
{ value: '学术/科研,农/林/牧/渔跨领域经营' },
{ value: '其他' }
],
label: '行业类别',
model: 'industry',
rules: [{ required: true, message: '请选择行业类别', trigger: 'change' }]
},
{
type: 'v-input',
label: '工作部门',
model: 'dept_cn',
attrs: { placeholder: '请输入工作部门' },
rules: [{ required: true, message: '请输入工作部门', trigger: 'blur' }]
},
{
type: 'v-input',
label: '工作职位',
model: 'position_cn',
attrs: { placeholder: '请输入工作职位' },
rules: [{ required: true, message: '请输入工作职位', trigger: 'blur' }]
},
{
type: 'v-input',
label: '工作描述',
model: 'job_desc_cn',
attrs: {
type: 'textarea',
placeholder: '请输入工作描述',
rows: '8',
maxlength: '3000'
},
rules: [{ required: true, message: '请输入工作描述', trigger: 'blur' }]
}
]
}
}
}
modules/my/application/form/info/country.js 0 → 100644
浏览文件 @ 26f9f8d3
export default [
{ label: '中国', value: '中国' },
{ label: '阿富汗', value: '阿富汗' },
{ label: '奥兰群岛', value: '奥兰群岛' },
{ label: '阿尔巴尼亚', value: '阿尔巴尼亚' },
{ label: '阿尔及利亚', value: '阿尔及利亚' },
{ label: '美属萨摩亚', value: '美属萨摩亚' },
{ label: '安道尔', value: '安道尔' },
{ label: '安哥拉', value: '安哥拉' },
{ label: '安圭拉', value: '安圭拉' },
{ label: '安提瓜和巴布达', value: '安提瓜和巴布达' },
{ label: '阿根廷', value: '阿根廷' },
{ label: '亚美尼亚', value: '亚美尼亚' },
{ label: '阿鲁巴', value: '阿鲁巴' },
{ label: '澳大利亚', value: '澳大利亚' },
{ label: '奥地利', value: '奥地利' },
{ label: '阿塞拜疆', value: '阿塞拜疆' },
{ label: '孟加拉', value: '孟加拉' },
{ label: '巴林', value: '巴林' },
{ label: '巴哈马', value: '巴哈马' },
{ label: '巴巴多斯', value: '巴巴多斯' },
{ label: '白俄罗斯', value: '白俄罗斯' },
{ label: '比利时', value: '比利时' },
{ label: '伯利兹', value: '伯利兹' },
{ label: '贝宁', value: '贝宁' },
{ label: '百慕大', value: '百慕大' },
{ label: '不丹', value: '不丹' },
{ label: '玻利维亚', value: '玻利维亚' },
{ label: '波斯尼亚和黑塞哥维那', value: '波斯尼亚和黑塞哥维那' },
{ label: '博茨瓦纳', value: '博茨瓦纳' },
{ label: '布维岛', value: '布维岛' },
{ label: '巴西', value: '巴西' },
{ label: '文莱', value: '文莱' },
{ label: '保加利亚', value: '保加利亚' },
{ label: '布基纳法索', value: '布基纳法索' },
{ label: '布隆迪', value: '布隆迪' },
{ label: '柬埔寨', value: '柬埔寨' },
{ label: '喀麦隆', value: '喀麦隆' },
{ label: '加拿大', value: '加拿大' },
{ label: '佛得角', value: '佛得角' },
{ label: '中非', value: '中非' },
{ label: '乍得', value: '乍得' },
{ label: '智利', value: '智利' },
{ label: '圣诞岛', value: '圣诞岛' },
{ label: '科科斯（基林）群岛', value: '科科斯（基林）群岛' },
{ label: '哥伦比亚', value: '哥伦比亚' },
{ label: '科摩罗', value: '科摩罗' },
{ label: '刚果（金）', value: '刚果（金）' },
{ label: '刚果', value: '刚果' },
{ label: '库克群岛', value: '库克群岛' },
{ label: '哥斯达黎加', value: '哥斯达黎加' },
{ label: '科特迪瓦', value: '科特迪瓦' },
{ label: '克罗地亚', value: '克罗地亚' },
{ label: '古巴', value: '古巴' },
{ label: '捷克', value: '捷克' },
{ label: '塞浦路斯', value: '塞浦路斯' },
{ label: '丹麦', value: '丹麦' },
{ label: '吉布提', value: '吉布提' },
{ label: '多米尼加', value: '多米尼加' },
{ label: '厄瓜多尔', value: '厄瓜多尔' },
{ label: '埃及', value: '埃及' },
{ label: '赤道几内亚', value: '赤道几内亚' },
{ label: '厄立特里亚', value: '厄立特里亚' },
{ label: '爱沙尼亚', value: '爱沙尼亚' },
{ label: '埃塞俄比亚', value: '埃塞俄比亚' },
{ label: '法罗群岛', value: '法罗群岛' },
{ label: '斐济', value: '斐济' },
{ label: '芬兰', value: '芬兰' },
{ label: '法国', value: '法国' },
{ label: '法国大都会', value: '法国大都会' },
{ label: '法属圭亚那', value: '法属圭亚那' },
{ label: '法属波利尼西亚', value: '法属波利尼西亚' },
{ label: '加蓬', value: '加蓬' },
{ label: '冈比亚', value: '冈比亚' },
{ label: '格鲁吉亚', value: '格鲁吉亚' },
{ label: '德国', value: '德国' },
{ label: '加纳', value: '加纳' },
{ label: '直布罗陀', value: '直布罗陀' },
{ label: '希腊', value: '希腊' },
{ label: '格林纳达', value: '格林纳达' },
{ label: '瓜德罗普岛', value: '瓜德罗普岛' },
{ label: '关岛', value: '关岛' },
{ label: '危地马拉', value: '危地马拉' },
{ label: '根西岛', value: '根西岛' },
{ label: '几内亚比绍', value: '几内亚比绍' },
{ label: '几内亚', value: '几内亚' },
{ label: '圭亚那', value: '圭亚那' },
{ label: '海地', value: '海地' },
{ label: '洪都拉斯', value: '洪都拉斯' },
{ label: '匈牙利', value: '匈牙利' },
{ label: '冰岛', value: '冰岛' },
{ label: '印度', value: '印度' },
{ label: '印度尼西亚', value: '印度尼西亚' },
{ label: '伊朗', value: '伊朗' },
{ label: '伊拉克', value: '伊拉克' },
{ label: '爱尔兰', value: '爱尔兰' },
{ label: '马恩岛', value: '马恩岛' },
{ label: '以色列', value: '以色列' },
{ label: '意大利', value: '意大利' },
{ label: '牙买加', value: '牙买加' },
{ label: '日本', value: '日本' },
{ label: '泽西岛', value: '泽西岛' },
{ label: '约旦', value: '约旦' },
{ label: '哈萨克斯坦', value: '哈萨克斯坦' },
{ label: '肯尼亚', value: '肯尼亚' },
{ label: '基里巴斯', value: '基里巴斯' },
{ label: '韩国', value: '韩国' },
{ label: '朝鲜', value: '朝鲜' },
{ label: '科威特', value: '科威特' },
{ label: '吉尔吉斯斯坦', value: '吉尔吉斯斯坦' },
{ label: '老挝', value: '老挝' },
{ label: '拉脱维亚', value: '拉脱维亚' },
{ label: '黎巴嫩', value: '黎巴嫩' },
{ label: '莱索托', value: '莱索托' },
{ label: '利比里亚', value: '利比里亚' },
{ label: '利比亚', value: '利比亚' },
{ label: '列支敦士登', value: '列支敦士登' },
{ label: '立陶宛', value: '立陶宛' },
{ label: '卢森堡', value: '卢森堡' },
{ label: '马其顿', value: '马其顿' },
{ label: '马拉维', value: '马拉维' },
{ label: '马来西亚', value: '马来西亚' },
{ label: '马达加斯加', value: '马达加斯加' },
{ label: '马尔代夫', value: '马尔代夫' },
{ label: '马里', value: '马里' },
{ label: '马耳他', value: '马耳他' },
{ label: '马绍尔群岛', value: '马绍尔群岛' },
{ label: '马提尼克岛', value: '马提尼克岛' },
{ label: '毛里塔尼亚', value: '毛里塔尼亚' },
{ label: '毛里求斯', value: '毛里求斯' },
{ label: '马约特', value: '马约特' },
{ label: '墨西哥', value: '墨西哥' },
{ label: '密克罗尼西亚', value: '密克罗尼西亚' },
{ label: '摩尔多瓦', value: '摩尔多瓦' },
{ label: '摩纳哥', value: '摩纳哥' },
{ label: '蒙古', value: '蒙古' },
{ label: '黑山', value: '黑山' },
{ label: '蒙特塞拉特', value: '蒙特塞拉特' },
{ label: '摩洛哥', value: '摩洛哥' },
{ label: '莫桑比克', value: '莫桑比克' },
{ label: '缅甸', value: '缅甸' },
{ label: '纳米比亚', value: '纳米比亚' },
{ label: '瑙鲁', value: '瑙鲁' },
{ label: '尼泊尔', value: '尼泊尔' },
{ label: '荷兰', value: '荷兰' },
{ label: '新喀里多尼亚', value: '新喀里多尼亚' },
{ label: '新西兰', value: '新西兰' },
{ label: '尼加拉瓜', value: '尼加拉瓜' },
{ label: '尼日尔', value: '尼日尔' },
{ label: '尼日利亚', value: '尼日利亚' },
{ label: '纽埃', value: '纽埃' },
{ label: '诺福克岛', value: '诺福克岛' },
{ label: '挪威', value: '挪威' },
{ label: '阿曼', value: '阿曼' },
{ label: '巴基斯坦', value: '巴基斯坦' },
{ label: '帕劳', value: '帕劳' },
{ label: '巴勒斯坦', value: '巴勒斯坦' },
{ label: '巴拿马', value: '巴拿马' },
{ label: '巴布亚新几内亚', value: '巴布亚新几内亚' },
{ label: '秘鲁', value: '秘鲁' },
{ label: '菲律宾', value: '菲律宾' },
{ label: '皮特凯恩群岛', value: '皮特凯恩群岛' },
{ label: '波兰', value: '波兰' },
{ label: '葡萄牙', value: '葡萄牙' },
{ label: '波多黎各', value: '波多黎各' },
{ label: '卡塔尔', value: '卡塔尔' },
{ label: '留尼汪岛', value: '留尼汪岛' },
{ label: '罗马尼亚', value: '罗马尼亚' },
{ label: '卢旺达', value: '卢旺达' },
{ label: '俄罗斯联邦', value: '俄罗斯联邦' },
{ label: '圣赫勒拿', value: '圣赫勒拿' },
{ label: '圣基茨和尼维斯', value: '圣基茨和尼维斯' },
{ label: '圣卢西亚', value: '圣卢西亚' },
{ label: '圣文森特和格林纳丁斯', value: '圣文森特和格林纳丁斯' },
{ label: '萨尔瓦多', value: '萨尔瓦多' },
{ label: '萨摩亚', value: '萨摩亚' },
{ label: '圣马力诺', value: '圣马力诺' },
{ label: '圣多美和普林西比', value: '圣多美和普林西比' },
{ label: '沙特阿拉伯', value: '沙特阿拉伯' },
{ label: '塞内加尔', value: '塞内加尔' },
{ label: '塞舌尔', value: '塞舌尔' },
{ label: '塞拉利昂', value: '塞拉利昂' },
{ label: '新加坡', value: '新加坡' },
{ label: '塞尔维亚', value: '塞尔维亚' },
{ label: '斯洛伐克', value: '斯洛伐克' },
{ label: '斯洛文尼亚', value: '斯洛文尼亚' },
{ label: '所罗门群岛', value: '所罗门群岛' },
{ label: '索马里', value: '索马里' },
{ label: '南非', value: '南非' },
{ label: '西班牙', value: '西班牙' },
{ label: '斯里兰卡', value: '斯里兰卡' },
{ label: '苏丹', value: '苏丹' },
{ label: '苏里南', value: '苏里南' },
{ label: '斯威士兰', value: '斯威士兰' },
{ label: '瑞典', value: '瑞典' },
{ label: '瑞士', value: '瑞士' },
{ label: '叙利亚', value: '叙利亚' },
{ label: '塔吉克斯坦', value: '塔吉克斯坦' },
{ label: '坦桑尼亚', value: '坦桑尼亚' },
{ label: '泰国', value: '泰国' },
{ label: '特立尼达和多巴哥', value: '特立尼达和多巴哥' },
{ label: '东帝汶', value: '东帝汶' },
{ label: '多哥', value: '多哥' },
{ label: '托克劳', value: '托克劳' },
{ label: '汤加', value: '汤加' },
{ label: '突尼斯', value: '突尼斯' },
{ label: '土耳其', value: '土耳其' },
{ label: '土库曼斯坦', value: '土库曼斯坦' },
{ label: '图瓦卢', value: '图瓦卢' },
{ label: '乌干达', value: '乌干达' },
{ label: '乌克兰', value: '乌克兰' },
{ label: '阿拉伯联合酋长国', value: '阿拉伯联合酋长国' },
{ label: '英国', value: '英国' },
{ label: '美国', value: '美国' },
{ label: '乌拉圭', value: '乌拉圭' },
{ label: '乌兹别克斯坦', value: '乌兹别克斯坦' },
{ label: '瓦努阿图', value: '瓦努阿图' },
{ label: '梵蒂冈', value: '梵蒂冈' },
{ label: '委内瑞拉', value: '委内瑞拉' },
{ label: '越南', value: '越南' },
{ label: '瓦利斯群岛和富图纳群岛', value: '瓦利斯群岛和富图纳群岛' },
{ label: '西撒哈拉', value: '西撒哈拉' },
{ label: '也门', value: '也门' },
{ label: '南斯拉夫', value: '南斯拉夫' },
{ label: '赞比亚', value: '赞比亚' },
{ label: '津巴布韦', value: '津巴布韦' }
]
modules/my/application/form/info/education.js 0 → 100644
浏览文件 @ 26f9f8d3
/**
* 教育背景
*/
export default function(_this) {
return {
id: 'application_info_education',
title: '教育背景',
required: true,
visible() {
return _this.visible
},
get: {
action: `${webConf.apiBaseURL}/enrollment/v1.0/application-materials/${webConf.others.projectId}`,
callback(data) {
const { educations: list = [], submission_stage: submissionStage = 'FILLING' } = data.data.material
this.form.options.disabled = submissionStage !== 'FILLING'
return list.length ? list : [{}]
}
},
update: {
action: `${webConf.apiBaseURL}/enrollment/v1.0/application-materials/${webConf.others.projectId}/put`,
beforeRequest(data) {
const educations = data.map(item => {
return ['start_date', 'end_date', 'school_name_cn', 'major_cn', 'degree'].reduce((result, key) => {
result[key] = item[key]
return result
}, {})
})
return { educations }
}
},
form: {
prev: { to: { query: { active: 'application_info', tab: 'application_info_profile' } }, isSubmit: true },
next: { to: { query: { active: 'application_info', tab: 'application_info_career' } }, isSubmit: true },
hasAdd: true,
options: { labelWidth: '140px' },
items: [
{
type: 'v-datepicker',
label: '开始时间',
model: 'start_date',
attrs: {
type: 'month',
placeholder: '请选择教育开始时间',
valueFormat: 'yyyy-MM'
},
rules: [{ required: true, message: '请选择教育开始时间', trigger: 'blur' }]
},
{
type: 'v-datepicker',
label: '结束时间',
model: 'end_date',
attrs: {
type: 'month',
placeholder: '请选择教育结束时间',
valueFormat: 'yyyy-MM'
},
rules: [{ required: true, message: '请选择教育结束时间', trigger: 'blur' }]
},
{
type: 'v-input',
label: '学校名称',
model: 'school_name_cn',
attrs: { placeholder: '请输入学校名称' },
rules: [{ required: true, message: '请输入学校名称', trigger: 'blur' }]
},
{
type: 'v-input',
label: '专业名称',
model: 'major_cn',
attrs: { placeholder: '请输入专业名称' },
rules: [{ required: true, message: '请输入专业名称', trigger: 'blur' }]
},
{
type: 'v-select',
values: [
{ value: '专科' },
{ value: '本科' },
{ value: '本科/学士' },
{ value: '硕士研究生' },
{ value: '研究生/硕士' },
{ value: '博士研究生' },
{ value: '研究生/博士' },
{ value: '其他' }
],
label: '学历/学位',
model: 'degree',
rules: [{ required: true, message: '请选择学历/学位', trigger: 'change' }]
}
]
}
}
}
modules/my/application/form/info/first.js 0 → 100644
浏览文件 @ 26f9f8d3
/**
* 个人信息
*/
export default function(_this) {
return {
id: 'application_info_first',
title: '个人信息',
required: true,
visible() {
return this.tabActive === 'application_info_first'
},
get: {
action: `${webConf.apiBaseURL}/enrollment/v1.0/application-materials/${webConf.others.projectId}`,
callback(data) {
const {
basic_info: basicInfo = {},
attachments = [],
submission_stage: submissionStage = 'FILLING'
} = data.data.material
this.form.options.disabled = submissionStage !== 'FILLING'
const attachment = attachments.reduce(
(result, item) => {
const types = ['ID_CARD_FRONT', 'ID_CARD_BACK', 'HK_ID_CARD', 'PASSPORT', 'OTHER_ID_CARD_PHOTO']
types.forEach(type => {
if (item.file_type_id === type) {
result[type].push(item)
}
})
return result
},
{ ID_CARD_FRONT: [], ID_CARD_BACK: [], HK_ID_CARD: [], PASSPORT: [], OTHER_ID_CARD_PHOTO: [] }
)
basicInfo.id_type = basicInfo.id_type === '护照' ? '中国护照' : basicInfo.id_type
return Object.assign({}, basicInfo, attachment)
}
},
update: {
action: `${webConf.apiBaseURL}/enrollment/v1.0/application-materials/${webConf.others.projectId}/put`,
beforeRequest(data) {
const basicInfo = ['phone_number', 'email', 'id_type'].reduce((result, key) => {
result[key] = data[key]
return result
}, {})
return { basic_info: basicInfo }
}
},
form: {
hasButton: false,
next: { to: { query: { active: 'application_info', tab: 'application_info_profile' } }, isSubmit: true },
options: { labelWidth: '140px' },
items: [
{
type: 'v-input',
label: '手机号',
model: 'phone_number',
attrs: { placeholder: '请输入手机号', maxlength: 11 },
rules: [{ required: true, pattern: /^1[3-9]\d{9}$/, message: '请输入手机号', trigger: 'blur' }]
},
{
type: 'v-input',
label: '邮箱',
model: 'email',
attrs: { placeholder: '请输入邮箱' },
rules: [{ type: 'email', required: true, message: '请输入邮箱', trigger: 'blur' }]
},
{
type: 'v-select',
values: [{ value: '居民身份证' }, { value: '港澳台身份证' }, { value: '中国护照' }, { value: '其他' }],
label: '证件类型',
model: 'id_type',
attrs: { placeholder: '请选择证件类型' },
rules: [{ required: true, message: '请选择证件类型', trigger: 'change' }]
},
// 身份证照片(背面)
{
type: 'v-upload',
label: '身份证人像面',
model: 'ID_CARD_BACK',
attrs: {
action: `${webConf.apiBaseURL}/enrollment/v1.0/application-materials/attachments/${webConf.others.projectId}/put`,
deleteAction: `${webConf.apiBaseURL}/enrollment/v1.0/application-materials/attachments/${webConf.others.projectId}/delete`,
data: { file_type: 'ID_CARD_BACK' },
limit: 1,
accept: 'image/*',
image: 'https://zws-imgs-pub.oss-cn-beijing.aliyuncs.com/pc/cu/id_card_back.png'
},
rules: [{ type: 'array', required: true, message: '请上传身份证照片人像面', trigger: 'change' }],
isShow(data) {
return data.id_type === '居民身份证'
}
},
// 身份证照片(正面）
{
type: 'v-upload',
label: '身份证国徽面',
model: 'ID_CARD_FRONT',
attrs: {
action: `${webConf.apiBaseURL}/enrollment/v1.0/application-materials/attachments/${webConf.others.projectId}/put`,
deleteAction: `${webConf.apiBaseURL}/enrollment/v1.0/application-materials/attachments/${webConf.others.projectId}/delete`,
data: { file_type: 'ID_CARD_FRONT' },
limit: 1,
accept: 'image/*',
image: 'https://zws-imgs-pub.oss-cn-beijing.aliyuncs.com/pc/cu/id_card_front.png'
},
rules: [{ type: 'array', required: true, message: '请上传身份证照片国徽面', trigger: 'change' }],
isShow(data) {
return data.id_type === '居民身份证'
}
},
// 港澳台身份证
{
type: 'v-upload',
label: '港澳台身份证',
model: 'HK_ID_CARD',
attrs: {
action: `${webConf.apiBaseURL}/enrollment/v1.0/application-materials/attachments/${webConf.others.projectId}/put`,
deleteAction: `${webConf.apiBaseURL}/enrollment/v1.0/application-materials/attachments/${webConf.others.projectId}/delete`,
data: { file_type: 'HK_ID_CARD' },
limit: 1,
accept: 'image/*'
},
rules: [{ type: 'array', required: true, message: '请上传港澳台身份证', trigger: 'change' }],
isShow(data) {
return data.id_type === '港澳台身份证'
}
},
// 中国护照
{
type: 'v-upload',
label: '中国护照',
model: 'PASSPORT',
attrs: {
action: `${webConf.apiBaseURL}/enrollment/v1.0/application-materials/attachments/${webConf.others.projectId}/put`,
deleteAction: `${webConf.apiBaseURL}/enrollment/v1.0/application-materials/attachments/${webConf.others.projectId}/delete`,
data: { file_type: 'PASSPORT' },
limit: 1,
accept: 'image/*'
},
rules: [{ type: 'array', required: true, message: '请上传中国护照', trigger: 'change' }],
isShow(data) {
return data.id_type === '中国护照'
}
},
// 其他证件
{
type: 'v-upload',
label: '其他证件',
model: 'OTHER_ID_CARD_PHOTO',
attrs: {
action: `${webConf.apiBaseURL}/enrollment/v1.0/application-materials/attachments/${webConf.others.projectId}/put`,
deleteAction: `${webConf.apiBaseURL}/enrollment/v1.0/application-materials/attachments/${webConf.others.projectId}/delete`,
data: { file_type: 'OTHER_ID_CARD_PHOTO' },
limit: 1,
accept: 'image/*'
},
rules: [{ type: 'array', required: true, message: '请上传其他证件', trigger: 'change' }],
isShow(data) {
return data.id_type === '其他'
}
}
]
}
}
}
modules/my/application/form/info/honor.js 0 → 100644
浏览文件 @ 26f9f8d3
/**
* 荣誉奖励
*/
export default function(_this) {
return {
id: 'application_info_honor',
title: '荣誉奖励',
visible() {
return _this.visible
},
get: {
action: `${webConf.apiBaseURL}/enrollment/v1.0/application-materials/${webConf.others.projectId}`,
callback(data) {
const { honors: list = [], submission_stage: submissionStage = 'FILLING' } = data.data.material
this.form.options.disabled = submissionStage !== 'FILLING'
return list.length ? list : [{}]
}
},
update: {
action: `${webConf.apiBaseURL}/enrollment/v1.0/application-materials/${webConf.others.projectId}/put`,
beforeRequest(data) {
const honors = data.map(item => {
return ['time', 'title', 'institution_cn'].reduce((result, key) => {
result[key] = item[key] || ''
return result
}, {})
})
return { honors }
}
},
form: {
prev: { to: { query: { active: 'application_info', tab: 'application_info_training' } }, isSubmit: true },
next: { to: { query: { active: 'application_declare' } }, isSubmit: true },
hasAdd: true,
options: { labelWidth: '140px' },
items: [
{
type: 'v-datepicker',
label: '获取时间',
model: 'time',
attrs: { type: 'date', valueFormat: 'yyyy-MM-dd', placeholder: '请选择获取时间' }
// rules: [{ required: true, message: '请选择获取时间', trigger: 'blur' }]
},
{
type: 'v-input',
label: '荣誉奖励',
model: 'title',
attrs: { placeholder: '请输入荣誉奖励' }
// rules: [{ required: true, message: '请输入荣誉奖励', trigger: 'blur' }]
},
{
type: 'v-input',
label: '证书颁发机构',
model: 'institution_cn',
attrs: { placeholder: '请输入证书颁发机构' }
// rules: [{ required: true, message: '请输入证书颁发机构', trigger: 'blur' }]
}
]
}
}
}
modules/my/application/form/info/profile.js 0 → 100644
浏览文件 @ 26f9f8d3
/**
* 个人信息
*/
import country from './country'
export default function(_this) {
return {
id: 'application_info_profile',
title: '个人信息',
required: true,
visible() {
return _this.visible
},
get: {
action: `${webConf.apiBaseURL}/enrollment/v1.0/application-materials/${webConf.others.projectId}`,
callback(data) {
const {
basic_info: basicInfo = {},
attachments = [],
submission_stage: submissionStage = 'FILLING'
} = data.data.material
this.form.options.disabled = submissionStage !== 'FILLING'
const attachment = attachments.reduce(
(result, item) => {
const types = ['ID_CARD_FRONT', 'ID_CARD_BACK', 'HK_ID_CARD', 'PASSPORT', 'OTHER_ID_CARD_PHOTO']
types.forEach(type => {
if (item.file_type_id === type) {
result[type].push(item)
}
})
return result
},
{ ID_CARD_FRONT: [], ID_CARD_BACK: [], HK_ID_CARD: [], PASSPORT: [], OTHER_ID_CARD_PHOTO: [] }
)
basicInfo.id_type = basicInfo.id_type === '护照' ? '中国护照' : basicInfo.id_type
return Object.assign({}, basicInfo, attachment)
}
},
update: {
action: `${webConf.apiBaseURL}/enrollment/v1.0/application-materials/${webConf.others.projectId}/put`,
beforeRequest(data) {
// let [province, city] = data.city.split('-')
// data.address_province = province
// data.address_city = city
const basicInfo = [
'phone_number',
'email',
'id_type',
'id_number',
'real_name_cn',
'real_name_en',
'gender',
'nationality',
'birthday',
'address_province',
'address_city',
'we_chat_account',
'mailing_address',
'emergency_contact_name',
'emergency_contacts_phone'
].reduce((result, key) => {
result[key] = data[key]
return result
}, {})
return { basic_info: basicInfo }
}
},
form: {
prev: { to: { query: { active: 'application_info', tab: 'application_info_first' } } },
next: { to: { query: { active: 'application_info', tab: 'application_info_education' } }, isSubmit: true },
options: { labelWidth: '140px' },
items: [
{
type: 'v-input',
label: '手机号',
model: 'phone_number',
attrs: { placeholder: '请输入手机号', maxlength: 11 },
rules: [{ required: true, pattern: /^1[3-9]\d{9}$/, message: '请输入手机号', trigger: 'blur' }]
},
{
type: 'v-input',
label: '邮箱',
model: 'email',
attrs: { placeholder: '请输入邮箱' },
rules: [{ type: 'email', required: true, message: '请输入邮箱', trigger: 'blur' }],
hint: '（后续报名信息将发送至此邮箱，请认真填写）'
},
{
type: 'v-select',
values: [{ value: '居民身份证' }, { value: '港澳台身份证' }, { value: '中国护照' }, { value: '其他' }],
label: '证件类型',
model: 'id_type',
attrs: { placeholder: '请选择证件类型' },
rules: [{ required: true, message: '请选择证件类型', trigger: 'change' }]
},
// 身份证照片(背面)
{
type: 'v-upload',
label: '身份证人像面',
model: 'ID_CARD_BACK',
attrs: {
action: `${webConf.apiBaseURL}/enrollment/v1.0/application-materials/attachments/${webConf.others.projectId}/put`,
deleteAction: `${webConf.apiBaseURL}/enrollment/v1.0/application-materials/attachments/${webConf.others.projectId}/delete`,
data: { file_type: 'ID_CARD_BACK' },
limit: 1,
accept: 'image/*',
image: 'https://zws-imgs-pub.oss-cn-beijing.aliyuncs.com/pc/cu/id_card_back.png'
},
rules: [{ type: 'array', required: true, message: '请上传身份证照片人像面', trigger: 'change' }],
isShow(data) {
return data.id_type === '居民身份证'
}
},
// 身份证照片(正面）
{
type: 'v-upload',
label: '身份证国徽面',
model: 'ID_CARD_FRONT',
attrs: {
action: `${webConf.apiBaseURL}/enrollment/v1.0/application-materials/attachments/${webConf.others.projectId}/put`,
deleteAction: `${webConf.apiBaseURL}/enrollment/v1.0/application-materials/attachments/${webConf.others.projectId}/delete`,
data: { file_type: 'ID_CARD_FRONT' },
limit: 1,
accept: 'image/*',
image: 'https://zws-imgs-pub.oss-cn-beijing.aliyuncs.com/pc/cu/id_card_front.png'
},
rules: [{ type: 'array', required: true, message: '请上传身份证照片国徽面', trigger: 'change' }],
isShow(data) {
return data.id_type === '居民身份证'
}
},
// 港澳台身份证
{
type: 'v-upload',
label: '港澳台身份证',
model: 'HK_ID_CARD',
attrs: {
action: `${webConf.apiBaseURL}/enrollment/v1.0/application-materials/attachments/${webConf.others.projectId}/put`,
deleteAction: `${webConf.apiBaseURL}/enrollment/v1.0/application-materials/attachments/${webConf.others.projectId}/delete`,
data: { file_type: 'HK_ID_CARD' },
limit: 1,
accept: 'image/*'
},
rules: [{ type: 'array', required: true, message: '请上传港澳台身份证', trigger: 'change' }],
isShow(data) {
return data.id_type === '港澳台身份证'
}
},
// 中国护照
{
type: 'v-upload',
label: '中国护照',
model: 'PASSPORT',
attrs: {
action: `${webConf.apiBaseURL}/enrollment/v1.0/application-materials/attachments/${webConf.others.projectId}/put`,
deleteAction: `${webConf.apiBaseURL}/enrollment/v1.0/application-materials/attachments/${webConf.others.projectId}/delete`,
data: { file_type: 'PASSPORT' },
limit: 1,
accept: 'image/*'
},
rules: [{ type: 'array', required: true, message: '请上传中国护照', trigger: 'change' }],
isShow(data) {
return data.id_type === '中国护照'
}
},
// 其他证件
{
type: 'v-upload',
label: '其他证件',
model: 'OTHER_ID_CARD_PHOTO',
attrs: {
action: `${webConf.apiBaseURL}/enrollment/v1.0/application-materials/attachments/${webConf.others.projectId}/put`,
deleteAction: `${webConf.apiBaseURL}/enrollment/v1.0/application-materials/attachments/${webConf.others.projectId}/delete`,
data: { file_type: 'OTHER_ID_CARD_PHOTO' },
limit: 1,
accept: 'image/*'
},
rules: [{ type: 'array', required: true, message: '请上传其他证件', trigger: 'change' }],
isShow(data) {
return data.id_type === '其他'
}
},
{
type: 'v-input',
label: '证件号码',
model: 'id_number',
attrs: { placeholder: '请输入证件号码' },
rules: [{ required: true, message: '请输入证件号码', trigger: 'blur' }]
},
{
type: 'v-input',
label: '姓名',
model: 'real_name_cn',
attrs: { placeholder: '请输入姓名' },
rules: [{ required: true, message: '请输入姓名', trigger: 'blur' }]
},
{
type: 'v-input',
label: '英文名',
model: 'real_name_en',
attrs: { placeholder: '请输入英文名' },
rules: [{ required: true, message: '请输入英文名', trigger: 'blur' }]
},
{
type: 'v-radio',
values: [
{ label: '男', value: '男' },
{ label: '女', value: '女' }
],
label: '性别',
model: 'gender',
rules: [{ required: true, message: '请选择性别', trigger: 'change' }]
},
{
type: 'v-select',
label: '国籍',
model: 'nationality',
values: country,
attrs: { placeholder: '请选择国籍', filterable: true },
rules: [{ required: true, message: '请选择国籍', trigger: 'blur' }]
},
{
type: 'v-datepicker',
label: '出生日期',
model: 'birthday',
attrs: { type: 'date', placeholder: '请选择出生日期', valueFormat: 'yyyy-MM-dd' },
rules: [{ required: true, message: '请选择出生日期', trigger: 'blur' }]
},
{
type: 'v-input',
label: '居住省',
model: 'address_province',
attrs: { placeholder: '请输入居住省' },
rules: [{ required: true, message: '请输入居住省', trigger: 'blur' }]
},
{
type: 'v-input',
label: '居住市',
model: 'address_city',
attrs: { placeholder: '请输入居住市' },
rules: [{ required: true, message: '请输入居住市', trigger: 'blur' }]
},
// {
// type: 'city-v-select',
// label: '现居住城市',
// model: 'city',
// separator: '-',
// rules: [{ required: true, message: '请选择居住城市', trigger: 'blur' }]
// },
{
type: 'v-input',
label: '微信号',
model: 'we_chat_account',
attrs: { placeholder: '请输入微信号' },
rules: [{ required: true, message: '请输入微信号', trigger: 'blur' }]
},
{
type: 'v-input',
label: '邮寄地址',
model: 'mailing_address',
attrs: { placeholder: '请输入邮寄地址' },
rules: [{ required: true, message: '请输入邮寄地址', trigger: 'blur' }]
},
{
type: 'v-input',
label: '紧急联系人',
model: 'emergency_contact_name',
attrs: { placeholder: '请输入紧急联系人' },
rules: [{ required: true, message: '请输入紧急联系人', trigger: 'blur' }]
},
{
type: 'v-input',
label: '紧急联系电话',
model: 'emergency_contacts_phone',
attrs: { placeholder: '请输入紧急联系电话' },
rules: [{ required: true, message: '请输入紧急联系电话', trigger: 'blur' }]
}
]
}
}
}
modules/my/application/form/info/training.js 0 → 100644
浏览文件 @ 26f9f8d3
/**
* 所受培训
*/
export default function(_this) {
return {
id: 'application_info_training',
title: '所受培训',
visible() {
return _this.visible
},
get: {
action: `${webConf.apiBaseURL}/enrollment/v1.0/application-materials/${webConf.others.projectId}`,
callback(data) {
const { trainings: list = [], submission_stage: submissionStage = 'FILLING' } = data.data.material
this.form.options.disabled = submissionStage !== 'FILLING'
return list.length ? list : [{}]
}
},
update: {
action: `${webConf.apiBaseURL}/enrollment/v1.0/application-materials/${webConf.others.projectId}/put`,
beforeRequest(data) {
const trainings = data.map(item => {
return ['start_date', 'end_date', 'institution_cn', 'course_cn'].reduce((result, key) => {
result[key] = item[key] || ''
return result
}, {})
})
return { trainings }
}
},
form: {
prev: { to: { query: { active: 'application_info', tab: 'application_info_answer' } }, isSubmit: true },
next: { to: { query: { active: 'application_info', tab: 'application_info_honor' } }, isSubmit: true },
hasAdd: true,
options: { labelWidth: '140px' },
items: [
{
type: 'v-datepicker',
label: '开始时间',
model: 'start_date',
attrs: {
type: 'month',
placeholder: '请选择培训开始时间',
valueFormat: 'yyyy-MM'
}
// rules: [{ required: true, message: '请选择培训开始时间', trigger: 'blur' }]
},
{
type: 'v-datepicker',
label: '结束时间',
model: 'end_date',
attrs: {
type: 'month',
placeholder: '请选择培训结束时间',
valueFormat: 'yyyy-MM'
}
// rules: [{ required: true, message: '请选择培训结束时间', trigger: 'blur' }]
},
{
type: 'v-input',
label: '培训机构',
model: 'institution_cn',
attrs: { placeholder: '请输入培训机构' }
// rules: [{ required: true, message: '请输入培训机构', trigger: 'blur' }]
},
{
type: 'v-input',
label: '课程名称',
model: 'course_cn',
attrs: { placeholder: '请输入课程名称' }
// rules: [{ required: true, message: '请输入课程名称', trigger: 'blur' }]
}
]
}
}
}
modules/my/application/form/tjx.js 0 → 100644
浏览文件 @ 26f9f8d3
/**
* 推荐信
*/
export default function(_this) {
return {
id: 'application_tjx',
title: '推荐信',
visible() {
return _this.visible
},
get: {
action: `${webConf.apiBaseURL}/enrollment/v1.0/application-materials/${webConf.others.projectId}`,
callback(data) {
const { 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) > 3
const list = data.data.material.reco_letters || []
return list.length ? list : [{}, {}]
}
},
update: {
action: `${webConf.apiBaseURL}/enrollment/v1.0/application-materials/${webConf.others.projectId}/put`,
beforeRequest(data) {
return { reco_letters: data }
}
},
form: {
minlength: 2,
prev: { to: { query: { active: 'application_info', tab: 'application_info_honor' } }, isSubmit: true },
next: { to: { query: { active: 'application_wfzzm' } }, isSubmit: true },
hasAdd: true,
disabled(data) {
return !!data.letter_content
},
aside: {
prepend: {
html: '<p style="color:#33C011;">推荐人已完成</p>',
visible(data) {
return !!data.letter_content
}
},
buttons: [
{
text: '再次邀请',
visible(data) {
const editable = ['PREPAYMENT', 'INTERVIEW_APPLICATION', 'AUDITION'].includes(
_this.detail.material.submission_stage
)
return data.id && !data.letter_content && editable
},
onClick(data) {
_this.sendToProvider(data)
}
},
{
text: '更换推荐人',
visible(data) {
const editable = ['PREPAYMENT', 'INTERVIEW_APPLICATION', 'AUDITION'].includes(
_this.detail.material.submission_stage
)
return data.id && !data.letter_content && editable
},
onClick(data, $form) {
$form.validate().then(() => {
_this.changeProvider(data)
})
}
}
]
},
options: { labelWidth: '140px' },
items: [
{
type: 'v-input',
label: '推荐人姓名',
model: 'provider_name',
attrs: { placeholder: '请输入推荐人姓名' },
rules: [{ required: true, message: '请输入推荐人姓名', trigger: 'blur' }]
},
{
type: 'v-input',
label: '推荐人电话',
model: 'provider_phone_number',
attrs: { placeholder: '请输入推荐人电话', maxlength: 11 },
rules: [{ required: true, pattern: /^1[3-9]\d{9}$/, message: '请输入推荐人电话', trigger: 'blur' }]
},
{
type: 'v-input',
label: '推荐人邮箱',
model: 'provider_email',
attrs: { placeholder: '请输入推荐人邮箱' },
rules: [{ type: 'email', required: true, message: '请输入推荐人邮箱', trigger: 'blur' }]
},
{
type: 'v-select',
values: [
{ value: '老师/导师' },
{ value: '领导' },
{ value: '同学' },
{ value: '同事' },
{ value: '亲属' },
{ value: '朋友' },
{ value: '其他' }
],
label: '与推荐人关系',
model: 'provider_relationship',
rules: [{ required: true, message: '请选择与推荐人关系', trigger: 'change' }]
}
]
}
}
}
modules/my/application/form/wfzzm.js 0 → 100644
浏览文件 @ 26f9f8d3
export default function(_this) {
return {
id: 'application_wfzzm',
title: '无犯罪证明',
visible() {
return _this.visible
},
get: {
action: `${webConf.apiBaseURL}/enrollment/v1.0/application-materials/${webConf.others.projectId}`,
callback(data) {
const { attachments = [], submission_stage: submissionStage = 'FILLING' } = data.data.material
this.form.options.disabled = submissionStage !== 'FILLING'
const NO_CRIMINAL_CERT = attachments.filter(item => {
return item.file_type_id === 'NO_CRIMINAL_CERT'
})
return { NO_CRIMINAL_CERT }
}
},
form: {
prev: { to: { query: { active: 'application_tjx' } } },
next: { to: { query: { active: 'application_declare' } } },
hasButton: false,
options: {},
items: [
{
type: 'v-upload',
required: true,
model: 'NO_CRIMINAL_CERT',
attrs: {
action: `${webConf.apiBaseURL}/enrollment/v1.0/application-materials/attachments/${webConf.others.projectId}/put`,
deleteAction: `${webConf.apiBaseURL}/enrollment/v1.0/application-materials/attachments/${webConf.others.projectId}/delete`,
data: { file_type: 'NO_CRIMINAL_CERT' },
limit: 1
},
prepend: `
<p>第一步：点击下载按键获取无犯罪证明模板</p>
<p><a href="https://zws-imgs-pub.oss-cn-beijing.aliyuncs.com/pc/cu/%E6%97%A0%E7%8A%AF%E7%BD%AA%E8%AE%B0%E5%BD%95%E8%AF%81%E6%98%8E.docx" target="_blank" download>下载模板</a></p>
<p>第二步：打印文件后填写内容并签字上传至电脑，点击下方按钮上传文件</p>
`
}
]
}
}
}
modules/my/application/index.vue 0 → 100644
浏览文件 @ 26f9f8d3
<template>
<app-layout>
<vue-form
:menus="menus"
:default-active="currentActive"
:tab-active="tabActive"
@page-change="handlePageChange"
@tab-change="handleTabChange"
@success="handleSuccess"
@error="handleError"
@back="$router.push('/my/account')"
@prev="handlePrev"
@next="handleNext"
v-if="detail"
>
<template #aside-append>
<div class="aside-preview" @click="dialogVisible = true" v-if="visible">预览全部</div>
<div class="aside-logout" @click="$store.dispatch('logout')"><span>退出登录</span></div>
</template>
<!-- 报名缴费 -->
<template #content v-if="currentActive === 'application_pay'">
<app-pay />
</template>
</vue-form>
<el-dialog title="预览全部" :visible.sync="dialogVisible" width="790px" class="dialog-preview">
<app-preview :hasEdit="true" @edit="handlePreviewEdit" v-if="dialogVisible" />
</el-dialog>
<app-complete v-model="completeVisible"></app-complete>
</app-layout>
</template>
<script>
import AppLayout from '../layout.vue'
import getMenu from './form'
import AppPay from './pay.vue'
import AppPreview from './preview.vue'
import AppComplete from './complete.vue'
import * as api from '@/api/my'
export default {
components: { AppLayout, AppPay, AppPreview, AppComplete },
data() {
const menus = getMenu(this)
return {
menus: [menus],
currentActive: 'application_info',
tabActive: 'application_info_profile',
dialogVisible: false,
detail: null,
completeVisible: false
}
},
watch: {
$route: {
immediate: true,
handler(route) {
const { query = {} } = route
this.currentActive = query.active || 'application_info'
this.tabActive = query.tab || 'application_info_profile'
}
}
},
computed: {
visible() {
return this.currentActive !== 'application_info' || this.tabActive !== 'application_info_first'
}
},
methods: {
// 获取报名信息
getApplication() {
api.getApplication().then(response => {
const { data, error, message } = response
if (error.toString() === '0') {
this.detail = data
if (
!data.progress.FILLING.attachments ||
data.progress.FILLING.attachments.missed_required_list.ID_CARD_PHOTO
) {
this.tabActive = 'application_info_first'
}
const { submission_stage: submissionStage = 'FILLING' } = data.material
if (submissionStage !== 'FILLING') {
this.menus[0].children.forEach(item => {
if (item.id === 'application_pay') {
item.show = true
}
})
}
} else {
this.$message.error(message)
}
})
},
handlePageChange(value) {
this.currentActive = value
this.$router.push({ path: this.$route.path, query: { active: value } }).catch(() => {})
},
handleTabChange(value) {
this.tabActive = value
const query = Object.assign({}, this.$route.query, { tab: value })
this.$router.push({ query })
},
handleSuccess(data) {
console.log('提交成功了', data)
this.$message({ type: 'success', 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)
},
handlePreviewEdit(to) {
this.$router.push(to)
this.dialogVisible = false
},
// 更换推荐人
changeProvider(data) {
api.updateProvider(data.id, data).then(response => {
const { error, message } = response
if (error.toString() === '0') {
this.$message({ type: 'success', message })
} else {
this.$message.error(message)
}
})
},
// 再次邀请推荐
sendToProvider(data) {
api.sendToProvider(data.id).then(response => {
const { error, message } = response
if (error.toString() === '0') {
this.$message({ type: 'success', message })
} else {
this.$message.error(message)
}
})
}
},
beforeMount() {
this.getApplication()
}
}
</script>
<style lang="scss" scoped>
::v-deep .aside-preview {
margin-top: -20px;
padding-left: 64px;
font-size: 14px;
font-weight: 700;
line-height: 44px;
color: #222;
cursor: pointer;
}
.dialog-preview {
::v-deep .el-dialog__body {
padding: 0;
}
}
</style>
modules/my/application/pay.vue 0 → 100644
浏览文件 @ 26f9f8d3
<template>
<div class="pay">
<h5-pay @update="handleUpdateOrder" v-if="isWechat"></h5-pay>
<qrcode-pay @update="handleUpdateOrder" v-else></qrcode-pay>
<div class="pay-ft">
<p class="t2">注释：该申请费提交后不予退还，缴纳申请费后，申请人还需提交以下文件：</p>
<p class="t2">①本科及以上学历毕业证书扫描件②本科及以上学历学位证书扫描件③个人证件照④英文简历</p>
<p class="t2">该申请费不退，请慎重缴费！</p>
</div>
<el-dialog
title="报名费缴费成功"
:visible.sync="dialogVisible"
:center="true"
:close-on-click-modal="false"
width="348px"
>
<div class="dialog-pay">
<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="toInterview">立即预约</el-button>
</template>
</el-dialog>
</div>
</template>
<script>
import * as api from '@/api/my'
import qrcodePay from './components/qrcodePay'
import h5Pay from './components/h5Pay'
export default {
name: 'AppPay',
components: { qrcodePay, h5Pay },
data() {
const UA = window.navigator.userAgent
const isMobile = /android|iphone|ipad|ipod/i.test(UA)
return {
isWechat: isMobile && /micromessenger/i.test(UA),
order: { id: '', payment_url: '' },
dialogVisible: false,
timer: null,
paymentRecords: [] // 所有订单
}
},
computed: {
// 二维码地址
qrcodeValue() {
return this.order.payment_url
},
// 支付成功
paySuccess() {
return this.order.payment_status === 'SUCCESS'
},
// 待支付订单
orderList() {
// 筛选待支付订单
const list = this.paymentRecords.filter(item => {
return item.bill_type === 'APPLICATION_FEE' && item.payment_status === 'WAITING_FOR_PAY'
})
// 待支付订单是否有当前订单
const found = list.find(item => item.id === this.order.id)
return found ? list : [...list, this.order]
}
},
methods: {
// 获取报名信息
async getApplication() {
await api.getApplication().then(response => {
const { payment_records: paymentRecords = [] } = response.data.material
// 获取支付订单
this.paymentRecords = paymentRecords
if (paymentRecords && paymentRecords.length) {
// 获取支付成功的订单
const orderPaySuccess = paymentRecords.find(item => {
return item.bill_type === 'APPLICATION_FEE' && item.payment_status === 'SUCCESS'
})
if (orderPaySuccess) {
this.order = orderPaySuccess
this.dialogVisible = true
return
}
// 获取最后一个订单
const [lastPayment] = paymentRecords.reverse()
this.order = lastPayment
}
})
},
// 检查支付状态
checkPay(order) {
const userId = window.G.UserInfo.id
api.checkPay(order.id, { user_id: userId }).then(response => {
if (response.data.payment_status === 'SUCCESS') {
this.timer && clearInterval(this.timer)
this.dialogVisible = true
}
})
},
// 检测支付状态定时器
setCheckPayTimer() {
this.timer && clearInterval(this.timer)
this.timer = setInterval(() => {
if (this.paySuccess) {
this.timer && clearInterval(this.timer)
return
}
this.orderList.forEach(order => this.checkPay(order))
}, 3000)
},
// 填写个人资料
toApplication() {
this.$router.push('/my/application?active=application_info')
},
// 申请面试
toInterview() {
this.$router.push('/my/interview')
},
handleUpdateOrder(order) {
this.order = order
}
},
async mounted() {
await this.getApplication()
this.setCheckPayTimer()
},
destroyed() {
this.timer && clearInterval(this.timer)
}
}
</script>
<style lang="scss" scoped>
.pay {
max-width: 562px;
margin: 0 auto;
padding: 40px 0;
}
.t1 {
font-size: 14px;
color: #303030;
line-height: 20px;
text-align: center;
span {
color: #ffa448;
}
}
.t2 {
font-size: 12px;
color: #999;
line-height: 20px;
}
.dialog-pay {
text-align: center;
p {
color: #262626;
line-height: 20px;
}
.icon {
margin-top: 20px;
text-align: center;
}
}
</style>
modules/my/application/preview.vue 0 → 100644
浏览文件 @ 26f9f8d3
<template>
<div class="preview" v-loading="loading">
<template v-if="progress.FILLING">
<div class="preview-hd">
<el-steps align-center :active="options.length">
<template v-for="item in options">
<el-step
:title="item.title"
:status="progress.FILLING[item.code] && progress.FILLING[item.code].progress === 1 ? 'success' : 'error'"
:key="item.code"
></el-step>
</template>
</el-steps>
</div>
<div class="preivew-bd">
<template v-for="item in options">
<div
class="preview-item"
:class="progress.FILLING[item.code].progress === 1 ? 'is-success' : 'is-error'"
:key="item.code"
v-if="progress.FILLING[item.code]"
>
<div class="preview-item-hd">
<div class="title">
{{ item.title }}
<template v-if="progress.FILLING[item.code].progress === 1">（已完善）</template>
<template v-else>（待完善）</template>
</div>
<div class="line"></div>
<el-button plain size="small" @click="handleEdit(item.edit.to)" v-if="hasEdit">编辑</el-button>
</div>
<div class="preview-item-bd">
<template v-if="item.computed">
<div v-html="item.computed(material[item.code])"></div>
</template>
<template v-else-if="item.isMultiple">
<div class="group" v-for="(data, index) in material[item.code]" :key="index">
<dl
v-for="subitem in item.items"
:key="subitem.code"
v-show="subitem.visible ? subitem.visible() : true"
>
<dt>{{ subitem.label }}：</dt>
<dd>
<template v-if="subitem.computed">
<div v-html="subitem.computed(data)"></div>
</template>
<template v-else>{{ data[subitem.code] }}</template>
</dd>
</dl>
</div>
</template>
<template v-else>
<div class="group">
<dl v-for="subitem in item.items" :key="subitem.code">
<dt>{{ subitem.label }}：</dt>
<dd>
<template v-if="subitem.computed">
<div v-html="subitem.computed(material[item.code])"></div>
</template>
<template v-else>{{ material[item.code][subitem.code] }}</template>
</dd>
</dl>
</div>
</template>
</div>
</div>
</template>
<div class="preview-item is-success" v-if="isManager">
<div class="preview-item-hd">
<div class="title">照片/附件</div>
<div class="line"></div>
</div>
<div class="preview-item-bd">
<template v-if="material.attachments">
<ul class="attachments">
<li class="attachments-item" v-for="(item, index) in material.attachments" :key="index">
<div class="inner" @click="handlePreview(item)">
<el-image :src="item.oss_sign_url" class="pic">
<template #error>
<i class="el-icon-document"></i>
</template>
</el-image>
<div class="name">{{ item.file_type_label }}</div>
<div v-if="item.status_desc">
<el-tag size="mini">{{ item.status_desc }}</el-tag>
</div>
</div>
<el-button-group v-if="hasButton" style="margin-left: 40px">
<el-button size="mini" :disabled="item.status === 'INACTIVE'" @click="handleRemove(item)"
>删除</el-button
>
<el-button size="mini" :disabled="item.status === 'LOG'" @click="handleSave(item)">存档</el-button>
</el-button-group>
</li>
</ul>
</template>
</div>
</div>
<div class="preview-item is-success" v-if="isManager">
<div class="preview-item-hd">
<div class="title">支付记录</div>
<div class="line"></div>
</div>
<div class="preview-item-bd">
<template v-if="material.payment_records">
<el-table :data="material.payment_records">
<el-table-column align="left" prop="payment_method_desc" label="支付方式"> </el-table-column>
<el-table-column align="center" prop="bill_amount" label="支付金额"> </el-table-column>
<el-table-column align="right" prop="payment_status_desc" label="支付状态"> </el-table-column>
</el-table>
</template>
</div>
</div>
</div>
</template>
<img :src="previewImageUrl" :alt="previewImageTitle" id="image" style="display: none" />
</div>
</template>
<script>
import 'viewerjs/dist/viewer.css'
import Viewer from 'viewerjs'
import * as api from '@/api/my'
// 行业类别
const industryList = [
{ label: '互联网/电子商务', value: '1 ' },
{ label: '基金/证券/期货/投资', value: '2 ' },
{ label: '保险', value: '3 ' },
{ label: '银行', value: '4 ' },
{ label: '信托/担保/拍卖/典当', value: '5 ' },
{ label: '计算机软件', value: '6 ' },
{ label: 'IT服务(系统/数据/维护)', value: '7 ' },
{ label: '电子技术/半导体/集成电路', value: '8 ' },
{ label: '计算机硬件', value: '9 ' },
{ label: '通信/电信/网络设备', value: '10' },
{ label: '通信/电信运营、增值服务', value: '11' },
{ label: '网络游戏', value: '12' },
{ label: '房地产/建筑/建材/工程', value: '13' },
{ label: '家居/室内设计/装饰装潢', value: '14' },
{ label: '物业管理/商业中心', value: '15' },
{ label: '专业服务/咨询(财会/法律/人力资源等)', value: '16' },
{ label: '广告/会展/公关', value: '17' },
{ label: '中介服务', value: '18' },
{ label: '检验/检测/认证', value: '19' },
{ label: '外包服务', value: '20' },
{ label: '快速消费品（食品/饮料/烟酒/日化）', value: '21' },
{ label: '耐用消费品（服饰/纺织/皮革/家具/家电）', value: '22' },
{ label: '贸易/进出口', value: '23' },
{ label: '零售/批发', value: '24' },
{ label: '租赁服务', value: '25' },
{ label: '教育/培训/院校', value: '26' },
{ label: '礼品/玩具/工艺美术/收藏品/奢侈品', value: '27' },
{ label: '汽车/摩托车', value: '28' },
{ label: '大型设备/机电设备/重工业', value: '29' },
{ label: '加工制造（原料加工/模具）', value: '30' },
{ label: '仪器仪表及工业自动化', value: '31' },
{ label: '印刷/包装/造纸', value: '32' },
{ label: '办公用品及设备', value: '33' },
{ label: '医药/生物工程', value: '34' },
{ label: '医疗设备/器械', value: '35' },
{ label: '航空/航天研究与制造', value: '36' },
{ label: '交通/运输,物流/仓储', value: '37' },
{ label: '医疗/护理/美容/保健/卫生服务', value: '38' },
{ label: '酒店/餐饮,旅游/度假,媒体/出版/影视/文化传播', value: '39' },
{ label: '娱乐/体育/休闲', value: '40' },
{ label: '能源/矿产/采掘/冶炼', value: '41' },
{ label: '石油/石化/化工,电气/电力/水利', value: '42' },
{ label: '环保', value: '43' },
{ label: '政府/公共事业/非盈利机构', value: '44' },
{ label: '学术/科研,农/林/牧/渔跨领域经营', value: '45' },
{ label: '其他', value: '90' }
]
export default {
name: 'Preview',
props: {
hasEdit: { type: Boolean, default: false },
isManager: { type: Boolean, default: false }
},
data() {
return {
loading: false,
previewImageUrl: '',
previewImageTitle: '',
viewer: null,
material: {},
progress: {},
options: [
{
title: '个人资料',
code: 'basic_info',
edit: {
to: { path: '/my/application', query: { active: 'application_info', tab: 'application_info_profile' } }
},
items: [
{ label: '姓名', code: 'real_name_cn' },
{ label: '英文名', code: 'real_name_en' },
{
label: '现居住城市',
code: 'address_city',
computed(data) {
return data.address_city ? `${data.address_province}-${data.address_city}` : ''
}
},
{ label: '证件类型', code: 'id_type' },
{ label: '证件号码', code: 'id_number' },
{ label: '手机', code: 'phone_number' },
{ label: '邮箱', code: 'email' },
{ label: '性别', code: 'gender' },
{ label: '国籍', code: 'nationality' },
{ label: '生日', code: 'birthday' },
{ label: '微信号', code: 'we_chat_account' },
{ label: '邮寄地址', code: 'mailing_address' },
{ label: '紧急联系人', code: 'emergency_contact_name' },
{ label: '紧急联系人电话', code: 'emergency_contacts_phone' }
]
},
{
title: '教育背景',
code: 'educations',
edit: {
to: { path: '/my/application', query: { active: 'application_info', tab: 'application_info_education' } }
},
isMultiple: true,
items: [
{
label: '教育时间',
code: 'start_date',
computed(data) {
return `${data.start_date}至${data.end_date}`
}
},
{ label: '专业名称', code: 'major_cn' },
{ label: '学校名称', code: 'school_name_cn' },
{ label: '学历/学位', code: 'degree' }
]
},
{
title: '工作经验',
code: 'careers',
edit: {
to: { path: '/my/application', query: { active: 'application_info', tab: 'application_info_career' } }
},
isMultiple: true,
items: [
{
label: '工作时间',
code: 'start_date',
computed(data) {
return `${data.start_date}至${data.end_date}`
}
},
{ label: '工作单位', code: 'company_name_cn' },
{
label: '行业类别',
code: 'industry',
computed(data) {
const found = industryList.find(item => item.value === data.industry)
return found ? found.label : data.industry
}
},
{ label: '工作部门', code: 'dept_cn' },
{ label: '工作职位', code: 'position_cn' },
{ label: '工作描述', code: 'job_desc_cn' }
]
},
{
title: '学习目的',
code: 'answers',
edit: {
to: { path: '/my/application', query: { active: 'application_info', tab: 'application_info_answer' } }
},
computed(data = []) {
const result = data.map(item => {
return `<dl><dt>${item.question}</dt><dd>${item.answer}</dd></dl>`
})
return `<div class="answers">${result.join('')}</div>`
}
},
{
title: '所受培训',
code: 'trainings',
edit: {
to: { path: '/my/application', query: { active: 'application_info', tab: 'application_info_training' } }
},
isMultiple: true,
items: [
{
label: '培训时间',
code: 'start_date',
computed(data) {
return `${data.start_date}至${data.end_date}`
}
},
{ label: '培训机构', code: 'institution_cn' },
{ label: '课程名称', code: 'course_cn' }
]
},
{
title: '荣誉奖励',
code: 'honors',
edit: {
to: { path: '/my/application', query: { active: 'application_info', tab: 'application_info_honor' } }
},
isMultiple: true,
items: [
{ label: '获取时间', code: 'time' },
{ label: '荣誉奖励', code: 'title' },
{ label: '证书颁发机构', code: 'institution_cn' }
]
}
// {
// title: '推荐信',
// code: 'reco_letters',
// edit: { to: { path: '/my/application', query: { active: 'application_tjx' } } },
// isMultiple: true,
// items: [
// { label: '推荐人姓名', code: 'provider_name' },
// { label: '推荐人电话', code: 'provider_phone_number' },
// { label: '推荐人邮箱', code: 'provider_email' },
// { label: '与推荐人关系', code: 'provider_relationship' },
// { label: '推荐人工作单位', code: 'provider_company_name', visible: () => this.isManager },
// { label: '推荐人职务', code: 'provider_job_title', visible: () => this.isManager },
// { label: '推荐信内容', code: 'letter_content', visible: () => this.isManager }
// ]
// }
// {
// title: '无犯罪证明',
// code: 'attachments',
// edit: { to: { path: '/my/application', query: { active: 'application_wfzzm' } } },
// computed(data) {
// if (!data || !data.length) {
// return ''
// }
// const found = data.find(item => item.file_type_id === 'NO_CRIMINAL_CERT')
// return found
// ? `<a href="${found.oss_sign_url}" target="_blank"><img src="${found.oss_sign_url}" style="max-width:300px;margin:10px 0;"></a>`
// : ''
// }
// }
]
}
},
computed: {
right() {
const { right = '' } = this.$route.query
return right.toUpperCase()
},
hasButton() {
return this.right.includes('X')
}
},
methods: {
// 获取报名信息
getApplication() {
this.loading = true
api.getApplication(this.$route.query).then(response => {
const { data, error, message } = response
if (error.toString() === '0') {
const { material, progress } = data
this.material = material
const missedRequiredList = progress.FILLING.attachments.missed_required_list
progress.FILLING.attachments.progress = missedRequiredList.NO_CRIMINAL_CERT ? 0 : 1
this.progress = progress
} else {
this.$message.error(message)
}
this.loading = false
})
},
handleEdit(to) {
this.$emit('edit', to)
// this.$router.push(to)
},
// 删除
handleRemove(data) {
this.changeFileStatus(data, 'INACTIVE')
},
// 存档
handleSave(data) {
this.changeFileStatus(data, 'LOG')
},
changeFileStatus(data, status) {
api.changeFileStatus(this.material.user_id, data.id, status).then(response => {
this.getApplication()
})
},
// 预览
handlePreview(file) {
let url = file.oss_sign_url
if (!url) {
this.$message({ type: 'warning', message: '无法查看' })
return
}
url = url.includes('?') ? url.split('?').shift() : url
const names = ['jpg', 'jpeg', 'png', 'gif']
const name = url.split('.').pop() || ''
if (names.includes(name.toLocaleLowerCase())) {
this.previewImageUrl = file.oss_sign_url
this.previewImageTitle = file.file_type_label
this.$nextTick(() => {
this.viewer.update()
this.viewer.show(true)
})
} else {
this.newWindowPreview(file.oss_sign_url)
}
},
// 新窗口预览
newWindowPreview(url) {
const a = document.createElement('a')
a.href = url
a.target = '_blank'
document.body.appendChild(a)
a.click()
a.remove()
},
createViewer() {
this.viewer = new Viewer(document.getElementById('image'), {
navbar: false,
toolbar: { zoomIn: true, zoomOut: true, rotateLeft: true, rotateRight: true }
})
}
},
beforeMount() {
this.getApplication()
},
mounted() {
this.createViewer()
document.body.style = 'background-color:#eee;'
},
destroyed() {
this.viewer && this.viewer.destroy()
document.body.style = ''
}
}
</script>
<style lang="scss" scoped>
.preview {
max-width: 750px;
min-height: 80vh;
padding: 20px;
margin: 0 auto;
background-color: #fff;
}
.preview-hd {
padding: 20px 0;
::v-deep .el-step__title {
font-size: 12px;
}
}
.preview-item {
margin: 20px;
}
.is-success {
color: #37a912;
.line {
background: linear-gradient(90deg, #37a912 0%, rgba(255, 218, 218, 0) 100%);
}
}
.is-error {
color: #da2a56;
.line {
background: linear-gradient(90deg, #da2a56 0%, rgba(255, 218, 218, 0) 100%);
}
}
.preview-item-hd {
display: flex;
align-items: center;
.title {
font-size: 18px;
font-weight: 600;
}
.line {
flex: 1;
height: 4px;
margin: 0 20px;
}
}
.preview-item-bd {
padding-top: 20px;
.group {
display: flex;
flex-wrap: wrap;
}
.group + .group {
margin-top: 10px;
padding-top: 20px;
border-top: 1px solid #f1f1f1;
}
dl {
flex: 50%;
display: flex;
margin-bottom: 10px;
font-size: 14px;
color: #222;
}
dt {
font-weight: bold;
}
dd {
flex: 1;
word-break: break-all;
}
}
</style>
<style lang="scss">
.preview {
.answers {
dl {
margin-bottom: 10px;
font-size: 14px;
color: #222;
& + dl {
margin-top: 20px;
}
}
dt {
font-weight: bold;
margin-bottom: 5px;
}
dd {
word-break: break-all;
}
}
.attachments-item {
display: flex;
align-items: center;
padding: 0 10px;
&:hover {
background-color: #f5f7fa;
}
.inner {
flex: 1;
padding: 10px 0;
height: 40px;
display: flex;
align-items: center;
color: #222;
cursor: pointer;
}
.pic {
width: 40px;
height: 40px;
font-size: 40px;
line-height: 40px;
text-align: center;
img {
width: 100%;
height: 100%;
object-fit: contain;
}
}
.name {
flex: 1;
padding: 0 10px;
}
.time {
font-size: 12px;
}
}
.attachments-item + .attachments-item {
border-top: 1px solid #ebeef5;
}
}
.viewer-toolbar > ul {
margin-bottom: 20px;
}
</style>
modules/my/interview/form/byzs.js 0 → 100644
浏览文件 @ 26f9f8d3
export default {
id: 'interview_byzs',
title: '毕业证书',
get: {
action: `${webConf.apiBaseURL}/enrollment/v1.0/application-materials/${webConf.others.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) > 2
const DIPLOMA_CN = attachments.filter(item => {
return item.file_type_id === 'DIPLOMA_CN'
})
return { DIPLOMA_CN }
}
},
form: {
next: { to: { query: { active: 'interview_xwzs' } } },
hasButton: false,
options: {},
items: [
{
type: 'v-upload',
required: true,
model: 'DIPLOMA_CN',
attrs: {
action: `${webConf.apiBaseURL}/enrollment/v1.0/application-materials/attachments/${webConf.others.projectId}/put`,
deleteAction: `${webConf.apiBaseURL}/enrollment/v1.0/application-materials/attachments/${webConf.others.projectId}/delete`,
data: { file_type: 'DIPLOMA_CN' }
},
append:
'申请者需要将本科或以上毕业证书原件扫描或者拍照后提交。<br> 可上传多个文件，请确保证书号码清晰可辨。<br> 上传文件仅限“jpg,jpeg,png”格式，文件小于10MB。'
}
]
}
}
modules/my/interview/form/cjd.js 0 → 100644
浏览文件 @ 26f9f8d3
export default function(_this) {
return {
id: 'interview_cjd',
title: '成绩单（中+英）',
get: {
action: `${webConf.apiBaseURL}/enrollment/v1.0/application-materials/${webConf.others.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) > 2
return attachments.reduce(
(result, item) => {
if (item.file_type_id === 'REPORT_CARD_CN') {
result.REPORT_CARD_CN.push(item)
}
if (item.file_type_id === 'REPORT_CARD_EN') {
result.REPORT_CARD_EN.push(item)
}
return result
},
{ REPORT_CARD_CN: [], REPORT_CARD_EN: [] }
)
}
},
update: {
action: `${webConf.apiBaseURL}/enrollment/v1.0/application-materials/submit/${webConf.others.projectId}`,
beforeRequest(data) {
return { submission_stage: 'INTERVIEW_APPLICATION' }
},
callback() {
this.form.options.disabled = true
_this.dialogVisible = true
_this.getApplication()
},
errorCallback() {
_this.completeVisible = true
}
},
form: {
prev: { to: { query: { active: 'interview_ywjl' } } },
submitText: '申请面试',
model: { submission_stage: 'INTERVIEW_APPLICATION' },
options: { 'label-position': 'top' },
hint: `
<p>请将中英文成绩单原件扫描或者拍照后提交。</p>
<p>获取途径:联系大学时就读学校相关部门(档案馆/教务处)获取成绩单。</p>
`,
items: [
{
type: 'v-upload',
label: '中文成绩单',
model: 'REPORT_CARD_CN',
attrs: {
action: `${webConf.apiBaseURL}/enrollment/v1.0/application-materials/attachments/${webConf.others.projectId}/put`,
deleteAction: `${webConf.apiBaseURL}/enrollment/v1.0/application-materials/attachments/${webConf.others.projectId}/delete`,
data: { file_type: 'REPORT_CARD_CN' }
}
},
{
type: 'v-upload',
label: '英文成绩单',
model: 'REPORT_CARD_EN',
attrs: {
action: `${webConf.apiBaseURL}/enrollment/v1.0/application-materials/attachments/${webConf.others.projectId}/put`,
deleteAction: `${webConf.apiBaseURL}/enrollment/v1.0/application-materials/attachments/${webConf.others.projectId}/delete`,
data: { file_type: 'REPORT_CARD_EN' }
}
}
]
}
}
}
modules/my/interview/form/index.js 0 → 100644
浏览文件 @ 26f9f8d3
import byzs from './byzs'
import xwzs from './xwzs'
import ywjl from './ywjl'
import zp from './zp'
export default function(_this) {
return {
id: 'interview',
title: '申请面试',
children: [byzs, xwzs, ywjl, zp(_this)]
}
}
modules/my/interview/form/xwzs.js 0 → 100644
浏览文件 @ 26f9f8d3
export default {
id: 'interview_xwzs',
title: '学位证书',
get: {
action: `${webConf.apiBaseURL}/enrollment/v1.0/application-materials/${webConf.others.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) > 2
const DEGREE_CERT_CN = attachments.filter(item => {
return item.file_type_id === 'DEGREE_CERT_CN'
})
return { DEGREE_CERT_CN }
}
},
form: {
prev: { to: { query: { active: 'interview_byzs' } } },
next: { to: { query: { active: 'interview_ywjl' } } },
hasButton: false,
options: {},
items: [
{
type: 'v-upload',
required: true,
model: 'DEGREE_CERT_CN',
attrs: {
action: `${webConf.apiBaseURL}/enrollment/v1.0/application-materials/attachments/${webConf.others.projectId}/put`,
deleteAction: `${webConf.apiBaseURL}/enrollment/v1.0/application-materials/attachments/${webConf.others.projectId}/delete`,
data: { file_type: 'DEGREE_CERT_CN' }
},
append:
'申请者需要将学位证书原件扫描或者拍照后提交。<br>可上传多个文件，请确保证书号码清晰可辨。<br>上传文件仅限“jpg,jpeg,png”格式，文件小于10MB。'
}
]
}
}
modules/my/interview/form/xwzszm.js 0 → 100644
浏览文件 @ 26f9f8d3
export default {
id: 'interview_xwzsywzm',
title: '学位证书英文证明',
get: {
action: `${webConf.apiBaseURL}/enrollment/v1.0/application-materials/${webConf.others.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) > 2
const DEGREE_CERT_EN = attachments.filter(item => {
return item.file_type_id === 'DEGREE_CERT_EN'
})
return { DEGREE_CERT_EN }
}
},
form: {
prev: { to: { query: { active: 'interview_xwzs' } } },
next: { to: { query: { active: 'interview_ywjl' } } },
hasButton: false,
options: {},
items: [
{
type: 'v-upload',
required: true,
model: 'DEGREE_CERT_EN',
attrs: {
action: `${webConf.apiBaseURL}/enrollment/v1.0/application-materials/attachments/${webConf.others.projectId}/put`,
deleteAction: `${webConf.apiBaseURL}/enrollment/v1.0/application-materials/attachments/${webConf.others.projectId}/delete`,
data: { file_type: 'DEGREE_CERT_EN' }
},
append: '请将学校出具的学位证书英文证明原件扫描或者拍照后提交。'
}
]
}
}
modules/my/interview/form/ywjl.js 0 → 100644
浏览文件 @ 26f9f8d3
export default {
id: 'interview_ywjl',
title: '英文简历',
get: {
action: `${webConf.apiBaseURL}/enrollment/v1.0/application-materials/${webConf.others.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) > 2
const RESUME_EN = attachments.filter(item => {
return item.file_type_id === 'RESUME_EN'
})
return { RESUME_EN }
}
},
form: {
prev: { to: { query: { active: 'interview_xwzs' } } },
next: { to: { query: { active: 'interview_zp' } } },
hasButton: false,
options: {},
items: [
{
type: 'v-upload',
required: true,
model: 'RESUME_EN',
attrs: {
action: `${webConf.apiBaseURL}/enrollment/v1.0/application-materials/attachments/${webConf.others.projectId}/put`,
deleteAction: `${webConf.apiBaseURL}/enrollment/v1.0/application-materials/attachments/${webConf.others.projectId}/delete`,
data: { file_type: 'RESUME_EN' }
},
append: `
<p>请下载填写英文简历模板后上传 [<a href="https://zws-imgs-pub.oss-cn-beijing.aliyuncs.com/pc/kelley/%E8%8B%B1%E6%96%87%E7%AE%80%E5%8E%86.docx" target="_blank" download="英文简历模板">下载模板</a>]</p>
<p>请将英文简历填写完存为"pdf"格式上传，文件小于10MB。</p>`
}
]
}
}
modules/my/interview/form/zp.js 0 → 100644
浏览文件 @ 26f9f8d3
export default function(_this) {
return {
id: 'interview_zp',
title: '2寸照片',
get: {
action: `${webConf.apiBaseURL}/enrollment/v1.0/application-materials/${webConf.others.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) > 2
const PERSONAL_PHOTO_FOR_ID = attachments.filter(item => {
return item.file_type_id === 'PERSONAL_PHOTO_FOR_ID'
})
return { PERSONAL_PHOTO_FOR_ID }
}
},
update: {
action: `${webConf.apiBaseURL}/enrollment/v1.0/application-materials/submit/${webConf.others.projectId}`,
beforeRequest(data) {
return { submission_stage: 'INTERVIEW_APPLICATION' }
},
callback() {
this.form.options.disabled = true
_this.dialogVisible = true
_this.getApplication()
},
errorCallback() {
_this.completeVisible = true
}
},
form: {
prev: { to: { query: { active: 'interview_ywjl' } } },
submitText: '申请面试',
model: { submission_stage: 'INTERVIEW_APPLICATION' },
options: {},
items: [
{
type: 'v-upload',
model: 'PERSONAL_PHOTO_FOR_ID',
attrs: {
action: `${webConf.apiBaseURL}/enrollment/v1.0/application-materials/attachments/${webConf.others.projectId}/put`,
deleteAction: `${webConf.apiBaseURL}/enrollment/v1.0/application-materials/attachments/${webConf.others.projectId}/delete`,
data: { file_type: 'PERSONAL_PHOTO_FOR_ID' },
limit: 1
},
append:
'申请者需要上传本人半年以内的两寸彩色近照。<br> 只需上传一个文件，且照片完整、干净。<br> 上传文件仅限“jpg,jpeg,gif,png”格式的图片文件，且文件小于10MB。'
}
]
}
}
}
modules/my/interview/index.vue 0 → 100644
浏览文件 @ 26f9f8d3
<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"
>
<template #aside-append>
<div class="aside-logout" @click="$store.dispatch('logout')"><span>退出登录</span></div>
</template>
</vue-form>
<app-complete :type="1" v-model="completeVisible"></app-complete>
<el-dialog
title="您的申请资料已提交成功"
:visible.sync="dialogVisible"
:center="true"
:close-on-click-modal="false"
width="348px"
>
<div class="dialog-tips">
<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="dialogVisible = false">我知道啦</el-button>
</template>
</el-dialog>
</app-layout>
</template>
<script>
import AppLayout from '../layout.vue'
import getMenu from './form'
import AppComplete from '../application/complete.vue'
import * as api from '@/api/my'
export default {
components: { AppLayout, AppComplete },
data() {
const menus = getMenu(this)
return {
menus: [menus],
currentActive: 'interview_byzs',
completeVisible: false,
dialogVisible: false,
detail: null
}
},
watch: {
$route: {
immediate: true,
handler(route) {
const { query = {} } = route
this.currentActive = query.active || 'interview_byzs'
}
},
showSubmitedDialog(value) {
this.dialogVisible = value
}
},
computed: {
isSubmited() {
const stageList = [
'FILLING',
'PREPAYMENT',
'INTERVIEW_APPLICATION',
'AUDITION',
'INTERVIEW',
'PAYMENT',
'REGISTRATION',
'CLOSED'
]
if (this.detail) {
return stageList.findIndex(item => item === this.detail.material.submission_stage) > 2
}
return false
},
showSubmitedDialog() {
return this.isSubmited && this.currentActive === 'interview_zp'
}
},
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 } }).catch(() => {})
console.log('页面切换了', value)
},
handleSuccess(data) {
this.getApplication()
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)
}
},
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>
modules/my/layout.vue 0 → 100644
浏览文件 @ 26f9f8d3
<template>
<div style="background-color: #eee">
<div class="layout">
<div class="layout-hd">
<slot name="header">
<h1 class="title">在线报名</h1>
</slot>
</div>
<div class="layout-bd">
<slot></slot>
</div>
</div>
</div>
</template>
<script>
export default {
props: {},
data() {
return {}
},
mounted() {
document.body.style = 'background-color:#eee;'
},
destroyed() {
document.body.style = ''
}
}
</script>
<style lang="scss" scoped>
.layout {
max-width: 970px;
margin: 0 auto;
overflow: hidden;
}
.layout-hd {
.title {
padding: 20px 0;
font-size: 18px;
line-height: 1;
color: var(--main-color);
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: var(--main-color);
}
}
.layout-bd {
margin: 20px 0;
}
::v-deep .v-layout-aside {
position: relative;
min-height: 410px;
align-self: flex-start;
.aside-logout {
span {
display: inline-block;
background: url('https://webapp-pub.ezijing.com/project/application/images/icon_logout.png') no-repeat left center;
background-size: 18px 17px;
padding-left: 33px;
}
position: absolute;
left: 0;
right: 0;
bottom: 0;
margin: 0 10px;
padding: 12px;
font-size: 12px;
color: #999;
text-align: center;
border-top: 1px solid #eee;
cursor: pointer;
}
}
</style>
modules/my/welcome/components/h5Pay.vue 0 → 100644
浏览文件 @ 26f9f8d3
<template>
<div class="h5pay">
<el-button type="primary" @click="handlePay">去支付</el-button>
</div>
</template>
<script>
import * as api from '@/api/my'
export default {
data() {
return {
openId: window.localStorage.getItem('open_id')
}
},
computed: {
pageUrl() {
return window.location.origin + this.$route.path
}
},
methods: {
// 获取订单
getOrder(callback) {
api.getOrder({ wx_open_id: this.openId, payment_method: 'WX_PAY' }).then(response => {
const { data, error, message } = response
if (error.toString() === '0') {
this.order = data
this.$emit('update', this.order)
callback && callback(this.order)
} else {
this.$message.error(message)
}
})
},
// 获取微信code
getCode() {
const redirectURI = `https://pages.ezijing.com/given/auth.html?redirect_uri=${encodeURIComponent(this.pageUrl)}`
window.location.href = `https://open.weixin.qq.com/connect/oauth2/authorize?appid=wx451c01d40d090d7a&redirect_uri=${redirectURI}&response_type=code&scope=snsapi_base#wechat_redirect`
},
// 获取微信openid
getOpenId(code) {
api.getOpenId({ code, identity: 'ezijing' }).then(response => {
if (response.code === 0) {
this.openId = response.openid
window.localStorage.setItem('open_id', this.openId)
this.getOrder()
} else {
this.getCode()
}
})
},
// 去支付
handlePay() {
this.getOrder(() => {
window.location.href = `https://web-pay.ezijing.com/wxpay/h5?prepay_id=${this.order.wx_prepay_id}&open_id=${
this.openId
}&redirect_uri=${encodeURIComponent(this.pageUrl)}`
})
}
},
beforeMount() {
if (!this.openId) {
const { code } = this.$route.query
code ? this.getOpenId(code) : this.getCode()
}
}
}
</script>
<style scoped>
.h5pay {
padding: 40px;
text-align: center;
}
</style>
modules/my/welcome/components/qrcodePay.vue 0 → 100644
浏览文件 @ 26f9f8d3
<template>
<div class="qrpay">
<div class="qrpay-hd">
<div class="pic">
<img src="https://webapp-pub.ezijing.com/project/application/images/my_pay_02.png" height="160" />
</div>
<h1>请使用微信扫描下方二维码</h1>
</div>
<div class="qrcode-error" v-if="qrcodeError">
生成二维码失败请刷新<i class="el-icon-refresh-left" @click="getOrder" title="刷新"></i>
</div>
<div class="qrcode" v-else>
<qrcode-vue :value="qrcodeValue" size="100"></qrcode-vue>
<span @click="getOrder">刷新</span>
</div>
</div>
</template>
<script>
import QrcodeVue from 'qrcode.vue'
import * as api from '@/api/my'
export default {
components: { QrcodeVue },
data() {
return {
order: { id: '', payment_url: '' },
qrcodeError: false
}
},
computed: {
// 二维码地址
qrcodeValue() {
return this.order.payment_url
}
},
methods: {
// 获取订单
getOrder() {
api.getOrder({ payment_method: 'WX_PAY_QR' }).then(response => {
const { data, error, message } = response
this.qrcodeError = error.toString() === '1'
if (error.toString() === '0') {
this.order = data
this.$emit('update', this.order)
} else {
this.$message.error(message)
}
})
}
},
beforeMount() {
this.getOrder()
}
}
</script>
<style lang="scss" scoped>
.qrpay-hd {
.pic {
text-align: center;
}
h1 {
margin-top: 40px;
font-size: 24px;
font-weight: 500;
color: #222;
line-height: 1;
text-align: center;
}
}
.qrcode {
padding: 20px 0;
text-align: center;
span {
margin-top: 10px;
font-size: 12px;
color: #999;
cursor: pointer;
}
}
.qrcode-error {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
width: 100px;
height: 100px;
padding: 10px;
margin: 20px auto;
color: var(--main-color);
border-style: dashed;
border-width: 1px;
border-color: var(--main-color);
box-sizing: border-box;
text-align: center;
i {
margin-top: 10px;
cursor: pointer;
}
}
</style>
modules/my/welcome/index.vue 0 → 100644
浏览文件 @ 26f9f8d3
<template>
<div v-if="loaded">
<index-welcome @update="handleUpdate" v-if="!isSubmited" />
<index-pay v-else />
</div>
</template>
<script>
import IndexWelcome from './indexWelcome.vue'
import IndexPay from './indexPay.vue'
import * as api from '@/api/my'
export default {
components: { IndexWelcome, IndexPay },
data() {
return {
loaded: false,
progress: {}
}
},
methods: {
// 获取报名信息
getApplication() {
this.loaded = false
api.getApplication().then(response => {
const { progress = {} } = response.data
this.progress = progress
// 缴费成功
if (progress.PREPAYMENT.total_progress) {
this.$router.push('/my/account')
} else {
this.loaded = true
}
})
},
handleUpdate(data) {
const { progress } = data
this.progress = progress
}
},
computed: {
isSubmited() {
const { FILLING = {} } = this.progress
if (FILLING && FILLING.basic_info) {
return !!FILLING.basic_info.progress
}
return false
}
},
beforeCreate() {
document.body.style.background = '#fff'
},
created() {
this.$router.replace('/my/account')
},
beforeMount() {
// this.getApplication()
},
destroyed() {
document.body.style = ''
}
}
</script>
modules/my/welcome/indexPay.vue 0 → 100644
浏览文件 @ 26f9f8d3
<template>
<div class="pay">
<h5-pay @update="handleUpdateOrder" v-if="isWechat"></h5-pay>
<qrcode-pay @update="handleUpdateOrder" v-else></qrcode-pay>
<div class="pay-ft">
<p class="t2">
欢迎您申请紫荆-印第安纳大学Kelley商学院金融硕士（MSF）<br />
申请流程：①支付报名费②填写报名资料并提供相关材料（身份证扫描件、毕业证书扫描件、学位证书扫描件、英文简历、2寸照片）③参加面试④获得录取⑤缴纳学费并签署入学协议⑥入学学习（办理入学手续：提供成绩单、学籍注册等）<br />
申请费提交后不予退还
</p>
</div>
<el-dialog
title="报名费缴费成功"
:visible.sync="dialogVisible"
:center="true"
:show-close="false"
:close-on-click-modal="false"
width="348px"
>
<div class="dialog-pay">
<p>请按照要求填写报名所需材料，完成“提交报名申请”及“申请面试”</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="toApplication">立即预约</el-button>
</template>
</el-dialog>
</div>
</template>
<script>
import * as api from '@/api/my'
import qrcodePay from './components/qrcodePay'
import h5Pay from './components/h5Pay'
export default {
name: 'AppPay',
components: { qrcodePay, h5Pay },
data() {
const UA = window.navigator.userAgent
const isMobile = /android|iphone|ipad|ipod/i.test(UA)
return {
isWechat: isMobile && /micromessenger/i.test(UA),
order: { id: '', payment_url: '' },
dialogVisible: false,
timer: null,
paymentRecords: [] // 所有订单
}
},
computed: {
// 二维码地址
qrcodeValue() {
return this.order.payment_url
},
// 支付成功
paySuccess() {
return this.order.payment_status === 'SUCCESS'
},
// 待支付订单
orderList() {
// 筛选待支付订单
const list = this.paymentRecords.filter(item => {
return item.bill_type === 'APPLICATION_FEE' && item.payment_status === 'WAITING_FOR_PAY'
})
// 待支付订单是否有当前订单
const found = list.find(item => item.id === this.order.id)
return found ? list : [...list, this.order]
}
},
methods: {
// 获取报名信息
async getApplication() {
await api.getApplication().then(response => {
const { payment_records: paymentRecords = [] } = response.data.material
// 获取支付订单
this.paymentRecords = paymentRecords
if (paymentRecords && paymentRecords.length) {
// 获取支付成功的订单
const orderPaySuccess = paymentRecords.find(item => {
return item.bill_type === 'APPLICATION_FEE' && item.payment_status === 'SUCCESS'
})
if (orderPaySuccess) {
this.order = orderPaySuccess
this.dialogVisible = true
return
}
// 获取最后一个订单
const [lastPayment] = paymentRecords.reverse()
this.order = lastPayment
}
})
},
// 检查支付状态
checkPay(order) {
const userId = window.G.UserInfo.id
api.checkPay(order.id, { user_id: userId }).then(response => {
if (response.data.payment_status === 'SUCCESS') {
this.timer && clearInterval(this.timer)
this.dialogVisible = true
}
})
},
// 检测支付状态定时器
setCheckPayTimer() {
this.timer && clearInterval(this.timer)
this.timer = setInterval(() => {
if (this.paySuccess) {
this.timer && clearInterval(this.timer)
return
}
this.orderList.forEach(order => this.checkPay(order))
}, 3000)
},
// 填写个人资料
toApplication() {
this.$router.push('/my/account')
},
handleUpdateOrder(order) {
this.order = order
}
},
async mounted() {
await this.getApplication()
this.setCheckPayTimer()
},
destroyed() {
this.timer && clearInterval(this.timer)
}
}
</script>
<style lang="scss" scoped>
.pay {
max-width: 562px;
margin: 0 auto;
padding: 40px 0;
}
.t1 {
font-size: 14px;
color: #303030;
line-height: 20px;
text-align: center;
span {
color: #ffa448;
}
}
.t2 {
font-size: 12px;
color: #999;
line-height: 20px;
}
.dialog-pay {
text-align: center;
p {
color: #262626;
line-height: 20px;
}
.icon {
margin-top: 20px;
text-align: center;
}
}
</style>
modules/my/welcome/indexWelcome.vue 0 → 100644
浏览文件 @ 26f9f8d3
<template>
<div class="welcome">
<div class="top">
<div class="pic">
<img src="https://webapp-pub.ezijing.com/project/application/images/my_pay_01.png" />
</div>
<h1>欢迎您</h1>
<p class="t1">
申请紫荆-美国印第安纳大学Kelley商学院金融学硕士项目，请在填写以下内容并<br />
提交报名申请后，扫码支付本项目的申请费共计<span>700</span>元。
</p>
</div>
<div class="form">
<el-form :model="ruleForm" :rules="rules" label-width="70px" ref="ruleForm">
<el-form-item label="姓名" prop="real_name_cn">
<el-input v-model="ruleForm.real_name_cn"></el-input>
</el-form-item>
<el-form-item label="手机号" prop="phone_number">
<el-input v-model="ruleForm.phone_number" :maxlength="11"></el-input>
</el-form-item>
<el-form-item label="邮箱" prop="email">
<el-input v-model="ruleForm.email"></el-input>
</el-form-item>
<div class="buttons">
<el-button type="primary" class="button-submit" @click="handleSubmit">提交</el-button>
</div>
</el-form>
</div>
</div>
</template>
<script>
import * as api from '@/api/my'
export default {
data() {
return {
material: {},
progress: {},
ruleForm: {
real_name_cn: '',
phone_number: '',
email: ''
},
rules: {
real_name_cn: [{ required: true, message: '请输入姓名', trigger: 'blur' }],
phone_number: [{ required: true, pattern: /^1[3-9]\d{9}$/, message: '请输入手机号', trigger: 'blur' }],
email: [{ type: 'email', required: true, message: '请输入邮箱', trigger: 'blur' }]
}
}
},
methods: {
handleSubmit() {
this.$refs.ruleForm.validate().then(this.handleSubmitRequest)
},
handleSubmitRequest() {
const params = {
basic_info: this.ruleForm
}
api.updateApplication(params).then(response => {
if (response.error === '0') {
this.$emit('update', response.data)
} else {
this.$message({ type: 'error', message: response.message })
}
})
}
}
}
</script>
<style lang="scss" scoped>
.welcome {
margin: 0 auto;
padding: 20px 0;
}
.top {
padding: 40px 0;
.pic {
text-align: center;
}
h1 {
padding: 20px 0;
font-size: 24px;
font-weight: 500;
color: #222;
line-height: 1;
text-align: center;
}
}
.t1 {
font-size: 14px;
color: #262626;
line-height: 20px;
text-align: center;
span {
color: #ffa448;
}
}
.buttons {
text-align: center;
}
.button-submit {
width: 100px;
margin: 0 auto;
}
.form {
max-width: 350px;
margin: 0 auto;
}
</style>
nuxt.config.js
浏览文件 @ 26f9f8d3
import path from 'path' import path from 'path'
import fs from 'fs' import fs from 'fs'
import routes from './router/routes'
let config = {} let config = {}
if (process.env.NODE_ENV === 'production') { if (process.env.NODE_ENV === 'production') {
config = { config = {
server: { port: 2048, host: '0.0.0.0', timing: false }, env: {
axios: { projectId: '1001',
baseURL: 'https://project-api.ezijing.com', baseURL: 'https://project-api.ezijing.com'
} },
server: { port: 2048, host: '0.0.0.0' }
} }
} else { } else {
config = { config = {
axios: { env: {
proxy: true projectId: '1001',
baseURL: 'https://project-api.ezijing.com'
}, },
server: { server: {
port: 3000,
host: 'dev.ezijing.com', host: 'dev.ezijing.com',
timing: false,
https: { https: {
key: fs.readFileSync(path.resolve(__dirname, 'dev.ezijing.com.key')), key: fs.readFileSync(path.resolve(__dirname, 'dev.ezijing.com.key')),
cert: fs.readFileSync(path.resolve(__dirname, 'dev.ezijing.com.pem')) cert: fs.readFileSync(path.resolve(__dirname, 'dev.ezijing.com.pem'))
} }
},
proxy: {
'/api': {
target: 'https://project-api.ezijing.com/api',
selfHandleResponse: false,
secure: false,
changeOrigin: true,
followRedirects: true,
logLevel: 'info',
headers: {
'Referer': 'https://project-api.ezijing.com/api'
},
pathRewrite: {
'^/api': '/'
}
}
} }
} }
} }
export default { export default {
...config, ...config,
// Global page headers: https://go.nuxtjs.dev/config-head // Global page headers: https://go.nuxtjs.dev/config-head
...@@ -72,17 +59,16 @@ export default { ...@@ -72,17 +59,16 @@ export default {
] ]
}, },
// Global CSS: https://go.nuxtjs.dev/config-css // Global CSS: https://go.nuxtjs.dev/config-css
css: [ css: ['element-ui/lib/theme-chalk/index.css', 'assets/css/base.css'],
'element-ui/lib/theme-chalk/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/axios',
'@/plugins/element-ui', '@/plugins/element-ui',
{ {
// 引入一个插件，这里的 ssr 表示使用服务端渲染 // 引入一个插件，这里的 ssr 表示使用服务端渲染
src: "plugins/vue-swiper.js", ssr: false src: 'plugins/vue-swiper.js',
ssr: false
} }
], ],
...@@ -90,32 +76,19 @@ export default { ...@@ -90,32 +76,19 @@ export default {
components: true, components: true,
// Modules for dev and build (recommended): https://go.nuxtjs.dev/config-modules // Modules for dev and build (recommended): https://go.nuxtjs.dev/config-modules
buildModules: [ buildModules: [],
],
// Modules: https://go.nuxtjs.dev/config-modules // Modules: https://go.nuxtjs.dev/config-modules
modules: [ modules: [],
'@nuxtjs/axios'
],
// Build Configuration: https://go.nuxtjs.dev/config-build // Build Configuration: https://go.nuxtjs.dev/config-build
build: { build: {
transpile: [/^element-ui/], transpile: [/^element-ui/]
},
router: {
scrollBehavior(to, from, savedPosition) {
return { x: 0, y: 0 }
},
extendRoutes: routes
} }
// proxy: {
// '/api': {
// target: 'https://project-api.ezijing.com/api',
// selfHandleResponse: false,
// secure: false,
// changeOrigin: true,
// followRedirects: true,
// logLevel: 'info',
// headers: {
// 'Referer': 'https://project-api.ezijing.com/api'
// },
// pathRewrite: {
// '^/api': '/'
// }
// }
// }
} }
package-lock.json
浏览文件 @ 26f9f8d3
This source diff could not be displayed because it is too large. You can view the blob instead.
package.json
浏览文件 @ 26f9f8d3
{ {
"name": "new-node-ezijing", "name": "project-pc",
"version": "1.0.0", "version": "1.0.0",
"private": true, "private": true,
"scripts": { "scripts": {
"dev": "nuxt", "dev": "nuxt --open",
"build": "nuxt build", "build": "nuxt build",
"start": "nuxt start", "start": "nuxt start",
"generate": "nuxt generate" "generate": "nuxt generate"
}, },
"dependencies": { "dependencies": {
"@ezijing/vue-form": "^2.2.1",
"@ezijing/vue-passport": "^1.0.3",
"axios": "^0.21.1", "axios": "^0.21.1",
"core-js": "^3.9.1", "core-js": "^3.9.1",
"driver.js": "^0.9.8",
"element-ui": "^2.15.1", "element-ui": "^2.15.1",
"fs": "0.0.1-security",
"lodash": "^4.17.21",
"nuxt": "^2.15.3", "nuxt": "^2.15.3",
"path": "^0.12.7", "qrcode.vue": "^1.7.0",
"qs": "^6.10.1", "qs": "^6.10.1",
"swiper": "^5.4.5", "swiper": "^5.4.5",
"viewerjs": "^1.9.0",
"vue-awesome-swiper": "^4.1.1" "vue-awesome-swiper": "^4.1.1"
}, },
"devDependencies": { "devDependencies": {
"@nuxtjs/axios": "^5.13.1",
"@nuxtjs/proxy": "^2.1.0",
"sass": "^1.32.11", "sass": "^1.32.11",
"sass-loader": "^10.1.1" "sass-loader": "^10.1.1"
} }
......
pages/about/course.vue
浏览文件 @ 26f9f8d3
...@@ -3,7 +3,7 @@ ...@@ -3,7 +3,7 @@
<app-frame :data="frameParams"> <app-frame :data="frameParams">
<div class="content-mian"> <div class="content-mian">
<div class="border-box"> <div class="border-box">
<template v-for="(item, index) in courseData"> <template v-for="(item, index) in courseData">
<div class="item-box" :key="index"> <div class="item-box" :key="index">
<div class="title">{{ item.title }}</div> <div class="title">{{ item.title }}</div>
<div class="right-content"> <div class="right-content">
...@@ -24,6 +24,7 @@ ...@@ -24,6 +24,7 @@
<script> <script>
import appFrame from '../../components/appFrame' import appFrame from '../../components/appFrame'
export default { export default {
layout: 'main',
components: { components: {
appFrame appFrame
}, },
...@@ -174,54 +175,54 @@ export default { ...@@ -174,54 +175,54 @@ export default {
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.course-content-box{ .course-content-box {
width: 1200px; width: 1200px;
margin: 0 auto; margin: 0 auto;
.content-mian{ .content-mian {
padding: 106px 141px 110px 96px; padding: 106px 141px 110px 96px;
.border-box{ .border-box {
padding: 35px 0 51px; padding: 35px 0 51px;
border-top: 1px solid #E6E6E6; border-top: 1px solid #e6e6e6;
border-bottom: 1px solid #E6E6E6; border-bottom: 1px solid #e6e6e6;
.item-box{ .item-box {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
margin-bottom: 40px; margin-bottom: 40px;
ul{ ul {
padding-bottom: 37px; padding-bottom: 37px;
border-bottom: 1px solid #E6E6E6; border-bottom: 1px solid #e6e6e6;
} }
&:last-child{ &:last-child {
border-bottom: none; border-bottom: none;
margin-bottom: 0; margin-bottom: 0;
ul{ ul {
padding-bottom: 37px; padding-bottom: 37px;
border-bottom: none; border-bottom: none;
} }
} }
.title{ .title {
font-size: 26px; font-size: 26px;
font-weight: bold; font-weight: bold;
line-height: 100%; line-height: 100%;
color: #AA1941; color: #aa1941;
} }
.right-content{ .right-content {
width: 562px; width: 562px;
li{ li {
height: 32px; height: 32px;
background: #F7F7F7; background: #f7f7f7;
display: flex; display: flex;
align-items: center; align-items: center;
&:nth-child(even){ &:nth-child(even) {
background: none; background: none;
} }
.text{ .text {
width: 397px; width: 397px;
padding-left: 30px; padding-left: 30px;
font-size: 16px; font-size: 16px;
color: #333333; color: #333333;
} }
.score{ .score {
font-size: 16px; font-size: 16px;
color: #424242; color: #424242;
} }
......
pages/about/teacher.vue
浏览文件 @ 26f9f8d3
...@@ -8,7 +8,7 @@ ...@@ -8,7 +8,7 @@
<ul> <ul>
<template v-for="(cItem, cIndex) in item.list"> <template v-for="(cItem, cIndex) in item.list">
<li :key="cIndex + '='"> <li :key="cIndex + '='">
<img :src="cItem.image" alt=""> <img :src="cItem.image" alt="" />
<div class="name">{{ cItem.name }}</div> <div class="name">{{ cItem.name }}</div>
<template v-for="(text, tIndex) in cItem.intr"> <template v-for="(text, tIndex) in cItem.intr">
<div class="p" :key="tIndex + '=='">{{ text }}</div> <div class="p" :key="tIndex + '=='">{{ text }}</div>
...@@ -25,6 +25,7 @@ ...@@ -25,6 +25,7 @@
<script> <script>
import appFrame from '../../components/appFrame' import appFrame from '../../components/appFrame'
export default { export default {
layout: 'main',
components: { components: {
appFrame appFrame
}, },
...@@ -125,41 +126,41 @@ export default { ...@@ -125,41 +126,41 @@ export default {
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.teacher-content-box{ .teacher-content-box {
width: 1200px; width: 1200px;
margin: 0 auto; margin: 0 auto;
.content-box{ .content-box {
padding: 60px 75px 61px; padding: 60px 75px 61px;
.teacher-box{ .teacher-box {
.title{ .title {
font-size: 22px; font-size: 22px;
font-weight: bold; font-weight: bold;
line-height: 100%; line-height: 100%;
color: #333333; color: #333333;
} }
ul{ ul {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
padding-top: 30px; padding-top: 30px;
li{ li {
width: 180px; width: 180px;
margin-right: 140px; margin-right: 140px;
margin-bottom: 40px; margin-bottom: 40px;
&:nth-child(3n+3){ &:nth-child(3n + 3) {
margin-right: 0; margin-right: 0;
} }
img{ img {
display: block; display: block;
width: 100%; width: 100%;
} }
.name{ .name {
font-size: 18px; font-size: 18px;
color: #AA1941; color: #aa1941;
line-height: 100%; line-height: 100%;
margin-top: 20px; margin-top: 20px;
margin-bottom: 10px; margin-bottom: 10px;
} }
.p{ .p {
font-size: 14px; font-size: 14px;
line-height: 100%; line-height: 100%;
color: #666666; color: #666666;
......
pages/alumni/detail.vue
浏览文件 @ 26f9f8d3
...@@ -20,7 +20,7 @@ ...@@ -20,7 +20,7 @@
</div> </div>
<ul class="list-box"> <ul class="list-box">
<li v-for="(item, index) in listData" :key="index" @click="goPage(item)"> <li v-for="(item, index) in listData" :key="index" @click="goPage(item)">
<img :src="item.photo_uri" alt=""> <img :src="item.photo_uri" alt="" />
<div class="dec">{{ item.title }}</div> <div class="dec">{{ item.title }}</div>
</li> </li>
</ul> </ul>
...@@ -33,10 +33,11 @@ ...@@ -33,10 +33,11 @@
<script> <script>
import appFrame from '../../components/appFrame' import appFrame from '../../components/appFrame'
export default { export default {
layout: 'main',
components: { components: {
appFrame appFrame
}, },
data () { data() {
return { return {
frameParams: { frameParams: {
slider: [ slider: [
...@@ -57,7 +58,7 @@ export default { ...@@ -57,7 +58,7 @@ export default {
} }
}, },
async fetch() { async fetch() {
this.data = await this.$axios.$get(`/api/zws/v1/cms/news/${this.$route.query.id}`).then(res => { this.data = await this.$axios.get(`/api/zws/v1/cms/news/${this.$route.query.id}`).then(res => {
return res return res
}) })
const params = { const params = {
...@@ -66,14 +67,13 @@ export default { ...@@ -66,14 +67,13 @@ export default {
type: 74, type: 74,
project_id: 1013 project_id: 1013
} }
this.listData = await this.$axios.$get('/api/zws/v1/cms/news', { params }).then(res => { this.listData = await this.$axios.get('/api/zws/v1/cms/news', { params }).then(res => {
return res.filter((item, index) => { return res.filter((item, index) => {
return index < 3 return index < 3
}) })
}) })
}, },
mounted () { mounted() {},
},
methods: { methods: {
goPage(item) { goPage(item) {
if (item.source === '') { if (item.source === '') {
...@@ -87,88 +87,87 @@ export default { ...@@ -87,88 +87,87 @@ export default {
} else { } else {
window.open(item.source) window.open(item.source)
} }
} }
} }
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.detail-content-box{ .detail-content-box {
// width: 1000px; // width: 1000px;
// background: #fff; // background: #fff;
// box-sizing: border-box; // box-sizing: border-box;
// margin-bottom: 100px; // margin-bottom: 100px;
.content-box{ .content-box {
padding: 50px 50px 94px; padding: 50px 50px 94px;
} }
.back-btn{ .back-btn {
display: flex; display: flex;
align-items: center; align-items: center;
cursor: pointer; cursor: pointer;
.el-icon-arrow-left{ .el-icon-arrow-left {
color: rgba(153, 153, 153, 1); color: rgba(153, 153, 153, 1);
font-size: 16px; font-size: 16px;
} }
.text{ .text {
font-size: 16px; font-size: 16px;
color: #999999; color: #999999;
} }
} }
.times{ .times {
font-size: 16px; font-size: 16px;
line-height: 100%; line-height: 100%;
margin: 35px 0 16px; margin: 35px 0 16px;
color: #999999; color: #999999;
} }
.titles{ .titles {
font-size: 32px; font-size: 32px;
font-weight: bold; font-weight: bold;
color: #141414; color: #141414;
// height: 62px; // height: 62px;
border-bottom: 1px solid #E6E6E6; border-bottom: 1px solid #e6e6e6;
padding-bottom: 10px; padding-bottom: 10px;
// line-height: 100%; // line-height: 100%;
} }
.article-content{ .article-content {
padding-top: 25px; padding-top: 25px;
font-size: 14px; font-size: 14px;
line-height: 28px; line-height: 28px;
color: #333333; color: #333333;
img{ img {
display: block; display: block;
width: 100%; width: 100%;
margin-top: 40px; margin-top: 40px;
} }
} }
.recommend-content{ .recommend-content {
border-top: 1px solid #E6E6E6; border-top: 1px solid #e6e6e6;
padding-top: 37px; padding-top: 37px;
.titles{ .titles {
display: flex; display: flex;
align-items: center; align-items: center;
.line{ .line {
width: 6px; width: 6px;
height: 22px; height: 22px;
background: #AA1941; background: #aa1941;
} }
.text{ .text {
font-size: 22px; font-size: 22px;
color: #333333; color: #333333;
margin-left: 10px; margin-left: 10px;
} }
} }
.list-box{ .list-box {
margin-top: 50px; margin-top: 50px;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
li{ li {
width: 280px; width: 280px;
img{ img {
width: 280px; width: 280px;
height: 184px; height: 184px;
display: block; display: block;
} }
.dec{ .dec {
display: -webkit-box; display: -webkit-box;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
-webkit-line-clamp: 2; -webkit-line-clamp: 2;
...@@ -181,12 +180,12 @@ export default { ...@@ -181,12 +180,12 @@ export default {
} }
} }
} }
.more-btn{ .more-btn {
position: relative; position: relative;
z-index: 999; z-index: 999;
width: 164px; width: 164px;
height: 40px; height: 40px;
border: 1px solid #D3D3D3; border: 1px solid #d3d3d3;
border-radius: 8px; border-radius: 8px;
line-height: 40px; line-height: 40px;
text-align: center; text-align: center;
......
pages/alumni/outstanding.vue
浏览文件 @ 26f9f8d3
...@@ -6,11 +6,11 @@ ...@@ -6,11 +6,11 @@
<ul class="card-list"> <ul class="card-list">
<li v-for="item in alumniList" :key="item.name"> <li v-for="item in alumniList" :key="item.name">
<div class="avatar"> <div class="avatar">
<img :src="item.avatar"> <img :src="item.avatar" />
</div> </div>
<div class="text"> <div class="text">
<h6>{{item.name}}</h6> <h6>{{ item.name }}</h6>
<p v-for="it in item.post" :key="it">{{it}}</p> <p v-for="it in item.post" :key="it">{{ it }}</p>
</div> </div>
</li> </li>
</ul> </ul>
...@@ -18,12 +18,12 @@ ...@@ -18,12 +18,12 @@
<ul class="card-list"> <ul class="card-list">
<li v-for="item in studentList" :key="item.name"> <li v-for="item in studentList" :key="item.name">
<div class="avatar"> <div class="avatar">
<img :src="item.avatar"> <img :src="item.avatar" />
</div> </div>
<div class="text"> <div class="text">
<h6>{{item.name}}</h6> <h6>{{ item.name }}</h6>
<p v-for="it in item.education" :key="it">{{it}}</p> <p v-for="it in item.education" :key="it">{{ it }}</p>
<div v-for="it in item.post" :key="it">{{it}}</div> <div v-for="it in item.post" :key="it">{{ it }}</div>
</div> </div>
</li> </li>
</ul> </ul>
...@@ -34,30 +34,103 @@ ...@@ -34,30 +34,103 @@
<script> <script>
import appFrame from '../../components/appFrame' import appFrame from '../../components/appFrame'
export default { export default {
layout: 'main',
components: { components: {
appFrame appFrame
}, },
data() { data() {
return { return {
alumniList: [ alumniList: [
{avatar: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/alumni-outstanding-01.png', name: "Paul H. O'Neill", post: ['前美国财政部长']}, {
{avatar: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/alumni-outstanding-02.png', name: "Alan B. Graf", post: ['Fedex首席财务官']}, avatar: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/alumni-outstanding-01.png',
{avatar: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/alumni-outstanding-03.png', name: "John Chambers", post: ['Cisco首席执行官']}, name: "Paul H. O'Neill",
{avatar: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/alumni-outstanding-04.png', name: "Ali Tuet", post: ['香港ESG控股集团主席总裁']}, post: ['前美国财政部长']
{avatar: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/alumni-outstanding-05.png', name: "Jimmy Wales", post: ['Jimmy Wales']}, },
{avatar: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/alumni-outstanding-06.png', name: "Mark Cuban", post: ['美国知名投资人', 'NBA达拉斯独行侠球队老板']}, {
{avatar: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/alumni-outstanding-07.png', name: "Peter Wong", post: ['汇丰银行', '亚洲区总裁']}, avatar: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/alumni-outstanding-02.png',
{avatar: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/alumni-outstanding-08.png', name: "Paul H. O'Neill", post: ['美国 Whirlpool', '亚洲副总裁']} name: 'Alan B. Graf',
post: ['Fedex首席财务官']
},
{
avatar: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/alumni-outstanding-03.png',
name: 'John Chambers',
post: ['Cisco首席执行官']
},
{
avatar: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/alumni-outstanding-04.png',
name: 'Ali Tuet',
post: ['香港ESG控股集团主席总裁']
},
{
avatar: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/alumni-outstanding-05.png',
name: 'Jimmy Wales',
post: ['Jimmy Wales']
},
{
avatar: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/alumni-outstanding-06.png',
name: 'Mark Cuban',
post: ['美国知名投资人', 'NBA达拉斯独行侠球队老板']
},
{
avatar: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/alumni-outstanding-07.png',
name: 'Peter Wong',
post: ['汇丰银行', '亚洲区总裁']
},
{
avatar: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/alumni-outstanding-08.png',
name: "Paul H. O'Neill",
post: ['美国 Whirlpool', '亚洲副总裁']
}
], ],
studentList: [ studentList: [
{avatar: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/alumni-outstanding-stud-01.png', name: "张彧", education: ['Xavier University', '工商管理硕士'], post: ['希尔顿酒店管理有限公司', '财务部副总裁']}, {
{avatar: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/alumni-outstanding-stud-02.png', name: "赵旭娜", education: ['约翰霍普金斯大学', '博士后'], post: ['瓦里安医疗系统公司（美国）', '大中华区高级临床战略经理']}, avatar: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/alumni-outstanding-stud-01.png',
{avatar: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/alumni-outstanding-stud-03.png', name: "刘育弘", education: ['中山大学', '高级工商管理硕士'], post: ['广州快塑电子商务有限公司', '执行总裁']}, name: '张彧',
{avatar: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/alumni-outstanding-stud-04.png', name: "刘丹", education: ['香港大学李嘉诚医学院', '医学影像学博士'], post: ['华润医疗直属医院', '运营院长']}, education: ['Xavier University', '工商管理硕士'],
{avatar: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/alumni-outstanding-stud-05.png', name: "刘志诚", education: ['香港理工大学', '软件科技及工商管理双硕士'], post: ['乐信集团信息安全中心', '总监']}, post: ['希尔顿酒店管理有限公司', '财务部副总裁']
{avatar: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/alumni-outstanding-stud-06.png', name: "孙红平", education: ['广东外语外贸大学', '翻译硕士'], post: ['美国IPO直通车公司', '管理合伙人']}, },
{avatar: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/alumni-outstanding-stud-07.png', name: "侍文", education: ['The University of Manchester', '工商管理硕士'], post: ['苏州诗诗珠宝有限公司', '总经理']}, {
{avatar: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/alumni-outstanding-stud-08.png', name: "虞东", education: ['北京大学光华管理学院', '高级工商管理硕士'], post: ['西安纸贵互联网科技有限公司', '董事合伙人首席风控官']}, avatar: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/alumni-outstanding-stud-02.png',
name: '赵旭娜',
education: ['约翰霍普金斯大学', '博士后'],
post: ['瓦里安医疗系统公司（美国）', '大中华区高级临床战略经理']
},
{
avatar: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/alumni-outstanding-stud-03.png',
name: '刘育弘',
education: ['中山大学', '高级工商管理硕士'],
post: ['广州快塑电子商务有限公司', '执行总裁']
},
{
avatar: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/alumni-outstanding-stud-04.png',
name: '刘丹',
education: ['香港大学李嘉诚医学院', '医学影像学博士'],
post: ['华润医疗直属医院', '运营院长']
},
{
avatar: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/alumni-outstanding-stud-05.png',
name: '刘志诚',
education: ['香港理工大学', '软件科技及工商管理双硕士'],
post: ['乐信集团信息安全中心', '总监']
},
{
avatar: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/alumni-outstanding-stud-06.png',
name: '孙红平',
education: ['广东外语外贸大学', '翻译硕士'],
post: ['美国IPO直通车公司', '管理合伙人']
},
{
avatar: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/alumni-outstanding-stud-07.png',
name: '侍文',
education: ['The University of Manchester', '工商管理硕士'],
post: ['苏州诗诗珠宝有限公司', '总经理']
},
{
avatar: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/alumni-outstanding-stud-08.png',
name: '虞东',
education: ['北京大学光华管理学院', '高级工商管理硕士'],
post: ['西安纸贵互联网科技有限公司', '董事合伙人首席风控官']
}
], ],
frameParams: { frameParams: {
banner: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/alumni-outstanding-banner.png', banner: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/alumni-outstanding-banner.png',
...@@ -79,53 +152,53 @@ export default { ...@@ -79,53 +152,53 @@ export default {
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.alumni{ .alumni {
padding:30px 74px; padding: 30px 74px;
h5{ h5 {
font-size: 22px; font-size: 22px;
font-family: Source Han Sans CN; font-family: Source Han Sans CN;
font-weight: 500; font-weight: 500;
line-height: 74px; line-height: 74px;
color: #333333; color: #333333;
} }
.card-list{ .card-list {
margin-bottom:30px; margin-bottom: 30px;
display:flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
li{ li {
width:410px; width: 410px;
height:195px; height: 195px;
background:#ebebeb; background: #ebebeb;
display:flex; display: flex;
margin:0 20px 21px 0; margin: 0 20px 21px 0;
transition:0.5s ease-in-out; transition: 0.5s ease-in-out;
.avatar{ .avatar {
width: 204px; width: 204px;
height:100%; height: 100%;
img{ img {
width:157px; width: 157px;
height:157px; height: 157px;
margin:20px 0 0 23px; margin: 20px 0 0 23px;
} }
} }
.text{ .text {
margin-top:72px; margin-top: 72px;
h6{ h6 {
font-size: 18px; font-size: 18px;
font-family: HelveticaNeueLTPro-Md; font-family: HelveticaNeueLTPro-Md;
line-height: 18px; line-height: 18px;
color: #AA1941; color: #aa1941;
margin-bottom:10px; margin-bottom: 10px;
} }
p{ p {
font-size: 14px; font-size: 14px;
font-family: Source Han Sans CN; font-family: Source Han Sans CN;
font-weight: 400; font-weight: 400;
line-height: 22px; line-height: 22px;
color: #666; color: #666;
} }
div{ div {
font-size: 12px; font-size: 12px;
font-family: Source Han Sans CN; font-family: Source Han Sans CN;
font-weight: 300; font-weight: 300;
...@@ -134,14 +207,16 @@ export default { ...@@ -134,14 +207,16 @@ export default {
} }
} }
} }
li:nth-child(even){ li:nth-child(even) {
margin-right:0; margin-right: 0;
} }
li:hover{ li:hover {
background: #AA1941; background: #aa1941;
.text{ .text {
h6, p, div{ h6,
color:#fff; p,
div {
color: #fff;
} }
} }
} }
......
pages/alumni/sharing.vue
浏览文件 @ 26f9f8d3
<template> <template>
<div class="sharing"> <div class="sharing">
<app-frame :data="frameParams"> <app-frame :data="frameParams">
<newsItem :data="newsList" class="news-item"/> <newsItem :data="newsList" class="news-item" />
</app-frame> </app-frame>
</div> </div>
</template> </template>
...@@ -9,17 +9,19 @@ ...@@ -9,17 +9,19 @@
import appFrame from '../../components/appFrame' import appFrame from '../../components/appFrame'
import newsItem from '../../components/news/newsItem' import newsItem from '../../components/news/newsItem'
export default { export default {
layout: 'main',
components: { components: {
appFrame, newsItem appFrame,
newsItem
}, },
async fetch() { async fetch() {
const params = { const params = {
page: 1, page: 1,
per_page: 100, per_page: 100,
type: this.$route.query.type || 80, type: this.$route.query.type || 80,
project_id: 1001 project_id: process.env.projectId
} }
this.newsList = await this.$axios.$get('/api/zws/v1/cms/news', { params }).then(res => { this.newsList = await this.$axios.get('/api/zws/v1/cms/news', { params }).then(res => {
return res return res
}) })
}, },
...@@ -46,7 +48,7 @@ export default { ...@@ -46,7 +48,7 @@ export default {
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.news-item{ .news-item {
padding-top: 43px; padding-top: 43px;
} }
</style> </style>
\ No newline at end of file
pages/apply/problem.vue
浏览文件 @ 26f9f8d3
...@@ -22,6 +22,7 @@ ...@@ -22,6 +22,7 @@
<script> <script>
import appFrame from '../../components/appFrame' import appFrame from '../../components/appFrame'
export default { export default {
layout: 'main',
components: { components: {
appFrame appFrame
}, },
...@@ -41,7 +42,8 @@ export default { ...@@ -41,7 +42,8 @@ export default {
}, },
{ {
tit: 'Q:是否要求考生的工作经验必须属于金融行业？', tit: 'Q:是否要求考生的工作经验必须属于金融行业？',
answer: 'A: 本项目对考生的行业没有特殊要求。只要是有志于从事金融行业和相关工作的考生都可以报考本项目。录取为综合考评，工作背景是综合评价时需要参考的一部分信息。' answer:
'A: 本项目对考生的行业没有特殊要求。只要是有志于从事金融行业和相关工作的考生都可以报考本项目。录取为综合考评，工作背景是综合评价时需要参考的一部分信息。'
} }
] ]
}, },
...@@ -93,32 +95,32 @@ export default { ...@@ -93,32 +95,32 @@ export default {
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.problem-content-box{ .problem-content-box {
width: 1200px; width: 1200px;
margin: 0 auto; margin: 0 auto;
.content-box{ .content-box {
padding: 54px 104px 90px 87px; padding: 54px 104px 90px 87px;
.problem-item-box{ .problem-item-box {
margin-bottom: 80px; margin-bottom: 80px;
.title{ .title {
font-size: 22px; font-size: 22px;
font-weight: bold; font-weight: bold;
line-height: 100%; line-height: 100%;
color: #333333; color: #333333;
} }
ul{ ul {
padding-top: 30px; padding-top: 30px;
li{ li {
width: 808px; width: 808px;
margin-bottom: 15px; margin-bottom: 15px;
.pro-tit{ .pro-tit {
font-size: 16px; font-size: 16px;
font-weight: bold; font-weight: bold;
line-height: 32px; line-height: 32px;
color: #666666; color: #666666;
border-bottom: 1px solid #E6E6E6; border-bottom: 1px solid #e6e6e6;
} }
.answer{ .answer {
font-size: 16px; font-size: 16px;
line-height: 32px; line-height: 32px;
color: #424242; color: #424242;
......
pages/apply/relevant.vue
浏览文件 @ 26f9f8d3
...@@ -13,7 +13,7 @@ ...@@ -13,7 +13,7 @@
其他对本项目有兴趣并自身优异者 其他对本项目有兴趣并自身优异者
</div> </div>
</div> </div>
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/apply-img.png" alt=""> <img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/apply-img.png" alt="" />
</div> </div>
</app-frame> </app-frame>
</div> </div>
...@@ -21,6 +21,7 @@ ...@@ -21,6 +21,7 @@
<script> <script>
import appFrame from '../../components/appFrame' import appFrame from '../../components/appFrame'
export default { export default {
layout: 'main',
components: { components: {
appFrame appFrame
}, },
...@@ -52,29 +53,29 @@ export default { ...@@ -52,29 +53,29 @@ export default {
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.rele-content-box{ .rele-content-box {
width: 1200px; width: 1200px;
margin: 0 auto; margin: 0 auto;
.content-box{ .content-box {
img{ img {
width: 900px; width: 900px;
margin: 58px auto 0; margin: 58px auto 0;
display: block; display: block;
} }
padding-top: 46px; padding-top: 46px;
padding-bottom: 106px; padding-bottom: 106px;
.text-content{ .text-content {
padding-left: 87px; padding-left: 87px;
.title{ .title {
font-size: 22px; font-size: 22px;
font-weight: bold; font-weight: bold;
line-height: 100%; line-height: 100%;
color: #333333; color: #333333;
&.mar-t55{ &.mar-t55 {
margin-top: 55px; margin-top: 55px;
} }
} }
.con-txt{ .con-txt {
font-size: 16px; font-size: 16px;
line-height: 34px; line-height: 34px;
color: #424242; color: #424242;
......
pages/apply/support.vue
浏览文件 @ 26f9f8d3
...@@ -22,6 +22,7 @@ ...@@ -22,6 +22,7 @@
<script> <script>
import appFrame from '../../components/appFrame' import appFrame from '../../components/appFrame'
export default { export default {
layout: 'main',
components: { components: {
appFrame appFrame
}, },
...@@ -53,24 +54,24 @@ export default { ...@@ -53,24 +54,24 @@ export default {
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.rele-content-box{ .rele-content-box {
width: 1200px; width: 1200px;
margin: 0 auto; margin: 0 auto;
.content-box{ .content-box {
padding-top: 46px; padding-top: 46px;
padding-bottom: 106px; padding-bottom: 106px;
.text-content{ .text-content {
padding-left: 87px; padding-left: 87px;
.title{ .title {
font-size: 22px; font-size: 22px;
font-weight: bold; font-weight: bold;
line-height: 100%; line-height: 100%;
color: #333333; color: #333333;
&.mar-t55{ &.mar-t55 {
margin-top: 55px; margin-top: 55px;
} }
} }
.con-txt{ .con-txt {
font-size: 16px; font-size: 16px;
line-height: 34px; line-height: 34px;
color: #424242; color: #424242;
......
pages/index.vue
浏览文件 @ 26f9f8d3
...@@ -15,7 +15,7 @@ ...@@ -15,7 +15,7 @@
<!-- 公开课 --> <!-- 公开课 -->
<open-class /> <open-class />
<!-- 右侧功能栏 --> <!-- 右侧功能栏 -->
<right-aside /> <!-- <right-aside /> -->
</div> </div>
</template> </template>
...@@ -29,6 +29,7 @@ import commonProblem from '../components/home/commonProblem' ...@@ -29,6 +29,7 @@ import commonProblem from '../components/home/commonProblem'
import openClass from '../components/home/openClass' import openClass from '../components/home/openClass'
import rightAside from '../components/rightAside' import rightAside from '../components/rightAside'
export default { export default {
layout: 'main',
components: { components: {
banner, banner,
projectFeatures, projectFeatures,
...@@ -39,13 +40,12 @@ export default { ...@@ -39,13 +40,12 @@ export default {
openClass, openClass,
rightAside rightAside
}, },
data () { data() {
return { return {
isScale: false isScale: false
} }
}, },
created() { created() {},
},
mounted() { mounted() {
if (document.documentElement.clientWidth < 1400) { if (document.documentElement.clientWidth < 1400) {
// this.isScale = true // this.isScale = true
...@@ -54,7 +54,7 @@ export default { ...@@ -54,7 +54,7 @@ export default {
} }
</script> </script>
<style> <style>
.container{ .container {
width: 100%; width: 100%;
padding-bottom: 100px; padding-bottom: 100px;
} }
......
pages/news/hot-detail.vue
浏览文件 @ 26f9f8d3
...@@ -20,7 +20,7 @@ ...@@ -20,7 +20,7 @@
</div> </div>
<ul class="list-box"> <ul class="list-box">
<li v-for="(item, index) in listData" :key="index" @click="goPage(item)"> <li v-for="(item, index) in listData" :key="index" @click="goPage(item)">
<img :src="item.photo_uri" alt=""> <img :src="item.photo_uri" alt="" />
<div class="dec">{{ item.title }}</div> <div class="dec">{{ item.title }}</div>
</li> </li>
</ul> </ul>
...@@ -33,10 +33,11 @@ ...@@ -33,10 +33,11 @@
<script> <script>
import appFrame from '../../components/appFrame' import appFrame from '../../components/appFrame'
export default { export default {
layout: 'main',
components: { components: {
appFrame appFrame
}, },
data () { data() {
return { return {
frameParams: { frameParams: {
slider: [ slider: [
...@@ -57,118 +58,116 @@ export default { ...@@ -57,118 +58,116 @@ export default {
} }
}, },
async fetch() { async fetch() {
this.data = await this.$axios.$get(`/api/zws/v1/cms/news/${this.$route.query.id}`).then(res => { this.data = await this.$axios.get(`/api/zws/v1/cms/news/${this.$route.query.id}`).then(res => {
return res return res
}) })
const params = { const params = {
page: 1, page: 1,
per_page: 100, per_page: 100,
type: 80, type: 80,
project_id: 1001 project_id: process.env.projectId
} }
this.listData = await this.$axios.$get('/api/zws/v1/cms/news', { params }).then(res => { this.listData = await this.$axios.get('/api/zws/v1/cms/news', { params }).then(res => {
return res.filter((item, index) => { return res.filter((item, index) => {
return index < 3 return index < 3
}) })
}) })
}, },
mounted () { mounted() {},
},
methods: { methods: {
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
// } }
// }) })
window.open(`${window.location.origin}/about/news-detail?id=${item.id}`) // window.open(`${window.location.origin}/news/hot-detail?id=${item.id}`)
} else { } else {
window.open(item.source) window.open(item.source)
} }
} }
} }
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.detail-content-box{ .detail-content-box {
// width: 1000px; // width: 1000px;
// background: #fff; // background: #fff;
// box-sizing: border-box; // box-sizing: border-box;
// margin-bottom: 100px; // margin-bottom: 100px;
.content-box{ .content-box {
padding: 50px 50px 94px; padding: 50px 50px 94px;
} }
.back-btn{ .back-btn {
display: flex; display: flex;
align-items: center; align-items: center;
cursor: pointer; cursor: pointer;
.el-icon-arrow-left{ .el-icon-arrow-left {
color: rgba(153, 153, 153, 1); color: rgba(153, 153, 153, 1);
font-size: 16px; font-size: 16px;
} }
.text{ .text {
font-size: 16px; font-size: 16px;
color: #999999; color: #999999;
} }
} }
.times{ .times {
font-size: 16px; font-size: 16px;
line-height: 100%; line-height: 100%;
margin: 35px 0 16px; margin: 35px 0 16px;
color: #999999; color: #999999;
} }
.titles{ .titles {
font-size: 32px; font-size: 32px;
font-weight: bold; font-weight: bold;
color: #141414; color: #141414;
// height: 62px; // height: 62px;
border-bottom: 1px solid #E6E6E6; border-bottom: 1px solid #e6e6e6;
padding-bottom: 10px; padding-bottom: 10px;
// line-height: 100%; // line-height: 100%;
} }
.article-content{ .article-content {
padding-top: 25px; padding-top: 25px;
font-size: 14px; font-size: 14px;
line-height: 28px; line-height: 28px;
color: #333333; color: #333333;
img{ img {
display: block; display: block;
width: 100%; width: 100%;
margin-top: 40px; margin-top: 40px;
} }
} }
.recommend-content{ .recommend-content {
border-top: 1px solid #E6E6E6; border-top: 1px solid #e6e6e6;
padding-top: 37px; padding-top: 37px;
.titles{ .titles {
display: flex; display: flex;
align-items: center; align-items: center;
.line{ .line {
width: 6px; width: 6px;
height: 22px; height: 22px;
background: #AA1941; background: #aa1941;
} }
.text{ .text {
font-size: 22px; font-size: 22px;
color: #333333; color: #333333;
margin-left: 10px; margin-left: 10px;
} }
} }
.list-box{ .list-box {
margin-top: 50px; margin-top: 50px;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
li{ li {
width: 280px; width: 280px;
img{ img {
width: 280px; width: 280px;
height: 184px; height: 184px;
display: block; display: block;
} }
.dec{ .dec {
display: -webkit-box; display: -webkit-box;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
-webkit-line-clamp: 2; -webkit-line-clamp: 2;
...@@ -181,12 +180,12 @@ export default { ...@@ -181,12 +180,12 @@ export default {
} }
} }
} }
.more-btn{ .more-btn {
position: relative; position: relative;
z-index: 999; z-index: 999;
width: 164px; width: 164px;
height: 40px; height: 40px;
border: 1px solid #D3D3D3; border: 1px solid #d3d3d3;
border-radius: 8px; border-radius: 8px;
line-height: 40px; line-height: 40px;
text-align: center; text-align: center;
......
pages/news/hot.vue
浏览文件 @ 26f9f8d3
<template> <template>
<div class="hot-content-box"> <div class="hot-content-box">
<app-frame :data="frameParams"> <app-frame :data="frameParams">
<newsItem :data="newsList" class="news-item"/> <newsItem :data="newsList" class="news-item" />
</app-frame> </app-frame>
</div> </div>
</template> </template>
...@@ -9,6 +9,7 @@ ...@@ -9,6 +9,7 @@
import appFrame from '../../components/appFrame' import appFrame from '../../components/appFrame'
import newsItem from '../../components/news/newsItem' import newsItem from '../../components/news/newsItem'
export default { export default {
layout: 'main',
components: { components: {
appFrame, appFrame,
newsItem newsItem
...@@ -18,9 +19,9 @@ export default { ...@@ -18,9 +19,9 @@ export default {
page: 1, page: 1,
per_page: 100, per_page: 100,
type: this.$route.query.type || 80, type: this.$route.query.type || 80,
project_id: 1001 project_id: process.env.projectId
} }
this.newsList = await this.$axios.$get('/api/zws/v1/cms/news', { params }).then(res => { this.newsList = await this.$axios.get('/api/zws/v1/cms/news', { params }).then(res => {
return res return res
}) })
}, },
...@@ -50,10 +51,10 @@ export default { ...@@ -50,10 +51,10 @@ export default {
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.hot-content-box{ .hot-content-box {
width: 1200px; width: 1200px;
margin: 0 auto; margin: 0 auto;
.news-item{ .news-item {
padding-top: 43px; padding-top: 43px;
} }
} }
......
pages/news/interview-detail.vue
浏览文件 @ 26f9f8d3
...@@ -20,7 +20,7 @@ ...@@ -20,7 +20,7 @@
</div> </div>
<ul class="list-box"> <ul class="list-box">
<li v-for="(item, index) in listData" :key="index" @click="goPage(item)"> <li v-for="(item, index) in listData" :key="index" @click="goPage(item)">
<img :src="item.photo_uri" alt=""> <img :src="item.photo_uri" alt="" />
<div class="dec">{{ item.title }}</div> <div class="dec">{{ item.title }}</div>
</li> </li>
</ul> </ul>
...@@ -33,10 +33,11 @@ ...@@ -33,10 +33,11 @@
<script> <script>
import appFrame from '../../components/appFrame' import appFrame from '../../components/appFrame'
export default { export default {
layout: 'main',
components: { components: {
appFrame appFrame
}, },
data () { data() {
return { return {
frameParams: { frameParams: {
slider: [ slider: [
...@@ -57,23 +58,22 @@ export default { ...@@ -57,23 +58,22 @@ export default {
} }
}, },
async fetch() { async fetch() {
this.data = await this.$axios.$get(`/api/zws/v1/cms/news/${this.$route.query.id}`).then(res => { this.data = await this.$axios.get(`/api/zws/v1/cms/news/${this.$route.query.id}`).then(res => {
return res return res
}) })
const params = { const params = {
page: 1, page: 1,
per_page: 100, per_page: 100,
type: 53, type: 53,
project_id: 1001 project_id: process.env.projectId
} }
this.listData = await this.$axios.$get('/api/zws/v1/cms/news', { params }).then(res => { this.listData = await this.$axios.get('/api/zws/v1/cms/news', { params }).then(res => {
return res.filter((item, index) => { return res.filter((item, index) => {
return index < 3 return index < 3
}) })
}) })
}, },
mounted () { mounted() {},
},
methods: { methods: {
goPage(item) { goPage(item) {
if (item.source === '') { if (item.source === '') {
...@@ -87,88 +87,87 @@ export default { ...@@ -87,88 +87,87 @@ export default {
} else { } else {
window.open(item.source) window.open(item.source)
} }
} }
} }
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.detail-content-box{ .detail-content-box {
// width: 1000px; // width: 1000px;
// background: #fff; // background: #fff;
// box-sizing: border-box; // box-sizing: border-box;
// margin-bottom: 100px; // margin-bottom: 100px;
.content-box{ .content-box {
padding: 50px 50px 94px; padding: 50px 50px 94px;
} }
.back-btn{ .back-btn {
display: flex; display: flex;
align-items: center; align-items: center;
cursor: pointer; cursor: pointer;
.el-icon-arrow-left{ .el-icon-arrow-left {
color: rgba(153, 153, 153, 1); color: rgba(153, 153, 153, 1);
font-size: 16px; font-size: 16px;
} }
.text{ .text {
font-size: 16px; font-size: 16px;
color: #999999; color: #999999;
} }
} }
.times{ .times {
font-size: 16px; font-size: 16px;
line-height: 100%; line-height: 100%;
margin: 35px 0 16px; margin: 35px 0 16px;
color: #999999; color: #999999;
} }
.titles{ .titles {
font-size: 32px; font-size: 32px;
font-weight: bold; font-weight: bold;
color: #141414; color: #141414;
// height: 62px; // height: 62px;
border-bottom: 1px solid #E6E6E6; border-bottom: 1px solid #e6e6e6;
padding-bottom: 10px; padding-bottom: 10px;
// line-height: 100%; // line-height: 100%;
} }
.article-content{ .article-content {
padding-top: 25px; padding-top: 25px;
font-size: 14px; font-size: 14px;
line-height: 28px; line-height: 28px;
color: #333333; color: #333333;
img{ img {
display: block; display: block;
width: 100%; width: 100%;
margin-top: 40px; margin-top: 40px;
} }
} }
.recommend-content{ .recommend-content {
border-top: 1px solid #E6E6E6; border-top: 1px solid #e6e6e6;
padding-top: 37px; padding-top: 37px;
.titles{ .titles {
display: flex; display: flex;
align-items: center; align-items: center;
.line{ .line {
width: 6px; width: 6px;
height: 22px; height: 22px;
background: #AA1941; background: #aa1941;
} }
.text{ .text {
font-size: 22px; font-size: 22px;
color: #333333; color: #333333;
margin-left: 10px; margin-left: 10px;
} }
} }
.list-box{ .list-box {
margin-top: 50px; margin-top: 50px;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
li{ li {
width: 280px; width: 280px;
img{ img {
width: 280px; width: 280px;
height: 184px; height: 184px;
display: block; display: block;
} }
.dec{ .dec {
display: -webkit-box; display: -webkit-box;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
-webkit-line-clamp: 2; -webkit-line-clamp: 2;
...@@ -181,12 +180,12 @@ export default { ...@@ -181,12 +180,12 @@ export default {
} }
} }
} }
.more-btn{ .more-btn {
position: relative; position: relative;
z-index: 999; z-index: 999;
width: 164px; width: 164px;
height: 40px; height: 40px;
border: 1px solid #D3D3D3; border: 1px solid #d3d3d3;
border-radius: 8px; border-radius: 8px;
line-height: 40px; line-height: 40px;
text-align: center; text-align: center;
......
pages/news/interview.vue
浏览文件 @ 26f9f8d3
<template> <template>
<div class="hot-content-box"> <div class="hot-content-box">
<app-frame :data="frameParams"> <app-frame :data="frameParams">
<newsItem :data="newsList" class="news-item"/> <newsItem :data="newsList" class="news-item" />
</app-frame> </app-frame>
</div> </div>
</template> </template>
...@@ -9,6 +9,7 @@ ...@@ -9,6 +9,7 @@
import appFrame from '../../components/appFrame' import appFrame from '../../components/appFrame'
import newsItem from '../../components/news/newsItem' import newsItem from '../../components/news/newsItem'
export default { export default {
layout: 'main',
components: { components: {
appFrame, appFrame,
newsItem newsItem
...@@ -20,7 +21,7 @@ export default { ...@@ -20,7 +21,7 @@ export default {
type: this.$route.query.type || 53, type: this.$route.query.type || 53,
project_id: 1013 project_id: 1013
} }
this.newsList = await this.$axios.$get('/api/zws/v1/cms/news', { params }).then(res => { this.newsList = await this.$axios.get('/api/zws/v1/cms/news', { params }).then(res => {
return res return res
}) })
}, },
...@@ -47,10 +48,10 @@ export default { ...@@ -47,10 +48,10 @@ export default {
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.hot-content-box{ .hot-content-box {
width: 1200px; width: 1200px;
margin: 0 auto; margin: 0 auto;
.news-item{ .news-item {
padding-top: 43px; padding-top: 43px;
} }
} }
......
pages/project-intro/bg.vue
浏览文件 @ 26f9f8d3
...@@ -3,23 +3,35 @@ ...@@ -3,23 +3,35 @@
<app-frame :data="frameParams"> <app-frame :data="frameParams">
<div class="project-bg-main"> <div class="project-bg-main">
<ul class="tabs"> <ul class="tabs">
<li v-for="item in list" :key="item.name" :class="{'is-active': tabActive === item.name}" @click="tabActive = item.name"> <li
{{item.label}} v-for="item in list"
:key="item.name"
:class="{ 'is-active': tabActive === item.name }"
@click="tabActive = item.name"
>
{{ item.label }}
</li> </li>
</ul> </ul>
<div class="zjjy" v-if="tabActive === 'zjjy'"> <div class="zjjy" v-if="tabActive === 'zjjy'">
<div class="sub-banner"> <div class="sub-banner">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/project-intro-bg-zjjy.png" alt=""> <img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/project-intro-bg-zjjy.png" alt="" />
</div> </div>
<div class="text"> <div class="text">
紫荆教育全称是清控紫荆（北京）教育科技股份有限公司，由清华控股有限公司于2015年以清华大学五道口金融学院相关知识产权创设而成。“紫荆”二字取自清华大学校花“紫荆花”，寓意“自强不息，向美而行”。<br> 紫荆教育全称是清控紫荆（北京）教育科技股份有限公司，由清华控股有限公司于2015年以清华大学五道口金融学院相关知识产权创设而成。“紫荆”二字取自清华大学校花“紫荆花”，寓意“自强不息，向美而行”。<br />
紫荆教育以教育为本、以科技赋能、以专业化为基础，以国际化为目标，提供高端国际学位教育、职业教育和在线教育解决方案，为我国培养高质量的国际化人才和产业人才。 紫荆教育以教育为本、以科技赋能、以专业化为基础，以国际化为目标，提供高端国际学位教育、职业教育和在线教育解决方案，为我国培养高质量的国际化人才和产业人才。
</div> </div>
<div class="tags"> <div class="tags">
<div :class="{'tag-item': true, big: (index + 2) % 4 === 0}" v-for="(item, index) in tags" :key="item.text"> <div
:class="{ 'tag-item': true, big: (index + 2) % 4 === 0 }"
v-for="(item, index) in tags"
:key="item.text"
>
<div class="tag-item-inner"> <div class="tag-item-inner">
<p><span>{{item.num}}</span>{{item.unit}}</p> <p>
<span>{{item.text}}</span> <span>{{ item.num }}</span
>{{ item.unit }}
</p>
<span>{{ item.text }}</span>
</div> </div>
<el-divider direction="vertical" v-if="(index + 1) % 4 !== 0"></el-divider> <el-divider direction="vertical" v-if="(index + 1) % 4 !== 0"></el-divider>
</div> </div>
...@@ -27,49 +39,70 @@ ...@@ -27,49 +39,70 @@
</div> </div>
<div class="kelley" v-if="tabActive === 'kelley'"> <div class="kelley" v-if="tabActive === 'kelley'">
<div class="sub-banner"> <div class="sub-banner">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/project-intro-bg-kelley.png" alt=""> <img
src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/project-intro-bg-kelley.png"
alt=""
/>
</div> </div>
<div class="text"> <div class="text">
<p>印第安纳大学伯明顿分校是美国公立常春藤名校，成立于1820年，有近200年历史，是著名的研究型大学，拥有9位诺贝尔奖得主。</p> <p>
<p>印第安纳大学Kelley商学院是印第安纳大学伯明顿分校的明星学院，也是世界上历史最悠久和领先的商学院之一，成立于1920年，有近100年历史。</p> 印第安纳大学伯明顿分校是美国公立常春藤名校，成立于1820年，有近200年历史，是著名的研究型大学，拥有9位诺贝尔奖得主。
<p>Kelley商学院是印第安纳大学的商科研究生院，前身为Indiana University School of Commerce and Finance. </p>
Kelley自1920年创立以来一直被认为是美国顶尖的商学院之一，在Business Week, U.S.News & World Report, 和The Economist Intelligence Unit等权威杂志的商学院排名中更是名列前茅，Kelley的校友在世界各地的企业，非盈利性组织，政府和学术机构中扮演着领导者的角色。</p> <p>
印第安纳大学Kelley商学院是印第安纳大学伯明顿分校的明星学院，也是世界上历史最悠久和领先的商学院之一，成立于1920年，有近100年历史。
</p>
<p>
Kelley商学院是印第安纳大学的商科研究生院，前身为Indiana University School of Commerce and Finance.
Kelley自1920年创立以来一直被认为是美国顶尖的商学院之一，在Business Week, U.S.News & World Report, 和The
Economist Intelligence
Unit等权威杂志的商学院排名中更是名列前茅，Kelley的校友在世界各地的企业，非盈利性组织，政府和学术机构中扮演着领导者的角色。
</p>
</div> </div>
</div> </div>
<div class="lhbx" v-if="tabActive === 'lhbx'"> <div class="lhbx" v-if="tabActive === 'lhbx'">
<div class="sub-banner"> <div class="sub-banner">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/project-intro-bg-lhbx.png" alt=""> <img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/project-intro-bg-lhbx.png" alt="" />
</div> </div>
<div class="text"> <div class="text">
<p>本项目为紫荆教育与美国印第安纳大学Kelley商学院联合推出的金融学硕士项目，同时结合Kelley商学院金融学硕士的全球领先地位，引领中国金融教育实践，旨在培养具有国际视野、具备金融专业能力与实践创新能力，通晓国际金融规则和行业实践经验的金融专业人才。</p> <p>
<p>项目采用中英双语授课，学制为在职15个月（学籍最长可保留5年）。共设有三大模块近20余门学位课程，并结合访学、论文、实践等丰富多彩的教学形式。中美双方各负责50%的教学内容。项目采用线上学习和线下面授的教学方式，学习期间安排一次集中强化式赴美访学。</p> 本项目为紫荆教育与美国印第安纳大学Kelley商学院联合推出的金融学硕士项目，同时结合Kelley商学院金融学硕士的全球领先地位，引领中国金融教育实践，旨在培养具有国际视野、具备金融专业能力与实践创新能力，通晓国际金融规则和行业实践经验的金融专业人才。
<p>项目学习结束后，满足毕业条件的学员将获得美国印第安纳大学Kelley商学院授予的金融学硕士学位证书，该证书与印第安纳大学Kelley商学院本校生所获得的学位证书具有完全相同的形式和效力。</p> </p>
<p>世界最发达经济体与世界最大新兴经济体互相合作与学习，美国顶级商学院Kelley School of Business与清华控股旗下紫荆教育紧密携手，依托清华大学五道口金融学院和美国印第安纳大学Kelley商学院的优质教学资源，打造最原汁原味、最接近实战的金融学硕士学位课程。</p> <p>
项目采用中英双语授课，学制为在职15个月（学籍最长可保留5年）。共设有三大模块近20余门学位课程，并结合访学、论文、实践等丰富多彩的教学形式。中美双方各负责50%的教学内容。项目采用线上学习和线下面授的教学方式，学习期间安排一次集中强化式赴美访学。
</p>
<p>
项目学习结束后，满足毕业条件的学员将获得美国印第安纳大学Kelley商学院授予的金融学硕士学位证书，该证书与印第安纳大学Kelley商学院本校生所获得的学位证书具有完全相同的形式和效力。
</p>
<p>
世界最发达经济体与世界最大新兴经济体互相合作与学习，美国顶级商学院Kelley School of
Business与清华控股旗下紫荆教育紧密携手，依托清华大学五道口金融学院和美国印第安纳大学Kelley商学院的优质教学资源，打造最原汁原味、最接近实战的金融学硕士学位课程。
</p>
</div> </div>
</div> </div>
</div> </div>
</app-frame> </app-frame>
</div> </div>
</template> </template>
<script> <script>
export default { export default {
layout: 'main',
data() { data() {
return { return {
tabActive: 'zjjy', tabActive: 'zjjy',
list: [ list: [
{name: 'zjjy', label: '紫荆教育'}, { name: 'zjjy', label: '紫荆教育' },
{name: 'kelley', label: 'KELLEY商学院'}, { name: 'kelley', label: 'KELLEY商学院' },
{name: 'lhbx', label: '联合办学背景'} { name: 'lhbx', label: '联合办学背景' }
], ],
tags: [ tags: [
{num: 12, unit: '所', text: '国际合作院校'}, { num: 12, unit: '所', text: '国际合作院校' },
{num: 522, unit: '门', text: '线上课程'}, { num: 522, unit: '门', text: '线上课程' },
{num: 600, unit: '+', text: '金融机构/协会/政府/学校'}, { num: 600, unit: '+', text: '金融机构/协会/政府/学校' },
{num: 700, unit: '+', text: '国内外师资团队'}, { num: 700, unit: '+', text: '国内外师资团队' },
{num: 1000, unit: '+', text: '学术直播课'}, { num: 1000, unit: '+', text: '学术直播课' },
{num: 4800, unit: '+', text: '总研发课时'}, { num: 4800, unit: '+', text: '总研发课时' },
{num: 5000, unit: '+', text: '学位学员'}, { num: 5000, unit: '+', text: '学位学员' },
{num: 500, unit: '万+', text: '人次学习'} { num: 500, unit: '万+', text: '人次学习' }
], ],
frameParams: { frameParams: {
banner: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/project-intro-bg.png', banner: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/project-intro-bg.png',
...@@ -96,82 +129,82 @@ export default { ...@@ -96,82 +129,82 @@ export default {
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.project-bg-main{ .project-bg-main {
padding:42px 64px 50px; padding: 42px 64px 50px;
.tabs{ .tabs {
margin-top:42px; margin-top: 42px;
display:flex; display: flex;
justify-content: space-between; justify-content: space-between;
li{ li {
background:#fbfbfb; background: #fbfbfb;
width:32%; width: 32%;
height:83px; height: 83px;
line-height:83px; line-height: 83px;
border-top:8px solid #fbfbfb; border-top: 8px solid #fbfbfb;
font-size:26px; font-size: 26px;
font-family: Source Han Sans CN; font-family: Source Han Sans CN;
color:#333; color: #333;
text-align:center; text-align: center;
cursor:pointer; cursor: pointer;
} }
li.is-active{ li.is-active {
border-color:#AA1941; border-color: #aa1941;
color:#AA1941; color: #aa1941;
background-color:#fff; background-color: #fff;
box-shadow: 0px 1px 25px rgba(0, 0, 0, 0.06) box-shadow: 0px 1px 25px rgba(0, 0, 0, 0.06);
} }
} }
.sub-banner{ .sub-banner {
margin-top:18px; margin-top: 18px;
height:302px; height: 302px;
img{ img {
width:100%; width: 100%;
height:100%; height: 100%;
} }
} }
.text{ .text {
font-size: 16px; font-size: 16px;
font-family: Source Han Sans CN; font-family: Source Han Sans CN;
line-height: 32px; line-height: 32px;
color: #424242; color: #424242;
letter-spacing: 1px; letter-spacing: 1px;
margin-top:40px; margin-top: 40px;
} }
.tags{ .tags {
width:780px; width: 780px;
margin: 40px auto 0; margin: 40px auto 0;
display:flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
// justify-content: space-between; // justify-content: space-between;
.tag-item{ .tag-item {
width:180px; width: 180px;
margin-bottom:10px; margin-bottom: 10px;
.tag-item-inner{ .tag-item-inner {
display:inline-block; display: inline-block;
text-align:center; text-align: center;
width:calc(100% - 17px); width: calc(100% - 17px);
p{ p {
font-size: 20px; font-size: 20px;
color:#AA1941; color: #aa1941;
span{ span {
font-size:28px; font-size: 28px;
font-weight:bold; font-weight: bold;
} }
} }
>span{ > span {
font-size: 16px; font-size: 16px;
line-height: 34px; line-height: 34px;
color: #666666; color: #666666;
} }
} }
.el-divider{ .el-divider {
height:100%; height: 100%;
float:right; float: right;
} }
} }
.tag-item.big{ .tag-item.big {
width:240px width: 240px;
} }
} }
} }
......
pages/project-intro/certificate.vue
浏览文件 @ 26f9f8d3
...@@ -7,7 +7,10 @@ ...@@ -7,7 +7,10 @@
<p><i></i>完成毕业报告</p> <p><i></i>完成毕业报告</p>
</div> </div>
<p class="text">达到毕业条件的学员将被授予美国印第安纳大学KELLEY商学院金融硕士学位</p> <p class="text">达到毕业条件的学员将被授予美国印第安纳大学KELLEY商学院金融硕士学位</p>
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/project-intro-certificate-pic.png" alt=""> <img
src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/project-intro-certificate-pic.png"
alt=""
/>
<p class="certificate-title">KELLEY商学院学位证书</p> <p class="certificate-title">KELLEY商学院学位证书</p>
<p class="certificate-des">*本学位和美国本校生所获学位相同</p> <p class="certificate-des">*本学位和美国本校生所获学位相同</p>
</div> </div>
...@@ -16,6 +19,7 @@ ...@@ -16,6 +19,7 @@
</template> </template>
<script> <script>
export default { export default {
layout: 'main',
data() { data() {
return { return {
frameParams: { frameParams: {
...@@ -43,61 +47,61 @@ export default { ...@@ -43,61 +47,61 @@ export default {
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.certificate-main{ .certificate-main {
padding:40px; padding: 40px;
text-align:center; text-align: center;
.checkbox{ .checkbox {
display:flex; display: flex;
width:450px; width: 450px;
margin:0 auto; margin: 0 auto;
p{ p {
width:50%; width: 50%;
text-align:center; text-align: center;
font-size: 22px; font-size: 22px;
font-family: Source Han Sans CN; font-family: Source Han Sans CN;
font-weight: 500; font-weight: 500;
line-height: 34px; line-height: 34px;
color: #424242; color: #424242;
i{ i {
display:inline-block; display: inline-block;
width:22px; width: 22px;
height:22px; height: 22px;
background:url('https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/project-intro-certificate-icon.png'); background: url('https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/project-intro-certificate-icon.png');
background-size:22px 22px; background-size: 22px 22px;
margin-right:10px; margin-right: 10px;
vertical-align: middle; vertical-align: middle;
} }
} }
} }
.text{ .text {
text-align:center; text-align: center;
font-size: 16px; font-size: 16px;
font-family: Source Han Sans CN; font-family: Source Han Sans CN;
font-weight: 400; font-weight: 400;
line-height: 34px; line-height: 34px;
color: #424242; color: #424242;
margin-top:40px; margin-top: 40px;
} }
img{ img {
display:block; display: block;
width:376px; width: 376px;
height:291px; height: 291px;
margin:40px auto; margin: 40px auto;
} }
.certificate-title{ .certificate-title {
font-size: 16px; font-size: 16px;
font-family: Source Han Sans CN; font-family: Source Han Sans CN;
font-weight: 400; font-weight: 400;
line-height: 34px; line-height: 34px;
color: #424242; color: #424242;
margin-top:26px; margin-top: 26px;
} }
.certificate-des{ .certificate-des {
font-size: 14px; font-size: 14px;
font-family: Source Han Sans CN; font-family: Source Han Sans CN;
font-weight: 400; font-weight: 400;
line-height: 34px; line-height: 34px;
color: #AA1941; color: #aa1941;
} }
} }
</style> </style>
\ No newline at end of file
pages/project-intro/charac.vue
浏览文件 @ 26f9f8d3
...@@ -4,11 +4,11 @@ ...@@ -4,11 +4,11 @@
<ul class="card"> <ul class="card">
<li v-for="item in list" :key="item.title"> <li v-for="item in list" :key="item.title">
<div class="left"> <div class="left">
<img :src="item.img"> <img :src="item.img" />
</div> </div>
<div class="right"> <div class="right">
<h5>{{item.title}}</h5> <h5>{{ item.title }}</h5>
<p v-for="text in item.texts" :key="text">{{text}}</p> <p v-for="text in item.texts" :key="text">{{ text }}</p>
</div> </div>
</li> </li>
</ul> </ul>
...@@ -17,6 +17,7 @@ ...@@ -17,6 +17,7 @@
</template> </template>
<script> <script>
export default { export default {
layout: 'main',
data() { data() {
return { return {
list: [ list: [
...@@ -33,7 +34,11 @@ export default { ...@@ -33,7 +34,11 @@ export default {
{ {
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/project-intro-charac-icon3.png', img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/kelley/project-intro-charac-icon3.png',
title: '国际视野结合中国本土的实践课程', title: '国际视野结合中国本土的实践课程',
texts: ['先修课程+必修课程+选修课程+美国访学', '全球排名顶尖师资+中国金融界权威专家', '多次被 U.S. News & World Report评为全美第一'] texts: [
'先修课程+必修课程+选修课程+美国访学',
'全球排名顶尖师资+中国金融界权威专家',
'多次被 U.S. News & World Report评为全美第一'
]
} }
], ],
frameParams: { frameParams: {
...@@ -61,36 +66,36 @@ export default { ...@@ -61,36 +66,36 @@ export default {
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.card{ .card {
width: 763px; width: 763px;
margin: 0 auto 0; margin: 0 auto 0;
padding:80px 0 30px; padding: 80px 0 30px;
li{ li {
height: 205px; height: 205px;
background: #F9F8F8; background: #f9f8f8;
box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.09); box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.09);
margin-bottom:50px; margin-bottom: 50px;
display:flex; display: flex;
.left{ .left {
width:212px; width: 212px;
// background:#fcfcfc; // background:#fcfcfc;
img{ img {
width:120px; width: 120px;
height:120px; height: 120px;
margin:43px 0 0 47px; margin: 43px 0 0 47px;
} }
} }
.right{ .right {
width:calc(100% - 212px); width: calc(100% - 212px);
padding-top:20px; padding-top: 20px;
h5{ h5 {
font-size: 22px; font-size: 22px;
font-family: Source Han Sans CN; font-family: Source Han Sans CN;
font-weight: 500; font-weight: 500;
line-height: 44px; line-height: 44px;
color: #333333; color: #333333;
} }
p{ p {
color: #424242; color: #424242;
font-size: 16px; font-size: 16px;
font-family: Source Han Sans CN; font-family: Source Han Sans CN;
......
plugins/api.js deleted 100644 → 0
浏览文件 @ 77304bb4
import httpRequest from './base_api'
/**
* 发送验证码
*/
export function sendCode(data) {
return httpRequest.post('https://project-api.ezijing.com/api/usercenter/user/send-code', data)
}
/**
* 检验验证码
*/
export function checkCode(params) {
return httpRequest.get('https://project-api.ezijing.com/api/usercenter/user/check-code' + params)
}
/**
* 提交留咨信息
*/
export function postNes(obj) {
return httpRequest.post('https://project-api.ezijing.com/api/new-app/v1.0/applications', obj, {
headers: { 'Content-Type': 'application/x-www-form-urlencoded' }
})
}
plugins/axios.js 0 → 100644
浏览文件 @ 26f9f8d3
import httpRequest from '@/utils/httpRequest'
export default function({ redirect }, inject) {
inject('axios', httpRequest)
}
plugins/styles.scss 0 → 100644
浏览文件 @ 26f9f8d3
/* 改变主题色变量 */
$--color-primary: #c41230;
/* 改变 icon 字体路径变量，必需 */
$--font-path: '~element-ui/lib/theme-chalk/fonts';
/* 引入element-ui对应scss文件，重新编译 */
@import '~element-ui/packages/theme-chalk/src/index';
router/routes.js 0 → 100644
浏览文件 @ 26f9f8d3
export default (routes, resolve) => {
routes.push(
{
path: '/my',
component: resolve(__dirname, '../modules/my/layout.vue'),
children: [
{
name: 'apply',
path: '',
component: resolve(__dirname, '../modules/my/welcome/index.vue'),
meta: { requiredLogin: true }
},
{
name: 'account',
path: 'account',
component: resolve(__dirname, '../modules/my/account/index.vue'),
meta: { requiredLogin: true }
},
{
path: 'application',
component: resolve(__dirname, '../modules/my/application/index.vue'),
meta: { requiredLogin: true }
},
{
path: 'interview',
component: resolve(__dirname, '../modules/my/interview/index.vue'),
meta: { requiredLogin: true }
},
{
path: 'admission',
component: resolve(__dirname, '../modules/my/admission/index.vue'),
meta: { requiredLogin: true }
}
]
},
// 推荐信
{
path: '/letter',
component: resolve(__dirname, '../modules/letter/index.vue')
},
{
path: '/application-materials/reco-letters/submit/:projectId/:userId/:letterId',
component: resolve(__dirname, '../modules/letter/index.vue')
},
{
path: '/preview',
props: { isManager: true },
component: resolve(__dirname, '../modules/my/application/preview.vue')
},
{
path: '/complete',
component: resolve(__dirname, '../modules/my/application/complete.vue')
}
)
}
plugins/base_api.js → utils/httpRequest.js
浏览文件 @ 26f9f8d3
...@@ -3,12 +3,11 @@ import qs from 'qs' ...@@ -3,12 +3,11 @@ import qs from 'qs'
import { Message } from 'element-ui' import { Message } from 'element-ui'
const httpRequest = axios.create({ const httpRequest = axios.create({
// baseURL: process.env.VUE_APP_BASE_API, baseURL: process.env.baseURL,
timeout: 60000, timeout: 60000,
withCredentials: true, withCredentials: true,
headers: { headers: {
'Content-Type': 'application/x-www-form-urlencoded', 'Content-Type': 'application/x-www-form-urlencoded'
tenant: 'transport'
} }
}) })
...@@ -36,29 +35,15 @@ httpRequest.interceptors.request.use( ...@@ -36,29 +35,15 @@ httpRequest.interceptors.request.use(
httpRequest.interceptors.response.use( httpRequest.interceptors.response.use(
function(response) { function(response) {
const { data } = response const { data } = response
if (data.msg) { if (parseInt(data.code)) {
if (data.msg === '请先登录') { Message.error(data.msg)
window.location.href = `${webConf.others.loginUrl}?rd=${encodeURIComponent(window.location.href)}` return Promise.reject(data)
}
}
if (parseInt(data.code) === 1) {
return Message.error(data.msg)
}
if (data.code) {
if (data.code === 4001) {
window.location.href = `${webConf.others.loginUrl}?rd=${encodeURIComponent(window.location.href)}`
}
return data.message ? Message.error(data.message) : Message.error(data.msg)
} }
return data return data
}, },
function(error) { function(error) {
if (error.response) { if (error.response) {
const { status, message } = error.response.data const { message } = error.response.data
// 未登录
if (status === 403) {
window.location.href = `${webConf.others.loginUrl}?rd=${encodeURIComponent(window.location.href)}`
}
Message.error(message || error.response.data) Message.error(message || error.response.data)
return Promise.reject(error.response) return Promise.reject(error.response)
} else { } else {
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论