Skip to content

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

chore：增加政府教育合作页面

上级 82381f2f
显示空白字符变更
内嵌 并排
正在显示 包含 587 行增加 和 94 行删除
components/ArticleDetail.vue
浏览文件 @ 7106b994
<template>
<app-frame v-bind="$attrs" v-on="$listeners" class="article-detail">
<template #article>
<div v-bind="$attrs" v-on="$listeners" class="article-detail">
<!-- <app-frame v-bind="$attrs" v-on="$listeners" class="article-detail"> -->
<!-- <template #article> -->
<div class="article-back" @click="$emit('back')">
<div class="el-icon-arrow-left"></div>
<div class="text">返回</div>
......@@ -9,8 +10,9 @@
<h1 class="article-title">{{ data.title }}</h1>
<div class="article-content" v-html="data.content"></div>
<ArticleRecommend />
</template>
</app-frame>
<!-- </template> -->
<!-- </app-frame> -->
</div>
</template>
<script>
import AppFrame from '@/components/AppFrame'
......@@ -39,6 +41,10 @@ export default {
<style lang="scss">
.is-pc {
.article-detail {
width: 1200px;
margin: 30px auto;
}
.article-back {
margin-bottom: 20px;
display: flex;
......
components/Head.vue
浏览文件 @ 7106b994
......@@ -135,7 +135,7 @@ export default {
},
{
name: '政府教育合作',
path: '/internationalDegree',
path: '/goverment/Index',
childern: [
{
name: '数字人才产教融合实践基地',
......@@ -143,37 +143,50 @@ export default {
childern: [
{
name: '数字经济产业学院',
path: 'https://kelley.ezijing.com',
pathType: 1
pathType: 3
// path: 'https://kelley.ezijing.com',
// pathType: 1
},
{
name: '数字经济实验室',
path: 'https://cu.ezijing.com',
pathType: 1
pathType: 3
// path: 'https://cu.ezijing.com',
// pathType: 1
},
{
name: '数字经济职业技能中心',
path: 'https://ciis.ezijing.com',
pathType: 1
pathType: 3
// path: 'https://ciis.ezijing.com',
// pathType: 1
},
{
name: '数字经济产业&人才服务平台',
path: ' https://cuw.ezijing.com/index',
pathType: 1
pathType: 3
// path: ' https://cuw.ezijing.com/index',
// pathType: 1
}
]
},
{
name: '数字化管理高级培训',
pathType: 3,
isShow: false
},
{
name: '紫荆E-SAAS平台',
isShow: false
isShow: false,
path: 'https://e-saas.ezijing.com/',
pathType: 1
},
{
name: '成功案例',
isShow: false
isShow: false,
path: '/services/college/case'
}
]
},
......@@ -184,31 +197,33 @@ export default {
childern: [
{
name: '数字经济产业学院',
path: '/services/college',
isShow: false,
childern: [
{
name: '数字化改造',
path: 'https://kelley.ezijing.com',
pathType: 1
name: '专业共建数字化改造',
// path: 'https://kelley.ezijing.com',
pathType: 3
},
{
name: '数字经济实验室',
path: 'https://kelley.ezijing.com',
pathType: 1
pathType: 3
// pathType: 1
},
{
name: '教学研发',
path: 'https://kelley.ezijing.com',
pathType: 1
// path: 'https://kelley.ezijing.com',
pathType: 3
},
{
name: '引产入校',
path: 'https://kelley.ezijing.com',
pathType: 1
// path: 'https://kelley.ezijing.com',
pathType: 3
},
{
name: '实习就业',
path: 'https://kelley.ezijing.com',
path: '/services/employment',
pathType: 1
}
]
......@@ -216,7 +231,7 @@ export default {
{
name: '成功案例',
isShow: false,
path: '/services/major'
path: '/services/college/case'
}
]
},
......@@ -291,26 +306,6 @@ export default {
}
]
}
// {
// name: this.$t('menu.degreeChild.doctor'),
// isShow: false,
// childern: [
// {
// name: this.$t('menu.degreeChild.doctorChild.dba'),
// pathType: 3
// },
// {
// name: this.$t('menu.degreeChild.doctorChild.edd'),
// path: 'https://cbu-plus.ezijing.com',
// pathType: 1
// },
// {
// name: this.$t('menu.degreeChild.doctorChild.cbu_online'),
// pathType: 1,
// path: 'https://cbu-online.ezijing.com/'
// }
// ]
// }
]
},
{
......@@ -357,12 +352,12 @@ export default {
childern: [
{
name: '数字化转型高级研修项目',
path: 'https://x.ezijing.com',
pathType: 1
// path: 'https://x.ezijing.com',
pathType: 3
},
{
name: '成功案例',
path: 'https://prp.ezijing.com/',
path: '/services/college/case',
pathType: 1
}
]
......
components/home/projectService/company.vue
浏览文件 @ 7106b994
......@@ -4,7 +4,9 @@
<h5 class="gov_tit">企业</h5>
<ul class="gov_con">
<li v-for="(item, index) in companyList" :key="index">
<AppLink :data="item">
<div class="con_desc" v-html="item.desc"></div>
</AppLink>
</li>
</ul>
</div>
......@@ -13,15 +15,21 @@
</template>
<script>
import AppLink from '@/components/Link'
export default {
components: { AppLink },
data() {
return {
companyList: [
{
desc: `数字化转型 <br />高级研修<br />项目`
desc: `数字化转型 <br />高级研修<br />项目`,
onClick: () => {
this.$message('暂未开通')
}
},
{
desc: '成功案例'
desc: '成功案例',
path: '/services/college/case'
}
]
}
......
components/home/projectService/goverment.vue
浏览文件 @ 7106b994
......@@ -4,14 +4,18 @@
<ul class="gov_con">
<li v-for="(item, index) in govList" :key="index">
<template v-if="!item.isChild">
<AppLink :data="item">
<div class="con_desc" v-html="item.desc"></div>
</AppLink>
</template>
<template v-else>
<AppLink :data="item">
<div class="con_part">
<img :src="item.img" class="icon" />
<img :src="item.imgActive" alt="" class="icon_active" />
<div class="con_desc" v-html="item.desc"></div>
</div>
</AppLink>
</template>
</li>
</ul>
......@@ -19,7 +23,9 @@
</template>
<script>
import AppLink from '@/components/Link'
export default {
components: { AppLink },
data() {
return {
govList: [
......@@ -27,49 +33,69 @@ export default {
img: '',
imgActive: '',
desc: `数字人才<br />产教融合<br />实践基地`,
isChild: false
isChild: false,
onClick: () => {
this.$message('暂未开通')
}
},
{
img: 'https://webapp-pub.ezijing.com/www/pc/home/gov/icon_gongjian.png',
imgActive: 'https://webapp-pub.ezijing.com/www/pc/home/gov/icon_gongjian_active.png',
desc: `数字经济<br />产业学院`,
isChild: true
isChild: true,
onClick: () => {
this.$message('暂未开通')
}
},
{
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/home/gov/icon_shiyan.png',
imgActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/home/gov/icon_shiyan_active.png',
desc: `数字经济 <br />实验室`,
isChild: true
isChild: true,
onClick: () => {
this.$message('暂未开通')
}
},
{
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/home/gov/icon_1%2Bx.png',
imgActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/home/gov/icon_1%2Bx_active.png',
desc: `数字经济 <br />职业技能中心`,
isChild: true
isChild: true,
onClick: () => {
this.$message('暂未开通')
}
},
{
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/home/gov/icon_pt.png',
imgActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/home/gov/icon_pt_active.png',
desc: `数字经济产业& <br />人才服务平台`,
isChild: true
isChild: true,
onClick: () => {
this.$message('暂未开通')
}
},
{
img: '',
imgActive: '',
desc: `数字化管理<br />高级培训`,
isChild: false
isChild: false,
onClick: () => {
this.$message('暂未开通')
}
},
{
img: '',
imgActive: '',
desc: `紫荆E-SAAS <br />平台`,
isChild: false
isChild: false,
href: 'https://e-saas.ezijing.com/'
},
{
img: '',
imgActive: '',
desc: `成功案例`,
isChild: false
isChild: false,
path: '/services/college/case'
}
]
}
......
components/home/projectService/school.vue
浏览文件 @ 7106b994
......@@ -4,9 +4,12 @@
<ul class="gov_con">
<li v-for="(item, index) in schoolList" :key="index">
<template v-if="!item.isChild">
<AppLink :data="item">
<div class="con_desc" v-html="item.desc"></div>
</AppLink>
</template>
<template v-else>
<AppLink :data="item">
<div class="con_part">
<div class="img_box">
<img :src="item.img" class="icon" />
......@@ -14,6 +17,7 @@
</div>
<div class="con_desc" v-html="item.desc"></div>
</div>
</AppLink>
</template>
</li>
</ul>
......@@ -21,47 +25,69 @@
</template>
<script>
import AppLink from '@/components/Link'
export default {
components: { AppLink },
data() {
return {
schoolList: [
{
desc: `数字经济 <br />产业学院`,
isChild: false
isChild: false,
path: '/services/college',
onClick: () => {
this.$message('暂未开通')
}
},
{
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/home/school/icon_gz.png',
imgActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/home/school/icon_gz_active.png',
desc: `数字化改造`,
isChild: true
desc: `专业共建数字化改造`,
isChild: true,
onClick: () => {
this.$message('暂未开通')
}
},
{
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/home/school/icon_sy.png',
imgActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/home/school/icon_sy_active.png',
desc: `数字经济实验室`,
isChild: true
isChild: true,
onClick: () => {
this.$message('暂未开通')
}
},
{
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/home/school/icon_yf.png',
imgActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/home/school/icon_yf_active.png',
desc: `教学研发`,
isChild: true
isChild: true,
onClick: () => {
this.$message('暂未开通')
}
},
{
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/home/school/icon_rx.png',
imgActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/home/school/icon_rx_active.png',
desc: `引产入校`,
isChild: true
isChild: true,
onClick: () => {
this.$message('暂未开通')
}
},
{
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/home/school/icon_jy.png',
imgActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/home/school/icon_jy_active.png',
desc: `实习就业`,
isChild: true
isChild: true,
onClick: () => {
this.$router.push('/services/employment')
}
},
{
desc: `成功案例`,
isChild: false
isChild: false,
path: '/services/college/case'
}
]
}
......
pages/goverment/Index.vue 0 → 100644
浏览文件 @ 7106b994
<template>
<div class="main_content">
<img class="banner" src="https://webapp-pub.ezijing.com/www/pc/goverment/goverment_banner.png" alt="" />
<div class="content_part">
<div class="part_title">数字经济产教融合实践基地</div>
<div class="part_desc">
以“政、校、企、行”协同创新为引领，按照“1（政府）+1（清控紫荆）+N（周边高校）”的模式，联合高校实施“六个共同”育人模式，即共同建<br />设高水平专业、共同开发课程、共同打造师资团队、共同设立科研中心、共同开展招生就业、共同“走出去”，打造数字经济相关的现代产业学院。
</div>
</div>
<div class="content_part1">
<div class="part_title">专注专业内涵建设，全流程实现高质量人才培养闭环</div>
<div class="part_desc">“政、校、企、行”协同创新为引领， “1（政府）+1（清控紫荆）+N（周边高校）”的模式</div>
<img class="part_img" src="https://webapp-pub.ezijing.com/www/pc/goverment/goverment_con1.png" alt="" />
<div class="part_zj">
<div class="zj_tit">紫荆提供</div>
<div class="zj_con">
<div class="con_item" v-for="(item, index) in zjList" :key="index">
<img :src="item.img" class="item_img" />
<img :src="item.imgActive" class="item_imgActive" />
<div class="item_tit">{{ item.tit }}</div>
</div>
</div>
</div>
</div>
<div class="content_part2">
<div class="part_title">专注专业内涵建设，“六个共同” 育人</div>
<div class="zj_con">
<div class="con_item" v-for="(item, index) in zyList" :key="index">
<div class="mask"></div>
<img :src="item.img" class="item_img" />
<img :src="item.imgActive" class="item_imgActive" />
<div class="item_tit">{{ item.tit }}</div>
<div class="item_desc" v-html="item.desc"></div>
<div class="item_tips" v-html="item.tips"></div>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
data() {
return {
zjList: [
{
img: 'https://webapp-pub.ezijing.com/www/pc/goverment/icon_zj1.png',
imgActive: 'https://webapp-pub.ezijing.com/www/pc/goverment/icon_zj1_active.png',
tit: '运营管理'
},
{
img: 'https://webapp-pub.ezijing.com/www/pc/goverment/icon_zj2.png',
imgActive: 'https://webapp-pub.ezijing.com/www/pc/goverment/icon_zj2_active.png',
tit: '专业设计'
},
{
img: 'https://webapp-pub.ezijing.com/www/pc/goverment/icon_zj3.png',
imgActive: 'https://webapp-pub.ezijing.com/www/pc/goverment/icon_zj3_active.png',
tit: '课程研发'
},
{
img: 'https://webapp-pub.ezijing.com/www/pc/goverment/icon_zj4.png',
imgActive: 'https://webapp-pub.ezijing.com/www/pc/goverment/icon_zj4_active.png',
tit: '双师授课'
},
{
img: 'https://webapp-pub.ezijing.com/www/pc/goverment/icon_zj5.png',
imgActive: 'https://webapp-pub.ezijing.com/www/pc/goverment/icon_zj5_active.png',
tit: '教学管理'
},
{
img: 'https://webapp-pub.ezijing.com/www/pc/goverment/icon_zj6.png',
imgActive: 'https://webapp-pub.ezijing.com/www/pc/goverment/icon_zj6_active.png',
tit: '双师打造'
},
{
img: 'https://webapp-pub.ezijing.com/www/pc/goverment/icon_zj7.png',
imgActive: 'https://webapp-pub.ezijing.com/www/pc/goverment/icon_zj7_active.png',
tit: '产教基地'
},
{
img: 'https://webapp-pub.ezijing.com/www/pc/goverment/icon_zj8.png',
imgActive: 'https://webapp-pub.ezijing.com/www/pc/goverment/icon_zj8_active.png',
tit: '实习就业'
},
{
img: 'https://webapp-pub.ezijing.com/www/pc/goverment/icon_zj9.png',
imgActive: 'https://webapp-pub.ezijing.com/www/pc/goverment/icon_zj9_active.png',
tit: '教学成果'
},
{
img: 'https://webapp-pub.ezijing.com/www/pc/goverment/icon_zj10.png',
imgActive: 'https://webapp-pub.ezijing.com/www/pc/goverment/icon_zj10_active.png',
tit: '其他'
}
],
zyList: [
{
img: 'https://webapp-pub.ezijing.com/www/pc/goverment/icon_zy1.png',
imgActive: 'https://webapp-pub.ezijing.com/www/pc/goverment/icon_zy1_active.png',
tit: '1+3+N',
desc: '1核心：商业数据分析<br/>3基础：数字营销、数字运营、数字会计<br/>N应用：数字金融、数字贸易 、数字能源…',
tips: '打造高水平专业集群'
},
{
img: 'https://webapp-pub.ezijing.com/www/pc/goverment/icon_zy2.png',
imgActive: 'https://webapp-pub.ezijing.com/www/pc/goverment/icon_zy2_active.png',
tit: '四精准、三立足',
desc:
'精准对标要求、精准开发课程、<br/>精准开展培养、精准实现就业<br/>立足商业数据分析实验室”“数字营销实验室”“云计算实验室”',
tips: '创新人才培养模式'
},
{
img: 'https://webapp-pub.ezijing.com/www/pc/goverment/icon_zy3.png',
imgActive: 'https://webapp-pub.ezijing.com/www/pc/goverment/icon_zy3_active.png',
tit: '注重双能、引培结合',
desc:
'引入产业课程、打造混编教师团队<br/>校企共建“技能大师工坊”群<br/>共建教学指导委员会，引进社会化服务团队带头人',
tips: '打造高水平教学团队'
},
{
img: 'https://webapp-pub.ezijing.com/www/pc/goverment/icon_zy4.png',
imgActive: 'https://webapp-pub.ezijing.com/www/pc/goverment/icon_zy4_active.png',
tit: '紧贴产业、育训结合',
desc:
'人才电子档案和能力数字画像<br/>工业级实验软件，还原真实的数字作业场景企<br/>业实践案例，满足多行业技能实验',
tips: '共建校内实训基地'
},
{
img: 'https://webapp-pub.ezijing.com/www/pc/goverment/icon_zy5.png',
imgActive: 'https://webapp-pub.ezijing.com/www/pc/goverment/icon_zy5_active.png',
tit: '对标精品、注重融通',
desc:
'校企联合开发产教融合型校本教材<br/>开展“课堂革命”，创新教学方法和课堂教学<br/>建设融通多类型技能竞赛、考证培训、员工培训等课程',
tips: '开发校企合作课程'
},
{
img: 'https://webapp-pub.ezijing.com/www/pc/goverment/icon_zy6.png',
imgActive: 'https://webapp-pub.ezijing.com/www/pc/goverment/icon_zy6_active.png',
tit: '面向产业、反哺产业',
desc: '联合开展课题联合申报<br/>联合开展技术咨询，共同组建技术专家智库<br/>联合开展技术成果转化',
tips: '打造产学研平台'
}
]
}
}
}
</script>
<style lang="scss" scoped>
.main_content {
background: #ffff;
width: 100%;
.banner {
width: 100%;
height: 580px;
}
.content_part {
width: 100%;
height: 316px;
background: #f9f8f8;
padding: 90px;
display: flex;
flex-direction: column;
align-items: center;
.part_title {
font-size: 30px;
font-weight: bold;
color: #333333;
}
.part_desc {
margin-top: 36px;
font-size: 18px;
font-weight: 400;
line-height: 34px;
color: #666666;
white-space: nowrap;
// text-align: center;
}
}
.content_part1 {
margin: 120px auto;
text-align: center;
.part_title {
font-size: 30px;
font-weight: bold;
color: #333333;
}
.part_desc {
font-size: 20px;
font-weight: 500;
color: #333333;
line-height: 34px;
margin-top: 28px;
}
.part_img {
width: 533px;
height: 587px;
margin-top: 67px;
}
.part_zj {
margin: 32px auto;
max-width: 1200px;
.zj_tit {
width: 80px;
height: 22px;
font-size: 20px;
font-weight: 400;
color: #424242;
padding-bottom: 7px;
box-sizing: content-box;
border-bottom: 1px solid #aa1941;
}
.zj_con {
max-width: 1200px;
margin-top: 25px;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
.con_item {
width: 228px;
height: 120px;
background: #f4f4f4;
border-radius: 5px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
cursor: pointer;
margin-top: 15px;
box-sizing: border-box;
.item_img {
display: block;
}
.item_imgActive {
display: none;
}
.item_tit {
font-size: 16px;
font-weight: 500;
color: #424242;
margin-top: 20px;
}
&:hover {
background: #aa1941;
.item_tit {
color: #ffffff;
}
.item_img {
display: none;
}
.item_imgActive {
display: block;
}
}
}
}
}
}
.content_part2 {
width: 100%;
height: 1167px;
background: #f9f8f8;
padding-top: 110px;
.part_title {
margin: auto;
text-align: center;
font-size: 30px;
font-weight: bold;
color: #333333;
}
.zj_con {
width: 1200px;
margin: 81px auto;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
.con_item {
width: 380px;
height: 380px;
display: flex;
flex-direction: column;
align-items: flex-start;
cursor: pointer;
border-bottom: 1px solid #aa1941;
padding: 49px 27px 57px 32px;
position: relative;
background: rgba(255, 255, 255, 0.39);
box-shadow: 0px 1px 12px rgba(0, 0, 0, 0.13);
margin-top: 29px;
.mask {
position: absolute;
background: rgba(0, 0, 0, 0);
opacity: 1;
top: 0;
right: 0;
width: 100%;
height: 100%;
pointer-events: none;
}
.item_img {
display: block;
}
.item_imgActive {
display: none;
}
.item_tit {
font-size: 22px;
font-weight: 500;
color: #424242;
margin-top: 27px;
}
.item_desc {
font-size: 16px;
font-weight: 400;
line-height: 32px;
color: #666666;
margin-top: 20px;
}
.item_tips {
font-size: 20px;
font-weight: 500;
// line-height: 34px;
color: #333333;
margin-top: 8px;
}
&:hover {
position: relative;
border: none;
.mask {
position: absolute;
background: rgba(0, 0, 0, 0.64);
top: 0;
right: 0;
width: 100%;
height: 100%;
pointer-events: none;
}
.item_tit {
color: #ffffff;
z-index: 20;
}
.item_tips {
z-index: 20;
color: #ffffff;
}
.item_desc {
z-index: 20;
color: #ffffff;
}
.item_img {
display: none;
}
.item_imgActive {
display: block;
z-index: 20;
}
}
}
.con_item:nth-child(1):hover {
background: url(https://webapp-pub.ezijing.com/www/pc/goverment/zy_bg1.png);
}
.con_item:nth-child(2):hover {
background: url(https://webapp-pub.ezijing.com/www/pc/goverment/zy_bg2.png);
}
.con_item:nth-child(3):hover {
background: url(https://webapp-pub.ezijing.com/www/pc/goverment/zy_bg3.png);
}
.con_item:nth-child(4):hover {
background: url(https://webapp-pub.ezijing.com/www/pc/goverment/zy_bg4.png);
}
.con_item:nth-child(5):hover {
background: url(https://webapp-pub.ezijing.com/www/pc/goverment/zy_bg5.png);
}
.con_item:nth-child(6):hover {
background: url(https://webapp-pub.ezijing.com/www/pc/goverment/zy_bg6.png);
}
}
}
}
</style>
pages/services/college/case/_id.vue
浏览文件 @ 7106b994
<template>
<article-detail :tabs="tabs" title="数字经济产业学院" @back="$router.push('/services/college/case')"></article-detail>
<article-detail @back="$router.push('/services/college/case')"></article-detail>
</template>
<script>
import ArticleDetail from '@/components/ArticleDetail'
import navList from '@/assets/servicesCollegeNavList.js'
// import navList from '@/assets/servicesCollegeNavList.js'
export default {
components: { ArticleDetail },
data() {
return {
tabs: navList(this)
// tabs: navList(this)
}
}
}
......
pages/services/college/case/index.vue
浏览文件 @ 7106b994
<template>
<app-frame :tabs="tabs" title="数字经济产业学院">
<div class="main_content">
<!-- <app-frame :tabs="tabs" title="数字经济产业学院"> -->
<img src="https://webapp-pub.ezijing.com/www/pc/news/news.png" class="banner" />
<template #article>
<!-- <template #article> -->
<article-list v-bind="listOptions"></article-list>
</template>
</app-frame>
<!-- </template> -->
<!-- </app-frame> -->
</div>
</template>
<script>
import AppFrame from '@/components/AppFrame'
import navList from '@/assets/servicesCollegeNavList.js'
// import AppFrame from '@/components/AppFrame'
// import navList from '@/assets/servicesCollegeNavList.js'
import ArticleList from '@/components/ArticleList'
import { getArticleList } from '@/api'
export default {
components: { AppFrame, ArticleList },
// components: { AppFrame, ArticleList },
components: { ArticleList },
data() {
return {
tabs: navList(this)
// tabs: navList(this)
}
},
computed: {
......@@ -35,3 +38,13 @@ export default {
}
}
</script>
<style lang="scss" scoped>
.main_content {
width: 1200px;
margin: 30px auto;
.banner {
width: 100%;
}
}
</style>
pages/services/college/index.vue
浏览文件 @ 7106b994
<template>
<app-frame :tabs="tabs" title="数字经济产业学院">
<!-- <app-frame :tabs="tabs" title="数字经济产业学院"> -->
<div class="main_content">
<img src="https://webapp-pub.ezijing.com/www/pc/college-m1-banner.jpg" class="banner" />
<template #article>
<!-- <template #article> -->
<div class="content-mian module-1">
<p style="font-size: 16px; color: rgb(85, 85, 85); margin-bottom: 20px;">
清控紫荆教育的数字经济产业学院主要分为新文科，新工科和智能制造三大方向，以数字科技为基础，形成了商业数据分析、数字营销、数字运营、数字媒体技术、数字金融；网络安全、物联网技术、云计算、人工智能；智能制造、软件应用技术、智能驾驶、智能家电、工业机器人等三大专业群。同时，基于数字经济典型应用场景，以数字化改造和专业升级为关键，围绕数字金融、数字智能制造、数字贸易、数字医疗、数字农业管理、数字能源等核心行业应用方向，进行“数字＋全行业”的专业建设。
......@@ -95,8 +96,9 @@
</div>
</div>
</div>
</template>
</app-frame>
<!-- </template> -->
</div>
<!-- </app-frame> -->
</template>
<script>
......@@ -142,7 +144,15 @@ export default {
</script>
<style lang="scss" scoped>
.main_content {
width: 1200px;
margin: 30px auto;
.banner {
width: 100%;
}
}
.module-1 {
margin-top: 20px;
.desc {
font-size: 14px;
font-weight: 300;
......@@ -285,6 +295,7 @@ export default {
height: 146px;
opacity: 1;
background: #f4f4f4;
cursor: pointer;
.name {
font-size: 16px;
color: #424242;
......
pages/services/college/project.vue
浏览文件 @ 7106b994
<template>
<app-frame :tabs="tabs" title="数字经济产业学院">
<!-- <app-frame :tabs="tabs" title="数字经济产业学院"> -->
<div>
<img src="https://webapp-pub.ezijing.com/www/pc/industry/img5.png" class="banner" />
<template #article>
<!-- <template #article> -->
<div class="module-2">
<p style="color: #424242;font-size:16px;">
依托清控紫荆教育数字经济学院特色专业优势，结合地方院校的理论教学师资与清控紫荆教育业内、国际实践师资，围绕数字经济产业链、价值链，服务地方数字经济战略，与行业龙头企业及国际跨国企业深度合作，努力将数字经济学院打造成为省市，乃至国家级的一流产业学院。
......@@ -22,7 +23,10 @@
@mouseleave="handleMsLeave"
:class="{ active: index === tabsActive, isHover: index === hoverIndex }"
>
<img :src="index === tabsActive || index === hoverIndex ? item.activeImg : item.img" style="width:43px;height:43px" />
<img
:src="index === tabsActive || index === hoverIndex ? item.activeImg : item.img"
style="width:43px;height:43px"
/>
<div class="name">{{ item.name }}</div>
<p>{{ item.dec }}</p>
</li>
......@@ -59,7 +63,8 @@
<div style="position:relative;height:262px;margin-bottom:60px">
<img src="https://webapp-pub.ezijing.com/www/pc/industry/image10.png" style="width: 100%;height:100%" />
<p class="desc">
紫荆教育数字经济产业学院SAAS平台（以下简称“ZJSAAS平台”）是由紫荆教育经过6年时间的教育科技实践，专门为与高校合作建立 数字经济产业学院而研发，以提高教学质量为目的，以数据科技为基础，
紫荆教育数字经济产业学院SAAS平台（以下简称“ZJSAAS平台”）是由紫荆教育经过6年时间的教育科技实践，专门为与高校合作建立
数字经济产业学院而研发，以提高教学质量为目的，以数据科技为基础，
以学生为核心，100+功能模块涵盖信息宣传、学生管理、教师管理、教学内容管理、教学过程实施、课程实训以及实习就业等工作。
</p>
</div>
......@@ -73,7 +78,8 @@
提出了“引产入校、以产促教”的工学结合一体化人才培养思路，实施“边教、边做、边生产、边学习”。引
进企业产品生产任务，将一体化课程项目教学与实际产品生产相结合，灵活调整专业教学内容，安排学生参
与产品生产加工、市场推广运营、经营管理等环节。通过各种不同项目的教学和真实产品的生产经营，使学
生掌握各种岗位的技能与能力，了解企业经营生产组织方式、工艺流程、产品加工技术要求、市场推广、运 营管理等，形成必备的职业核心技能和素养。<br />清控紫荆教育追求深度融合，协同创新，充分发挥企业和学校在
生掌握各种岗位的技能与能力，了解企业经营生产组织方式、工艺流程、产品加工技术要求、市场推广、运
营管理等，形成必备的职业核心技能和素养。<br />清控紫荆教育追求深度融合，协同创新，充分发挥企业和学校在
产学融合中的作用，整合资源、优化结构，充分实现产学协同发展，培养高素质、高技能人才，并且形成独有的特色。
</p>
</div>
......@@ -115,22 +121,25 @@
业人才等方面发挥重要作用，为数字经济人才提供学习提升的平台与机会，强化产学研协作培养顶尖数字人才，助推国家人才发展战略。
</p>
</div>
<img src="https://webapp-pub.ezijing.com/www/pc/industry/image20.png" /><img src="https://webapp-pub.ezijing.com/www/pc/industry/image21.png" /><img
src="https://webapp-pub.ezijing.com/www/pc/industry/image22.png"
/><img src="https://webapp-pub.ezijing.com/www/pc/industry/image23.png" />
<img src="https://webapp-pub.ezijing.com/www/pc/industry/image20.png" /><img
src="https://webapp-pub.ezijing.com/www/pc/industry/image21.png"
/><img src="https://webapp-pub.ezijing.com/www/pc/industry/image22.png" /><img
src="https://webapp-pub.ezijing.com/www/pc/industry/image23.png"
/>
</div>
</div>
</div>
</template>
</app-frame>
<!-- </template> -->
</div>
<!-- </app-frame> -->
</template>
<script>
import AppFrame from '@/components/AppFrame'
// import AppFrame from '@/components/AppFrame'
import navList from '@/assets/servicesCollegeNavList.js'
export default {
components: { AppFrame },
// components: { AppFrame },
data() {
return {
tabs: navList(this),
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论