Skip to content

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

新职业模块更新

上级 72d172bd
隐藏空白字符变更
内嵌 并排
正在显示 包含 284 行增加 和 112 行删除
pages/services/job.vue
浏览文件 @ e88319bd
...@@ -2,140 +2,268 @@ ...@@ -2,140 +2,268 @@
<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">
<div class="module-1 module-content-box"> <template v-if="showModule === 0">
<img <div class="module-1 module-content-box">
:src="
$cookies.get('lang') == 'en-US'
? 'https://webapp-pub.ezijing.com/www/pc/occupation/occupation1.png'
: 'https://webapp-pub.ezijing.com/www/pc/occ-banner-new.png'
"
class="banner"
/>
<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/services/job/future_manage_01.png'
: 'https://webapp-pub.ezijing.com/www/pc/occ-i1.png' : 'https://webapp-pub.ezijing.com/www/pc/services/job/future_manage_01.png'
" "
class="img1" 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 <img
v-if="$cookies.get('lang') == 'en-US'" :src="
src="https://webapp-pub.ezijing.com/www/pc/occupation/occupation3.png" 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;"
/> />
<img v-else src="https://webapp-pub.ezijing.com/www/pc/occ-i2.png" class="img2" /> <div class="content-mian">
<div class="cont-hover"> <img
<div class="top"> :src="
<div class="li"> isEn
<img src="https://webapp-pub.ezijing.com/www/pc/occ-ly1.jpg" alt="" /> ? 'https://webapp-pub.ezijing.com/www/pc/services/job/future_manage_02.png'
<div class="pop"> : 'https://webapp-pub.ezijing.com/www/pc/services/job/future_manage_02.png'
<div class="name"> "
{{ $cookies.get('lang') == 'en-US' ? 'Finance and Economics' : '金融财经类' }} />
<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/occ-banner-new.png'
"
class="banner"
/>
<div class="content-mian">
<img
:src="
isEn
? 'https://webapp-pub.ezijing.com/www/pc/occupation/occupation2.png'
: 'https://webapp-pub.ezijing.com/www/pc/occ-i1.png'
"
class="img1"
/>
<img
v-if="isEn"
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" />
<div class="cont-hover">
<div class="top">
<div class="li">
<img src="https://webapp-pub.ezijing.com/www/pc/occ-ly1.jpg" alt="" />
<div class="pop">
<div class="name">
{{ isEn ? 'Finance and Economics' : '金融财经类' }}
</div>
</div>
</div>
<div class="li">
<img src="https://webapp-pub.ezijing.com/www/pc/occ-ly2.png" alt="" />
<div class="pop">
<div class="name">
{{ isEn ? 'Digital Marketing' : '数字化营销类' }}
</div>
</div> </div>
</div> </div>
</div> </div>
<div class="li"> <div class="bottom">
<img src="https://webapp-pub.ezijing.com/www/pc/occ-ly2.png" alt="" /> <div class="li">
<div class="pop"> <img src="https://webapp-pub.ezijing.com/www/pc/occ-ly3.png" alt="" />
<div class="name"> <div class="pop">
{{ $cookies.get('lang') == 'en-US' ? 'Digital Marketing' : '数字化营销类' }} <div class="name">
{{ isEn ? 'New media operation' : '金融财经类' }}
</div>
</div>
</div>
<div class="li">
<img src="https://webapp-pub.ezijing.com/www/pc/occ-ly4.png" alt="" />
<div class="pop">
<div class="name">
{{ isEn ? 'Brand Operation' : '数字化营销类' }}
</div>
</div> </div>
</div> </div>
<li class="li">……</li>
</div> </div>
</div> </div>
<div class="bottom"> <img
<div class="li"> :src="
<img src="https://webapp-pub.ezijing.com/www/pc/occ-ly3.png" alt="" /> isEn
? 'https://webapp-pub.ezijing.com/www/pc/occupation/occupation4.png'
: 'https://webapp-pub.ezijing.com/www/pc/occ-i3.png'
"
class="img3"
/>
<img
:src="
isEn
? 'https://webapp-pub.ezijing.com/www/pc/occupation/occupation5.png'
: 'https://webapp-pub.ezijing.com/www/pc/occ-i4.png'
"
class="img4"
/>
<ul>
<li>
<img src="https://webapp-pub.ezijing.com/www/pc/occ-zy1.jpg" alt="" />
<div class="pop"> <div class="pop">
<div class="name"> <div class="name">
{{ $cookies.get('lang') == 'en-US' ? 'New media operation' : '金融财经类' }} {{
isEn ? 'Digital Marketing of Financial Products' : '金融产品数字化营销'
}}
</div> </div>
</div> </div>
</div> </li>
<div class="li"> <li>
<img src="https://webapp-pub.ezijing.com/www/pc/occ-ly4.png" 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' ? 'Brand Operation' : '数字化营销类' }} {{ isEn ? 'Internet-based Marketing Operator' : '互联网营销师' }}
</div> </div>
</div> </div>
</div> </li>
<li class="li">……</li> <li>
</div> <img src="https://webapp-pub.ezijing.com/www/pc/occ-zy3.jpg" alt="" />
</div> <div class="pop">
<img <div class="name">
:src=" {{ isEn ? 'Digital Marketing Specialist' : '数字化营销师' }}
$cookies.get('lang') == 'en-US' </div>
? 'https://webapp-pub.ezijing.com/www/pc/occupation/occupation4.png'
: 'https://webapp-pub.ezijing.com/www/pc/occ-i3.png'
"
class="img3"
/>
<img
:src="
$cookies.get('lang') == 'en-US'
? 'https://webapp-pub.ezijing.com/www/pc/occupation/occupation5.png'
: 'https://webapp-pub.ezijing.com/www/pc/occ-i4.png'
"
class="img4"
/>
<ul>
<li>
<img src="https://webapp-pub.ezijing.com/www/pc/occ-zy1.jpg" alt="" />
<div class="pop">
<div class="name">
{{
$cookies.get('lang') == 'en-US' ? 'Digital Marketing of Financial Products' : '金融产品数字化营销'
}}
</div>
</div>
</li>
<li>
<img src="https://webapp-pub.ezijing.com/www/pc/occ-zy2.jpg" alt="" />
<div class="pop">
<div class="name">
{{ $cookies.get('lang') == 'en-US' ? 'Internet-based Marketing Operator' : '互联网营销师' }}
</div>
</div>
</li>
<li>
<img src="https://webapp-pub.ezijing.com/www/pc/occ-zy3.jpg" alt="" />
<div class="pop">
<div class="name">
{{ $cookies.get('lang') == 'en-US' ? 'Digital Marketing Specialist' : '数字化营销师' }}
</div> </div>
</div> </li>
</li> <li>
<li> <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"> {{ isEn ? 'Omni-media Operation Staff' : '全媒体运营师' }}
{{ $cookies.get('lang') == 'en-US' ? 'Omni-media Operation Staff' : '全媒体运营师' }} </div>
</div> </div>
</div> </li>
</li> </ul>
</ul> <!-- <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=" isEn
$cookies.get('lang') == 'en-US' ? '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' "
" class="img5"
class="img5" />
/> </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 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论