Skip to content

P
project-online-old
提交 4fa11c15 authored 作者: lihuihui's avatar lihuihui
浏览文件
操作

Merge branch 'marywood' of…

Merge branch 'marywood' of https://gitlab-pro.ezijing.com/ezijing-web/project-online-old into marywood
上级 c0ba48d0 e19277c4
隐藏空白字符变更
内嵌 并排
正在显示 包含 1850 行增加 和 564 行删除
package-lock.json
浏览文件 @ 4fa11c15
......@@ -9,7 +9,8 @@
"version": "3.0.14",
"license": "ISC",
"dependencies": {
"@ezijing/vue-form": "^2.3.12",
"@ezijing/vue-form": "^2.3.15",
"@vant/area-data": "^1.3.2",
"animate.css": "^4.1.0",
"axios": "^0.19.2",
"core-js": "^3.6.5",
......@@ -1217,9 +1218,9 @@
}
},
"node_modules/@ezijing/vue-form": {
"version": "2.3.12",
"resolved": "https://registry.npmmirror.com/@ezijing/vue-form/-/vue-form-2.3.12.tgz",
"integrity": "sha512-qmMqfkqQL2+abSAiD4+GEOGQJOmKeGyk45pSBIhNJQ580SMTE97W+db5peUI710zs+Qst/Y5ypRsvWhwgM6d5g==",
"version": "2.3.15",
"resolved": "https://registry.npmjs.org/@ezijing/vue-form/-/vue-form-2.3.15.tgz",
"integrity": "sha512-SI3WPWxZbzVkYhOaiiIGjxlRf9Ii9VqPfzqHuzHoCigz3vC4x/BXkZS0dUTyK9F3jvWpU1AQxCBxsAvsiEbSGg==",
"dependencies": {
"@vue/babel-helper-vue-jsx-merge-props": "^1.0.0",
"@vue/babel-preset-jsx": "^1.1.2",
......@@ -1352,6 +1353,11 @@
"node": ">= 8"
}
},
"node_modules/@vant/area-data": {
"version": "1.3.2",
"resolved": "https://registry.npmjs.org/@vant/area-data/-/area-data-1.3.2.tgz",
"integrity": "sha512-KHGvvIxApxCXDTzsh5hPsIVrF4ll5J3pNgYNL3lmNJxye7aWySK97EgXiprVee+FshVa1jVW4esJ7VyW0l94WQ=="
},
"node_modules/@vue/babel-helper-vue-jsx-merge-props": {
"version": "1.2.1",
"resolved": "https://registry.npmjs.org/@vue/babel-helper-vue-jsx-merge-props/-/babel-helper-vue-jsx-merge-props-1.2.1.tgz",
......@@ -15335,9 +15341,9 @@
}
},
"@ezijing/vue-form": {
"version": "2.3.12",
"resolved": "https://registry.npmmirror.com/@ezijing/vue-form/-/vue-form-2.3.12.tgz",
"integrity": "sha512-qmMqfkqQL2+abSAiD4+GEOGQJOmKeGyk45pSBIhNJQ580SMTE97W+db5peUI710zs+Qst/Y5ypRsvWhwgM6d5g==",
"version": "2.3.15",
"resolved": "https://registry.npmjs.org/@ezijing/vue-form/-/vue-form-2.3.15.tgz",
"integrity": "sha512-SI3WPWxZbzVkYhOaiiIGjxlRf9Ii9VqPfzqHuzHoCigz3vC4x/BXkZS0dUTyK9F3jvWpU1AQxCBxsAvsiEbSGg==",
"requires": {
"@vue/babel-helper-vue-jsx-merge-props": "^1.0.0",
"@vue/babel-preset-jsx": "^1.1.2",
......@@ -15471,6 +15477,11 @@
}
}
},
"@vant/area-data": {
"version": "1.3.2",
"resolved": "https://registry.npmjs.org/@vant/area-data/-/area-data-1.3.2.tgz",
"integrity": "sha512-KHGvvIxApxCXDTzsh5hPsIVrF4ll5J3pNgYNL3lmNJxye7aWySK97EgXiprVee+FshVa1jVW4esJ7VyW0l94WQ=="
},
"@vue/babel-helper-vue-jsx-merge-props": {
"version": "1.2.1",
"resolved": "https://registry.npmjs.org/@vue/babel-helper-vue-jsx-merge-props/-/babel-helper-vue-jsx-merge-props-1.2.1.tgz",
......
package.json
浏览文件 @ 4fa11c15
......@@ -71,7 +71,8 @@
"webpack-merge": "^4.2.2"
},
"dependencies": {
"@ezijing/vue-form": "^2.3.12",
"@ezijing/vue-form": "^2.3.15",
"@vant/area-data": "^1.3.2",
"animate.css": "^4.1.0",
"axios": "^0.19.2",
"core-js": "^3.6.5",
......
src/api/my.js
浏览文件 @ 4fa11c15
......@@ -111,6 +111,15 @@ export function sendToProvider(letterId) {
`/enrollment/v1.0/application-materials/reco-letters/send-invitation-to-provider/${projectId}/${letterId}`
)
}
/**
* 发送推荐信
*/
export function sendToProviders() {
return httpRequest.get(
`/enrollment/v1.0/application-materials/reco-letters/send-invitation-to-providers/${projectId}`
)
}
/**
* 退出登录
*/
......@@ -134,3 +143,17 @@ export function changeFileStatus(userId, recordId, status) {
export function getOpenId(data) {
return httpRequest.post('/usercenter/v1/wechat/get-openid', data)
}
/**
* 签名
*/
export function createSign(data) {
return httpRequest.post('/usercenter/v1/sign/sign', data)
}
/**
* 获取签名文档
*/
export function getSignDocument(params) {
return httpRequest.get('/usercenter/v1/sign/document', params)
}
src/components/beforeEnter/Before.js
浏览文件 @ 4fa11c15
import cAction from '@action'
import store from '@/store'
import { Message } from 'element-ui'
export default class Before {
......@@ -9,7 +9,7 @@ export default class Before {
async update(to, from, next) {
if (to.meta && to.meta.userRole) {
const isLogin = await this.isLogin()
const isLogin = store.state.user.id || (await store.dispatch('checkLogin'))
if (isLogin) {
next()
} else {
......
src/index.html
浏览文件 @ 4fa11c15
......@@ -8,14 +8,14 @@
<!-- <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" /> -->
<!-- <meta http-equiv="Pragma" content="no-cache" /> -->
<!-- <meta http-equiv="Expires" content="0" /> -->
<title>紫荆教育-威斯康星协和大学-家庭教育硕士</title>
<title>紫荆教育-玛丽伍德大学数字领导力方向MBA</title>
<meta
name="description"
content="美国威斯康星协和大学（Concordia University Wisconsin，简称CUW）成立于1881年，是一所综合型非营利性的综合型大学。学校位于美国威斯康星州Mequon市，坐落于美国五大湖之一的风光旖旎的密歇根湖畔。CUW是美国著名的协和大学系统（Concordia University System）的六所大学中排名最高、历史最悠久、规模最大的高校。"
content="美国玛丽伍德大学（Marywood University）创办于 1915 年,Money评选的全美最具性价比大学,玛丽伍德大学是一所拥有128名全职教授、超过 3,000 名在校学生的综合性大学,大学设置超过100个本科、硕士及博士专业"
/>
<meta
name="keywords"
content="家庭教育硕士,美国威斯康星协和大学,威斯康星协和大学,教育硕士，家庭教育，康考迪亚，美国威斯康星康考迪亚大学"
content="工商管理硕士,MBA硕士,免联考MBA,国际MBA,通用MBA,在职MBA,在线MBA,MBA,商学院,管理学,玛丽伍德大学,玛丽伍德,Marywood"
/>
<!-- <meta
name="viewport"
......
src/pages/details-news/index.vue
浏览文件 @ 4fa11c15
......@@ -3,12 +3,12 @@
<div class="layout_com_page_banner">
<div class="details-news-body">
<div class="details-news-body-title">
<span class="font-size-30">{{dataNews.title}}</span>
<span class="font-size-30">{{ dataNews.title }}</span>
<div class="padd-10">
<span class="font-size-24">{{dataNews.created_time | formatDate}}</span>
<span
class="font-size-24 color-to"
>{{dataNews.created_time | formatDate(dataNews.created_time, true)}}</span>
<span class="font-size-24">{{ dataNews.created_time | formatDate }}</span>
<span class="font-size-24 color-to">{{
dataNews.created_time | formatDate(dataNews.created_time, true)
}}</span>
</div>
<span class="border-2px"></span>
</div>
......@@ -104,6 +104,7 @@ export default {
.details-news {
background: #fff;
min-height: 1000px;
margin-top: 80px;
height: auto;
.layout_com_page_banner {
height: 100%;
......
src/pages/letter/index.vue
浏览文件 @ 4fa11c15
......@@ -3,11 +3,13 @@
<header class="header">
<div class="inner">
<div class="logo">
<router-link to="/"><img src="https://webapp-pub.ezijing.com/project/cuw/cuw_logo_blue.svg"/></router-link>
<router-link to="/"
><img src="https://webapp-pub.ezijing.com/project/marywood/marywood_logo.svg"
/></router-link>
</div>
</div>
</header>
<nav class="nav"><h1 class="title">威斯康星协和大学家庭教育硕士项目推荐信</h1></nav>
<nav class="nav"><h1 class="title">玛丽伍德大学工商管理硕士项目推荐信</h1></nav>
<section class="content">
<el-form
:model="ruleForm"
......@@ -45,7 +47,9 @@
</section>
<el-dialog title="推荐信提交成功" :visible.sync="dialogVisible" :center="true" width="348px">
<div style="text-align: center"><img src="../../assets/images/icon_success.png" /></div>
<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>
......@@ -69,10 +73,7 @@ export default {
},
rules: {
provider_name: [{ required: true, message: '请输入姓名', trigger: 'blur' }],
letter_content: [
{ required: true, message: '请输入推荐信内容', trigger: 'blur' },
{ min: 200, message: '长度在 200 个字符以上', 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' }]
......@@ -102,7 +103,6 @@ export default {
// 提交推荐信
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
......@@ -149,7 +149,7 @@ export default {
}
}
.nav {
background-color: rgba(26, 86, 50, 1);
background-color: var(--main-color);
.title {
font-size: 24px;
font-weight: 600;
......
src/pages/login/index.vue
浏览文件 @ 4fa11c15
......@@ -110,7 +110,8 @@ export default {
color: #fff;
}
.main .title .icon {
background: url('https://webapp-pub.ezijing.com/project/cuw/cuw_logo_white.svg') no-repeat center center;
background: url('https://webapp-pub.ezijing.com/project/marywood/marywood_logo.svg') no-repeat center center;
fill: #fff;
background-size: contain;
width: 166px;
height: 40px;
......
src/pages/my/account/home.vue
浏览文件 @ 4fa11c15
......@@ -2,7 +2,9 @@
<div class="my">
<div class="card">
<div class="result">
<div class="result-left"><img src="../../../assets/images/my_icon.png" />招生办反馈</div>
<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>
......@@ -24,10 +26,10 @@
<div class="inner">
<div class="welcome-close" @click="handleClose"></div>
<div class="welcome-main">
<img src="../../../assets/images/welcome.png" width="350" />
<img src="https://webapp-pub.ezijing.com/project/application/images/welcome.png" width="350" />
<div class="welcome-content">
<h1>欢迎您申请</h1>
<h2>美国威斯康星协和大学</h2>
<h1>欢迎您报考</h1>
<h2>美国玛丽伍德大学</h2>
<div class="welcome-button" @click="handleStart">马上开始</div>
</div>
</div>
......@@ -43,9 +45,7 @@ import 'driver.js/dist/driver.min.css'
export default {
name: 'AppHome',
data() {
const user = window.G.UserInfo
return {
user,
material: {},
progress: {},
submissionStage: {
......@@ -59,6 +59,9 @@ export default {
}
},
computed: {
user() {
return this.$store.state.user
},
activeProgress() {
for (const key in this.submissionStage) {
const list = this.submissionStage[key]
......@@ -84,6 +87,11 @@ export default {
const { data, error, message } = response
if (error.toString() === '0') {
const { material, progress } = data
// 尚未缴费
if (progress.PREPAYMENT.total_progress !== 1) {
this.$router.push('/my')
return
}
this.material = material
this.progress = progress
const welcomeShowed = window.localStorage.getItem(this.user.id) === 'true'
......@@ -204,21 +212,21 @@ export default {
}
}
.nav-application {
background-image: url('../../../assets/images/my_01.png');
background-image: url('https://webapp-pub.ezijing.com/project/application/images/my_01.png');
&:hover {
background-image: url('../../../assets/images/my_01_hover.png');
background-image: url('https://webapp-pub.ezijing.com/project/application/images/my_01_hover.png');
}
}
.nav-interview {
background-image: url('../../../assets/images/my_02.png');
background-image: url('https://webapp-pub.ezijing.com/project/application/images/my_02.png');
&:hover {
background-image: url('../../../assets/images/my_02_hover.png');
background-image: url('https://webapp-pub.ezijing.com/project/application/images/my_02_hover.png');
}
}
.nav-admission {
background-image: url('../../../assets/images/my_03.png');
background-image: url('https://webapp-pub.ezijing.com/project/application/images/my_03.png');
&:hover {
background-image: url('../../../assets/images/my_03_hover.png');
background-image: url('https://webapp-pub.ezijing.com/project/application/images/my_03_hover.png');
}
}
.result {
......@@ -257,7 +265,7 @@ export default {
float: right;
width: 23px;
height: 23px;
background: url('../../../assets/images/welcome_close.png') no-repeat;
background: url('https://webapp-pub.ezijing.com/project/application/images/welcome_close.png') no-repeat;
background-size: contain;
cursor: pointer;
}
......
src/pages/my/account/password.vue
浏览文件 @ 4fa11c15
......@@ -95,7 +95,6 @@ export default {
api
.sendCode({ account: this.ruleForm.account })
.then(response => {
console.log(response)
if (response.code === 0) {
this.$message({ type: 'success', message: '验证码已发送' })
} else {
......
src/pages/my/admission/components/collapse.vue 0 → 100644
浏览文件 @ 4fa11c15
<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>
src/pages/my/admission/form/byzs.js 0 → 100644
浏览文件 @ 4fa11c15
export default {
id: 'admission_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) > 6
const DIPLOMA_FILING_TABLE = attachments.filter(item => {
return item.file_type_id === 'DIPLOMA_FILING_TABLE'
})
return { DIPLOMA_FILING_TABLE }
}
},
form: {
prev: { to: { query: { active: 'admission_cjd' } } },
next: { to: { query: { active: 'admission_ywjl' } } },
hasButton: false,
options: {},
items: [
{
type: 'v-upload',
required: true,
model: 'DIPLOMA_FILING_TABLE',
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_FILING_TABLE' }
},
prepend: `
<p>学信网《教育部学历证书电子注册备案表》[<a href="https://zws-imgs-pub.ezijing.com/pc/sofia/%E6%AF%95%E4%B8%9A%E8%AF%81%E4%B9%A6%E6%B3%A8%E5%86%8C%E5%A4%87%E6%A1%88%E8%A1%A8.pdf" target="_blank" download="毕业证书注册备案表">下载流程表</a>]
<p>学历在学信网可查的同学，请下载学信网电子注册备案表提交到系统，具体获取流程请</p>
<p>下载附件 上传文件仅限“jpg,jpeg,pdf,png”格式，文件小于10Mb。</p>
`
}
]
}
}
src/pages/my/admission/form/cjd.js 0 → 100644
浏览文件 @ 4fa11c15
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_tjx' } } },
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' },
accept: 'image/*'
}
},
{
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' },
accept: 'image/*'
}
}
]
}
}
}
src/pages/my/admission/form/index.js
浏览文件 @ 4fa11c15
import cjd from './cjd'
// import byzs from './byzs'
import ywjl from './ywjl'
import xy from './xy'
import xfjn from './xfjn'
import tjx from './tjx'
import xlrz from './xlrz'
import zp from './zp'
export default function(_this) {
return {
id: 'admission',
title: '入学办理',
children: [xy(_this), xfjn(_this)]
children: [cjd(_this), tjx(_this), ywjl, zp(_this), xy(_this), xfjn(_this), xlrz(_this)]
}
}
src/pages/my/admission/form/tjx.js 0 → 100644
浏览文件 @ 4fa11c15
/**
* 推荐信
*/
export default function(_this) {
return {
id: 'admission_tjx',
title: '推荐信',
get: {
action: `${webConf.apiBaseURL}/enrollment/v1.0/application-materials/${webConf.others.projectId}`,
callback(data) {
const {
submission_stage: submissionStage = 'FILLING',
reco_letters: list = [],
attachments = []
} = 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 attachment = attachments.reduce(
(result, item) => {
const types = ['RECOMMENDATION_LETTER', 'RECOMMENDATION_LETTER_2']
types.forEach(type => {
item.disabled = item.upload_operator_user_id !== _this.user.id
if (item.file_type_id === type) {
result.RECOMMENDATION_LETTER.push(item)
}
})
return result
},
{ RECOMMENDATION_LETTER: [] }
)
// this.form.options.disabled = list.length >= 2
return list.length
? list.map(item => Object.assign({}, item, attachment))
: [{ ...attachment }, { ...attachment }]
}
},
update: {
action: `${webConf.apiBaseURL}/enrollment/v1.0/application-materials/${webConf.others.projectId}/put`,
beforeRequest(data) {
const letters = data.map(item => {
delete item.RECOMMENDATION_LETTER
return item
})
return { reco_letters: letters }
},
callback({ message }) {
// this.form.options.disabled = true
const letters = _this.detail.material.reco_letters || []
if (!letters.length) {
_this.sendToProviders()
_this.getApplication()
} else {
this.$message({ type: 'success', message })
}
}
},
form: {
minlength: 2,
prev: { to: { query: { active: 'admission_cjd' } }, isSubmit: true },
next: { to: { query: { active: 'admission_ywjl' } }, isSubmit: true },
hasAdd: true,
options: { disabled: false, labelWidth: '140px' },
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', 'REGISTRATION'].includes(_this.detail.material.submission_stage)
return data.id && !data.letter_content && editable
},
onClick(data) {
_this.sendToProvider(data)
}
},
{
text: '更换推荐人',
visible(data) {
const editable = ['PREPAYMENT', 'REGISTRATION'].includes(_this.detail.material.submission_stage)
return data.id && !data.letter_content && editable
},
onClick(data, $form) {
$form.validate().then(() => {
_this.changeProvider(data)
})
}
}
]
},
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' }]
}
],
appendItems: [
// 推荐信附件
{
type: 'v-upload',
label: '附件上传',
model: 'RECOMMENDATION_LETTER',
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: 'RECOMMENDATION_LETTER' },
accept: 'image/*'
},
rules: [{ type: 'array', required: true, message: '请上传推荐信附件', trigger: 'change' }],
append: '请上传推荐人署名的推荐信原件照片或扫描件 ',
class: 'upload-letter'
}
]
}
}
}
src/pages/my/admission/form/xfjn.js
浏览文件 @ 4fa11c15
export default function(_this) {
return {
id: 'admission_xfjn',
title: '学费缴纳',
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']
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'
......@@ -16,16 +25,17 @@ export default function(_this) {
},
form: {
prev: { to: { query: { active: 'admission_xy' } } },
next: { to: { query: { active: 'admission_xlrz' } } },
hasButton: false,
options: { 'label-position': 'top' },
hint: `<div style="line-height:34px;">
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></div>`,
<p>支付宝户名：清控紫荆（北京）教育科技股份有限公司</p>`,
items: [
{
type: 'v-upload',
......@@ -36,8 +46,8 @@ export default function(_this) {
deleteAction: `${webConf.apiBaseURL}/enrollment/v1.0/application-materials/attachments/${webConf.others.projectId}/delete`,
data: { file_type: 'PAYMENT_VOUCHER' }
},
append: `<div style="line-height:24px;margin-top:10px;">申请者可将转账/支付缴费凭证截图或拍照后提交。<br/>
上传文件仅限“jpg,jpeg,pdf,png”格式，文件小于10Mb。</div>`
append: `申请者可将转账/支付缴费凭证截图或拍照后提交。<br>
上传多个文件，请打印出来检查无误后再上传。用A4纸打印后内容需显示完整、格式整齐、字迹清晰可辨。上传文件仅限“jpg,jpeg,pdf,png”格式，文件小于10Mb。`
}
]
}
......
src/pages/my/admission/form/xlrz.js 0 → 100644
浏览文件 @ 4fa11c15
export default function(_this) {
return {
id: 'admission_xlrz',
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 ACADEMIC_CERTIFICATE_TABLE = attachments.filter(item => {
return item.file_type_id === 'ACADEMIC_CERTIFICATE_TABLE'
})
return { ACADEMIC_CERTIFICATE_TABLE }
}
},
form: {
prev: { to: { query: { active: 'admission_xfjn' } } },
hasButton: false,
options: { 'label-position': 'top' },
hint: `
<p>请上传《教育部学历证书电子注册备案表》英文版</p>
<p>申请途径：学信网 <a href="https://www.chsi.com.cn" target="_blank" style="color:blue">https://www.chsi.com.cn</a></p>`,
items: [
{
type: 'v-upload',
model: 'ACADEMIC_CERTIFICATE_TABLE',
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: 'ACADEMIC_CERTIFICATE_TABLE' }
},
prepend: `
<div><a href="https://webapp-pub.ezijing.com/project/marywood/xlzm.png" target="_blank"><img src="https://webapp-pub.ezijing.com/project/marywood/xlzm.png" width="174px" /></a></div>
<div style="width:174px;text-align:center;margin-bottom:20px;">英文样本</div>
`
}
]
}
}
}
src/pages/my/admission/form/xy.js
浏览文件 @ 4fa11c15
......@@ -24,6 +24,7 @@ export default function(_this) {
}
},
form: {
prev: { to: { query: { active: 'admission_zp' } } },
next: { to: { query: { active: 'admission_xfjn' } } },
hasButton: false,
options: {},
......@@ -37,14 +38,10 @@ export default function(_this) {
deleteAction: `${webConf.apiBaseURL}/enrollment/v1.0/application-materials/attachments/${webConf.others.projectId}/delete`,
data: { file_type: 'ADMISSION_AGREEMENT' }
},
// prepend: `
// <p>第一步：点击下载按键获取入学协议</p>
// <p><a href="https://zws-imgs-pub.oss-cn-beijing.aliyuncs.com/pc/cu/%E5%85%A5%E5%AD%A6%E5%8D%8F%E8%AE%AE2%EF%BC%88%E8%AF%B7%E4%B8%8B%E8%BD%BD%E6%A8%A1%E6%9D%BF%E5%A1%AB%E5%86%99%E5%90%8E%E4%B8%8A%E4%BC%A0%E7%85%A7%E7%89%87%EF%BC%89.docx" target="_blank" download>下载入学协议</a></p>
// <p>第二步：申请者可将签字后的入学协议原件扫描或拍照后提交。学员应仔细阅读《入学协议》以及课程介绍，如对入学协议或课程有异议，请第一时间与课程顾问咨询确认。请用A4纸打印后，在入学协议上签上姓名和日期，内容需显示完整、格式整齐、字迹清晰可辨。点击下方按钮，上传文件</p>
// `
prepend: `
<p>第一步：请以录取通知书的协议为准</p>
<p>第二步：申请者可将签字后的入学协议原件扫描或拍照后提交。学员应仔细阅读《入学协议》以及课程介绍，如对入学协议或课程有异议，请第一时间与课程顾问咨询确认。请用A4纸打印后，在入学协议上签上姓名和日期，内容需显示完整、格式整齐、字迹清晰可辨。点击下方按钮，上传文件</p>
<p><a href="https://zws-imgs-pub.ezijing.com/pc/marywood/%E5%85%A5%E5%AD%A6%E5%8D%8F%E8%AE%AE.pdf" target="_blank" download="入学协议" style="color:blue">下载入学协议</a></p>
<p>申请者可将签字后的入学协议原件扫描或拍照后提交。</p>
<p>学员应仔细阅读《入学协议》以及课程介绍，如对入学协议或课程有异议，请第一时间与课程顾问咨询确认。请用A4纸打印后，在入学协议上签上姓名和日期，内容需显示完整、格式整齐、字迹清晰可辨。上传文件仅限“jpg,jpeg,pdf,png”格式，文件小于10Mb。</p>
`
}
]
......
src/pages/my/admission/form/ywjl.js 0 → 100644
浏览文件 @ 4fa11c15
export default {
id: 'admission_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) > 6
const RESUME_EN = attachments.filter(item => {
return item.file_type_id === 'RESUME_EN'
})
return { RESUME_EN }
}
},
form: {
prev: { to: { query: { active: 'admission_tjx' } } },
next: { to: { query: { active: 'admission_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' },
limit: 1
},
append: `
<p>请下载填写英文简历模板后上传 [<a href="https://webapp-pub.ezijing.com/project/marywood/marywood%E8%8B%B1%E6%96%87%E7%AE%80%E5%8E%86%E6%A8%A1%E6%9D%BF.doc" target="_blank" download="英文简历模板" style="color:blue">下载模板</a>]</p>
<p>请将英文简历填写完存为"word"格式上传，文件小于10MB。</p>`
}
]
}
}
src/pages/my/admission/form/zp.js 0 → 100644
浏览文件 @ 4fa11c15
export default function(_this) {
return {
id: 'admission_zp',
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 PERSONAL_PHOTO_FOR_ID = attachments.filter(item => {
return item.file_type_id === 'PERSONAL_PHOTO_FOR_ID'
})
return { PERSONAL_PHOTO_FOR_ID }
}
},
form: {
prev: { to: { query: { active: 'admission_ywjl' } } },
next: { to: { query: { active: 'admission_xy' } } },
hasButton: false,
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' },
accept: 'image/*',
limit: 1
},
append:
'申请者需要上传本人半年以内的彩色近照。<br> 只需上传一个文件，且照片完整、干净。<br> 上传文件仅限“jpg,jpeg,gif,png”格式的图片文件，且文件小于10MB。'
}
]
}
}
}
src/pages/my/admission/index.vue
浏览文件 @ 4fa11c15
......@@ -10,11 +10,16 @@
@prev="handlePrev"
@next="handleNext"
@uploaded="getApplication"
v-if="detail"
>
<template #aside-append>
<div class="aside-payment"><a href="https://accounts.ezijing.com/payment" target="_blank">查看缴费记录</a></div>
<div class="aside-logout" @click="$store.dispatch('logout')"><span>退出登录</span></div>
</template>
<!-- 入学协议 -->
<!-- <template #content v-if="currentActive === 'admission_xy'">
<app-xy />
</template> -->
</vue-form>
<el-dialog
title="办理入学资料提交成功"
......@@ -25,7 +30,7 @@
>
<div class="dialog-tips">
<p>请确认是否已缴费，如未缴费点击下方缴费按钮 <br />（已缴费，请忽略）</p>
<div class="icon"><img src="../../../assets/images/icon_success.png" /></div>
<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>
......@@ -39,14 +44,14 @@
import AppLayout from '../layout.vue'
import getMenu from './form'
import * as api from '@/api/my'
import AppXy from './xy'
export default {
components: { AppLayout },
components: { AppLayout, AppXy },
data() {
const menus = getMenu(this)
return {
menus: [menus],
currentActive: 'admission_xy',
currentActive: 'admission_cjd',
dialogVisible: false,
detail: null
}
......@@ -56,7 +61,7 @@ export default {
immediate: true,
handler(route) {
const { query = {} } = route
this.currentActive = query.active || 'admission_xy'
this.currentActive = query.active || 'admission_cjd'
}
},
showSubmitedDialog(value) {
......@@ -72,6 +77,9 @@ export default {
},
showSubmitedDialog() {
return this.isSubmited && this.currentActive === 'admission_xy'
},
user() {
return this.$store.state.user
}
},
methods: {
......@@ -108,6 +116,40 @@ export default {
toPay() {
this.dialogVisible = false
this.$router.push({ path: '/my/admission', query: { active: 'admission_xfjn' } })
},
// 更换推荐人
changeProvider(data) {
api.updateProvider(data.id, data).then(response => {
const { error, message } = response
if (error.toString() === '0') {
this.sendToProvider(data)
// 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)
}
})
},
// 发送推荐信
sendToProviders() {
api.sendToProviders().then(response => {
const { error, message } = response
if (error.toString() === '0') {
this.$message({ type: 'success', message })
} else {
this.$message.error(message)
}
})
}
},
beforeMount() {
......@@ -128,4 +170,19 @@ export default {
text-align: center;
}
}
::v-deep .upload-letter {
border-top: 1px solid #f1f1f1;
margin-top: 20px;
padding-top: 20px;
.el-form-item__label {
width: auto !important;
float: none !important;
font-size: 14px;
font-weight: 700;
color: #222;
}
.el-form-item__content {
margin: 0 !important;
}
}
</style>
src/pages/my/admission/xy.vue 0 → 100644
浏览文件 @ 4fa11c15
<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
>项目课程为【紫荆教育-索菲亚金融方向工商管理硕士（FMBA）2021年春季班】。该项目学制为【2】年，自当期项目课程开课之日起计算。</b
>如学员因个人原因需要延长学习期限的，须至少提前<b>【3】</b>个月申请延期，批准后方可延期毕业。最长可延期<b>【12】</b>个月,自所报名的项目课程原定毕业之日起算。
</p>
<p>
<b>课程的总学分为【48】学分，其中必修课【48】学分。先修课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>本项目学费共计人民币【71000】元整，包含授课费用、证书费用，不包含：</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: 'marywood-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: 'marywood-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>
src/pages/my/application/complete.vue
浏览文件 @ 4fa11c15
......@@ -43,39 +43,55 @@ export default {
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: 'applicationTjx',
// view: { to: { path: '/my/application', query: { active: 'application_tjx' } } }
// }
// {
// title: '无犯罪证明',
// code: 'applicationWfzzm',
// view: { to: { path: '/my/application', query: { active: 'application_wfzzm' } } }
// }
],
[
{
title: '学位证书',
code: 'interviewXwzs',
view: { to: { path: '/my/interview', query: { active: 'interview_byz' } } }
},
{
title: '成绩单',
code: 'interviewCjd',
view: { to: { path: '/my/interview', query: { active: 'interview_cjd' } } }
},
{
title: '2寸照片',
code: 'interviewZp',
view: { to: { path: '/my/interview', query: { active: 'interview_zp' } } }
},
{
title: '推荐信',
code: 'interviewTjx',
view: { to: { path: '/my/application', query: { active: 'application_tjx' } } }
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: '成绩单',
// code: 'interviewCjd',
// view: { to: { path: '/my/interview', query: { active: 'interview_cjd' } } }
// },
// {
// title: '2寸照片',
// code: 'interviewZp',
// view: { to: { path: '/my/interview', query: { active: 'interview_zp' } } }
// }
// {
// title: '推荐信',
// code: 'interviewTjx',
// view: { to: { path: '/my/application', query: { active: 'application_tjx' } } }
// }
]
]
}
......@@ -120,32 +136,46 @@ export default {
}
// 推荐信
const applicationTjx = { progress: 0 }
applicationTjx.progress = progress.FILLING.reco_letters.progress
// 无犯罪声明
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
// 2寸照片
const interviewZp = { progress: 0 }
interviewZp.progress = missedRequiredList.PERSONAL_PHOTO_FOR_ID ? 0 : 1
// 推荐信
const interviewTjx = { progress: 0 }
interviewTjx.progress = progress.INTERVIEW_APPLICATION.reco_letters.progress
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,
interviewZp,
interviewTjx
}
} else {
......
src/pages/my/application/components/VArea.vue 0 → 100644
浏览文件 @ 4fa11c15
<template>
<el-select v-bind="$attrs" v-on="$listeners" clearable no-data-text="请先选择省份">
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option>
</el-select>
</template>
<script>
import { areaList } from '@vant/area-data'
const json2Array = function(data) {
return Object.keys(data).map(code => ({ code, label: data[code], value: data[code] }))
}
export default {
props: {
parentValue: { type: String, default: '' },
isCity: { type: Boolean, default: false }
},
computed: {
options() {
return this.parentValue || this.isCity ? this.cityList : this.provinceList
},
provinceList() {
return json2Array(areaList.province_list).sort((a, b) => {
return a.label.localeCompare(b.label)
})
},
cityList() {
return json2Array(areaList.city_list)
.filter(item => {
const provinceValueCode = this.provinceList.find(province => province.label === this.parentValue)?.code || ''
return item.code.slice(0, 2) === provinceValueCode.slice(0, 2)
})
.sort((a, b) => {
return a.label.localeCompare(b.label)
})
},
treeList() {
this.provinceList.map(item => {
const children = json2Array(areaList.city_list)
.filter(item2 => {
return item2.code.slice(0, 2) === item.code.slice(0, 2)
})
.sort((a, b) => {
return a.label.localeCompare(b.label)
})
return { ...item, children }
})
}
}
}
</script>
src/pages/my/application/components/h5Pay.vue 0 → 100644
浏览文件 @ 4fa11c15
<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>
src/pages/my/application/components/qrcodePay.vue 0 → 100644
浏览文件 @ 4fa11c15
<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">
申请紫荆-玛丽伍德大学数字领导力MBA硕士项目，本项目的申请费为<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>
src/pages/my/application/form/declare.js
浏览文件 @ 4fa11c15
......@@ -16,6 +16,7 @@ export default function(_this) {
const isSubmited = submissionStage !== 'FILLING'
this.form.options.disabled = isSubmited
if (isSubmited) {
_this.submittedVisible = true
return { isAgree: [1] }
}
return { isAgree: [] }
......@@ -27,14 +28,15 @@ export default function(_this) {
_this.getApplication()
this.form.options.disabled = true
// _this.$router.push({ path: this.$route.path, query: { active: 'application_pay' } })
_this.$router.push({ path: '/my/interview' })
// _this.$router.push({ path: '/my/interview' })
_this.submittedVisible = true
},
errorCallback() {
_this.completeVisible = true
}
},
form: {
prev: { to: { query: { active: 'application_wfzzm' } } },
prev: { to: { query: { active: 'application_info', tab: 'application_info_honor' } } },
submitText: '提交报名申请',
model: { isAgree: [] },
options: {},
......@@ -44,8 +46,8 @@ export default function(_this) {
values: [{ label: '同意', value: 1 }],
model: 'isAgree',
rules: [{ required: true, message: '请阅读协议', trigger: 'change' }],
prepend:
'<p>本人自愿申请紫荆-威斯康星协和大学家庭教育硕士项目，所有申请表格内填写的内容属实，本科学士学位证书属实，没有弄虚作假的行为。如有虚假，愿承担一切法 律责任。</p>'
prepend: `<p>1、本人知晓此申请表及所附文件将作为申请紫荆-玛丽伍德大学MBA面试和背景评估的参考依据，一旦成功录取，有关资料将作为学生信息存档。</p>
<p>2、本人声明所填资料正确无误，知晓任何不真实的信息或不诚信的行为，均会影响申请结果，已取得的成绩和资格会被取消。我理解并同意所有报名材料归紫荆教育所有，无论考生录取与否均不退回。我授权紫荆教育使用报名表中的信息查询本人学习和工作记录。</p>`
}
]
}
......
src/pages/my/application/form/index.js
浏览文件 @ 4fa11c15
import info from './info'
import tjx from './tjx'
import wfzsm from './wfzzm'
// import tjx from './tjx'
// import wfzsm from './wfzzm'
import declare from './declare'
export default function(_this) {
......@@ -9,8 +9,8 @@ export default function(_this) {
title: '报名申请',
children: [
info(_this),
tjx(_this),
wfzsm(_this),
// tjx(_this),
// wfzsm(_this),
declare(_this)
// {
// id: 'application_pay',
......
src/pages/my/application/form/info/answer.js
浏览文件 @ 4fa11c15
......@@ -16,21 +16,14 @@ export default function(_this) {
const { answers = [], submission_stage: submissionStage = 'FILLING' } = data.data.material
this.form.options.disabled = submissionStage !== 'FILLING'
const [first = {}, second = {}, third = {}, fourth = {}] = answers
const [first = {}, second = {}] = answers
return {
qid1: first.qid || '1',
question1: '自我介绍',
question1: '您为什么要申请紫荆-玛丽伍德大学数字领导力MBA硕士项目？',
answer1: first.answer,
qid2: second.qid || '2',
question2: '申请这个家庭教育硕士项目在未来对你个人有什么好处?',
answer2: second.answer,
qid3: third.qid || '3',
question3: '通过这个家庭教育硕士项目的学习，你对自己未来的个人发展目标/职业发展目标是什么? ',
answer3: third.answer,
qid4: fourth.qid || '4',
question4:
'你参加过家庭教育或者与之相关的工作坊或者培训吗？请按照年份列出来，你是如何从这些学习经验中获益的？',
answer4: fourth.answer
question2: '您的短期和长期职业发展目标是什么？您打算如何达成此愿景？',
answer2: second.answer
}
}
},
......@@ -40,9 +33,7 @@ export default function(_this) {
return {
answers: [
{ qid: data.qid1, question: data.question1, answer: data.answer1 },
{ qid: data.qid2, question: data.question2, answer: data.answer2 },
{ qid: data.qid3, question: data.question3, answer: data.answer3 },
{ qid: data.qid4, question: data.question4, answer: data.answer4 }
{ qid: data.qid2, question: data.question2, answer: data.answer2 }
]
}
}
......@@ -50,52 +41,28 @@ export default function(_this) {
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: { 'label-position': 'top' },
options: {},
items: [
{
type: 'v-input',
label:
'自我介绍(简要介绍一下自己，你是如何对家庭教育产生的兴趣，什么促使你下定决心学习家庭教育；可以讲一个跟自身有关的故事。)不低于300字',
label: '您为什么要申请紫荆-玛丽伍德大学数字领导力MBA硕士项目？（60字以上，1000字以内）',
model: 'answer1',
attrs: { type: 'textarea', rows: '8', style: 'width:100%' },
attrs: { type: 'textarea', rows: '8', maxlength: '1000', style: 'width:100%' },
rules: [
{ required: true, message: '请输入', trigger: 'blur' },
{ min: 300, message: '长度在 300 个字符以上', trigger: 'blur' }
{ min: 60, max: 1000, message: '长度在 60 到 1000 个字符', trigger: 'blur' }
]
},
{
type: 'v-input',
label: '申请这个家庭教育硕士项目在未来对你个人有什么好处? 不低于260字',
label: '您的短期和长期职业发展目标是什么？您打算如何达成此愿景？（60字以上，1000字以内）',
model: 'answer2',
attrs: { type: 'textarea', rows: '8', style: 'width:100%' },
attrs: { type: 'textarea', rows: '8', maxlength: '1000', style: 'width:100%' },
rules: [
{ required: true, message: '请输入', trigger: 'blur' },
{ min: 260, message: '长度在 260 个字符以上', trigger: 'blur' }
// { min: 60, max: 1000, message: '长度在 60 到 1000 个字符', trigger: 'blur' }
]
},
{
type: 'v-input',
label: '通过这个家庭教育硕士项目的学习，你对自己未来的个人发展目标/职业发展目标是什么? 不低于260字。',
model: 'answer3',
attrs: { type: 'textarea', rows: '8', style: 'width:100%' },
rules: [
{ required: true, message: '请输入', trigger: 'blur' },
{ min: 260, message: '长度在 260 个字符以上', trigger: 'blur' }
// { min: 60, max: 1000, message: '长度在 60 到 1000 个字符', trigger: 'blur' }
{ min: 60, max: 1000, message: '长度在 60 到 1000 个字符', trigger: 'blur' }
]
}
// {
// type: 'v-input',
// label: '你参加过家庭教育或者与之相关的工作坊或者培训吗？请按照年份列出来，你是如何从这些学习经验中获益的？',
// model: 'answer4',
// attrs: { type: 'textarea', rows: '8', style: 'width:100%' },
// rules: [
// { required: true, message: '请输入', trigger: 'blur' }
// // { min: 260, message: '长度在 260 个字符以上', trigger: 'blur' }
// // { min: 60, max: 1000, message: '长度在 60 到 1000 个字符', trigger: 'blur' }
// ]
// }
]
}
}
......
src/pages/my/application/form/info/career.js
浏览文件 @ 4fa11c15
......@@ -51,12 +51,7 @@ export default function(_this) {
attrs: {
type: 'month',
placeholder: '请选择工作开始时间',
valueFormat: 'yyyy-MM',
pickerOptions: {
disabledDate(time) {
return time.getTime() > Date.now()
}
}
valueFormat: 'yyyy-MM'
},
rules: [{ required: true, message: '请选择工作开始时间', trigger: 'blur' }]
},
......@@ -67,12 +62,7 @@ export default function(_this) {
attrs: {
type: 'month',
placeholder: '请选择工作结束时间',
valueFormat: 'yyyy-MM',
pickerOptions: {
disabledDate(time) {
return time.getTime() > Date.now()
}
}
valueFormat: 'yyyy-MM'
},
rules: [{ required: true, message: '请选择工作结束时间', trigger: 'blur' }]
},
......@@ -86,52 +76,52 @@ export default function(_this) {
{
type: 'v-select',
values: [
{ 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' }
{ 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',
......
src/pages/my/application/form/info/education.js
浏览文件 @ 4fa11c15
......@@ -62,12 +62,14 @@ export default function(_this) {
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' }]
},
{
......
src/pages/my/application/form/info/first.js
浏览文件 @ 4fa11c15
......@@ -32,6 +32,7 @@ export default function(_this) {
},
{ 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)
}
},
......@@ -66,7 +67,7 @@ export default function(_this) {
},
{
type: 'v-select',
values: [{ value: '居民身份证' }, { value: '港澳台身份证' }, { value: '护照' }, { value: '其他' }],
values: [{ value: '居民身份证' }, { value: '港澳台身份证' }, { value: '中国护照' }, { value: '其他' }],
label: '证件类型',
model: 'id_type',
attrs: { placeholder: '请选择证件类型' },
......@@ -83,7 +84,7 @@ export default function(_this) {
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'
image: 'https://zws-imgs-pub.ezijing.com/pc/cu/id_card_back.png'
},
rules: [{ type: 'array', required: true, message: '请上传身份证照片人像面', trigger: 'change' }],
isShow(data) {
......@@ -101,7 +102,7 @@ export default function(_this) {
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'
image: 'https://zws-imgs-pub.ezijing.com/pc/cu/id_card_front.png'
},
rules: [{ type: 'array', required: true, message: '请上传身份证照片国徽面', trigger: 'change' }],
isShow(data) {
......@@ -125,10 +126,10 @@ export default function(_this) {
return data.id_type === '港澳台身份证'
}
},
// 护照
// 中国护照
{
type: 'v-upload',
label: '护照',
label: '中国护照',
model: 'PASSPORT',
attrs: {
action: `${webConf.apiBaseURL}/enrollment/v1.0/application-materials/attachments/${webConf.others.projectId}/put`,
......@@ -137,9 +138,9 @@ export default function(_this) {
limit: 1,
accept: 'image/*'
},
rules: [{ type: 'array', required: true, message: '请上传护照', trigger: 'change' }],
rules: [{ type: 'array', required: true, message: '请上传中国护照', trigger: 'change' }],
isShow(data) {
return data.id_type === '护照'
return data.id_type === '中国护照'
}
},
// 其他证件
......
src/pages/my/application/form/info/honor.js
浏览文件 @ 4fa11c15
......@@ -31,7 +31,7 @@ export default function(_this) {
},
form: {
prev: { to: { query: { active: 'application_info', tab: 'application_info_training' } }, isSubmit: true },
next: { to: { query: { active: 'application_tjx' } }, isSubmit: true },
next: { to: { query: { active: 'application_declare' } }, isSubmit: true },
hasAdd: true,
options: { labelWidth: '140px' },
items: [
......@@ -52,7 +52,8 @@ export default function(_this) {
{
type: 'v-input',
label: '证书颁发机构',
model: 'institution_cn'
model: 'institution_cn',
attrs: { placeholder: '请输入证书颁发机构' }
// rules: [{ required: true, message: '请输入证书颁发机构', trigger: 'blur' }]
}
]
......
src/pages/my/application/form/info/profile.js
浏览文件 @ 4fa11c15
......@@ -4,7 +4,7 @@
import country from './country'
export default function (_this) {
export default function(_this) {
return {
id: 'application_info_profile',
title: '个人信息',
......@@ -34,7 +34,8 @@ export default function (_this) {
},
{ ID_CARD_FRONT: [], ID_CARD_BACK: [], HK_ID_CARD: [], PASSPORT: [], OTHER_ID_CARD_PHOTO: [] }
)
return Object.assign({}, basicInfo, attachment)
basicInfo.id_type = basicInfo.id_type === '护照' ? '中国护照' : basicInfo.id_type
return Object.assign({ address_province: '', address_city: '' }, basicInfo, attachment)
}
},
update: {
......@@ -52,7 +53,6 @@ export default function (_this) {
'real_name_en',
'gender',
'nationality',
'race',
'birthday',
'address_province',
'address_city',
......@@ -89,7 +89,7 @@ export default function (_this) {
},
{
type: 'v-select',
values: [{ value: '居民身份证' }, { value: '港澳台身份证' }, { value: '护照' }, { value: '其他' }],
values: [{ value: '居民身份证' }, { value: '港澳台身份证' }, { value: '中国护照' }, { value: '其他' }],
label: '证件类型',
model: 'id_type',
attrs: { placeholder: '请选择证件类型' },
......@@ -105,7 +105,8 @@ export default function (_this) {
deleteAction: `${webConf.apiBaseURL}/enrollment/v1.0/application-materials/attachments/${webConf.others.projectId}/delete`,
data: { file_type: 'ID_CARD_BACK' },
limit: 1,
image: 'https://zws-imgs-pub.oss-cn-beijing.aliyuncs.com/pc/cu/id_card_back.png'
accept: 'image/*',
image: 'https://zws-imgs-pub.ezijing.com/pc/cu/id_card_back.png'
},
rules: [{ type: 'array', required: true, message: '请上传身份证照片人像面', trigger: 'change' }],
isShow(data) {
......@@ -122,7 +123,8 @@ export default function (_this) {
deleteAction: `${webConf.apiBaseURL}/enrollment/v1.0/application-materials/attachments/${webConf.others.projectId}/delete`,
data: { file_type: 'ID_CARD_FRONT' },
limit: 1,
image: 'https://zws-imgs-pub.oss-cn-beijing.aliyuncs.com/pc/cu/id_card_front.png'
accept: 'image/*',
image: 'https://zws-imgs-pub.ezijing.com/pc/cu/id_card_front.png'
},
rules: [{ type: 'array', required: true, message: '请上传身份证照片国徽面', trigger: 'change' }],
isShow(data) {
......@@ -138,27 +140,29 @@ export default function (_this) {
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
limit: 1,
accept: 'image/*'
},
rules: [{ type: 'array', required: true, message: '请上传港澳台身份证', trigger: 'change' }],
isShow(data) {
return data.id_type === '港澳台身份证'
}
},
// 护照
// 中国护照
{
type: 'v-upload',
label: '护照',
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
limit: 1,
accept: 'image/*'
},
rules: [{ type: 'array', required: true, message: '请上传护照', trigger: 'change' }],
rules: [{ type: 'array', required: true, message: '请上传中国护照', trigger: 'change' }],
isShow(data) {
return data.id_type === '护照'
return data.id_type === '中国护照'
}
},
// 其他证件
......@@ -170,7 +174,8 @@ export default function (_this) {
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
limit: 1,
accept: 'image/*'
},
rules: [{ type: 'array', required: true, message: '请上传其他证件', trigger: 'change' }],
isShow(data) {
......@@ -193,11 +198,11 @@ export default function (_this) {
},
{
type: 'v-input',
label: '拼音',
label: '英文名',
model: 'real_name_en',
attrs: { placeholder: '请输入姓名拼音' },
rules: [{ required: true, message: '请输入姓名拼音', trigger: 'blur' }],
append: '<p style="color:#606266">请与证件上的拼音一致，一经提交无法更改。</p>'
attrs: { placeholder: '请输入英文名' },
rules: [{ required: true, message: '请输入英文名', trigger: 'blur' }],
prependSlotName: 'form-name-prepend'
},
{
type: 'v-radio',
......@@ -217,14 +222,6 @@ export default function (_this) {
attrs: { placeholder: '请选择国籍', filterable: true },
rules: [{ required: true, message: '请选择国籍', trigger: 'blur' }]
},
{
type: 'v-select',
label: '种族',
model: 'race',
values: [{ value: '亚裔' }, { value: '拉丁裔' }, { value: '非洲裔' }, { value: '北美' }],
attrs: { placeholder: '请选择种族' },
rules: [{ required: true, message: '请选择种族', trigger: 'blur' }]
},
{
type: 'v-datepicker',
label: '出生日期',
......@@ -237,14 +234,42 @@ export default function (_this) {
label: '居住省',
model: 'address_province',
attrs: { placeholder: '请输入居住省' },
rules: [{ required: true, message: '请输入居住省', trigger: 'blur' }]
rules: [{ required: true, message: '请输入居住省', trigger: 'blur' }],
isShow() {
return !_this.isNew
}
},
{
type: 'v-input',
label: '居住市',
model: 'address_city',
attrs: { placeholder: '请输入居住市' },
rules: [{ required: true, message: '请输入居住市', trigger: 'blur' }]
rules: [{ required: true, message: '请输入居住市', trigger: 'blur' }],
isShow() {
return !_this.isNew
}
},
{
type: 'v-input',
label: '居住省',
model: 'address_province',
attrs: { placeholder: '请选择居住省' },
rules: [{ required: true, message: '请选择居住省', trigger: 'blur' }],
slotName: 'form-province',
isShow() {
return _this.isNew
}
},
{
type: 'v-input',
label: '居住市',
model: 'address_city',
attrs: { placeholder: '请选择居住市' },
rules: [{ required: true, message: '请选择居住市', trigger: 'blur' }],
slotName: 'form-city',
isShow() {
return _this.isNew
}
},
// {
// type: 'city-v-select',
......@@ -269,10 +294,10 @@ export default function (_this) {
},
{
type: 'v-input',
label: '紧急联系人全名',
label: '紧急联系人',
model: 'emergency_contact_name',
attrs: { placeholder: '请输入紧急联系人全名' },
rules: [{ required: true, message: '请输入紧急联系人全名', trigger: 'blur' }]
attrs: { placeholder: '请输入紧急联系人' },
rules: [{ required: true, message: '请输入紧急联系人', trigger: 'blur' }]
},
{
type: 'v-input',
......
src/pages/my/application/form/info/training.js
浏览文件 @ 4fa11c15
......@@ -60,13 +60,15 @@ export default function(_this) {
{
type: 'v-input',
label: '培训机构',
model: 'institution_cn'
model: 'institution_cn',
attrs: { placeholder: '请输入培训机构' }
// rules: [{ required: true, message: '请输入培训机构', trigger: 'blur' }]
},
{
type: 'v-input',
label: '课程名称',
model: 'course_cn'
model: 'course_cn',
attrs: { placeholder: '请输入课程名称' }
// rules: [{ required: true, message: '请输入课程名称', trigger: 'blur' }]
}
]
......
src/pages/my/application/form/tjx.js
浏览文件 @ 4fa11c15
......@@ -31,15 +31,6 @@ export default function(_this) {
update: {
action: `${webConf.apiBaseURL}/enrollment/v1.0/application-materials/${webConf.others.projectId}/put`,
beforeRequest(data) {
// const recoLetters = data.map(item => {
// return ['provider_name', 'provider_phone_number', 'provider_email', 'provider_relationship'].reduce(
// (result, key) => {
// result[key] = item[key]
// return result
// },
// {}
// )
// })
return { reco_letters: data }
}
},
......
src/pages/my/application/form/wfzzm.js
浏览文件 @ 4fa11c15
export default function(_this) {
return {
id: 'application_wfzzm',
title: '无犯罪声明',
title: '无犯罪证明',
visible() {
return _this.visible
},
......@@ -34,8 +34,8 @@ export default function(_this) {
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>
<p><a href="https://zws-imgs-pub.ezijing.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>
`
}
......
src/pages/my/application/index.vue
浏览文件 @ 4fa11c15
......@@ -11,7 +11,6 @@
@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>
......@@ -22,11 +21,44 @@
<template #content v-if="currentActive === 'application_pay'">
<app-pay />
</template>
<template #form-name-prepend>
<el-popover trigger="hover">
<div>例：张文武<br />英文名：Wenwu Zhang</div>
<i class="e-icon el-icon-info" slot="reference" style="position:absolute;left:-18px;color:blue;"></i>
</el-popover>
</template>
<template #form-province="{form}">
<v-area
v-model="form.address_province"
placeholder="请选择居住省"
style="width: 300px;"
@change="form.address_city = ''"
/>
</template>
<template #form-city="{form}">
<v-area
:parentValue="form.address_province"
isCity
v-model="form.address_city"
placeholder="请选择居住市"
style="width: 300px;"
/>
</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>
<el-dialog :visible.sync="submittedVisible" :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>
</app-layout>
</template>
......@@ -36,11 +68,12 @@ import getMenu from './form'
import AppPay from './pay.vue'
import AppPreview from './preview.vue'
import AppComplete from './complete.vue'
import VArea from './components/VArea.vue'
import * as api from '@/api/my'
export default {
components: { AppLayout, AppPay, AppPreview, AppComplete },
components: { AppLayout, AppPay, AppPreview, AppComplete, VArea },
data() {
const menus = getMenu(this)
return {
......@@ -49,7 +82,8 @@ export default {
tabActive: 'application_info_profile',
dialogVisible: false,
detail: null,
completeVisible: false
completeVisible: false,
submittedVisible: false
}
},
watch: {
......@@ -65,6 +99,11 @@ export default {
computed: {
visible() {
return this.currentActive !== 'application_info' || this.tabActive !== 'application_info_first'
},
isNew() {
return this.detail?.material?.created_time
? new Date(this.detail?.material?.created_time).getTime() > new Date('2022-06-28').getTime()
: true
}
},
methods: {
......@@ -141,6 +180,10 @@ export default {
this.$message.error(message)
}
})
},
// 申请面试
toInterview() {
this.$router.push('/my/interview')
}
},
beforeMount() {
......@@ -163,7 +206,15 @@ export default {
padding: 0;
}
}
::v-deep .el-form--label-top .el-form-item__label {
line-height: 24px;
.dialog-pay {
text-align: center;
p {
color: #262626;
line-height: 20px;
}
.icon {
margin-top: 20px;
text-align: center;
}
}
</style>
src/pages/my/application/pay.vue
浏览文件 @ 4fa11c15
<template>
<div class="pay">
<div class="pic">
<img src="../../../assets/images/my_pay_01.png" />
</div>
<div class="pay-hd">
<h1>欢迎您</h1>
<p class="t1">
申请紫荆-威斯康星协和大学家庭教育硕士项目，本项目的注册费、申请费共计<span>600</span>元，请扫描二维码缴费以完成报名。
</p>
<p class="t1" v-if="isPass">
因面试未通过需重新申请紫荆-威斯康星协和大学家庭教育硕士项目，本项目的注册费、申请费共计<span>600</span>元，请扫描二维码缴费以完成报名。
</p>
</div>
<div class="qrcode-error" v-if="qrcodeError">
生成二维码失败请刷新<i class="el-icon-refresh-left" @click="refreshQrcode" title="刷新"></i>
</div>
<div class="qrcode" v-else>
<qrcode-vue :value="qrcodeValue" size="100"></qrcode-vue>
<span @click="refreshQrcode">刷新</span>
</div>
<h5-pay @update="handleUpdateOrder" v-if="isWechat"></h5-pay>
<qrcode-pay @update="handleUpdateOrder" v-else></qrcode-pay>
<div class="pay-ft">
<p class="t2">注释：再提交600元申请费后，申请人还需上传并提交如下文件。</p>
<p class="t2">①学历/学位证书、②本科中、英文成绩单各一份、③个人证件照（2寸、免冠、白底）</p>
<p class="t2">该申请费不退，请慎重缴费！</p>
<p class="t2">注释：成功提交700元申请费后，申请人还需上传并提交最高学历（学位）证书 （注：申请费不退还)</p>
</div>
<el-dialog
title="报名费缴费成功"
......@@ -33,7 +14,7 @@
>
<div class="dialog-pay">
<p>请填写申请面试的材料，材料齐全后<br />招生办老师将给您致电预约面试日期与时间</p>
<div class="icon"><img src="../../../assets/images/icon_success.png" /></div>
<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>
......@@ -43,23 +24,27 @@
</template>
<script>
import QrcodeVue from 'qrcode.vue'
import * as api from '@/api/my'
import qrcodePay from './components/qrcodePay'
import h5Pay from './components/h5Pay'
export default {
name: 'AppPay',
components: { QrcodeVue },
components: { qrcodePay, h5Pay },
data() {
const UA = window.navigator.userAgent
const isMobile = /android|iphone|ipad|ipod/i.test(UA)
return {
isPass: false,
isWechat: isMobile && /micromessenger/i.test(UA),
order: { id: '', payment_url: '' },
qrcodeError: false,
dialogVisible: false,
timer: null,
paymentRecords: [] // 所有订单
}
},
computed: {
user() {
return this.$store.state.user
},
// 二维码地址
qrcodeValue() {
return this.order.payment_url
......@@ -102,55 +87,44 @@ export default {
}
})
},
// 获取订单
async getOrder() {
if (this.paySuccess) {
return
}
await 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
} else {
this.$message.error(message)
}
})
},
// 刷新二维码
refreshQrcode() {
this.getOrder()
},
// 检查支付状态
async checkPay(order) {
if (this.paySuccess) {
this.timer && clearInterval(this.timer)
checkPay(order) {
if (!order || !order.id) {
return
}
const userId = window.G.UserInfo.id
await api.checkPay(order.id, { user_id: userId }).then(response => {
const userId = this.user.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(() => {
this.orderList.forEach(order => {
this.checkPay(order)
})
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()
await this.getOrder()
this.setCheckPayTimer()
},
destroyed() {
......@@ -163,49 +137,7 @@ export default {
.pay {
max-width: 562px;
margin: 0 auto;
}
.pic {
text-align: center;
}
.pay-hd {
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;
}
padding: 40px 0;
}
.t1 {
font-size: 14px;
......
src/pages/my/application/preview.vue
浏览文件 @ 4fa11c15
......@@ -6,64 +6,66 @@
<template v-for="item in options">
<el-step
:title="item.title"
:status="progress.FILLING[item.code].progress === 1 ? 'success' : 'error'"
: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">
<div
class="preview-item"
v-for="item in options"
:key="item.code"
:class="progress.FILLING[item.code].progress === 1 ? 'is-success' : 'is-error'"
>
<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>
<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>
</template>
<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>
</div>
</template>
<div class="preview-item is-success" v-if="isManager">
<div class="preview-item-hd">
<div class="title">照片/附件</div>
......@@ -182,8 +184,19 @@ export default {
previewImageTitle: '',
viewer: null,
material: {},
progress: {},
options: [
progress: {}
}
},
computed: {
right() {
const { right = '' } = this.$route.query
return right.toUpperCase()
},
hasButton() {
return this.right.includes('X')
},
options() {
const options = [
{
title: '个人资料',
code: 'basic_info',
......@@ -206,11 +219,10 @@ export default {
{ label: '邮箱', code: 'email' },
{ label: '性别', code: 'gender' },
{ label: '国籍', code: 'nationality' },
{ label: '种族', code: 'race' },
{ label: '生日', code: 'birthday' },
{ label: '微信号', code: 'we_chat_account' },
{ label: '邮寄地址', code: 'mailing_address' },
{ label: '紧急联系人全名', code: 'emergency_contact_name' },
{ label: '紧急联系人', code: 'emergency_contact_name' },
{ label: '紧急联系人电话', code: 'emergency_contacts_phone' }
]
},
......@@ -255,7 +267,7 @@ export default {
code: 'industry',
computed(data) {
const found = industryList.find(item => item.value === data.industry)
return found.label
return found ? found.label : data.industry
}
},
{ label: '工作部门', code: 'dept_cn' },
......@@ -271,9 +283,7 @@ export default {
},
computed(data = []) {
const result = data.map(item => {
return `<dl><dt>${item.question}</dt><dd>${
item.answer ? item.answer.replace(/\n/g, '<br />') : ''
}</dd></dl>`
return `<dl><dt>${item.question}</dt><dd>${item.answer}</dd></dl>`
})
return `<div class="answers">${result.join('')}</div>`
}
......@@ -309,27 +319,15 @@ export default {
{ 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: '无犯罪声明',
// 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>`
......@@ -337,15 +335,24 @@ export default {
// }
// }
]
}
},
computed: {
right() {
const { right = '' } = this.$route.query
return right.toUpperCase()
},
hasButton() {
return this.right.includes('X')
this.isManager &&
options.push({
title: '推荐信',
code: 'reco_letters',
edit: { to: { path: '/my/admission', query: { active: 'admission_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 }
]
})
return options
}
},
methods: {
......@@ -359,6 +366,7 @@ export default {
this.material = material
const missedRequiredList = progress.FILLING.attachments.missed_required_list
progress.FILLING.attachments.progress = missedRequiredList.NO_CRIMINAL_CERT ? 0 : 1
progress.FILLING.reco_letters = progress.REGISTRATION.reco_letters
this.progress = progress
} else {
this.$message.error(message)
......@@ -390,18 +398,19 @@ export default {
this.$message({ type: 'warning', message: '无法查看' })
return
}
url = url.includes('?') ? url.split('?').shift() : url
url = url.replace(/^http:\/\//, 'https://')
const tempUrl = url.includes('?') ? url.split('?').shift() : url
const names = ['jpg', 'jpeg', 'png', 'gif']
const name = url.split('.').pop() || ''
const name = tempUrl.split('.').pop() || ''
if (names.includes(name.toLocaleLowerCase())) {
this.previewImageUrl = file.oss_sign_url
this.previewImageUrl = url
this.previewImageTitle = file.file_type_label
this.$nextTick(() => {
this.viewer.update()
this.viewer.show(true)
})
} else {
this.newWindowPreview(file.oss_sign_url)
this.newWindowPreview(url)
}
},
// 新窗口预览
......@@ -425,9 +434,11 @@ export default {
},
mounted() {
this.createViewer()
document.body.style = 'background-color:#eee;'
},
destroyed() {
this.viewer && this.viewer.destroy()
document.body.style = ''
}
}
</script>
......
src/pages/my/interview/form/byzs.js 0 → 100644
浏览文件 @ 4fa11c15
export default function(_this) {
return {
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 }
}
},
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: {
// next: { to: { query: { active: 'interview_zp' } } },
submitText: '申请面试',
model: { submission_stage: 'INTERVIEW_APPLICATION' },
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。'
}
]
}
}
}
src/pages/my/interview/form/cjd.js
浏览文件 @ 4fa11c15
export default {
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)
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: [] }
)
}
},
form: {
next: { to: { query: { active: 'interview_ywjl' } } },
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' }
}
return result
},
{ REPORT_CARD_CN: [], REPORT_CARD_EN: [] }
)
}
},
form: {
prev: { to: { query: { active: 'interview_byz' } } },
next: { to: { query: { active: 'interview_zp' } } },
hasButton: false,
options: { 'label-position': 'top' },
hint: `
<p>成绩单：中英文成绩单各上传一个文件</p>
<p>注意事项：需要将证书原件扫描或拍照后提交，请确保证书内容清晰可辨。</p>
<p>中英文成绩单：需学校开具的正式中文和英文成绩单或档案馆调取的官方成绩单，且需盖有学校公章（例如教务处公章、档案处成绩公章等）。</p>
`,
items: [
{
type: 'v-upload',
label: '中文成绩单',
required: true,
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: '英文成绩单',
required: true,
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' }
{
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' }
}
}
}
]
]
}
}
}
src/pages/my/interview/form/index.js
浏览文件 @ 4fa11c15
import byz from './byz'
import cjd from './cjd'
import zp from './zp'
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: [byz, cjd, zp(_this)]
children: [byzs(_this)]
}
}
src/pages/my/interview/form/byz.js → src/pages/my/interview/form/xwzs.js
浏览文件 @ 4fa11c15
export default {
id: 'interview_byz',
title: '学历/学位证书',
id: 'interview_xwzs',
title: '学位证书',
get: {
action: `${webConf.apiBaseURL}/enrollment/v1.0/application-materials/${webConf.others.projectId}`,
callback(data) {
......@@ -23,7 +23,8 @@ export default {
}
},
form: {
next: { to: { query: { active: 'interview_cjd' } } },
prev: { to: { query: { active: 'interview_byzs' } } },
next: { to: { query: { active: 'interview_ywjl' } } },
hasButton: false,
options: {},
items: [
......@@ -36,7 +37,8 @@ export default {
deleteAction: `${webConf.apiBaseURL}/enrollment/v1.0/application-materials/attachments/${webConf.others.projectId}/delete`,
data: { file_type: 'DEGREE_CERT_CN' }
},
append: '注意事项：需要将证书原件扫描或拍照后提交，请确保证书内容清晰可辨。'
append:
'申请者需要将学位证书原件扫描或者拍照后提交。<br>可上传多个文件，请确保证书号码清晰可辨。<br>上传文件仅限“jpg,jpeg,png”格式，文件小于10MB。'
}
]
}
......
src/pages/my/interview/form/xwzszm.js 0 → 100644
浏览文件 @ 4fa11c15
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: '请将学校出具的学位证书英文证明原件扫描或者拍照后提交。'
}
]
}
}
src/pages/my/interview/form/ywjl.js 0 → 100644
浏览文件 @ 4fa11c15
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.ezijing.com/static/public/2e8e4f6898f59e03636139a402ef16c1.docx" target="_blank" download="英文简历模板">下载模板</a>]</p>
<p>请将英文简历填写完存为"pdf"格式上传，文件小于10MB。</p>`
}
]
}
}
src/pages/my/interview/form/zp.js
浏览文件 @ 4fa11c15
......@@ -38,7 +38,7 @@ export default function(_this) {
}
},
form: {
prev: { to: { query: { active: 'interview_cjd' } } },
prev: { to: { query: { active: 'interview_byzs' } } },
submitText: '申请面试',
model: { submission_stage: 'INTERVIEW_APPLICATION' },
options: {},
......@@ -49,10 +49,11 @@ export default function(_this) {
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' }
data: { file_type: 'PERSONAL_PHOTO_FOR_ID' },
limit: 1
},
prepend: '2寸照片：以电子版的形式上传文件',
append: '如您被录取，此照片可能会用于学校档案等官方文件，请谨慎选择照片，上传后无法更改。'
append:
'申请者需要上传本人半年以内的两寸彩色近照。<br> 只需上传一个文件，且照片完整、干净。<br> 上传文件仅限“jpg,jpeg,gif,png”格式的图片文件，且文件小于10MB。'
}
]
}
......
src/pages/my/interview/index.vue
浏览文件 @ 4fa11c15
......@@ -17,15 +17,14 @@
</vue-form>
<app-complete :type="1" v-model="completeVisible"></app-complete>
<el-dialog
title="资料提交成功"
title="您的申请资料已提交成功"
:visible.sync="dialogVisible"
:center="true"
:close-on-click-modal="false"
width="348px"
>
<div class="dialog-tips">
<p>请注意接听威斯康星协和大学招办老师的邀约电话</p>
<div class="icon"><img src="../../../assets/images/icon_success.png" /></div>
<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>
......@@ -46,7 +45,7 @@ export default {
const menus = getMenu(this)
return {
menus: [menus],
currentActive: 'interview_byz',
currentActive: 'interview_byzs',
completeVisible: false,
dialogVisible: false,
detail: null
......@@ -57,7 +56,7 @@ export default {
immediate: true,
handler(route) {
const { query = {} } = route
this.currentActive = query.active || 'interview_byz'
this.currentActive = query.active || 'interview_byzs'
}
},
showSubmitedDialog(value) {
......@@ -82,7 +81,7 @@ export default {
return false
},
showSubmitedDialog() {
return this.isSubmited && this.currentActive === 'interview_zp'
return this.isSubmited && this.currentActive === 'interview_byzs'
}
},
methods: {
......
src/pages/my/welcome/components/h5Pay.vue
浏览文件 @ 4fa11c15
<template>
<div class="h5pay">
<el-button type="primary" @click="handlePay" :disabled="disabled">去支付</el-button>
<el-button type="primary" @click="handlePay">去支付</el-button>
</div>
</template>
......@@ -9,9 +9,7 @@ import * as api from '@/api/my'
export default {
data() {
return {
openId: window.localStorage.getItem('open_id'),
order: {},
disabled: false
openId: window.localStorage.getItem('open_id')
}
},
computed: {
......@@ -22,22 +20,16 @@ export default {
methods: {
// 获取订单
getOrder(callback) {
this.disabled = true
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)
}
})
.finally(() => {
this.disabled = false
})
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() {
......
src/pages/my/welcome/components/qrcodePay.vue
浏览文件 @ 4fa11c15
......@@ -2,7 +2,7 @@
<div class="qrpay">
<div class="qrpay-hd">
<div class="pic">
<img src="../../../../assets/images/my_pay_02.png" height="160" />
<img src="https://webapp-pub.ezijing.com/project/application/images/my_pay_02.png" height="160" />
</div>
<h1>请使用微信扫描下方二维码</h1>
<h3>该申请费不退，请慎重缴费！</h3>
......
src/pages/my/welcome/indexPay.vue
浏览文件 @ 4fa11c15
......@@ -3,9 +3,11 @@
<h5-pay @update="handleUpdateOrder" v-if="isWechat"></h5-pay>
<qrcode-pay @update="handleUpdateOrder" v-else></qrcode-pay>
<div class="pay-ft">
<p class="t2">注释：在提交600元申请费后，申请人需上传并提交如下文件。</p>
<p class="t2">①填写报名表、②完成推荐信2封、③本科/专科学历学位证书、④中英文成绩单、⑤个人证件照</p>
<p class="t2">该申请费不退，请慎重缴费！</p>
<p class="t2">
注释：在提交700元申请费后，申请人需上传并提交如下文件。<br />
①填写报名表、②完成推荐信2封、③本科学历学位证书、④中英文成绩单、⑤个人证件照<br />
该申请费不退，请慎重缴费！
</p>
</div>
<el-dialog
title="报名费缴费成功"
......@@ -16,8 +18,8 @@
width="348px"
>
<div class="dialog-pay">
<p>请填写报名所需材料，材料齐全后招生办老师将<br />给您致电预约面试日期与时间</p>
<div class="icon"><img src="../../../assets/images/icon_success.png" /></div>
<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>
......@@ -45,6 +47,9 @@ export default {
}
},
computed: {
user() {
return this.$store.state.user
},
// 二维码地址
qrcodeValue() {
return this.order.payment_url
......@@ -89,7 +94,7 @@ export default {
},
// 检查支付状态
checkPay(order) {
const userId = window.G.UserInfo.id
const userId = this.user.id
api.checkPay(order.id, { user_id: userId }).then(response => {
if (response.data.payment_status === 'SUCCESS') {
this.timer && clearInterval(this.timer)
......@@ -106,7 +111,7 @@ export default {
return
}
this.orderList.forEach(order => this.checkPay(order))
}, 10000)
}, 3000)
},
// 填写个人资料
toApplication() {
......
src/pages/my/welcome/indexWelcome.vue
浏览文件 @ 4fa11c15
......@@ -2,12 +2,12 @@
<div class="welcome">
<div class="top">
<div class="pic">
<img src="../../../assets/images/my_pay_01.png" />
<img src="https://webapp-pub.ezijing.com/project/application/images/my_pay_01.png" />
</div>
<h1>欢迎您</h1>
<p class="t1">
申请紫荆-美国威斯康星协和大学家庭教育硕士项目，请填写以下内容并<br />
点击提交后，扫码支付本项目申请费<span>600</span>元 (申请费不可退)。
申请紫荆-玛丽伍德大学数字领导力方向MBA硕士项目，请在填写以下内容<br />
提交报名申请后，扫码支付本项目的注册费、申请费共计<span>700</span>元。(该申请费不退，请慎重缴费！)
</p>
</div>
<div class="form">
......
src/store/index.js
浏览文件 @ 4fa11c15
......@@ -2,23 +2,51 @@ import Vue from 'vue'
import Vuex from 'vuex'
// import router from '@/router'
import { routes } from '@/router/routes.js'
import { logout } from '@/api/my'
import { getUser, logout } from '@/api/my'
Vue.use(Vuex)
export default new Vuex.Store({
state: {
user: {},
sidebar: []
},
getters: {
getSidebar: state => state.sidebar
},
mutations: {
setUser(state, user) {
state.user = user
window.G.UserInfo = user
},
SET_ROUTES: (state, routes) => {
state.sidebar = routes
}
},
actions: {
getUser({ commit }) {
getUser().then(response => {
commit('setUser', response.data)
})
},
// 检测登录状态
async checkLogin({ commit }) {
const isLogin = await getUser()
.then(response => {
if (response.code === 0) {
commit('setUser', response.data)
return true
} else {
commit('setUser', {})
return false
}
})
.catch(() => {
commit('setUser', {})
return false
})
return isLogin
},
generateRoutes({ commit }) {
return new Promise(resolve => {
commit('SET_ROUTES', routes)
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论