提交 9233806d authored 作者: 王鹏飞's avatar 王鹏飞

优化欢迎界面,更新按钮文本和样式

上级 3defa66e
...@@ -3,7 +3,9 @@ ...@@ -3,7 +3,9 @@
<div class="card"> <div class="card">
<div class="result"> <div class="result">
<div class="result-left"> <div class="result-left">
<img src="https://webapp-pub.ezijing.com/project/application/images/my_icon.png" />{{ $t('application.feedbackFromAdmissionsOffice') }} <img src="https://webapp-pub.ezijing.com/project/application/images/my_icon.png" />{{
$t('application.feedbackFromAdmissionsOffice')
}}
</div> </div>
<div class="result-right">{{ result.submit_status_desc || '未收到报名信息' }}</div> <div class="result-right">{{ result.submit_status_desc || '未收到报名信息' }}</div>
</div> </div>
...@@ -24,13 +26,17 @@ ...@@ -24,13 +26,17 @@
</div> </div>
<div class="welcome" v-if="welcomeShow"> <div class="welcome" v-if="welcomeShow">
<div class="inner"> <div class="inner">
<div class="welcome-close" @click="handleClose"></div> <!-- <div class="welcome-close" @click="handleClose"></div> -->
<div class="welcome-main"> <div class="welcome-main">
<img src="https://webapp-pub.ezijing.com/project/application/images/welcome.png" width="350" /> <img src="https://webapp-pub.ezijing.com/project/application/images/welcome.png" width="350" />
<div class="welcome-content"> <div class="welcome-content">
<h1>欢迎您报考</h1> <h1>欢迎您报考</h1>
<h2>SHMS瑞士酒店管理大学</h2> <h2>瑞士酒店管理大学MBA</h2>
<div class="welcome-button" @click="handleStart">马上开始</div> <!-- <div class="welcome-button" @click="handleStart">马上开始</div> -->
<div class="welcome-button" @click="handleStart('酒店文旅方向')">酒店文旅方向</div>
<div style="margin-left: 20px" class="welcome-button" @click="handleStart('酒店资产管理方向')">
酒店资产管理方向
</div>
</div> </div>
</div> </div>
</div> </div>
...@@ -52,10 +58,10 @@ export default { ...@@ -52,10 +58,10 @@ export default {
0: ['FILLING', 'PREPAYMENT'], 0: ['FILLING', 'PREPAYMENT'],
1: ['INTERVIEW_APPLICATION', 'AUDITION', 'INTERVIEW', 'PAYMENT'], 1: ['INTERVIEW_APPLICATION', 'AUDITION', 'INTERVIEW', 'PAYMENT'],
2: ['REGISTRATION'], 2: ['REGISTRATION'],
3: ['CLOSED'] 3: ['CLOSED'],
}, },
result: {}, result: {},
welcomeShow: false welcomeShow: false,
} }
}, },
computed: { computed: {
...@@ -70,7 +76,7 @@ export default { ...@@ -70,7 +76,7 @@ export default {
} }
} }
return 0 return 0
} },
}, },
methods: { methods: {
// 获取进度值 // 获取进度值
...@@ -83,7 +89,7 @@ export default { ...@@ -83,7 +89,7 @@ export default {
}, },
// 获取报名信息 // 获取报名信息
getApplication() { getApplication() {
api.getApplication().then(response => { api.getApplication().then((response) => {
const { data, error, message } = response const { data, error, message } = response
if (error.toString() === '0') { if (error.toString() === '0') {
const { material, progress } = data const { material, progress } = data
...@@ -101,7 +107,7 @@ export default { ...@@ -101,7 +107,7 @@ export default {
}, },
// 获取报名审核状态 // 获取报名审核状态
getApplicationStatus() { getApplicationStatus() {
api.getApplicationStatus().then(response => { api.getApplicationStatus().then((response) => {
this.result = response.data this.result = response.data
}) })
}, },
...@@ -142,7 +148,7 @@ export default { ...@@ -142,7 +148,7 @@ export default {
nextBtnText: '下一步', nextBtnText: '下一步',
onReset: () => { onReset: () => {
window.localStorage.setItem(this.user.id, true) window.localStorage.setItem(this.user.id, true)
} },
}) })
// Define the steps for introduction // Define the steps for introduction
...@@ -153,34 +159,34 @@ export default { ...@@ -153,34 +159,34 @@ export default {
className: 'first-step-popover-class', className: 'first-step-popover-class',
title: '第一步:', title: '第一步:',
description: '点击<span style="color:#af1b40">报名申请</span>,进入基本信息的填写。', description: '点击<span style="color:#af1b40">报名申请</span>,进入基本信息的填写。',
position: 'bottom-right' position: 'bottom-right',
} },
}, },
{ {
element: '.nav-interview', element: '.nav-interview',
popover: { popover: {
title: '第二步:', title: '第二步:',
description: '点击<span style="color:#af1b40">申请面试</span>,进入面试所需材料的上传。', description: '点击<span style="color:#af1b40">申请面试</span>,进入面试所需材料的上传。',
position: 'bottom-right' position: 'bottom-right',
} },
}, },
{ {
element: '.nav-admission', element: '.nav-admission',
popover: { popover: {
title: '第三步:', title: '第三步:',
description: '点击<span style="color:#af1b40">办理入学</span>,进入办理入学材料的上传。', description: '点击<span style="color:#af1b40">办理入学</span>,进入办理入学材料的上传。',
position: 'bottom-right' position: 'bottom-right',
} },
} },
]) ])
driver.start() driver.start()
} },
}, },
beforeMount() { beforeMount() {
this.getApplication() this.getApplication()
this.getApplicationStatus() this.getApplicationStatus()
} },
} }
</script> </script>
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论