Skip to content

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

增加部分内容英文替换

上级 978f1954
全部展开 隐藏空白字符变更
内嵌 并排
正在显示 包含 579 行增加 和 251 行删除
components/Foot.vue
浏览文件 @ b5a7f9f1
...@@ -4,7 +4,9 @@ ...@@ -4,7 +4,9 @@
<div class="foot-content"> <div class="foot-content">
<div class="left-content"> <div class="left-content">
<div> <div>
<a href="http://jsj.moe.gov.cn" target="_blank"> {{ $t('foot.link1') }} </a> <a href="http://jsj.moe.gov.cn" target="_blank">
{{ $t('foot.link1') }}
</a>
</div> </div>
<!-- <div> <!-- <div>
<a href="http://www.pbcsf.tsinghua.edu.cn" target="_blank"> {{ $t('foot.link2') }} </a> <a href="http://www.pbcsf.tsinghua.edu.cn" target="_blank"> {{ $t('foot.link2') }} </a>
...@@ -13,59 +15,109 @@ ...@@ -13,59 +15,109 @@
合作大学官网 合作大学官网
</div> --> </div> -->
</div> </div>
<div :class="$cookies.get('lang') == 'en-US' ? 'center-content f-size' : 'center-content'"> <div
:class="
$cookies.get('lang') == 'en-US'
? 'center-content f-size'
: 'center-content'
"
>
<div class="address" v-html="$t('foot.address')"></div> <div class="address" v-html="$t('foot.address')"></div>
<div class="phone" v-html="$t('foot.contact')"></div> <div class="phone" v-html="$t('foot.contact')"></div>
<div class="mail" v-html="$t('foot.email')"></div> <div class="mail" v-html="$t('foot.email')"></div>
</div> </div>
<div class="right-content"> <div class="right-content">
<img src="https://webapp-pub.ezijing.com/project/marywood/ezijing-code.jpg" class="code" /> <img
src="https://webapp-pub.ezijing.com/project/marywood/ezijing-code.jpg"
class="code"
/>
<div class="tips-txt"> <div class="tips-txt">
<img src="https://zws-imgs-pub.ezijing.com/static/public/184235d9f6edbb39d52fc6f77339ff5b.png" alt="" /> <img
src="https://zws-imgs-pub.ezijing.com/static/public/184235d9f6edbb39d52fc6f77339ff5b.png"
alt=""
/>
<div class="txt">{{ $t('foot.weChat') }}</div> <div class="txt">{{ $t('foot.weChat') }}</div>
</div> </div>
</div> </div>
<div class="right-content"> <div class="right-content">
<img src="https://webapp-pub.ezijing.com/project/marywood/ezijing_xet_x.png" alt="" class="code" /> <img
src="https://webapp-pub.ezijing.com/project/marywood/ezijing_xet_x.png"
alt=""
class="code"
/>
<div class="tips-txt"> <div class="tips-txt">
<img src="https://webapp-pub.ezijing.com/www/pc/icon_gongkaike.png" alt="" /> <img
src="https://webapp-pub.ezijing.com/www/pc/icon_gongkaike.png"
alt=""
/>
<div class="txt">{{ $t('foot.ezjClass') }}</div> <div class="txt">{{ $t('foot.ezjClass') }}</div>
</div> </div>
</div> </div>
</div> </div>
<div class="links" v-html="$t('foot.relation')"></div> <div class="links" v-html="$t('foot.relation')"></div>
</div> </div>
<div class="copyright" style="height: 40px; line-height: 40px; color: rgba(153, 153, 153, 1); background: #fff"> <div class="copyright">
<div class="inner" style="width: 100%; justify-content: center; display: flex"> <div
class="inner"
style="width: 100%; justify-content: center; display: flex"
>
<p style="font-size: 12px"> <p style="font-size: 12px">
Copyright © 2017 Zijing Education. All rights reserved. 清控紫荆（北京）教育科技股份有限公司 {{
$cookies.get('lang') == 'en-US'
? `Copyright © 2017 Zijing Education. All rights reserved.`
: `Copyright © 2017 Zijing Education. All rights reserved. 清控紫荆（北京）教育科技股份有限公司`
}}
</p> </p>
<a <a
target="_blank" target="_blank"
href="https://tsm.miit.gov.cn/dxxzsp/" href="https://tsm.miit.gov.cn/dxxzsp/"
style="color: rgba(153, 153, 153, 1); text-decoration: none; margin-left: 10px" style="
color: rgba(153, 153, 153, 1);
text-decoration: none;
margin-left: 10px;
"
> >
<p style="font-size: 12px">京ICP证150431号</p> <p style="font-size: 12px">
{{
$cookies.get('lang') == 'en-US'
? 'Beijing ICP Certificate No.: 150431 '
: '京ICP证150431号'
}}
</p>
</a> </a>
<a <a
target="_blank" target="_blank"
class="record" class="record"
href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802023681" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802023681"
style="color: rgba(153, 153, 153, 1);text-decoration: none;align-items: center;display: flex;margin-right: 5px;" style="
color: rgba(153, 153, 153, 1);
text-decoration: none;
align-items: center;
display: flex;
margin-right: 5px;
"
> >
<img <img
src="https://zws-imgs-pub.ezijing.com/e0a0ec47dfdfc1e0797b1d5254021d00.png" src="https://zws-imgs-pub.ezijing.com/e0a0ec47dfdfc1e0797b1d5254021d00.png"
alt="" alt=""
style="width: 20px; height: 20px; margin: 0 6px; display: block" style="width: 20px; height: 20px; margin: 0 6px; display: block"
/> />
<p style="font-size: 12px">安备 11010802023681号</p> <p style="font-size: 12px">
{{
$cookies.get('lang') == 'en-US'
? `Beijing ICP Filing No.: 15016866-1`
: '安备 11010802023681号'
}}
</p>
</a> </a>
<a <a
target="_blank" target="_blank"
href="https://beian.miit.gov.cn/#/Integrated/index" href="https://beian.miit.gov.cn/#/Integrated/index"
style="color: rgba(153, 153, 153, 1); text-decoration: none" style="color: rgba(153, 153, 153, 1); text-decoration: none"
> >
<p style="font-size: 12px">{{ icpNumber }}</p> <p style="font-size: 12px">
{{ $cookies.get('lang') == 'en-US' ? icpNumberEn : icpNumber }}
</p>
</a> </a>
</div> </div>
</div> </div>
...@@ -89,10 +141,30 @@ export default { ...@@ -89,10 +141,30 @@ export default {
{ icp: '京ICP备15016866号-14', host: 'seg-aisa.com' }, { icp: '京ICP备15016866号-14', host: 'seg-aisa.com' },
{ icp: '京ICP备15016866号-1', host: 'ezijing.com' } { icp: '京ICP备15016866号-1', host: 'ezijing.com' }
] ]
const found = map.find(item => { const found = map.find((item) => {
return process.browser && location.hostname.includes(item.host) return process.browser && location.hostname.includes(item.host)
}) })
return found ? found.icp : '京ICP备15016866号-1' return found ? found.icp : '京ICP备15016866号-1'
},
icpNumberEn() {
const map = [
{ icp: 'Beijing ICP Filing No.: 15016866-4', host: 'seg-aisa.cn' },
{ icp: 'Beijing ICP Filing No.: 15016866-5', host: 'segedu.cn' },
{ icp: 'Beijing ICP Filing No.: 15016866-6', host: 'segcdc.cn' },
{ icp: 'Beijing ICP Filing No.: 15016866-7', host: 'segcdc.com' },
{ icp: 'Beijing ICP Filing No.: 15016866-8', host: 'segshms.cn' },
{ icp: 'Beijing ICP Filing No.: 15016866-9', host: 'segshms.com' },
{ icp: 'Beijing ICP Filing No.: 15016866-10', host: 'segcrcs.com' },
{ icp: 'Beijing ICP Filing No.: 15016866-11', host: 'segcrcs.cn' },
{ icp: 'Beijing ICP Filing No.: 15016866-12', host: 'seghim.cn' },
{ icp: 'Beijing ICP Filing No.: 15016866-13', host: 'seghim.com' },
{ icp: 'Beijing ICP Filing No.: 15016866-14', host: 'seg-aisa.com' },
{ icp: 'Beijing ICP Filing No.: 15016866-1', host: 'ezijing.com' }
]
const found = map.find((item) => {
return process.browser && location.hostname.includes(item.host)
})
return found ? found.icp : 'Beijing ICP Filing No.: 15016866-1'
} }
} }
} }
...@@ -137,10 +209,10 @@ export default { ...@@ -137,10 +209,10 @@ export default {
color: #ffffff; color: #ffffff;
letter-spacing: 4px; letter-spacing: 4px;
opacity: 0.7; opacity: 0.7;
margin-left: 88px; margin-left: 38px;
white-space: nowrap;
.address { .address {
max-width: 610px; max-width: 612px;
} }
&.f-size { &.f-size {
font-size: 16px; font-size: 16px;
...@@ -171,4 +243,14 @@ export default { ...@@ -171,4 +243,14 @@ export default {
} }
} }
} }
.copyright {
height: 40px;
color: rgba(153, 153, 153, 1) !important;
background: #fff;
display: flex;
align-items: center;
.record {
display: flex;
}
}
</style> </style>
components/Head.vue
浏览文件 @ b5a7f9f1
差异被折叠。
components/home/abroadStudy.vue
浏览文件 @ b5a7f9f1
<template> <template>
<AppCard title="留学深造"> <AppCard title="留学深造">
<template #title> <template #title>
<nuxt-link to="/studyAbroad">留学深造</nuxt-link> <nuxt-link to="/studyAbroad">{{ $t('home.abroad.title') }}</nuxt-link>
</template> </template>
<div class="content_con"> <div class="content_con">
<div class="con_left con_left1" v-for="(item, index) in abroadList" :key="index"> <div
class="con_left con_left1"
v-for="(item, index) in abroadList"
:key="index"
>
<div class="left_tit">{{ item.title }}</div> <div class="left_tit">{{ item.title }}</div>
<div class="left_content"> <div class="left_content">
<ul class="left_con1"> <ul class="left_con1">
...@@ -33,33 +37,33 @@ export default { ...@@ -33,33 +37,33 @@ export default {
return { return {
abroadList: [ abroadList: [
{ {
title: '— 硕士 —', title: this.$t('home.degree.tabBtn1'),
isLine: true, isLine: true,
children: [ children: [
{ {
img: 'https://webapp-pub.ezijing.com/www/pc/home/personal/abroad1.png', img: 'https://webapp-pub.ezijing.com/www/pc/home/personal/abroad1.png',
desc: '纽约州立大学<br/>石溪分校<br/>金融学硕士<br/>保研项目NSF', desc: this.$t('home.abroad.sbu'),
href: 'https://sbu-plus.ezijing.com/' href: 'https://sbu-plus.ezijing.com/'
}, },
{ {
img: 'https://webapp-pub.ezijing.com/www/pc/home/personal/abroad2.png', img: 'https://webapp-pub.ezijing.com/www/pc/home/personal/abroad2.png',
desc: '斯蒂文斯理工学院<br/>工程管理硕士<br/>保研项目MEM', desc: this.$t('home.abroad.sit'),
href: 'https://sit-plus.ezijing.com/' href: 'https://sit-plus.ezijing.com/'
} }
] ]
}, },
{ {
title: '— 博士 —', title: this.$t('home.abroad.tabBtn2'),
isLine: false, isLine: false,
children: [ children: [
{ {
img: 'https://webapp-pub.ezijing.com/www/pc/home/personal/abroad3.png', img: 'https://webapp-pub.ezijing.com/www/pc/home/personal/abroad3.png',
desc: '加州浸会大学<br/>在线工商管理<br/>博士项目DBA', desc: this.$t('home.abroad.cbu_online'),
href: 'https://cbu-online.ezijing.com/' href: 'https://cbu-online.ezijing.com/'
}, },
{ {
img: 'https://webapp-pub.ezijing.com/www/pc/home/personal/abroad3.png', img: 'https://webapp-pub.ezijing.com/www/pc/home/personal/abroad3.png',
desc: '加州浸会大学<br/>全日制工商管理<br/>博士项目DBA', desc: this.$t('home.abroad.cbu_plus'),
href: 'https://cbu-plus.ezijing.com/' href: 'https://cbu-plus.ezijing.com/'
} }
] ]
......
components/home/alumniStories.vue
浏览文件 @ b5a7f9f1
<template> <template>
<AppCard title="校友故事" class="home-alumni"> <AppCard :title="$t('menu.story')" class="home-alumni">
<template #title><nuxt-link to="/alumnus/story">校友故事</nuxt-link></template> <template #title
<template #header-aside><nuxt-link to="/alumnus/story">查看更多+</nuxt-link></template> ><nuxt-link to="/alumnus/story">{{
<app-link v-if="listData.length > 0" :data="listData[0]" :to="`/alumnus/story/${listData[0].id}`"> $t('menu.story')
}}</nuxt-link></template
>
<template #header-aside
><nuxt-link to="/alumnus/story">{{ $t('viewMore') }}</nuxt-link></template
>
<app-link
v-if="listData.length > 0"
:data="listData[0]"
:to="`/alumnus/story/${listData[0].id}`"
>
<div class="alumni_content"> <div class="alumni_content">
<img class="content_img" :src="listData[0].web_img_uri" loading="lazy" /> <img
class="content_img"
:src="listData[0].web_img_uri"
loading="lazy"
/>
<div class="content_desc"> <div class="content_desc">
<div class="desc_tit"> <div class="desc_tit">
{{ listData[0].title }} {{ listData[0].title }}
...@@ -32,9 +46,11 @@ export default { ...@@ -32,9 +46,11 @@ export default {
project_id: process.env.projectId, project_id: process.env.projectId,
type_tag: 'article_alumni' type_tag: 'article_alumni'
} }
this.listData = await this.$axios.get('/api/cms/api/v1/articles', { params }).then(res => { this.listData = await this.$axios
return res.data.data .get('/api/cms/api/v1/articles', { params })
}) .then((res) => {
return res.data.data
})
} }
} }
</script> </script>
......
components/home/internationalDegree.vue
浏览文件 @ b5a7f9f1
...@@ -29,49 +29,48 @@ export default { ...@@ -29,49 +29,48 @@ export default {
return { return {
degreeList: [ degreeList: [
{ {
title: '— 硕士 —', title: this.$t('home.degree.tabBtn1'),
isLine: true, isLine: true,
children: [ children: [
{ {
img: 'https://webapp-pub.ezijing.com/www/pc/home/personal/master_med1.png', img: 'https://webapp-pub.ezijing.com/www/pc/home/personal/master_med1.png',
desc: '教育学硕士(儿童)<br/>MED', desc: this.$t('home.degree.med'),
href: 'https://cu.ezijing.com/' href: 'https://cu.ezijing.com/'
}, },
{ {
img: 'https://webapp-pub.ezijing.com/www/pc/home/personal/master_msf.png', img: 'https://webapp-pub.ezijing.com/www/pc/home/personal/master_msf.png',
desc: '金融硕士<br/>MSF', desc: this.$t('home.degree.msf'),
href: 'https://kelley.ezijing.com/' href: 'https://kelley.ezijing.com/'
}, },
{ {
img: 'https://webapp-pub.ezijing.com/www/pc/home/personal/master_map.png', img: 'https://webapp-pub.ezijing.com/www/pc/home/personal/master_map.png',
desc: '应用心理学硕士<br/>MAP', desc: this.$t('home.degree.map'),
href: 'https://ciis.ezijing.com/' href: 'https://ciis.ezijing.com/'
}, },
{ {
img: 'https://webapp-pub.ezijing.com/www/pc/home/personal/master_med2.png', img: 'https://webapp-pub.ezijing.com/www/pc/home/personal/master_med2.png',
desc: '教育学硕士(家庭) <br/>MED', desc: this.$t('home.degree.cuw'),
href: 'https://cuw.ezijing.com/index' href: 'https://cuw.ezijing.com/index'
} }
] ]
}, },
{ {
title: '— MBA —', title: this.$t('home.degree.tabBtn2'),
isLine: false, isLine: false,
children: [ children: [
{ {
img: 'https://webapp-pub.ezijing.com/www/pc/home/personal/mba1.png', img: 'https://webapp-pub.ezijing.com/www/pc/home/personal/mba1.png',
desc: '数字领导力方向<br/>MBA', desc: this.$t('home.degree.mba'),
href: 'https://marywood.ezijing.com/' href: 'https://marywood.ezijing.com/'
}, },
{ {
img: 'https://webapp-pub.ezijing.com/www/pc/home/personal/mba2.png', img: 'https://webapp-pub.ezijing.com/www/pc/home/personal/mba2.png',
desc: '酒店和旅游方向<br/>MBA', desc: this.$t('home.degree.international'),
href: 'https://shms.ezijing.com/' href: 'https://shms.ezijing.com/'
}, },
{ {
img: 'https://webapp-pub.ezijing.com/www/pc/home/personal/mba3.png', img: 'https://webapp-pub.ezijing.com/www/pc/home/personal/mba3.png',
desc: '餐饮管理方向<br/>MBA', desc: this.$t('home.degree.caas'),
href: 'https://caas.ezijing.com/' href: 'https://caas.ezijing.com/'
} }
] ]
...@@ -115,6 +114,7 @@ export default { ...@@ -115,6 +114,7 @@ export default {
padding-top: 10px; padding-top: 10px;
padding-bottom: 14px; padding-bottom: 14px;
margin-top: -10px; margin-top: -10px;
box-sizing: border-box;
.con_desc { .con_desc {
color: #f9f8f8; color: #f9f8f8;
} }
...@@ -124,6 +124,7 @@ export default { ...@@ -124,6 +124,7 @@ export default {
height: 90px; height: 90px;
} }
.con_desc { .con_desc {
width: 128px;
text-align: center; text-align: center;
margin-top: 10px; margin-top: 10px;
font-size: 14px; font-size: 14px;
......
components/home/projectNotice.vue
浏览文件 @ b5a7f9f1
<template> <template>
<AppCard title="通知公告"> <AppCard :title="$t('menu.notice')">
<template #title> <template #title>
<nuxt-link to="/about/news">通知公告</nuxt-link> <nuxt-link to="/about/news">{{ $t('menu.notice') }}</nuxt-link>
</template> </template>
<template #header-aside> <template #header-aside>
<nuxt-link to="/about/news">{{ $t('viewMore') }}</nuxt-link> <nuxt-link to="/about/news">{{ $t('viewMore') }}</nuxt-link>
...@@ -9,9 +9,17 @@ ...@@ -9,9 +9,17 @@
<div class="news-content"> <div class="news-content">
<div class="left-content"> <div class="left-content">
<div class="list"> <div class="list">
<div v-swiper:mySwiper="swiperOption" ref="mySwiper" class="swiper-no-swiping"> <div
v-swiper:mySwiper="swiperOption"
ref="mySwiper"
class="swiper-no-swiping"
>
<div class="swiper-wrapper"> <div class="swiper-wrapper">
<div class="swiper-slide" v-for="(item, index) in activityList" :key="index"> <div
class="swiper-slide"
v-for="(item, index) in activityList"
:key="index"
>
<div class="li"> <div class="li">
<div class="time-block"> <div class="time-block">
<div class="m-time">{{ formatMD(item.abstract) }}</div> <div class="m-time">{{ formatMD(item.abstract) }}</div>
...@@ -30,8 +38,12 @@ ...@@ -30,8 +38,12 @@
<app-link :key="index" :data="item" :to="`/about/news/${item.id}`"> <app-link :key="index" :data="item" :to="`/about/news/${item.id}`">
<li> <li>
<div class="time-block"> <div class="time-block">
<div class="m-time">{{ formatMD(item.start_time * 1000) }}</div> <div class="m-time">
<div class="t-time">{{ formatYY(item.start_time * 1000) }}</div> {{ formatMD(item.start_time * 1000) }}
</div>
<div class="t-time">
{{ formatYY(item.start_time * 1000) }}
</div>
</div> </div>
<div class="content_con"> <div class="content_con">
<div class="text">{{ item.title }}</div> <div class="text">{{ item.title }}</div>
...@@ -75,7 +87,9 @@ export default { ...@@ -75,7 +87,9 @@ export default {
page: 1, page: 1,
limit: 3 limit: 3
} }
this.listData = await this.$axios.get('/api/cms/api/v1/articles', { params }).then(res => res.data.data) this.listData = await this.$axios
.get('/api/cms/api/v1/articles', { params })
.then((res) => res.data.data)
}, },
mounted() { mounted() {
this.getActivity() this.getActivity()
...@@ -96,7 +110,7 @@ export default { ...@@ -96,7 +110,7 @@ export default {
project_id: process.env.projectId, project_id: process.env.projectId,
type_tag: 'www_activity' type_tag: 'www_activity'
} }
this.$axios.get('/api/cms/api/v1/articles', { params }).then(res => { this.$axios.get('/api/cms/api/v1/articles', { params }).then((res) => {
this.activityList = res.data.data this.activityList = res.data.data
}) })
} }
......
langs/en-US.js
浏览文件 @ b5a7f9f1
差异被折叠。
langs/zh-CN.js
浏览文件 @ b5a7f9f1
差异被折叠。
pages/practice/index.vue
浏览文件 @ b5a7f9f1
<template> <template>
<div class="main_content"> <div class="main_content">
<img src="https://webapp-pub.ezijing.com/www/pc/practice/Index/banner.png" class="content_banner" /> <img
src="https://webapp-pub.ezijing.com/www/pc/practice/Index/banner.png"
class="content_banner"
/>
<div class="content_part"> <div class="content_part">
<div class="part_title">数字经济产教融合实践基地</div> <div class="part_title">{{ $t('baseMain.tit') }}</div>
<div class="part_desc"> <div class="part_desc">
数字经济产教融合实践基地”的建设内涵由“N+3”组成，即N个数字经济产业学院集群；一个数字经济实验室，一个数字职业技能中心；一个数字经济<br />产业与人才公共服务平台。 {{ $t('baseMain.desc') }}
</div> </div>
</div> </div>
<div class="content_part2"></div> <div class="content_part2">
<img
:src="
$cookies.get('lang') == 'en-US'
? 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/practice/Index/jd_bg_en.png'
: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/practice/Index/jd_bg.png'
"
alt=""
/>
</div>
<div class="content_part3"> <div class="content_part3">
<div class="part3_con"> <div class="part3_con">
<div class="con_list" v-for="(item, index) in list" :key="index" @click="$router.push(item.url)"> <div
class="con_list"
v-for="(item, index) in list"
:key="index"
@click="$router.push(item.url)"
>
<div class="mask"></div> <div class="mask"></div>
<img class="img" :src="item.img" alt="" /> <img class="img" :src="item.img" alt="" />
<img class="imgActive" :src="item.imgActive" alt="" /> <img class="imgActive" :src="item.imgActive" alt="" />
...@@ -30,30 +47,34 @@ export default { ...@@ -30,30 +47,34 @@ export default {
list: [ list: [
{ {
img: 'https://webapp-pub.ezijing.com/www/pc/practice/Index/icon_gongjian.png', img: 'https://webapp-pub.ezijing.com/www/pc/practice/Index/icon_gongjian.png',
imgActive: 'https://webapp-pub.ezijing.com/www/pc/practice/Index/icon_gongjian_active.png', imgActive:
title: '数字经济产业学院', 'https://webapp-pub.ezijing.com/www/pc/practice/Index/icon_gongjian_active.png',
desc: '1+3+N <br/>打造高水平专业集群', title: this.$t('baseMain.item_tit1'),
desc: this.$t('baseMain.item_desc1'),
url: 'practice/industry' url: 'practice/industry'
}, },
{ {
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/practice/Index/icon_shiyan.png', img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/practice/Index/icon_shiyan.png',
imgActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/practice/Index/icon_shiyan_active.png', imgActive:
title: '数字经济实验室', 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/practice/Index/icon_shiyan_active.png',
desc: '商业数据分析实验室 <br/>数字营销实验室', title: this.$t('baseMain.item_tit2'),
desc: this.$t('baseMain.item_desc2'),
url: '/practice/laboratory' url: '/practice/laboratory'
}, },
{ {
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/practice/Index/icon_1%2Bx.png', img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/practice/Index/icon_1%2Bx.png',
imgActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/practice/Index/icon_1%2Bx_active.png', imgActive:
title: '数字经济职业技能中心', 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/practice/Index/icon_1%2Bx_active.png',
desc: '1+X职业等级证书<br/>PRP私人财富风险管理证书<br/>人社部职业证书', title: this.$t('baseMain.item_tit3'),
desc: this.$t('baseMain.item_desc3'),
url: '/practice/skill' url: '/practice/skill'
}, },
{ {
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/practice/Index/icon_pt.png', img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/practice/Index/icon_pt.png',
imgActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/practice/Index/icon_pt_active.png', imgActive:
title: '数字经济人才公共服务平台', 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/practice/Index/icon_pt_active.png',
desc: '6项人才对接服务<br/>打造高质量就业', title: this.$t('baseMain.item_tit4'),
desc: this.$t('baseMain.item_desc4'),
url: '/practice/talent' url: '/practice/talent'
} }
] ]
...@@ -89,7 +110,6 @@ export default { ...@@ -89,7 +110,6 @@ export default {
font-weight: 400; font-weight: 400;
line-height: 34px; line-height: 34px;
color: #666666; color: #666666;
white-space: nowrap;
text-align: center; text-align: center;
} }
} }
...@@ -97,14 +117,19 @@ export default { ...@@ -97,14 +117,19 @@ export default {
width: 1200px; width: 1200px;
height: 662px; height: 662px;
margin: 106px auto; margin: 106px auto;
background: url('https://webapp-pub.ezijing.com/www/pc/practice/Index/jd_bg.png') no-repeat center; // background: url('https://webapp-pub.ezijing.com/www/pc/practice/Index/jd_bg.png')
// no-repeat center;
background-size: 100% 100%; background-size: 100% 100%;
img {
width: 100%;
height: 100%;
}
} }
.content_part3 { .content_part3 {
width: 100%; width: 100%;
height: 626px;
background: #f9f8f8; background: #f9f8f8;
padding-top: 120px; padding-top: 120px;
margin-bottom: 20px;
.part3_con { .part3_con {
width: 1200px; width: 1200px;
...@@ -118,23 +143,26 @@ export default { ...@@ -118,23 +143,26 @@ export default {
box-shadow: 0px 1px 12px rgba(0, 0, 0, 0.13); box-shadow: 0px 1px 12px rgba(0, 0, 0, 0.13);
display: flex; display: flex;
flex-direction: column; flex-direction: column;
// justify-content: space-between;
align-items: center; align-items: center;
padding: 47px 0 48px 0; padding: 47px 0 67px;
border-bottom: 3px solid #aa1941; border-bottom: 3px solid #aa1941;
cursor: pointer; cursor: pointer;
text-align: center;
position: relative; position: relative;
.list_tit { .list_tit {
font-size: 22px; font-size: 22px;
font-weight: bold; font-weight: bold;
color: #333333; color: #333333;
height: 70px;
margin-top: 26px;
} }
.list_desc { .list_desc {
font-size: 20px; font-size: 20px;
font-weight: 400; font-weight: 400;
line-height: 38px; line-height: 38px;
color: #666666; color: #666666;
margin-top: 32px; margin-top: 10px;
text-align: center; text-align: center;
} }
.list_btn { .list_btn {
...@@ -146,7 +174,8 @@ export default { ...@@ -146,7 +174,8 @@ export default {
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;
color: #ffffff; color: #ffffff;
margin-top: 72px; position: absolute;
bottom: 10px;
} }
.imgActive { .imgActive {
display: none; display: none;
...@@ -182,6 +211,9 @@ export default { ...@@ -182,6 +211,9 @@ export default {
.img { .img {
display: none; display: none;
} }
.list_tit {
margin-top: 26px;
}
.list_tit, .list_tit,
.list_desc { .list_desc {
color: #ffffff; color: #ffffff;
...@@ -191,8 +223,9 @@ export default { ...@@ -191,8 +223,9 @@ export default {
.list_btn { .list_btn {
background: #ffffff; background: #ffffff;
color: #333333; color: #333333;
position: relative;
z-index: 30; z-index: 30;
position: absolute;
bottom: 10px;
} }
} }
} }
...@@ -200,36 +233,21 @@ export default { ...@@ -200,36 +233,21 @@ export default {
&:hover { &:hover {
background-image: url('https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/practice/Index/bg3.png'); background-image: url('https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/practice/Index/bg3.png');
} }
.list_tit {
margin-top: 24px;
}
.list_btn {
margin-top: 34px;
}
} }
.con_list:nth-child(1) { .con_list:nth-child(1) {
&:hover { &:hover {
background-image: url('https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/practice/Index/bg1.png'); background-image: url('https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/practice/Index/bg1.png');
} }
.list_tit {
margin-top: 26px;
}
} }
.con_list:nth-child(2) { .con_list:nth-child(2) {
&:hover { &:hover {
background-image: url('https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/practice/Index/bg2.png'); background-image: url('https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/practice/Index/bg2.png');
} }
.list_tit {
margin-top: 21px;
}
} }
.con_list:nth-child(4) { .con_list:nth-child(4) {
&:hover { &:hover {
background-image: url('https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/practice/Index/bg4.png'); background-image: url('https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/practice/Index/bg4.png');
} }
.list_tit {
margin-top: 22px;
}
} }
} }
} }
......
pages/practice/laboratory/index.vue
浏览文件 @ b5a7f9f1
<template> <template>
<div class="main_content"> <div class="main_content">
<img class="banner" src="https://webapp-pub.ezijing.com/www/pc/practice/laboratory/laboratory_banner.png" alt="" /> <img
class="banner"
src="https://webapp-pub.ezijing.com/www/pc/practice/laboratory/laboratory_banner.png"
alt=""
/>
<div class="content_part"> <div class="content_part">
<div class="part_title">数字经济实验室</div> <div class="part_title">{{ $t('laboratory.tit') }}</div>
<div class="part_desc"> <div class="part_desc">
清控紫荆教育依据数字人才能力模型中数据分析和数字营销两大核心能力，研发推出了工业级数字经济实验室，实验室以公有云+私有云的混合云架构提供的基础资源服务为支撑，融合商业数据分析和数字营销实训的平台服务能力，整合多个行业的数据集和案例集，依托e-SaaS的教学服务资源向应用层和用户层提供教学实训、企业数据分析与营销、科研交流、运维支撑和可视化等教学服务。 {{ $t('laboratory.desc') }}
</div> </div>
</div> </div>
<div class="content_part1"> <div class="content_part1">
<div class="part_title">“产、学、研、培、创”五位一体数字经济实验室</div> <div class="part_title">
<img class="part_img" src="https://webapp-pub.ezijing.com/www/pc/practice/laboratory/img1.png" alt="" /> {{ $t('laboratory.tit2') }}
</div>
<img
class="part_img"
:src="
$cookies.get('lang') == 'en-US'
? 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/practice/laboratory/img1_en.png'
: 'https://webapp-pub.ezijing.com/www/pc/practice/laboratory/img1.png'
"
alt=""
/>
</div> </div>
<div class="content_tab"> <div class="content_tab">
<div class="tab_con"> <div class="tab_con">
<div v-for="(item, index) in zyList" :key="index"> <div v-for="(item, index) in zyList" :key="index">
<div class="con_item" :style="`background:url(${item.imgUrl}) no-repeat center`"> <div
class="con_item"
:style="`background:url(${item.imgUrl}) no-repeat center`"
>
<div class="item_tit">{{ item.tit }}</div> <div class="item_tit">{{ item.tit }}</div>
<div class="item_con"> <div class="item_con">
<nuxt-link class="subNav-li" :to="{ name: item.name }"> <nuxt-link class="subNav-li" :to="{ name: item.name }">
<div class="item_desc item_desc1">了解详情</div> <div class="item_desc item_desc1">
{{ $t('laboratory.btn1') }}
</div>
</nuxt-link> </nuxt-link>
<a :href="item.url" target="_blank"> <a :href="item.url" target="_blank">
<div class="item_desc item_desc2">点击登录</div> <div class="item_desc item_desc2">
{{ $t('laboratory.btn2') }}
</div>
</a> </a>
</div> </div>
</div> </div>
...@@ -37,16 +58,18 @@ export default { ...@@ -37,16 +58,18 @@ export default {
return { return {
zyList: [ zyList: [
{ {
tit: '商业数据分析实验室', tit: this.$t('laboratory.tab1_tit'),
name: 'practice-laboratory-analysis', name: 'practice-laboratory-analysis',
url: 'https://bi.ezijing.com/bi/', url: 'https://bi.ezijing.com/bi/',
imgUrl: 'https://webapp-pub.ezijing.com/www/pc/practice/laboratory/tab11.png' imgUrl:
'https://webapp-pub.ezijing.com/www/pc/practice/laboratory/tab11.png'
}, },
{ {
tit: '数字营销实验室', tit: this.$t('laboratory.tab2_tit'),
name: 'practice-laboratory-marketing', name: 'practice-laboratory-marketing',
url: 'https://digitalmarketinglab.ezijing.com/login', url: 'https://digitalmarketinglab.ezijing.com/login',
imgUrl: 'https://webapp-pub.ezijing.com/www/pc/practice/laboratory/tab22.png' imgUrl:
'https://webapp-pub.ezijing.com/www/pc/practice/laboratory/tab22.png'
} }
] ]
} }
......
pages/practice/skill.vue
浏览文件 @ b5a7f9f1
<!-- 数字经济人才公共服务平台 --> <!-- 数字经济人才公共服务平台 -->
<template> <template>
<div> <div>
<div class="banner"><img src="https://webapp-pub.ezijing.com/www/pc/practice/skill/banner.jpg" /></div> <div class="banner">
<img
src="https://webapp-pub.ezijing.com/www/pc/practice/skill/banner.jpg"
/>
</div>
<section class="section"> <section class="section">
<div class="section-inner"> <div class="section-inner">
<h2 class="section-title">数字经济职业技能中心</h2> <h2 class="section-title">{{ $t('skill.tit') }}</h2>
<p class="section-desc"> <p class="section-desc">
先引入、后开发，形成官方评价+行业评价+企业评价三层级的认证体系 {{ $t('skill.desc') }}
</p> </p>
<div class="section-pic"> <div class="section-pic">
<img src="https://webapp-pub.ezijing.com/www/pc/practice/skill/001.png" /> <img
:src="
$cookies.get('lang') == 'en-US'
? 'https://webapp-pub.ezijing.com/www/pc/practice/skill/001_en.png'
: 'https://webapp-pub.ezijing.com/www/pc/practice/skill/001.png'
"
/>
</div> </div>
<div class="system-list"> <div class="system-list">
<div class="system-item" v-for="(item, index) in list" :key="index"> <div class="system-item" v-for="(item, index) in list" :key="index">
...@@ -27,7 +37,7 @@ ...@@ -27,7 +37,7 @@
<div class="project-item__content"> <div class="project-item__content">
<p>{{ item.title }}</p> <p>{{ item.title }}</p>
<a :href="item.href" target="_blank"> <a :href="item.href" target="_blank">
<el-button type="primary">点击进入</el-button> <el-button type="primary">{{ $t('skill.item_btn') }}</el-button>
</a> </a>
</div> </div>
</div> </div>
...@@ -43,35 +53,36 @@ export default { ...@@ -43,35 +53,36 @@ export default {
return { return {
list: [ list: [
{ {
title: '引入官方认证体系', title: this.$t('skill.item1_tit'),
desc: ` 引入工信部“互联网营销师”“商业数据分析师”（已授权清控紫荆）等证书，面向企业职工进行认证； <br/> desc: this.$t('skill.item1_desc')
引入教育部金融产品数字化营销（评价组织：清控紫荆）及其他“1+X”证书，为高校学生提供认证服务。`
}, },
{ {
title: '引入社会认证体系', title: this.$t('skill.item2_tit'),
desc: '引入“第三方评价组织”中的成熟项目，培养与区域产业高适配度的人才。' desc: this.$t('skill.item2_desc')
}, },
{ {
title: '自主开发认证体系', title: this.$t('skill.item3_tit'),
desc: desc: this.$t('skill.item3_desc')
'以“产教融合实训基地”为主体，向人社部门（国家、省级、市级三级）申报第三方评价组织，联合龙头企业开发新职业，报请人社部审批、发布。'
} }
], ],
list2: [ list2: [
{ {
image_url: 'https://webapp-pub.ezijing.com/www/pc/practice/skill/1.png', image_url:
title: '1+X金融产品数字化营销职业技能等级证书', 'https://webapp-pub.ezijing.com/www/pc/practice/skill/1.png',
title: this.$t('skill.item4_tit'),
href: 'https://x.ezijing.com/' href: 'https://x.ezijing.com/'
}, },
{ {
image_url: 'https://webapp-pub.ezijing.com/www/pc/practice/skill/2.png', image_url:
title: '人社部职业证书', 'https://webapp-pub.ezijing.com/www/pc/practice/skill/2.png',
title: this.$t('skill.item5_tit'),
href: 'https://vst.ezijing.com/' href: 'https://vst.ezijing.com/'
}, },
{ {
image_url: 'https://webapp-pub.ezijing.com/www/pc/practice/skill/3.png', image_url:
title: '私人财富风险管理顾问', 'https://webapp-pub.ezijing.com/www/pc/practice/skill/3.png',
title: this.$t('skill.item6_tit'),
href: 'https://prp.ezijing.com/' href: 'https://prp.ezijing.com/'
} }
] ]
......
pages/practice/study.vue
浏览文件 @ b5a7f9f1
<template> <template>
<div class="main_content"> <div class="main_content">
<img src="https://webapp-pub.ezijing.com/www/pc/practice/study/banner.png" class="banner" /> <img
src="https://webapp-pub.ezijing.com/www/pc/practice/study/banner.png"
class="banner"
/>
<div class="content_part"> <div class="content_part">
<div class="part_title">数字化转型高级研修项目</div> <div class="part_title">{{ $t('study.tit') }}</div>
<div class="part_desc"> <div class="part_desc">
数字化转型研修项目是由清空紫荆联合国内外院校研发首创的企业家高级研修项目，结合商业管理管理创新与人工智能、大数据、云计算和科学设计，<br />整合国内外“政、产、学、研、用”各界专家力量，以系统性的全景视野解读新时期企业数字化转型之路。 {{ $t('study.desc') }}
</div> </div>
</div> </div>
<div class="content_part1"> <div class="content_part1">
<img src="https://webapp-pub.ezijing.com/www/pc/practice/study/study_advantage.png" class="part_img" /> <img
src="https://webapp-pub.ezijing.com/www/pc/practice/study/study_advantage.png"
class="part_img"
/>
<div class="part_con"> <div class="part_con">
<div class="con_tit">项目优势</div> <div class="con_tit">
<span>
{{ $t('study.positive_tit') }}
</span>
</div>
<ul class="con_list"> <ul class="con_list">
<li> <li>
<p> <p>{{ $t('study.positive_desc1') }}</p>
利用数字化工具实现企业外部市场、资源与内部管理快速触达
</p>
</li> </li>
<li> <li>
<p> <p>{{ $t('study.positive_desc2') }}</p>
实现企业增收、提效、降本的转型升级目的
</p>
</li> </li>
<li> <li>
<p> <p>{{ $t('study.positive_desc3') }}</p>
实战经验和国外学位融为一体
</p>
</li> </li>
<li> <li>
<p> <p>
顶层设计、数字化业务与市场支撑、数字化管理与人才体系、数字化底层技术体系四位一体 {{ $t('study.positive_desc4') }}
</p> </p>
</li> </li>
<li> <li>
<p> <p>
既洞察数字化转型整体布局，又能深入了解数字化转型核心模块与应用实践。 {{ $t('study.positive_desc5') }}
</p> </p>
</li> </li>
</ul> </ul>
</div> </div>
</div> </div>
<div class="content_part2"> <div class="content_part2">
<div class="part_tit"> <div class="part_tit">{{ $t('study.map_tit') }}</div>
数字化转型战略地图
</div>
<div class="part_con"> <div class="part_con">
<img src="https://webapp-pub.ezijing.com/www/pc/practice/study/map1.png" class="" /> <img
<img src="https://webapp-pub.ezijing.com/www/pc/practice/study/map2.png" class="" /> :src="
$cookies.get('lang') == 'en-US'
? 'https://webapp-pub.ezijing.com/www/pc/practice/study/map1_en.png'
: 'https://webapp-pub.ezijing.com/www/pc/practice/study/map1.png'
"
class=""
/>
<img
:src="
$cookies.get('lang') == 'en-US'
? 'https://webapp-pub.ezijing.com/www/pc/practice/study/map2_en.png'
: 'https://webapp-pub.ezijing.com/www/pc/practice/study/map2.png'
"
class=""
/>
</div> </div>
</div> </div>
<div class="content_part3"></div> <div class="content_part3">
<img
:src="
$cookies.get('lang') == 'en-US'
? 'https://webapp-pub.ezijing.com/www/pc/practice/study/part3_bg_en.png'
: 'https://webapp-pub.ezijing.com/www/pc/practice/study/part3_bg.png'
"
alt=""
/>
</div>
<div class="content_part4"> <div class="content_part4">
<div class="mask"></div> <div class="mask"></div>
<div class="part_con"> <div class="part_con">
<div class="con_left">马上咨询 <br />数字化转型高级研修项目</div> <div
:class="$cookies.get('lang') == 'en-US' ? 'con_left_en' : 'con_left'"
v-html="$t('study.contact_tit')"
></div>
<div class="con_right"> <div class="con_right">
<el-form :model="form" :rules="rules" ref="form"> <el-form :model="form" :rules="rules" ref="form">
<!-- <el-form-item prop="name"> <!-- <el-form-item prop="name">
<el-input type="text" v-model="form.name" placeholder="企业名称"></el-input> <el-input type="text" v-model="form.name" placeholder="企业名称"></el-input>
</el-form-item> --> </el-form-item> -->
<el-form-item prop="name"> <el-form-item prop="name">
<el-input type="text" v-model="form.name" placeholder="您的姓名"></el-input> <el-input
type="text"
v-model="form.name"
:placeholder="$t('study.name_placeholer')"
></el-input>
</el-form-item> </el-form-item>
<!-- <el-form-item prop="project_id"> <!-- <el-form-item prop="project_id">
<el-input type="text" v-model="form.name" placeholder="您的职务（自行填写）"></el-input> <el-input type="text" v-model="form.name" placeholder="您的职务（自行填写）"></el-input>
...@@ -68,9 +100,15 @@ ...@@ -68,9 +100,15 @@
</el-form-item> --> </el-form-item> -->
<el-form-item prop="phone"> <el-form-item prop="phone">
<el-input type="text" v-model="form.phone" placeholder="您的手机号"></el-input> <el-input
type="text"
v-model="form.phone"
:placeholder="$t('study.phone_placeholder')"
></el-input>
</el-form-item> </el-form-item>
<el-button type="primary" @click="handleSubmit">立即提交</el-button> <el-button type="primary" @click="handleSubmit">
{{ $t('study.submit_btn') }}
</el-button>
</el-form> </el-form>
</div> </div>
</div> </div>
...@@ -91,10 +129,24 @@ export default { ...@@ -91,10 +129,24 @@ export default {
channel: this.$route.query.channel_num || 19962 channel: this.$route.query.channel_num || 19962
}, },
rules: { rules: {
name: [{ required: true, message: '请输入您的名字', trigger: 'blur' }], name: [
{
required: true,
message: this.$t('study.name1_placeholder'),
trigger: 'blur'
}
],
phone: [ phone: [
{ required: true, message: '请输入您的手机号', trigger: 'blur' }, {
{ pattern: /^1[3-9]\d{9}$/, message: '请输入正确的手机号', trigger: 'blur' } required: true,
message: this.$t('study.phone1_placeholder'),
trigger: 'blur'
},
{
pattern: /^1[3-9]\d{9}$/,
message: this.$t('study.phone2_placeholder'),
trigger: 'blur'
}
] ]
// project_id: [{ required: true, message: '请选择项目', trigger: 'change' }] // project_id: [{ required: true, message: '请选择项目', trigger: 'change' }]
} }
...@@ -108,7 +160,7 @@ export default { ...@@ -108,7 +160,7 @@ export default {
// params.project_id = '1016' // params.project_id = '1016'
// } // }
postNes(params) postNes(params)
.then(res => { .then((res) => {
// if (res && res.status === 200 && res.error === 0) { // if (res && res.status === 200 && res.error === 0) {
// this.$message.success('报名提交成功') // this.$message.success('报名提交成功')
// } else { // } else {
...@@ -135,7 +187,7 @@ export default { ...@@ -135,7 +187,7 @@ export default {
} }
.content_part { .content_part {
width: 100%; width: 100%;
height: 316px; padding-bottom: 102px;
background: #f9f8f8; background: #f9f8f8;
padding: 90px; padding: 90px;
display: flex; display: flex;
...@@ -147,12 +199,12 @@ export default { ...@@ -147,12 +199,12 @@ export default {
color: #333333; color: #333333;
} }
.part_desc { .part_desc {
width: 1200px;
margin-top: 36px; margin-top: 36px;
font-size: 18px; font-size: 18px;
font-weight: 400; font-weight: 400;
line-height: 34px; line-height: 34px;
color: #666666; color: #666666;
white-space: nowrap;
text-align: center; text-align: center;
} }
} }
...@@ -163,23 +215,24 @@ export default { ...@@ -163,23 +215,24 @@ export default {
.part_img { .part_img {
width: 500px; width: 500px;
height: 345px; height: 345px;
padding-top: 60px; margin: 60px -66px 0 0;
margin-right: -66px;
z-index: 100; z-index: 100;
} }
.part_con { .part_con {
width: 767px; width: 767px;
height: 467px;
background: rgba(249, 248, 248, 0.39); background: rgba(249, 248, 248, 0.39);
padding: 91px 0 121px 94px; padding: 61px 0 61px 94px;
.con_tit { .con_tit {
width: 80px; text-align: left;
height: 22px; span {
font-size: 20px; font-size: 20px;
font-weight: 400; font-weight: 400;
color: #424242; color: #424242;
padding-bottom: 7px; padding-bottom: 7px;
box-sizing: content-box; box-sizing: content-box;
border-bottom: 2px solid #aa1941; border-bottom: 2px solid #aa1941;
}
} }
.con_list { .con_list {
margin: 11px 0 0 15px; margin: 11px 0 0 15px;
...@@ -220,16 +273,22 @@ export default { ...@@ -220,16 +273,22 @@ export default {
.content_part3 { .content_part3 {
width: 100%; width: 100%;
height: 860px; height: 860px;
background: url('https://webapp-pub.ezijing.com/www/pc/practice/study/part3_bg.png') no-repeat center; // background: url('https://webapp-pub.ezijing.com/www/pc/practice/study/part3_bg.png')
background-size: 100% 100%; // no-repeat center;
// background-size: 100% 100%;
margin-top: 0; margin-top: 0;
img {
width: 100%;
height: 100%;
}
} }
.content_part4 { .content_part4 {
width: 1200px; width: 1200px;
height: 540px; height: 540px;
margin: 120px auto; margin: 120px auto;
margin-bottom: 120px; margin-bottom: 120px;
background: url('https://webapp-pub.ezijing.com/www/pc/practice/study/part4_bg.png') no-repeat center; background: url('https://webapp-pub.ezijing.com/www/pc/practice/study/part4_bg.png')
no-repeat center;
background-size: 100% 100%; background-size: 100% 100%;
position: relative; position: relative;
.mask { .mask {
...@@ -259,6 +318,22 @@ export default { ...@@ -259,6 +318,22 @@ export default {
color: #ffffff; color: #ffffff;
text-align: center; text-align: center;
} }
.con_left_en {
margin-top: 127px;
padding-top: 27px;
width: 592px;
height: 223px;
background: #aa1941;
box-shadow: 0px 0px 122px rgba(0, 0, 0, 0.07);
opacity: 0.63;
z-index: 200;
position: relative;
font-size: 40px;
font-weight: 500;
color: #ffffff;
text-align: center;
line-height: 1;
}
.con_right { .con_right {
margin: 110px 136px 104px 87px; margin: 110px 136px 104px 87px;
padding: 63px 56px 56px 64px; padding: 63px 56px 56px 64px;
......
pages/practice/talent.vue
浏览文件 @ b5a7f9f1
<!-- 数字经济人才公共服务平台 --> <!-- 数字经济人才公共服务平台 -->
<template> <template>
<div> <div>
<div class="banner"><img src="https://webapp-pub.ezijing.com/www/pc/practice/talent/banner.jpg" /></div> <div class="banner">
<img
src="https://webapp-pub.ezijing.com/www/pc/practice/talent/banner.jpg"
/>
</div>
<section class="section"> <section class="section">
<div class="section-inner"> <div class="section-inner">
<h2 class="section-title">数字经济人才公共服务平台</h2> <h2 class="section-title">{{ $t('talent.tit') }}</h2>
<p class="section-desc"> <p class="section-desc">
打造人才和产业对接的“最后一公里”，搭载智慧人才库、人才测评、在线课堂、人才管理、资源共享、项目对接等六项服务，疏解企业人才“选、育、留”难题 {{ $t('talent.desc') }}
</p> </p>
<!-- <div class="platform-list"> <!-- <div class="platform-list">
<div class="platform-item" v-for="(item, index) in list" :key="item.image_url"> <div class="platform-item" v-for="(item, index) in list" :key="item.image_url">
...@@ -43,28 +47,32 @@ export default { ...@@ -43,28 +47,32 @@ export default {
return { return {
list: [ list: [
{ {
image_url: 'https://webapp-pub.ezijing.com/www/pc/practice/talent/img1.png', image_url:
title: '数字金融', 'https://webapp-pub.ezijing.com/www/pc/practice/talent/img1.png',
subtitle: '高质量就业', title: this.$t('talent.list.item1_tit'),
desc: '引入中国中小企业协会，拓展“国际软件外包交付基地”企业资源，提供充足的就业岗位，帮助人才高质量就业。' subtitle: this.$t('talent.list.item1_subtitle'),
desc: this.$t('talent.list.item1_desc')
}, },
{ {
image_url: 'https://webapp-pub.ezijing.com/www/pc/practice/talent/img2.png', image_url:
title: '建设数字人才库', 'https://webapp-pub.ezijing.com/www/pc/practice/talent/img2.png',
subtitle: '引才', title: this.$t('talent.list.item2_tit'),
desc: '通过产业学院、实践基地集聚人才，划分类型、精细入库，打造“一链六类多群”人才储备平台，为企业“引才”。' subtitle: this.$t('talent.list.item2_subtitle'),
desc: this.$t('talent.list.item2_desc')
}, },
{ {
image_url: 'https://webapp-pub.ezijing.com/www/pc/practice/talent/img3.png', image_url:
title: '建设线上内训平台', 'https://webapp-pub.ezijing.com/www/pc/practice/talent/img3.png',
subtitle: '育才', title: this.$t('talent.list.item3_tit'),
desc: '开发线上培训SaaS平台，融合多形态的资源建设“技能字典”，形成泛在学习网络，为企业“育才”。' subtitle: this.$t('talent.list.item3_subtitle'),
desc: this.$t('talent.list.item3_desc')
}, },
{ {
image_url: 'https://webapp-pub.ezijing.com/www/pc/practice/talent/img4.png', image_url:
title: '建设“技能码”', 'https://webapp-pub.ezijing.com/www/pc/practice/talent/img4.png',
subtitle: '留才', title: this.$t('talent.list.item4_tit'),
desc: '采集技能类型、技能等级、学习轨迹等数据生成“技能码”，开展人才需求研究，服务精准招聘，为企业“留才”。' subtitle: this.$t('talent.list.item4_subtitle'),
desc: this.$t('talent.list.item4_desc')
} }
] ]
} }
......
pages/services/employment.vue
浏览文件 @ b5a7f9f1
...@@ -4,24 +4,47 @@ ...@@ -4,24 +4,47 @@
<div class="mian"> <div class="mian">
<div class="occupation-content-mian"> <div class="occupation-content-mian">
<div class="module-1 module-content-box"> <div class="module-1 module-content-box">
<img src="https://webapp-pub.ezijing.com/www/pc/internship/img1.png" class="img1" /> <img
src="https://webapp-pub.ezijing.com/www/pc/internship/img1.png"
class="img1"
/>
<div class="content-mian"> <div class="content-mian">
<img src="https://webapp-pub.ezijing.com/www/pc/internship/img2.png" class="img1" /><img <img
src="https://webapp-pub.ezijing.com/www/pc/internship/img3.png" :src="
$cookies.get('lang') == 'en-US'
? 'https://webapp-pub.ezijing.com/www/pc/internship/img2_en.png'
: 'https://webapp-pub.ezijing.com/www/pc/internship/img2.png'
"
class="img1"
/><img
:src="
$cookies.get('lang') == 'en-US'
? 'https://webapp-pub.ezijing.com/www/pc/internship/img3_en.png'
: 'https://webapp-pub.ezijing.com/www/pc/internship/img3.png'
"
class="img1" class="img1"
/> />
<img <img
v-if="$cookies.get('lang') == 'en-US'" :src="
src="https://webapp-pub.ezijing.com/www/pc/internship/img6.png" $cookies.get('lang') == 'en-US'
class="img21" ? 'https://webapp-pub.ezijing.com/www/pc/internship/img6_en.png'
: 'https://webapp-pub.ezijing.com/www/pc/internship/img6.png'
"
:class="$cookies.get('lang') == 'en-US' ? 'img21' : 'img2'"
/> />
<img v-else src="https://webapp-pub.ezijing.com/www/pc/internship/img6.png" class="img2" />
<ul> <ul>
<li> <li>
<img src="https://webapp-pub.ezijing.com/www/pc/emp624-i1.png" /> <img
src="https://webapp-pub.ezijing.com/www/pc/emp624-i1.png"
/>
<div class="pop-txt"> <div class="pop-txt">
<div class="name"> <div class="name">
{{ $cookies.get('lang') == 'en-US' ? 'Professional Thinking' : '职业思维篇' }} {{
$cookies.get('lang') == 'en-US'
? 'Professional Mindset'
: '职业思维篇'
}}
</div> </div>
</div> </div>
</li> </li>
...@@ -29,7 +52,11 @@ ...@@ -29,7 +52,11 @@
<img src="https://webapp-pub.ezijing.com/www/pc/emp-gx2.jpg" /> <img src="https://webapp-pub.ezijing.com/www/pc/emp-gx2.jpg" />
<div class="pop-txt"> <div class="pop-txt">
<div class="name"> <div class="name">
{{ $cookies.get('lang') == 'en-US' ? 'Professional Image' : '职业形象篇' }} {{
$cookies.get('lang') == 'en-US'
? 'Professional Image'
: '职业形象篇'
}}
</div> </div>
</div> </div>
</li> </li>
...@@ -37,7 +64,11 @@ ...@@ -37,7 +64,11 @@
<img src="https://webapp-pub.ezijing.com/www/pc/emp-gx3.jpg" /> <img src="https://webapp-pub.ezijing.com/www/pc/emp-gx3.jpg" />
<div class="pop-txt"> <div class="pop-txt">
<div class="name"> <div class="name">
{{ $cookies.get('lang') == 'en-US' ? 'Professional Efficiency' : '职业效率篇' }} {{
$cookies.get('lang') == 'en-US'
? 'Work Efficiency'
: '职业效率篇'
}}
</div> </div>
</div> </div>
</li> </li>
...@@ -45,7 +76,11 @@ ...@@ -45,7 +76,11 @@
<img src="https://webapp-pub.ezijing.com/www/pc/emp-gx4.jpg" /> <img src="https://webapp-pub.ezijing.com/www/pc/emp-gx4.jpg" />
<div class="pop-txt"> <div class="pop-txt">
<div class="name"> <div class="name">
{{ $cookies.get('lang') == 'en-US' ? 'Career Advancement' : '职业规划篇' }} {{
$cookies.get('lang') == 'en-US'
? 'Career Advancement'
: '职业规划篇'
}}
</div> </div>
</div> </div>
</li> </li>
...@@ -53,7 +88,11 @@ ...@@ -53,7 +88,11 @@
<img src="https://webapp-pub.ezijing.com/www/pc/emp-gx5.jpg" /> <img src="https://webapp-pub.ezijing.com/www/pc/emp-gx5.jpg" />
<div class="pop-txt"> <div class="pop-txt">
<div class="name"> <div class="name">
{{ $cookies.get('lang') == 'en-US' ? 'Erudite Thinking' : '菁英思维' }} {{
$cookies.get('lang') == 'en-US'
? 'Elite Mindset'
: '菁英思维'
}}
</div> </div>
</div> </div>
</li> </li>
...@@ -61,15 +100,25 @@ ...@@ -61,15 +100,25 @@
<img src="https://webapp-pub.ezijing.com/www/pc/emp-gx6.jpg" /> <img src="https://webapp-pub.ezijing.com/www/pc/emp-gx6.jpg" />
<div class="pop-txt"> <div class="pop-txt">
<div class="name"> <div class="name">
{{ $cookies.get('lang') == 'en-US' ? 'Erudite Skills' : '菁英技能' }} {{
$cookies.get('lang') == 'en-US'
? 'Elite Skills'
: '菁英技能'
}}
</div> </div>
</div> </div>
</li> </li>
<li> <li>
<img src="https://webapp-pub.ezijing.com/www/pc/emp624-i2.png" /> <img
src="https://webapp-pub.ezijing.com/www/pc/emp624-i2.png"
/>
<div class="pop-txt"> <div class="pop-txt">
<div class="name"> <div class="name">
{{ $cookies.get('lang') == 'en-US' ? 'Erudite Development' : '菁英拓展' }} {{
$cookies.get('lang') == 'en-US'
? 'Elite Development'
: '菁英拓展'
}}
</div> </div>
</div> </div>
</li> </li>
...@@ -77,16 +126,37 @@ ...@@ -77,16 +126,37 @@
<img src="https://webapp-pub.ezijing.com/www/pc/emp-gx8.jpg" /> <img src="https://webapp-pub.ezijing.com/www/pc/emp-gx8.jpg" />
<div class="pop-txt"> <div class="pop-txt">
<div class="name"> <div class="name">
{{ $cookies.get('lang') == 'en-US' ? 'Erudite Practice' : '菁英实训' }} {{
$cookies.get('lang') == 'en-US'
? 'Elite Practical Training'
: '菁英实训'
}}
</div> </div>
</div> </div>
</li> </li>
</ul> </ul>
<img src="https://webapp-pub.ezijing.com/www/pc/internship/img4.png" class="img1" /> <img
<h1 style="font-size:22px;color:#424242;padding-bottom:20px">部分合作企业</h1> :src="
<img src="https://webapp-pub.ezijing.com/www/pc/internship/img5.png" class="img1" /> $cookies.get('lang') == 'en-US'
<h1 style="font-size:22px;color:#424242;padding-bottom:20px">实习就业咨询合作</h1> ? 'https://webapp-pub.ezijing.com/www/pc/internship/img3_en.png'
<p style="font-size:18px;color:#424242">联系电话：010-62799201&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 王老师</p> : 'https://webapp-pub.ezijing.com/www/pc/internship/img3.png'
"
class="img1"
/>
<h1 style="font-size: 22px; color: #424242; padding-bottom: 20px">
{{ $t('employment.company_tit') }}
</h1>
<img
src="https://webapp-pub.ezijing.com/www/pc/internship/img5.png"
class="img1"
/>
<h1 style="font-size: 22px; color: #424242; padding-bottom: 20px">
{{ $t('employment.cooperation_tit') }}
</h1>
<p
style="font-size: 18px; color: #424242"
v-html="$t('employment.phone_num')"
></p>
</div> </div>
</div> </div>
</div> </div>
...@@ -129,23 +199,7 @@ export default { ...@@ -129,23 +199,7 @@ export default {
prevEl: '.prev-button' prevEl: '.prev-button'
}, },
loop: true loop: true
}, }
list: [
{ image: 'https://webapp-pub.ezijing.com/www/pc/emp624-i1.png', text: '职业思维篇' },
{ image: 'https://webapp-pub.ezijing.com/www/pc/emp-gx2.jpg', text: '职业形象篇' },
{ image: 'https://webapp-pub.ezijing.com/www/pc/emp-gx3.jpg', text: '职业效率篇' },
{ image: 'https://webapp-pub.ezijing.com/www/pc/emp-gx4.jpg', text: '职业提升篇' },
{ image: 'https://webapp-pub.ezijing.com/www/pc/emp-gx5.jpg', text: '菁英思维' },
{ image: 'https://webapp-pub.ezijing.com/www/pc/emp-gx6.jpg', text: '菁英技能' },
{ image: 'https://webapp-pub.ezijing.com/www/pc/emp624-i2.png', text: '菁英拓展' },
{ image: 'https://webapp-pub.ezijing.com/www/pc/emp-gx8.jpg', text: '菁英实战' }
],
list2: [
{ image: 'https://webapp-pub.ezijing.com/www/pc/emp-gx2-1.jpg', text: '行业分析' },
{ image: 'https://webapp-pub.ezijing.com/www/pc/emp-gx2-2.jpg', text: '人才测评' },
{ image: 'https://webapp-pub.ezijing.com/www/pc/emp-gx2-3.jpg', text: '自我认知' },
{ image: 'https://webapp-pub.ezijing.com/www/pc/emp-gx2-4.jpg', text: '人岗匹配' }
]
} }
}, },
methods: { methods: {
...@@ -155,7 +209,7 @@ export default { ...@@ -155,7 +209,7 @@ export default {
}, },
computed: { computed: {
m1SetStyle() { m1SetStyle() {
return url => { return (url) => {
return `background: url(${url});background-size: 100% 100%` return `background: url(${url});background-size: 100% 100%`
} }
}, },
...@@ -209,9 +263,8 @@ export default { ...@@ -209,9 +263,8 @@ export default {
width: 154px; width: 154px;
} }
.img21 { .img21 {
width: 432px; width: 498px;
height: 76px; height: 27px;
line-height: 76px;
} }
.img3 { .img3 {
width: 201px; width: 201px;
......
pages/services/index.vue
浏览文件 @ b5a7f9f1
差异被折叠。
pages/services/school.vue
浏览文件 @ b5a7f9f1
<!-- 引产入校 --> <!-- 引产入校 -->
<template> <template>
<div> <div>
<div class="banner"><img src="https://webapp-pub.ezijing.com/www/pc/services/school/banner.jpg" /></div> <div class="banner">
<img
src="https://webapp-pub.ezijing.com/www/pc/services/school/banner.jpg"
/>
</div>
<section class="section"> <section class="section">
<div class="section-inner"> <div class="section-inner">
<h2 class="section-title">引产入校</h2> <h2 class="section-title">{{ $t('school.tit') }}</h2>
<p class="section-desc"> <p class="section-desc">
紫荆教育针对数字经济岗位要求，以培养学生综合职业能力为导向，结合学校数字经济专业实训条件， {{ $t('school.desc') }}
提出“引产入校、以产促教”的工学结合一体化人才培养思路。引进企业产品设计研发任务，将一体化课程项目教学与实际产品设计研发相结合，安排学生参与产品设计研发、市场推广运营等环节，使学生掌握各种岗位的技能与能力，形成必备的职业核心技能和素养，从而实现入学即上岗的产教融合教学模式。目前紫荆教育提供与数字营销、数字分析、数字媒体、数字金融、数字运营等专业相关的超1000个岗位。
</p> </p>
<div class="section-pic" style="margin-top: 120px;"> <div class="section-pic" style="margin-top: 120px">
<img src="https://webapp-pub.ezijing.com/www/pc/services/school/1.png" /> <img
:src="
$cookies.get('lang') == 'en-US'
? 'https://webapp-pub.ezijing.com/www/pc/services/school/1_en.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/school/1.png'
"
/>
</div> </div>
</div> </div>
</section> </section>
<section class="section"> <section class="section">
<div class="section-inner"> <div class="section-inner">
<h2 class="section-title">引产入校综合育人机制</h2> <h2 class="section-title">{{ $t('school.mechanism.tit') }}</h2>
<div class="edu-list"> <div class="edu-list">
<div class="edu-item" v-for="item in list" :key="item.image_url"> <div class="edu-item" v-for="item in list" :key="item.image_url">
<div class="edu-item__pic"><img :src="item.image_url" /></div> <div class="edu-item__pic"><img :src="item.image_url" /></div>
<div class="edu-item__content"> <div class="edu-item__content">
<h2>{{ item.title }}</h2> <h2>{{ item.title }}</h2>
<ul> <ul>
<li v-for="(item, index) in item.items" :key="index">{{ item }}</li> <li v-for="(item, index) in item.items" :key="index">
{{ item }}
</li>
</ul> </ul>
</div> </div>
</div> </div>
...@@ -33,7 +44,14 @@ ...@@ -33,7 +44,14 @@
<section class="section"> <section class="section">
<div class="section-inner"> <div class="section-inner">
<div class="section-pic"> <div class="section-pic">
<img src="https://webapp-pub.ezijing.com/www/pc/services/school/2.png" width="100%" /> <img
:src="
$cookies.get('lang') == 'en-US'
? 'https://webapp-pub.ezijing.com/www/pc/services/school/2_en.png'
: 'https://webapp-pub.ezijing.com/www/pc/services/school/2.png'
"
width="100%"
/>
</div> </div>
</div> </div>
</section> </section>
...@@ -46,24 +64,29 @@ export default { ...@@ -46,24 +64,29 @@ export default {
return { return {
list: [ list: [
{ {
image_url: 'https://webapp-pub.ezijing.com/www/pc/services/school/yrjz_1.png', image_url:
title: '数字金融', 'https://webapp-pub.ezijing.com/www/pc/services/school/yrjz_1.png',
items: ['远程视频服务岗（银行）', '金融科技运营推广岗', '数字金融分析', '……'] title: this.$t('school.mechanism.item1_tit'),
items: this.$t('school.mechanism.item1_desc')
}, },
{ {
image_url: 'https://webapp-pub.ezijing.com/www/pc/services/school/yrjz_2.png', image_url:
title: '商业数据分析', 'https://webapp-pub.ezijing.com/www/pc/services/school/yrjz_2.png',
items: ['数据触达', '数据运营', '数据加工', '数据收集', '……'] title: this.$t('school.mechanism.item2_tit'),
items: this.$t('school.mechanism.item2_desc')
}, },
{ {
image_url: 'https://webapp-pub.ezijing.com/www/pc/services/school/yrjz_3.png', image_url:
title: '智能管理与数字运营', 'https://webapp-pub.ezijing.com/www/pc/services/school/yrjz_3.png',
items: ['用户分析', '新媒体用户运营', '小程序用户运营', '社群运营', '门店APP运营', '门店数字化工具运营', '……'] title: this.$t('school.mechanism.item3_tit'),
items: this.$t('school.mechanism.item3_desc')
}, },
{ {
image_url: 'https://webapp-pub.ezijing.com/www/pc/services/school/yrjz_4.png', image_url:
'https://webapp-pub.ezijing.com/www/pc/services/school/yrjz_4.png',
title: '品牌管理与数字化营销', title: '品牌管理与数字化营销',
items: ['新媒体运营', '短视频制作', '客户数据分析', '直播带货', '数字营销策划', '……'] title: this.$t('school.mechanism.item4_tit'),
items: this.$t('school.mechanism.item4_desc')
} }
] ]
} }
......
pages/services/teach.vue
浏览文件 @ b5a7f9f1
差异被折叠。
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论