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 @@
<div class="occupation-content">
<div class="mian-title">{{ $t('home.service.career') }}</div>
<div class="mian">
<tab :data="tabList" @tabChangeIndex="tabChangeIndex" />
<div class="occupation-content-mian">
<div class="module-1 module-content-box">
<img
: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">
<template v-if="showModule === 0">
<div class="module-1 module-content-box">
<img
:src="
$cookies.get('lang') == 'en-US'
? 'https://webapp-pub.ezijing.com/www/pc/occupation/occupation2.png'
: 'https://webapp-pub.ezijing.com/www/pc/occ-i1.png'
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="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
v-if="$cookies.get('lang') == 'en-US'"
src="https://webapp-pub.ezijing.com/www/pc/occupation/occupation3.png"
: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;"
/>
<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">
{{ $cookies.get('lang') == 'en-US' ? 'Finance and Economics' : '金融财经类' }}
<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/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 class="li">
<img src="https://webapp-pub.ezijing.com/www/pc/occ-ly2.png" alt="" />
<div class="pop">
<div class="name">
{{ $cookies.get('lang') == 'en-US' ? 'Digital Marketing' : '数字化营销类' }}
<div class="bottom">
<div class="li">
<img src="https://webapp-pub.ezijing.com/www/pc/occ-ly3.png" alt="" />
<div class="pop">
<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>
<li class="li">……</li>
</div>
</div>
<div class="bottom">
<div class="li">
<img src="https://webapp-pub.ezijing.com/www/pc/occ-ly3.png" alt="" />
<img
:src="
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="name">
{{ $cookies.get('lang') == 'en-US' ? 'New media operation' : '金融财经类' }}
{{
isEn ? 'Digital Marketing of Financial Products' : '金融产品数字化营销'
}}
</div>
</div>
</div>
<div class="li">
<img src="https://webapp-pub.ezijing.com/www/pc/occ-ly4.png" alt="" />
</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' ? 'Brand Operation' : '数字化营销类' }}
{{ isEn ? 'Internet-based Marketing Operator' : '互联网营销师' }}
</div>
</div>
</div>
<li class="li">……</li>
</div>
</div>
<img
:src="
$cookies.get('lang') == 'en-US'
? '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' : '数字化营销师' }}
</li>
<li>
<img src="https://webapp-pub.ezijing.com/www/pc/occ-zy3.jpg" alt="" />
<div class="pop">
<div class="name">
{{ isEn ? 'Digital Marketing Specialist' : '数字化营销师' }}
</div>
</div>
</div>
</li>
<li>
<img src="https://webapp-pub.ezijing.com/www/pc/occ-zy4.jpg" alt="" />
<div class="pop">
<div class="name">
{{ $cookies.get('lang') == 'en-US' ? 'Omni-media Operation Staff' : '全媒体运营师' }}
</li>
<li>
<img src="https://webapp-pub.ezijing.com/www/pc/occ-zy4.jpg" alt="" />
<div class="pop">
<div class="name">
{{ isEn ? 'Omni-media Operation Staff' : '全媒体运营师' }}
</div>
</div>
</div>
</li>
</ul>
<!-- <img src="https://webapp-pub.ezijing.com/www/pc/occ-i5.png" alt="" class="img5" /> -->
<img
:src="
$cookies.get('lang') == 'en-US'
? 'https://webapp-pub.ezijing.com/www/pc/occupation/occupation6.png'
: 'https://webapp-pub.ezijing.com/www/pc/occ-i5.png'
"
class="img5"
/>
</li>
</ul>
<!-- <img src="https://webapp-pub.ezijing.com/www/pc/occ-i5.png" alt="" class="img5" /> -->
<img
:src="
isEn
? 'https://webapp-pub.ezijing.com/www/pc/occupation/occupation6.png'
: 'https://webapp-pub.ezijing.com/www/pc/occ-i5.png'
"
class="img5"
/>
</div>
</div>
</div>
</template>
</div>
</div>
</div>
</template>
<script>
import tab from '../../components/services/tab'
export default {
components: {},
components: { tab },
data() {
return {
module2: {
......@@ -170,18 +298,21 @@ export default {
},
tabList: [
{
name: '现代产业学院'
},
{
name: '数字金融'
// 未来管理者项目
name: this.isEn ? 'FUTURE MANAGES PROJECT' : '未来管理者项目'
},
{
name: '国际品牌管理<br />与数字运营'
// 未来管理者项目
name: this.isEn ? 'NEW OCCUPATION' : '新职业'
}
],
showModule: 0
showModule: 0,
isEn: false
}
},
created() {
this.isEn = this.$cookies.get('lang') === 'en-US'
},
methods: {
tabChangeIndex(n) {
this.showModule = n
......@@ -213,7 +344,7 @@ export default {
padding: 48px 0 31px;
}
.occupation-content-mian {
width: 1200px;
width: 1000px;
.module-content-box {
background: #fff;
.banner {
......@@ -221,6 +352,47 @@ export default {
height: 320px;
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 {
.content-mian {
......@@ -241,12 +413,12 @@ export default {
margin-top: 27px;
}
.img4 {
// width: 176px;
width: 176px;
display: block;
margin-top: 27px;
}
.img5 {
// width: 342px;
width: 342px;
display: block;
margin-top: 32px;
}
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论