Skip to content

P
project-www-pc
提交 70f2b887 authored 作者: 王鹏飞's avatar 王鹏飞
浏览文件
操作

chore: 新增商业数据分析实验室

上级 e81001ef
显示空白字符变更
内嵌 并排
正在显示 包含 572 行增加 和 82 行删除
components/Head.vue
浏览文件 @ 70f2b887
......@@ -219,6 +219,11 @@ export default {
name: this.$t('menu.industrialCollegeChild.cert'),
isShow: false,
path: '/services/job'
},
{
name: this.$t('menu.industrialCollegeChild.data'),
isShow: false,
path: '/services/dataAnalysis'
}
]
},
......
components/home/industrialCollege.vue
浏览文件 @ 70f2b887
<template>
<div class="service-content max-width-center">
<div class="title">{{$t('home.college.title')}}</div>
<div class="title">{{ $t('home.college.title') }}</div>
<ul class="nav-content">
<li v-for="(item, index) in data" :key="index" @click="goPage(item.path, item.pathType)">
<img :src="item.icon" alt="" class="icon">
<img :src="item.iconActive" alt="" class="icon-active">
<img :src="item.icon" alt="" class="icon" />
<img :src="item.iconActive" alt="" class="icon-active" />
<div class="text" v-html="item.text"></div>
</li>
</ul>
......@@ -18,32 +18,51 @@ export default {
{
icon: 'https://webapp-pub.ezijing.com/www/pc/home/01.png',
iconActive: 'https://webapp-pub.ezijing.com/www/pc/home/01_on.png',
text: this.$t('home.college.corePower'), path: '/services/college', pathType: 1
text: this.$t('home.college.corePower'),
path: '/services/college',
pathType: 1
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/home/02.png',
iconActive: 'https://webapp-pub.ezijing.com/www/pc/home/02_on.png',
text: this.$t('home.college.program'), path: '/services/major', pathType: 1
text: this.$t('home.college.program'),
path: '/services/major',
pathType: 1
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/home/03.png',
iconActive: 'https://webapp-pub.ezijing.com/www/pc/home/03_on.png',
text: this.$t('home.college.saas'), path: 'https://x-learning.ezijing.com', pathType: 0
text: this.$t('home.college.saas'),
path: 'https://x-learning.ezijing.com',
pathType: 0
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/home/04.png',
iconActive: 'https://webapp-pub.ezijing.com/www/pc/home/04_on.png',
text: this.$t('home.college.internship'), path: '/services/employment', pathType: 1
text: this.$t('home.college.internship'),
path: '/services/employment',
pathType: 1
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/home/05.png',
iconActive: 'https://webapp-pub.ezijing.com/www/pc/home/05_on.png',
text: this.$t('home.college.x'), path: 'https://x.ezijing.com', pathType: 0
text: this.$t('home.college.x'),
path: 'https://x.ezijing.com',
pathType: 0
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/home/06.png',
iconActive: 'https://webapp-pub.ezijing.com/www/pc/home/06_on.png',
text: this.$t('home.college.cert'), path: '/services/job', pathType: 1
text: this.$t('home.college.cert'),
path: '/services/job',
pathType: 1
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/home/07.png',
iconActive: 'https://webapp-pub.ezijing.com/www/pc/home/07_on.png',
text: this.$t('home.college.data'),
path: '/services/dataAnalysis',
pathType: 1
}
]
}
......@@ -62,47 +81,47 @@ export default {
</script>
<style lang="scss" scoped>
.service-content{
.service-content {
padding-top: 44px;
.title{
.title {
font-size: 24px;
font-weight: bold;
line-height: 34px;
color: #424242;
margin-bottom: 20px;
}
.nav-content{
.nav-content {
display: flex;
li{
li {
width: 156px;
height: 186px;
background: #FFFFFF;
background: #ffffff;
padding-top: 36px;
margin-right: 20px;
cursor: pointer;
transition: all .5s;
img{
transition: all 0.5s;
img {
width: 64px;
height: 64px;
display: block;
margin: 0 auto;
}
.icon-active{
.icon-active {
display: none;
}
&:hover{
&:hover {
background: rgba(170, 25, 65, 1);
.text{
.text {
color: #fff;
}
.icon{
.icon {
display: none;
}
.icon-active{
.icon-active {
display: block;
}
}
.text{
.text {
text-align: center;
font-size: 14px;
font-weight: 400;
......@@ -113,7 +132,7 @@ export default {
}
}
}
.max-width-center{
.max-width-center {
width: 1212px;
margin: 0 auto;
}
......
langs/en-US.js
浏览文件 @ 70f2b887
......@@ -70,7 +70,8 @@ export default {
saas: 'SAAS Platform',
internship: 'internship',
x: '1+X',
cert: 'vocational certificate'
cert: 'vocational certificate',
data: '商业数据分析实验室'
},
onlineEduChild: {
service: 'business service',
......@@ -99,12 +100,13 @@ export default {
home: {
college: {
title: '数字经济产业学院',
corePower: '核心能力',
corePower: '核心特色',
program: '专业共建',
saas: 'SAAS平台',
internship: '实习就业',
x: '1+X',
cert: '职业证书'
cert: '职业证书',
data: '商业数据分析实验室'
},
degree: {
title: 'Degree Education',
......
langs/zh-CN.js
浏览文件 @ 70f2b887
......@@ -65,12 +65,13 @@ export default {
}
},
industrialCollegeChild: {
corePower: '核心能力',
corePower: '核心特色',
program: '专业共建',
saas: 'SAAS平台',
internship: '实习就业',
x: '1+X',
cert: '职业证书'
cert: '职业证书',
data: '商业数据分析实验室'
},
onlineEduChild: {
service: '业务服务模块',
......@@ -91,7 +92,7 @@ export default {
tit7: '专业+创新创业'
},
college: {
tit1: '核心能力',
tit1: '核心特色',
tit2: '服务项目',
tit3: '服务案例'
}
......@@ -99,12 +100,13 @@ export default {
home: {
college: {
title: '数字经济产业学院',
corePower: '核心能力',
corePower: '核心特色',
program: '专业共建',
saas: 'SAAS平台',
internship: '实习就业',
x: '1+X',
cert: '职业证书'
cert: '职业证书',
data: '商业数据分析实验室'
},
degree: {
title: '国际教育',
......@@ -195,7 +197,7 @@ export default {
project: {
title: '紫荆简介',
text:
'紫荆教育全称是清控紫荆（北京）教育科技股份有限公司，由清华控股有限公司于2015年发起创立。“紫荆”二字取自清华大学校花“紫荆花”，寓意“自强不息，向美而行”。<br />紫荆教育以教育为本、坚持国际化品质标准，通过科技创新、专业创新，为企业、院校及个人学习者，提供国际在线学位教育、国际留学、数字经济产业学院整体解决方案等产品服务，为各行各业培养和输送高质量的国际化和产业化人才。<br />紫荆教育与美国印第安纳大学、加州整合大学、康博斯威尔大学、玛丽伍德大学、索菲亚大学和瑞士高等教育集团等全球知名大学开展深度合作，推出在线MBA、金融学、组织领导力、应用心理学、儿童教育、服务业管理等硕士学位，培养了一大批具有国际先进管理和教育理念的杰出精英。<br />在产教融合方面，依托紫荆教育技术与产业资源优势，以国家教育政策为导向，以企业岗位人才需求为目标，协助院校应对行业变革、政策要求和办学新挑战，为院校提供产业化、国际化、数字化专业提升建设支持，优化人才培养方案，提升师资力量，共同开发精品课程资源，促进教学发展，整体提升专业建设水平，助力院校打造专业特色和优势。',
'紫荆教育全称是清控紫荆（北京）教育科技股份有限公司，由清华控股有限公司于2015年发起创立。“紫荆”二字取自清华大学校花“紫荆花”，寓意“自强不息，向美而行”。<br />紫荆教育以教育为本、坚持国际化品质标准，通过科技创新、专业创新，为企业、院校及个人学习者，提供国际在线学位教育、国际留学、数字经济产业学院整体解决方案等产品服务，为各行各业培养和输送高质量的国际化和产业化人才。<br />紫荆教育与美国印第安纳大学、加州浸会大学、加州整合大学、玛丽伍德大学、纽约州立大学石溪分校、康博斯威尔大学、索菲亚大学和瑞士高等教育集团等全球知名大学开展深度合作，推出国际博士2+1、国际硕士1+1留学项目，以及MBA、金融学、应用心理学、教育学、酒店及餐饮管理等在线硕士学位项目，培养了一大批具有国际先进管理和教育理念的杰出精英。<br />在产教融合方面，依托紫荆教育技术与产业资源优势，以国家教育政策为导向，以企业岗位人才需求为目标，协助院校应对行业变革、政策要求和办学新挑战，为院校提供产业化、国际化、数字化专业提升建设支持，优化人才培养方案，提升师资力量，共同开发精品课程资源，促进教学发展，整体提升专业建设水平，助力院校打造专业特色和优势。',
itemText1: '国际合作院校',
itemText2: '线上课程',
itemText3: '金融机构/协会/政府/学校',
......
pages/services/college.vue
浏览文件 @ 70f2b887
......@@ -4,6 +4,7 @@
<div class="mian">
<tab :data="tabList" :defaultActive="defaultActive" @tabChangeIndex="tabChangeIndex" />
<div class="college-content-mian">
<!-- 核心特色 -->
<template v-if="showModule === 0">
<div class="module-1 module-content-box">
<img src="https://webapp-pub.ezijing.com/www/pc/college-m1-banner.jpg" alt="" class="banner" />
......@@ -16,7 +17,7 @@
"
/>
<p style="font-size: 18px;font-weight: 400;color: #A81840;margin-bottom:33px">
数字经济人才需求-能力模型
依托数字经济人才需求-能力模型
</p>
<img
:src="
......@@ -27,13 +28,17 @@
/>
<div>
<p style="font-size: 18px;font-weight: 400;color: #000000;margin-bottom:20px">
数字经济产业学院共建目标
国际化引领新时代高校拔尖创新人才培养
</p>
<p style="font-size: 16px;font-weight: 400;color: #555;margin-bottom:20px">
依托清控紫荆教育长期所积累的专业化研发能力，科技研发能力以及国际化能力，我们对共建数字经济产业学院提出了“五个一流”的建设目标，力争和全国各类院校一起，从实际情况出发培养产业所急需的初、中、高等各级别专业化岗位人才。
</p>
<img style="margin-bottom:0;" src="https://webapp-pub.ezijing.com/www/pc/services/college/power_01.png" alt="" />
<img
style="margin-bottom:0;"
src="https://webapp-pub.ezijing.com/www/pc/services/college/power_01.png"
alt=""
/>
<p style="font-size: 18px;font-weight: 400;color: #000000;margin-bottom:20px">
紫荆数字经济产业学院有以下主要特点
</p>
......@@ -43,18 +48,19 @@
:key="index"
class="li"
:class="{ active: index === tabActive }"
@mouseover="navActive(item, index)"
>
<img :src="index === tabActive ? item.activeImg : item.img" alt="" style="width:43px;height:43px" />
<div class="name">{{ item.name }}</div>
</li>
</ul>
<div class="img-content">
<img src="https://webapp-pub.ezijing.com/www/pc/industry/image41.png" alt="" v-if="tabActive === 0" />
<img src="https://webapp-pub.ezijing.com/www/pc/industry/image42.png" alt="" v-if="tabActive === 1" />
<img src="https://webapp-pub.ezijing.com/www/pc/industry/image43.png" alt="" v-if="tabActive === 2" />
<img src="https://webapp-pub.ezijing.com/www/pc/industry/image44.png" alt="" v-if="tabActive === 3" />
<img src="https://webapp-pub.ezijing.com/www/pc/industry/image41.png" alt="" v-if="false" />
<img src="https://webapp-pub.ezijing.com/www/pc/industry/image42.png" alt="" v-if="tabActive === 0" />
<img src="https://webapp-pub.ezijing.com/www/pc/industry/image43.png" alt="" v-if="tabActive === 1" />
<img src="https://webapp-pub.ezijing.com/www/pc/industry/image44.png" alt="" v-if="tabActive === 2" />
</div>
<div v-if="tabActive === 0" class="part">
<div v-if="false" class="part">
<ul>
<li>数字经济人才国家战略</li>
<li>企业人才需求强劲</li>
......@@ -67,7 +73,7 @@
预计2035年中国整体数字经济规模将近16万亿，总就业容量达到4.15亿人，从目前存量看，中国国高技能人才仅占整体劳动力市场的4%，数字经济类人才缺口巨大。
</p>
</div>
<div v-if="tabActive === 1" class="part">
<div v-if="tabActive === 0" class="part">
<ul>
<li>专业能力提升</li>
<li>解决实习就业</li>
......@@ -77,7 +83,7 @@
依据数字经济岗位胜任力模型，有针对性的制定人才培养计划，全面提升人才的数字专项技能。引产入校，充分解决学生实习就业的问题，做好学员从学生到职业人的角色转化工作。产学研的融合，进一步提升院校的专业影响力。
</p>
</div>
<div v-if="tabActive === 2" class="part">
<div v-if="tabActive === 1" class="part">
<ul>
<li>学生：学-用-就业</li>
<li>学校：招生-教学-师资-实习-就业</li>
......@@ -89,7 +95,7 @@
企业，从企业发展的角度，对人才进行前置性储备，建立人才培养体系，引进实习实训，发现人才、培养人才、留住人才，形成企业的核心竞争力。
</p>
</div>
<div v-if="tabActive === 3" class="part">
<div v-if="tabActive === 2" class="part">
<ul>
<li>贯穿整个教学周期</li>
<li>服务院校长期专业发展目标</li>
......@@ -105,6 +111,7 @@
</div>
</div>
</template>
<!-- 服务项目 -->
<template v-if="showModule === 1">
<div class="module-2 module-content-box">
<img src="https://webapp-pub.ezijing.com/www/pc/industry/img5.png" alt="" class="banner" />
......@@ -136,9 +143,13 @@
@mouseleave="handleMsLeave"
:class="{ active: index === tabsActive, isHover: index === hoverIndex }"
>
<img :src="index === tabsActive || index === hoverIndex ? item.activeImg : item.img" alt="" style="width:43px;height:43px" />
<img
:src="index === tabsActive || index === hoverIndex ? item.activeImg : item.img"
alt=""
style="width:43px;height:43px"
/>
<div class="name">{{ item.name }}</div>
<p >{{ item.dec }}</p>
<p>{{ item.dec }}</p>
</li>
</ul>
<div class="content-mian" style="padding-top:10px;">
......@@ -361,6 +372,7 @@
</div>
</div>
</template>
<!-- 服务案例 -->
<template v-if="showModule === 2">
<new-list type="service_case" />
</template>
......@@ -393,11 +405,11 @@ export default {
}
],
navList: [
{
name: '需求强劲',
img: 'https://webapp-pub.ezijing.com/www/pc/industry/image51.png',
activeImg: 'https://webapp-pub.ezijing.com/www/pc/services/college/power_icon_01.png'
},
// {
// name: '需求强劲',
// img: 'https://webapp-pub.ezijing.com/www/pc/industry/image51.png',
// activeImg: 'https://webapp-pub.ezijing.com/www/pc/services/college/power_icon_01.png'
// },
{
name: '瞄准痛点',
img: 'https://webapp-pub.ezijing.com/www/pc/industry/image52.png',
......@@ -469,13 +481,13 @@ export default {
}
// const type = this.$route.query.type
// this.showModule = type ? parseInt(type) : 0
const timer = setInterval(() => {
this.count++
this.tabActive = this.count % 4
}, 5000)
this.$once('hook:beforeDestroy', () => {
clearInterval(timer)
})
// const timer = setInterval(() => {
// this.count++
// this.tabActive = this.count % 4
// }, 5000)
// this.$once('hook:beforeDestroy', () => {
// clearInterval(timer)
// })
},
methods: {
navActive(item, index) {
......@@ -677,7 +689,7 @@ export default {
height: 146px;
opacity: 1;
background: #f4f4f4;
.name{
.name {
font-size: 16px;
color: #424242;
font-weight: 400;
......@@ -686,22 +698,22 @@ export default {
.active {
background-color: #a81840;
border-bottom: 6px solid #a81840;
.name{
color:#fff;
.name {
color: #fff;
}
}
}
.img-content{
height:280px;
position:relative;
.img-content {
height: 280px;
position: relative;
overflow: hidden;
margin-bottom:30px;
img{
position:absolute;
left:0;
top:50%;
transform:translateY(-50%);
width:100%;
margin-bottom: 30px;
img {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 100%;
}
}
.part {
......@@ -720,8 +732,8 @@ export default {
display: flex;
justify-content: space-around;
align-items: center;
width:900px;
margin:0 auto;
width: 900px;
margin: 0 auto;
.li {
display: flex;
align-items: center;
......@@ -730,27 +742,28 @@ export default {
width: 130px;
height: 132px;
background: #f4f4f4;
cursor:pointer;
border-radius:4px;
transition:0.3s;
.name{
cursor: pointer;
border-radius: 4px;
transition: 0.3s;
.name {
font-size: 16px;
color: #424242;
font-weight: 400;
}
}
.active, .isHover {
.active,
.isHover {
background: #a81840;
border-top: 6px solid #a81840;
box-shadow: 5px 5px 5px #bbb;
.name{
color:#fff;
.name {
color: #fff;
}
p{
color:#fff;
p {
color: #fff;
}
}
.isHover{
.isHover {
transform: translateY(-10px);
}
}
......
pages/services/dataAnalysis.vue 0 → 100644
浏览文件 @ 70f2b887
<template>
<section class="main">
<div class="title">商业数据分析实验室</div>
<img src="https://webapp-pub.ezijing.com/www/pc/services/dataAnalysis/banner.png" class="banner" />
<article class="main-content">
<p>
<b
>数据分析、数字运营、数字营销是数字化人才的核心必备能力。在“数字化核心能力专业建设”和“数字＋全行业专业建设”中，数据分析能力是数字化人才培养的核心基础能力！</b
>
</p>
<p>
2018年以来，清控紫荆教育通过调研600+数字化及数字化转型企业，举办100+场次以行企专家、高校学科带头人、学者为主的研讨会，分析近三年超过180万+数字经济从业岗位需求，对比分析200+数字经济相关专业人才培养方案，梳理出商业数据分析通用能力模型。
</p>
<img src="https://webapp-pub.ezijing.com/www/pc/services/dataAnalysis/01.png" class="img" />
<p>
结合市场需求，清控紫荆教育推出<span>“商业数据分析实验室”</span>。为本科院校和高职院校师生提供实训课程教学服务，培养一批行业素养高、应用能力强的数字化人才，实现人才培养与产业需求无缝对接，为合作企业及各区域数字经济发展提供人才支持服务。
</p>
<div class="article-item">
<h2 class="article-item-title">核心优势</h2>
<p>清控紫荆教育商业数据分析实验室具有鲜明的“开放、共享、互动”的特点，与传统的实验实训软件相比具有如下优势。</p>
<div class="hxys-item" v-for="(item, index) in hxysList" :key="index">
<img :src="item.url" />
<div class="hxys-item-inner">
<h3>{{ item.title }}</h3>
<p>{{ item.desc }}</p>
</div>
</div>
</div>
<div class="article-item">
<h2 class="article-item-title">产品简介</h2>
<div class="article-subitem">
<h3 class="article-subitem-title"><span>教学内容介绍</span></h3>
<h4 class="article-subitem-subtitle">商业数据分析教学知识点全覆盖</h4>
<p>
商业数据分析实验室能够完整的支撑数据分析的全流程，全面覆盖商业数据分析相关的所有的教学知识点和教学场景，包含了：数据对接与集成、数据处理、数据采集与填报、数据探索、数据画像、人工智能算法及模型探索等。
</p>
<img src="https://webapp-pub.ezijing.com/www/pc/services/dataAnalysis/02.png" class="img" />
<h4 class="article-subitem-subtitle">内置行业数据集</h4>
<p>
商业数据分析实验室内置多个经过数据脱敏和教育适配性改造之后的高质量行业数据集，<b
>涵盖金融、互联网、交通、政府、娱乐、教育、体育、环境、商业、媒体、电商等10+领域。</b
>
</p>
<swiper :options="swiperOption">
<swiper-slide v-for="(item, index) in hysjList" :key="index" class="hysj-item">
<img :src="item.url" />
<p>{{ item.title }}</p>
</swiper-slide>
</swiper>
<p>
数据集均来自真实行业，经过数据脱敏、清洗、补全和加工处理后进行使用。<b>数据集数据已达100T+</b>，能够为商业数据分析实践教学提供充分的数据支撑。
</p>
<p><b>清控紫荆教育每年对已有数据集提供数据更新服务和新增数据集服务，确保平台数据的新鲜度。</b></p>
<img src="https://webapp-pub.ezijing.com/www/pc/services/dataAnalysis/03.png" class="img" />
<h4 class="article-subitem-subtitle">配套行业教学案例库</h4>
<p>
商业数据分析实验室依托行业数据集，内置经过教育适配化之后的真实行业教学案例库。目前案例库<b>案例数量已达到30+</b>，<b>教学学时数已达到120+</b>。
</p>
<p>
每个行业教学案例包含4个课时的学习内容，既包含面向学生的学习指导（实验指导书、实验学习视频等），也包含面向教师的教学指导、对应的课程资源（教学方案、教学PPT、视频、题库等）、对应数据集以及程序源代码等。让学生在校即可熟练掌握真实商业环境下的业务操作和商业数据分析，实现教学与行业的无缝对接。
</p>
<img src="https://webapp-pub.ezijing.com/www/pc/services/dataAnalysis/04.png" class="img" />
<p>每个行业案例均能够支撑多门课程的教学使用，部分案例详细描述如下：</p>
<img src="https://webapp-pub.ezijing.com/www/pc/services/dataAnalysis/05.png" class="img" />
</div>
<div class="article-subitem">
<h3 class="article-subitem-title"><span>平台功能介绍</span></h3>
<div class="ptgnjs-wrapper">
<div class="ptgnjs-item" v-for="(item, index) in ptgnjsList" :key="index">
<h6>{{ item.title }}</h6>
<p>{{ item.desc }}</p>
</div>
</div>
</div>
<div class="article-subitem">
<h3 class="article-subitem-title"><span>配套服务介绍</span></h3>
<p>清控紫荆教育提供教学服务的目标是解决长期以来学校采购商业级软件但却无法有效服务于教学与实训的问题。</p>
<h4 class="article-subitem-subtitle">
清控紫荆教育商业数据分析实验室提供如下产品、教学和资源建设等相关服务：
</h4>
<div class="service-wrapper">
<div class="service-item" v-for="(item, index) in serviceList" :key="index">
<img :src="item.icon" class="service-icon" />
<img :src="item.hoverIcon" class="service-icon-hover" />
<p v-html="item.desc"></p>
</div>
</div>
<h4 class="article-subitem-subtitle">公有云+私有云结合的灵活落地部署模式</h4>
<img src="https://webapp-pub.ezijing.com/www/pc/services/dataAnalysis/06.png" class="img" />
</div>
</div>
</article>
</section>
</template>
<script>
export default {
data() {
return {
// 核心优势
hxysList: [
{
url: 'https://webapp-pub.ezijing.com/www/pc/services/dataAnalysis/hxys_01.png',
title: '优势一：商业数据分析教学知识点全覆盖',
desc: '平台能够完整的支撑数据分析教学全流程，全面覆盖商业数据分析相关的知识点和教学场景。'
},
{
url: 'https://webapp-pub.ezijing.com/www/pc/services/dataAnalysis/hxys_02.png',
title: '优势二：内置海量行业真实数据集和案例集',
desc:
'平台内置海量高质量真实行业数据集，配套教学课程及30多个行业真实案例，可用于商业级数据分析场景，实现教学与行业的无缝对接。'
},
{
url: 'https://webapp-pub.ezijing.com/www/pc/services/dataAnalysis/hxys_03.png',
title: '优势三：提供终身升级更新配套服务',
desc: '包含了平台功能终身免费升级，行业数据集和案例集每年免费更新与扩容等服务。'
},
{
url: 'https://webapp-pub.ezijing.com/www/pc/services/dataAnalysis/hxys_04.png',
title: '优势四：工业级商业平台功能，与真实工作场景无缝对接',
desc:
'通过将商业级数据分析平台进行教育适配，使得平台更加简单方便，便于学生进行实操实战。同时平台还兼顾商业级产品完善的安全管控，后台监控，高性能，高可靠和灵活的集成对接能力。'
},
{
url: 'https://webapp-pub.ezijing.com/www/pc/services/dataAnalysis/hxys_05.png',
title: '优势五：平台具备多种特色功能且部署灵活',
desc:
'低代码，自服务；内置人工智能AI算法；算法模型扩展等多种特色功能，通过“公有云+私有云”的灵活部署方式，满足多种场景下的混合式教学。'
}
],
// 内置行业数据集
hysjList: [
{ url: 'https://webapp-pub.ezijing.com/www/pc/services/dataAnalysis/hy_01.png', title: '金融' },
{ url: 'https://webapp-pub.ezijing.com/www/pc/services/dataAnalysis/hy_02.png', title: '互联网' },
{ url: 'https://webapp-pub.ezijing.com/www/pc/services/dataAnalysis/hy_03.png', title: '交通' },
{ url: 'https://webapp-pub.ezijing.com/www/pc/services/dataAnalysis/hy_04.png', title: '政府' },
{ url: 'https://webapp-pub.ezijing.com/www/pc/services/dataAnalysis/hy_01.png', title: '娱乐' },
{ url: 'https://webapp-pub.ezijing.com/www/pc/services/dataAnalysis/hy_02.png', title: '教育' },
{ url: 'https://webapp-pub.ezijing.com/www/pc/services/dataAnalysis/hy_03.png', title: '体育' },
{ url: 'https://webapp-pub.ezijing.com/www/pc/services/dataAnalysis/hy_04.png', title: '环境' },
{ url: 'https://webapp-pub.ezijing.com/www/pc/services/dataAnalysis/hy_01.png', title: '商业' },
{ url: 'https://webapp-pub.ezijing.com/www/pc/services/dataAnalysis/hy_02.png', title: '媒体' }
],
swiperOption: { slidesPerView: 'auto', spaceBetween: 12 },
// 平台功能介绍
ptgnjsList: [
{
title: '特色功能一：低代码，自服务',
desc:
'通过学生自主进行拖拽和配置的低代码编辑功能，将数据集成、数据处理、数据探索等传统且需要一定编程能力要求的实验操作场景难度大大降低，几乎实现零代码，大大提升了实验室对不同专业学生的适应性。'
},
{
title: '特色功能二：深度融合 AI',
desc:
'平台内置人工智能 AI 算法，能够实现统计分析、分类算法、回归算法、聚类算法、关联规则、时间序列等多种 AI 算法的零代码使用，大大降低 AI 算法使用难度。'
},
{
title: '特色功能二：算法模型扩展',
desc:
'平台具备与 Python 和 R 语言的对接，支持运行 Python 和 R 语言脚本，满足对于算法模型开发和调试的高阶要求。'
}
],
// 配套服务介绍
serviceList: [
{
icon: 'https://webapp-pub.ezijing.com/www/pc/services/dataAnalysis/icon_01.png',
hoverIcon: 'https://webapp-pub.ezijing.com/www/pc/services/dataAnalysis/icon_01_hover.png',
desc: '平台产品功能终身免费升级'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/services/dataAnalysis/icon_02.png',
hoverIcon: 'https://webapp-pub.ezijing.com/www/pc/services/dataAnalysis/icon_02_hover.png',
desc: '数据集每年免费更新与扩容<br/>（每年不低于500G）'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/services/dataAnalysis/icon_03.png',
hoverIcon: 'https://webapp-pub.ezijing.com/www/pc/services/dataAnalysis/icon_03_hover.png',
desc: '行业案例集每年免费更新与扩容<br />（每年不少于10个）'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/services/dataAnalysis/icon_04.png',
hoverIcon: 'https://webapp-pub.ezijing.com/www/pc/services/dataAnalysis/icon_04_hover.png',
desc: '免费产品培训'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/services/dataAnalysis/icon_05.png',
hoverIcon: 'https://webapp-pub.ezijing.com/www/pc/services/dataAnalysis/icon_05_hover.png',
desc: '产品功能与性能巡检'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/services/dataAnalysis/icon_06.png',
hoverIcon: 'https://webapp-pub.ezijing.com/www/pc/services/dataAnalysis/icon_06_hover.png',
desc: '产品使用分析与建议'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/services/dataAnalysis/icon_07.png',
hoverIcon: 'https://webapp-pub.ezijing.com/www/pc/services/dataAnalysis/icon_07_hover.png',
desc: '依托于行业数据集，辅助开展科研项目<br />（课题申报等）'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/services/dataAnalysis/icon_08.png',
hoverIcon: 'https://webapp-pub.ezijing.com/www/pc/services/dataAnalysis/icon_08_hover.png',
desc: '依托于AI深度分析功能，辅助进行技术支持（数据挖掘，数据建模等）'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/services/dataAnalysis/icon_09.png',
hoverIcon: 'https://webapp-pub.ezijing.com/www/pc/services/dataAnalysis/icon_09_hover.png',
desc: '辅助进行校本课程开发，协助申报教学成果'
}
]
}
}
}
</script>
<style lang="scss" scoped>
.main {
width: 1200px;
margin: 0 auto;
.title {
font-size: 28px;
line-height: 100%;
padding: 48px 0 28px;
color: #aa1941;
}
.banner {
display: block;
width: 100%;
}
}
.main-content {
padding: 56px;
margin-bottom: 86px;
background: #fff;
img {
max-width: 100%;
}
.img {
display: block;
margin: 50px auto;
}
p {
font-size: 16px;
line-height: 32px;
color: #424242;
span {
color: #a81840;
}
}
}
.article-item {
margin: 56px 0;
}
.article-item-title {
margin-bottom: 30px;
font-size: 22px;
font-weight: 500;
line-height: 24px;
color: #333333;
}
.hxys-item {
position: relative;
height: 140px;
margin-top: 20px;
overflow: hidden;
&:hover {
img {
transform: scale(1.1);
}
}
img {
width: 100%;
height: 100%;
object-fit: cover;
transition: all 0.3s;
}
h3 {
font-size: 16px;
font-weight: 400;
line-height: 32px;
color: #fff;
}
p {
margin-top: 10px;
font-weight: 300;
color: #fff;
line-height: 26px;
}
}
.hxys-item-inner {
display: flex;
flex-direction: column;
justify-content: center;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
padding: 0 40px;
}
.article-subitem {
margin: 0 36px 56px;
}
.article-subitem-title {
margin-bottom: 20px;
font-size: 20px;
font-weight: 400;
line-height: 34px;
color: #424242;
span {
border-bottom: 1px solid #aa1941;
}
}
.article-subitem-subtitle {
margin: 20px 0;
position: relative;
padding-left: 20px;
font-size: 20px;
font-weight: 400;
line-height: 34px;
color: #a81840;
&:before {
content: '';
display: block;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 9px;
height: 9px;
background: #a81840;
border-radius: 50%;
margin-right: 10px;
}
}
.hysj-item {
margin: 20px 0;
position: relative;
width: 176px;
height: 224px;
overflow: hidden;
&:hover {
img {
transform: scale(1.1);
}
}
img {
width: 100%;
height: 100%;
object-fit: cover;
transition: all 0.3s;
}
p {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
font-size: 17px;
font-weight: 500;
color: #ffffff;
line-height: 224px;
text-align: center;
background: rgba(51, 51, 51, 0.16);
}
}
.ptgnjs-wrapper {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-column-gap: 20px;
}
.ptgnjs-item {
padding: 32px;
background: #f9f8f8;
&:hover {
background: rgba(255, 255, 255, 0.39);
box-shadow: 0px 1px 25px rgba(0, 0, 0, 0.06);
}
h6 {
margin-bottom: 30px;
font-size: 18px;
font-weight: 500;
line-height: 1;
color: #aa1941;
text-align: center;
}
p {
font-size: 16px;
font-weight: 300;
line-height: 32px;
color: #262626;
}
}
.service-wrapper {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.service-item {
position: relative;
height: 168px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 22px;
color: #424242;
background: #f4f4f4;
border-radius: 5px;
overflow: hidden;
.service-icon-hover {
display: none;
}
&:hover {
color: #a81840;
.service-icon {
display: none;
}
.service-icon-hover {
display: block;
}
::after {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 6px;
background: #a81840;
}
}
img {
height: 40px;
}
p {
margin-top: 30px;
min-height: 48px;
font-size: 16px;
font-weight: 500;
line-height: 24px;
text-align: center;
color: inherit;
}
}
</style>
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论