Skip to content

P
project-www-pc
提交 e88319bd authored 作者: pengxiaohui's avatar pengxiaohui
浏览文件
操作

新职业模块更新

上级 72d172bd
显示空白字符变更
内嵌 并排
正在显示 包含 196 行增加 和 24 行删除
pages/services/job.vue
浏览文件 @ e88319bd
...@@ -2,11 +2,137 @@ ...@@ -2,11 +2,137 @@
<div class="occupation-content"> <div class="occupation-content">
<div class="mian-title">{{ $t('home.service.career') }}</div> <div class="mian-title">{{ $t('home.service.career') }}</div>
<div class="mian"> <div class="mian">
<tab :data="tabList" @tabChangeIndex="tabChangeIndex" />
<div class="occupation-content-mian"> <div class="occupation-content-mian">
<template v-if="showModule === 0">
<div class="module-1 module-content-box"> <div class="module-1 module-content-box">
<img <img
:src=" :src="
$cookies.get('lang') == 'en-US' isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/job/future_manage_01.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/job/future_manage_01.png'
"
class="banner"
/>
<div class="content-mian">
<img
:src="
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/job/future_manage_02.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/job/future_manage_02.png'
"
/>
<div class="module-title">招生对象</div>
<img
:src="
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/job/future_manage_03.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/job/future_manage_03.png'
"
style="margin-bottom:35px;"
/>
<img
:src="
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/job/future_manage_04.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/job/future_manage_04.png'
"
style="margin-bottom:35px;"
/>
<img
:src="
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/job/future_manage_05.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/job/future_manage_05.png'
"
style="margin-bottom:35px;"
/>
<img
:src="
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/job/future_manage_06.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/job/future_manage_06.png'
"
style="margin-bottom:35px;"
/>
<img
:src="
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/job/future_manage_07.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/job/future_manage_07.png'
"
style="margin-bottom:35px;"
/>
<img
:src="
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/job/future_manage_08.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/job/future_manage_08.png'
"
style="margin-bottom:35px;"
/>
</div>
<img
:src="
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/job/future_manage_09.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/job/future_manage_09.png'
"
class="banner"
style="height:120px;"
/>
<div class="content-mian">
<img
:src="
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/job/future_manage_02.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/job/future_manage_02.png'
"
/>
<div class="module-title">{{isEn ? 'Course settings' : '课程设置'}}</div>
<div class="course-set">
<div>
<h5>{{isEn ? '商业基础补充' : '商业基础补充'}}</h5>
<p>{{isEn ? '《经济学原理》' : '《经济学原理》'}}</p>
<p>{{isEn ? '《金融市场学》' : '《金融市场学》'}}</p>
</div>
<div>
<h5>{{isEn ? '管理思维训练' : '管理思维训练'}}</h5>
<p>{{isEn ? '《财务分析》' : '《财务分析》'}}</p>
<p>{{isEn ? '《运营管理》' : '《运营管理》'}}</p>
<p>{{isEn ? '《营销管理与数字化营销》' : '《营销管理与数字化营销》'}}</p>
</div>
<div>
<h5>{{isEn ? '领导能力提升' : '领导能力提升'}}</h5>
<p>{{isEn ? '《管理沟通》' : '《管理沟通》'}}</p>
<p>{{isEn ? '《组织行为与领导力》' : '《组织行为与领导力》'}}</p>
<p>{{isEn ? '《战略管理》' : '《战略管理》'}}</p>
</div>
</div>
<img
:src="
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/job/future_manage_10.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/job/future_manage_10.png'
"
style="margin-bottom:35px;"
/>
<img
:src="
isEn
? 'https://webapp-pub.ezijing.com/www/pc/services/job/future_manage_11.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/job/future_manage_11.png'
"
style="margin-bottom:35px;"
/>
</div>
</div>
</template>
<template v-if="showModule === 1">
<div class="module-1 module-content-box">
<img
:src="
isEn
? 'https://webapp-pub.ezijing.com/www/pc/occupation/occupation1.png' ? 'https://webapp-pub.ezijing.com/www/pc/occupation/occupation1.png'
: 'https://webapp-pub.ezijing.com/www/pc/occ-banner-new.png' : 'https://webapp-pub.ezijing.com/www/pc/occ-banner-new.png'
" "
...@@ -15,14 +141,14 @@ ...@@ -15,14 +141,14 @@
<div class="content-mian"> <div class="content-mian">
<img <img
:src=" :src="
$cookies.get('lang') == 'en-US' isEn
? 'https://webapp-pub.ezijing.com/www/pc/occupation/occupation2.png' ? 'https://webapp-pub.ezijing.com/www/pc/occupation/occupation2.png'
: 'https://webapp-pub.ezijing.com/www/pc/occ-i1.png' : 'https://webapp-pub.ezijing.com/www/pc/occ-i1.png'
" "
class="img1" class="img1"
/> />
<img <img
v-if="$cookies.get('lang') == 'en-US'" v-if="isEn"
src="https://webapp-pub.ezijing.com/www/pc/occupation/occupation3.png" src="https://webapp-pub.ezijing.com/www/pc/occupation/occupation3.png"
/> />
<img v-else src="https://webapp-pub.ezijing.com/www/pc/occ-i2.png" class="img2" /> <img v-else src="https://webapp-pub.ezijing.com/www/pc/occ-i2.png" class="img2" />
...@@ -32,7 +158,7 @@ ...@@ -32,7 +158,7 @@
<img src="https://webapp-pub.ezijing.com/www/pc/occ-ly1.jpg" alt="" /> <img src="https://webapp-pub.ezijing.com/www/pc/occ-ly1.jpg" alt="" />
<div class="pop"> <div class="pop">
<div class="name"> <div class="name">
{{ $cookies.get('lang') == 'en-US' ? 'Finance and Economics' : '金融财经类' }} {{ isEn ? 'Finance and Economics' : '金融财经类' }}
</div> </div>
</div> </div>
</div> </div>
...@@ -40,7 +166,7 @@ ...@@ -40,7 +166,7 @@
<img src="https://webapp-pub.ezijing.com/www/pc/occ-ly2.png" alt="" /> <img src="https://webapp-pub.ezijing.com/www/pc/occ-ly2.png" alt="" />
<div class="pop"> <div class="pop">
<div class="name"> <div class="name">
{{ $cookies.get('lang') == 'en-US' ? 'Digital Marketing' : '数字化营销类' }} {{ isEn ? 'Digital Marketing' : '数字化营销类' }}
</div> </div>
</div> </div>
</div> </div>
...@@ -50,7 +176,7 @@ ...@@ -50,7 +176,7 @@
<img src="https://webapp-pub.ezijing.com/www/pc/occ-ly3.png" alt="" /> <img src="https://webapp-pub.ezijing.com/www/pc/occ-ly3.png" alt="" />
<div class="pop"> <div class="pop">
<div class="name"> <div class="name">
{{ $cookies.get('lang') == 'en-US' ? 'New media operation' : '金融财经类' }} {{ isEn ? 'New media operation' : '金融财经类' }}
</div> </div>
</div> </div>
</div> </div>
...@@ -58,7 +184,7 @@ ...@@ -58,7 +184,7 @@
<img src="https://webapp-pub.ezijing.com/www/pc/occ-ly4.png" alt="" /> <img src="https://webapp-pub.ezijing.com/www/pc/occ-ly4.png" alt="" />
<div class="pop"> <div class="pop">
<div class="name"> <div class="name">
{{ $cookies.get('lang') == 'en-US' ? 'Brand Operation' : '数字化营销类' }} {{ isEn ? 'Brand Operation' : '数字化营销类' }}
</div> </div>
</div> </div>
</div> </div>
...@@ -67,7 +193,7 @@ ...@@ -67,7 +193,7 @@
</div> </div>
<img <img
:src=" :src="
$cookies.get('lang') == 'en-US' isEn
? 'https://webapp-pub.ezijing.com/www/pc/occupation/occupation4.png' ? 'https://webapp-pub.ezijing.com/www/pc/occupation/occupation4.png'
: 'https://webapp-pub.ezijing.com/www/pc/occ-i3.png' : 'https://webapp-pub.ezijing.com/www/pc/occ-i3.png'
" "
...@@ -75,7 +201,7 @@ ...@@ -75,7 +201,7 @@
/> />
<img <img
:src=" :src="
$cookies.get('lang') == 'en-US' isEn
? 'https://webapp-pub.ezijing.com/www/pc/occupation/occupation5.png' ? 'https://webapp-pub.ezijing.com/www/pc/occupation/occupation5.png'
: 'https://webapp-pub.ezijing.com/www/pc/occ-i4.png' : 'https://webapp-pub.ezijing.com/www/pc/occ-i4.png'
" "
...@@ -88,7 +214,7 @@ ...@@ -88,7 +214,7 @@
<div class="pop"> <div class="pop">
<div class="name"> <div class="name">
{{ {{
$cookies.get('lang') == 'en-US' ? 'Digital Marketing of Financial Products' : '金融产品数字化营销' isEn ? 'Digital Marketing of Financial Products' : '金融产品数字化营销'
}} }}
</div> </div>
</div> </div>
...@@ -97,7 +223,7 @@ ...@@ -97,7 +223,7 @@
<img src="https://webapp-pub.ezijing.com/www/pc/occ-zy2.jpg" alt="" /> <img src="https://webapp-pub.ezijing.com/www/pc/occ-zy2.jpg" alt="" />
<div class="pop"> <div class="pop">
<div class="name"> <div class="name">
{{ $cookies.get('lang') == 'en-US' ? 'Internet-based Marketing Operator' : '互联网营销师' }} {{ isEn ? 'Internet-based Marketing Operator' : '互联网营销师' }}
</div> </div>
</div> </div>
</li> </li>
...@@ -105,7 +231,7 @@ ...@@ -105,7 +231,7 @@
<img src="https://webapp-pub.ezijing.com/www/pc/occ-zy3.jpg" alt="" /> <img src="https://webapp-pub.ezijing.com/www/pc/occ-zy3.jpg" alt="" />
<div class="pop"> <div class="pop">
<div class="name"> <div class="name">
{{ $cookies.get('lang') == 'en-US' ? 'Digital Marketing Specialist' : '数字化营销师' }} {{ isEn ? 'Digital Marketing Specialist' : '数字化营销师' }}
</div> </div>
</div> </div>
</li> </li>
...@@ -113,7 +239,7 @@ ...@@ -113,7 +239,7 @@
<img src="https://webapp-pub.ezijing.com/www/pc/occ-zy4.jpg" alt="" /> <img src="https://webapp-pub.ezijing.com/www/pc/occ-zy4.jpg" alt="" />
<div class="pop"> <div class="pop">
<div class="name"> <div class="name">
{{ $cookies.get('lang') == 'en-US' ? 'Omni-media Operation Staff' : '全媒体运营师' }} {{ isEn ? 'Omni-media Operation Staff' : '全媒体运营师' }}
</div> </div>
</div> </div>
</li> </li>
...@@ -121,7 +247,7 @@ ...@@ -121,7 +247,7 @@
<!-- <img src="https://webapp-pub.ezijing.com/www/pc/occ-i5.png" alt="" class="img5" /> --> <!-- <img src="https://webapp-pub.ezijing.com/www/pc/occ-i5.png" alt="" class="img5" /> -->
<img <img
:src=" :src="
$cookies.get('lang') == 'en-US' isEn
? 'https://webapp-pub.ezijing.com/www/pc/occupation/occupation6.png' ? 'https://webapp-pub.ezijing.com/www/pc/occupation/occupation6.png'
: 'https://webapp-pub.ezijing.com/www/pc/occ-i5.png' : 'https://webapp-pub.ezijing.com/www/pc/occ-i5.png'
" "
...@@ -129,13 +255,15 @@ ...@@ -129,13 +255,15 @@
/> />
</div> </div>
</div> </div>
</template>
</div> </div>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
import tab from '../../components/services/tab'
export default { export default {
components: {}, components: { tab },
data() { data() {
return { return {
module2: { module2: {
...@@ -170,18 +298,21 @@ export default { ...@@ -170,18 +298,21 @@ export default {
}, },
tabList: [ tabList: [
{ {
name: '现代产业学院' // 未来管理者项目
}, name: this.isEn ? 'FUTURE MANAGES PROJECT' : '未来管理者项目'
{
name: '数字金融'
}, },
{ {
name: '国际品牌管理<br />与数字运营' // 未来管理者项目
name: this.isEn ? 'NEW OCCUPATION' : '新职业'
} }
], ],
showModule: 0 showModule: 0,
isEn: false
} }
}, },
created() {
this.isEn = this.$cookies.get('lang') === 'en-US'
},
methods: { methods: {
tabChangeIndex(n) { tabChangeIndex(n) {
this.showModule = n this.showModule = n
...@@ -213,7 +344,7 @@ export default { ...@@ -213,7 +344,7 @@ export default {
padding: 48px 0 31px; padding: 48px 0 31px;
} }
.occupation-content-mian { .occupation-content-mian {
width: 1200px; width: 1000px;
.module-content-box { .module-content-box {
background: #fff; background: #fff;
.banner { .banner {
...@@ -221,6 +352,47 @@ export default { ...@@ -221,6 +352,47 @@ export default {
height: 320px; height: 320px;
display: block; display: block;
} }
.content-mian{
padding: 60px 50px 65px;
img {
width: 100%;
display: block;
}
.module-title{
font-size:22px;
font-weight: 500;
line-height:34px;
color:#424242;
}
.course-set{
display:flex;
justify-content: space-between;
margin:36px 0 40px;
div{
width:31%;
border-top:8px solid #F9F8F8;
background:#F9F8F8;
text-align:center;
height:220px;
box-sizing:border-box;
cursor:pointer;
h5{
line-height:60px;
font-size:18px;
color:#aa1941;
}
p{
line-height:34px;
color:#424242;
}
}
div:hover{
border-color:#aa1941;
background:#fff;
box-shadow: 0px 1px 25px rgba(0, 0, 0, 0.06);
}
}
}
} }
.module-1 { .module-1 {
.content-mian { .content-mian {
...@@ -241,12 +413,12 @@ export default { ...@@ -241,12 +413,12 @@ export default {
margin-top: 27px; margin-top: 27px;
} }
.img4 { .img4 {
// width: 176px; width: 176px;
display: block; display: block;
margin-top: 27px; margin-top: 27px;
} }
.img5 { .img5 {
// width: 342px; width: 342px;
display: block; display: block;
margin-top: 32px; margin-top: 32px;
} }
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论