Skip to content

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

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

上级 82381f2f
显示空白字符变更
内嵌 并排
正在显示 包含 587 行增加 和 94 行删除
components/ArticleDetail.vue
浏览文件 @ 7106b994
<template> <template>
<app-frame v-bind="$attrs" v-on="$listeners" class="article-detail"> <div v-bind="$attrs" v-on="$listeners" class="article-detail">
<template #article> <!-- <app-frame v-bind="$attrs" v-on="$listeners" class="article-detail"> -->
<!-- <template #article> -->
<div class="article-back" @click="$emit('back')"> <div class="article-back" @click="$emit('back')">
<div class="el-icon-arrow-left"></div> <div class="el-icon-arrow-left"></div>
<div class="text">返回</div> <div class="text">返回</div>
...@@ -9,8 +10,9 @@ ...@@ -9,8 +10,9 @@
<h1 class="article-title">{{ data.title }}</h1> <h1 class="article-title">{{ data.title }}</h1>
<div class="article-content" v-html="data.content"></div> <div class="article-content" v-html="data.content"></div>
<ArticleRecommend /> <ArticleRecommend />
</template> <!-- </template> -->
</app-frame> <!-- </app-frame> -->
</div>
</template> </template>
<script> <script>
import AppFrame from '@/components/AppFrame' import AppFrame from '@/components/AppFrame'
...@@ -39,6 +41,10 @@ export default { ...@@ -39,6 +41,10 @@ export default {
<style lang="scss"> <style lang="scss">
.is-pc { .is-pc {
.article-detail {
width: 1200px;
margin: 30px auto;
}
.article-back { .article-back {
margin-bottom: 20px; margin-bottom: 20px;
display: flex; display: flex;
......
components/Head.vue
浏览文件 @ 7106b994
...@@ -135,7 +135,7 @@ export default { ...@@ -135,7 +135,7 @@ export default {
}, },
{ {
name: '政府教育合作', name: '政府教育合作',
path: '/internationalDegree', path: '/goverment/Index',
childern: [ childern: [
{ {
name: '数字人才产教融合实践基地', name: '数字人才产教融合实践基地',
...@@ -143,37 +143,50 @@ export default { ...@@ -143,37 +143,50 @@ export default {
childern: [ childern: [
{ {
name: '数字经济产业学院', name: '数字经济产业学院',
path: 'https://kelley.ezijing.com', pathType: 3
pathType: 1
// path: 'https://kelley.ezijing.com',
// pathType: 1
}, },
{ {
name: '数字经济实验室', name: '数字经济实验室',
path: 'https://cu.ezijing.com', pathType: 3
pathType: 1
// path: 'https://cu.ezijing.com',
// pathType: 1
}, },
{ {
name: '数字经济职业技能中心', name: '数字经济职业技能中心',
path: 'https://ciis.ezijing.com', pathType: 3
pathType: 1
// path: 'https://ciis.ezijing.com',
// pathType: 1
}, },
{ {
name: '数字经济产业&人才服务平台', name: '数字经济产业&人才服务平台',
path: ' https://cuw.ezijing.com/index', pathType: 3
pathType: 1
// path: ' https://cuw.ezijing.com/index',
// pathType: 1
} }
] ]
}, },
{ {
name: '数字化管理高级培训', name: '数字化管理高级培训',
pathType: 3,
isShow: false isShow: false
}, },
{ {
name: '紫荆E-SAAS平台', name: '紫荆E-SAAS平台',
isShow: false isShow: false,
path: 'https://e-saas.ezijing.com/',
pathType: 1
}, },
{ {
name: '成功案例', name: '成功案例',
isShow: false isShow: false,
path: '/services/college/case'
} }
] ]
}, },
...@@ -184,31 +197,33 @@ export default { ...@@ -184,31 +197,33 @@ export default {
childern: [ childern: [
{ {
name: '数字经济产业学院', name: '数字经济产业学院',
path: '/services/college',
isShow: false, isShow: false,
childern: [ childern: [
{ {
name: '数字化改造', name: '专业共建数字化改造',
path: 'https://kelley.ezijing.com', // path: 'https://kelley.ezijing.com',
pathType: 1 pathType: 3
}, },
{ {
name: '数字经济实验室', name: '数字经济实验室',
path: 'https://kelley.ezijing.com', pathType: 3
pathType: 1
// pathType: 1
}, },
{ {
name: '教学研发', name: '教学研发',
path: 'https://kelley.ezijing.com', // path: 'https://kelley.ezijing.com',
pathType: 1 pathType: 3
}, },
{ {
name: '引产入校', name: '引产入校',
path: 'https://kelley.ezijing.com', // path: 'https://kelley.ezijing.com',
pathType: 1 pathType: 3
}, },
{ {
name: '实习就业', name: '实习就业',
path: 'https://kelley.ezijing.com', path: '/services/employment',
pathType: 1 pathType: 1
} }
] ]
...@@ -216,7 +231,7 @@ export default { ...@@ -216,7 +231,7 @@ export default {
{ {
name: '成功案例', name: '成功案例',
isShow: false, isShow: false,
path: '/services/major' path: '/services/college/case'
} }
] ]
}, },
...@@ -291,26 +306,6 @@ export default { ...@@ -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 { ...@@ -357,12 +352,12 @@ export default {
childern: [ childern: [
{ {
name: '数字化转型高级研修项目', name: '数字化转型高级研修项目',
path: 'https://x.ezijing.com', // path: 'https://x.ezijing.com',
pathType: 1 pathType: 3
}, },
{ {
name: '成功案例', name: '成功案例',
path: 'https://prp.ezijing.com/', path: '/services/college/case',
pathType: 1 pathType: 1
} }
] ]
......
components/home/projectService/company.vue
浏览文件 @ 7106b994
...@@ -4,7 +4,9 @@ ...@@ -4,7 +4,9 @@
<h5 class="gov_tit">企业</h5> <h5 class="gov_tit">企业</h5>
<ul class="gov_con"> <ul class="gov_con">
<li v-for="(item, index) in companyList" :key="index"> <li v-for="(item, index) in companyList" :key="index">
<AppLink :data="item">
<div class="con_desc" v-html="item.desc"></div> <div class="con_desc" v-html="item.desc"></div>
</AppLink>
</li> </li>
</ul> </ul>
</div> </div>
...@@ -13,15 +15,21 @@ ...@@ -13,15 +15,21 @@
</template> </template>
<script> <script>
import AppLink from '@/components/Link'
export default { export default {
components: { AppLink },
data() { data() {
return { return {
companyList: [ 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 @@ ...@@ -4,14 +4,18 @@
<ul class="gov_con"> <ul class="gov_con">
<li v-for="(item, index) in govList" :key="index"> <li v-for="(item, index) in govList" :key="index">
<template v-if="!item.isChild"> <template v-if="!item.isChild">
<AppLink :data="item">
<div class="con_desc" v-html="item.desc"></div> <div class="con_desc" v-html="item.desc"></div>
</AppLink>
</template> </template>
<template v-else> <template v-else>
<AppLink :data="item">
<div class="con_part"> <div class="con_part">
<img :src="item.img" class="icon" /> <img :src="item.img" class="icon" />
<img :src="item.imgActive" alt="" class="icon_active" /> <img :src="item.imgActive" alt="" class="icon_active" />
<div class="con_desc" v-html="item.desc"></div> <div class="con_desc" v-html="item.desc"></div>
</div> </div>
</AppLink>
</template> </template>
</li> </li>
</ul> </ul>
...@@ -19,7 +23,9 @@ ...@@ -19,7 +23,9 @@
</template> </template>
<script> <script>
import AppLink from '@/components/Link'
export default { export default {
components: { AppLink },
data() { data() {
return { return {
govList: [ govList: [
...@@ -27,49 +33,69 @@ export default { ...@@ -27,49 +33,69 @@ export default {
img: '', img: '',
imgActive: '', imgActive: '',
desc: `数字人才<br />产教融合<br />实践基地`, desc: `数字人才<br />产教融合<br />实践基地`,
isChild: false isChild: false,
onClick: () => {
this.$message('暂未开通')
}
}, },
{ {
img: 'https://webapp-pub.ezijing.com/www/pc/home/gov/icon_gongjian.png', 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', imgActive: 'https://webapp-pub.ezijing.com/www/pc/home/gov/icon_gongjian_active.png',
desc: `数字经济<br />产业学院`, 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', 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', imgActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/home/gov/icon_shiyan_active.png',
desc: `数字经济 <br />实验室`, 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', 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', imgActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/home/gov/icon_1%2Bx_active.png',
desc: `数字经济 <br />职业技能中心`, 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', 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', imgActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/home/gov/icon_pt_active.png',
desc: `数字经济产业& <br />人才服务平台`, desc: `数字经济产业& <br />人才服务平台`,
isChild: true isChild: true,
onClick: () => {
this.$message('暂未开通')
}
}, },
{ {
img: '', img: '',
imgActive: '', imgActive: '',
desc: `数字化管理<br />高级培训`, desc: `数字化管理<br />高级培训`,
isChild: false isChild: false,
onClick: () => {
this.$message('暂未开通')
}
}, },
{ {
img: '', img: '',
imgActive: '', imgActive: '',
desc: `紫荆E-SAAS <br />平台`, desc: `紫荆E-SAAS <br />平台`,
isChild: false isChild: false,
href: 'https://e-saas.ezijing.com/'
}, },
{ {
img: '', img: '',
imgActive: '', imgActive: '',
desc: `成功案例`, desc: `成功案例`,
isChild: false isChild: false,
path: '/services/college/case'
} }
] ]
} }
......
components/home/projectService/school.vue
浏览文件 @ 7106b994
...@@ -4,9 +4,12 @@ ...@@ -4,9 +4,12 @@
<ul class="gov_con"> <ul class="gov_con">
<li v-for="(item, index) in schoolList" :key="index"> <li v-for="(item, index) in schoolList" :key="index">
<template v-if="!item.isChild"> <template v-if="!item.isChild">
<AppLink :data="item">
<div class="con_desc" v-html="item.desc"></div> <div class="con_desc" v-html="item.desc"></div>
</AppLink>
</template> </template>
<template v-else> <template v-else>
<AppLink :data="item">
<div class="con_part"> <div class="con_part">
<div class="img_box"> <div class="img_box">
<img :src="item.img" class="icon" /> <img :src="item.img" class="icon" />
...@@ -14,6 +17,7 @@ ...@@ -14,6 +17,7 @@
</div> </div>
<div class="con_desc" v-html="item.desc"></div> <div class="con_desc" v-html="item.desc"></div>
</div> </div>
</AppLink>
</template> </template>
</li> </li>
</ul> </ul>
...@@ -21,47 +25,69 @@ ...@@ -21,47 +25,69 @@
</template> </template>
<script> <script>
import AppLink from '@/components/Link'
export default { export default {
components: { AppLink },
data() { data() {
return { return {
schoolList: [ schoolList: [
{ {
desc: `数字经济 <br />产业学院`, 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', 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', imgActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/home/school/icon_gz_active.png',
desc: `数字化改造`, desc: `专业共建数字化改造`,
isChild: true isChild: true,
onClick: () => {
this.$message('暂未开通')
}
}, },
{ {
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/home/school/icon_sy.png', 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', imgActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/home/school/icon_sy_active.png',
desc: `数字经济实验室`, desc: `数字经济实验室`,
isChild: true isChild: true,
onClick: () => {
this.$message('暂未开通')
}
}, },
{ {
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/home/school/icon_yf.png', 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', imgActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/home/school/icon_yf_active.png',
desc: `教学研发`, desc: `教学研发`,
isChild: true isChild: true,
onClick: () => {
this.$message('暂未开通')
}
}, },
{ {
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/home/school/icon_rx.png', 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', imgActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/home/school/icon_rx_active.png',
desc: `引产入校`, desc: `引产入校`,
isChild: true isChild: true,
onClick: () => {
this.$message('暂未开通')
}
}, },
{ {
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/home/school/icon_jy.png', 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', imgActive: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/home/school/icon_jy_active.png',
desc: `实习就业`, desc: `实习就业`,
isChild: true isChild: true,
onClick: () => {
this.$router.push('/services/employment')
}
}, },
{ {
desc: `成功案例`, 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> <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> </template>
<script> <script>
import ArticleDetail from '@/components/ArticleDetail' import ArticleDetail from '@/components/ArticleDetail'
import navList from '@/assets/servicesCollegeNavList.js' // import navList from '@/assets/servicesCollegeNavList.js'
export default { export default {
components: { ArticleDetail }, components: { ArticleDetail },
data() { data() {
return { return {
tabs: navList(this) // tabs: navList(this)
} }
} }
} }
......
pages/services/college/case/index.vue
浏览文件 @ 7106b994
<template> <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" /> <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> <article-list v-bind="listOptions"></article-list>
</template> <!-- </template> -->
</app-frame> <!-- </app-frame> -->
</div>
</template> </template>
<script> <script>
import AppFrame from '@/components/AppFrame' // import AppFrame from '@/components/AppFrame'
import navList from '@/assets/servicesCollegeNavList.js' // import navList from '@/assets/servicesCollegeNavList.js'
import ArticleList from '@/components/ArticleList' import ArticleList from '@/components/ArticleList'
import { getArticleList } from '@/api' import { getArticleList } from '@/api'
export default { export default {
components: { AppFrame, ArticleList }, // components: { AppFrame, ArticleList },
components: { ArticleList },
data() { data() {
return { return {
tabs: navList(this) // tabs: navList(this)
} }
}, },
computed: { computed: {
...@@ -35,3 +38,13 @@ export default { ...@@ -35,3 +38,13 @@ export default {
} }
} }
</script> </script>
<style lang="scss" scoped>
.main_content {
width: 1200px;
margin: 30px auto;
.banner {
width: 100%;
}
}
</style>
pages/services/college/index.vue
浏览文件 @ 7106b994
<template> <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" /> <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"> <div class="content-mian module-1">
<p style="font-size: 16px; color: rgb(85, 85, 85); margin-bottom: 20px;"> <p style="font-size: 16px; color: rgb(85, 85, 85); margin-bottom: 20px;">
清控紫荆教育的数字经济产业学院主要分为新文科，新工科和智能制造三大方向，以数字科技为基础，形成了商业数据分析、数字营销、数字运营、数字媒体技术、数字金融；网络安全、物联网技术、云计算、人工智能；智能制造、软件应用技术、智能驾驶、智能家电、工业机器人等三大专业群。同时，基于数字经济典型应用场景，以数字化改造和专业升级为关键，围绕数字金融、数字智能制造、数字贸易、数字医疗、数字农业管理、数字能源等核心行业应用方向，进行“数字＋全行业”的专业建设。 清控紫荆教育的数字经济产业学院主要分为新文科，新工科和智能制造三大方向，以数字科技为基础，形成了商业数据分析、数字营销、数字运营、数字媒体技术、数字金融；网络安全、物联网技术、云计算、人工智能；智能制造、软件应用技术、智能驾驶、智能家电、工业机器人等三大专业群。同时，基于数字经济典型应用场景，以数字化改造和专业升级为关键，围绕数字金融、数字智能制造、数字贸易、数字医疗、数字农业管理、数字能源等核心行业应用方向，进行“数字＋全行业”的专业建设。
...@@ -95,8 +96,9 @@ ...@@ -95,8 +96,9 @@
</div> </div>
</div> </div>
</div> </div>
</template> <!-- </template> -->
</app-frame> </div>
<!-- </app-frame> -->
</template> </template>
<script> <script>
...@@ -142,7 +144,15 @@ export default { ...@@ -142,7 +144,15 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.main_content {
width: 1200px;
margin: 30px auto;
.banner {
width: 100%;
}
}
.module-1 { .module-1 {
margin-top: 20px;
.desc { .desc {
font-size: 14px; font-size: 14px;
font-weight: 300; font-weight: 300;
...@@ -285,6 +295,7 @@ export default { ...@@ -285,6 +295,7 @@ export default {
height: 146px; height: 146px;
opacity: 1; opacity: 1;
background: #f4f4f4; background: #f4f4f4;
cursor: pointer;
.name { .name {
font-size: 16px; font-size: 16px;
color: #424242; color: #424242;
......
pages/services/college/project.vue
浏览文件 @ 7106b994
<template> <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" /> <img src="https://webapp-pub.ezijing.com/www/pc/industry/img5.png" class="banner" />
<template #article> <!-- <template #article> -->
<div class="module-2"> <div class="module-2">
<p style="color: #424242;font-size:16px;"> <p style="color: #424242;font-size:16px;">
依托清控紫荆教育数字经济学院特色专业优势，结合地方院校的理论教学师资与清控紫荆教育业内、国际实践师资，围绕数字经济产业链、价值链，服务地方数字经济战略，与行业龙头企业及国际跨国企业深度合作，努力将数字经济学院打造成为省市，乃至国家级的一流产业学院。 依托清控紫荆教育数字经济学院特色专业优势，结合地方院校的理论教学师资与清控紫荆教育业内、国际实践师资，围绕数字经济产业链、价值链，服务地方数字经济战略，与行业龙头企业及国际跨国企业深度合作，努力将数字经济学院打造成为省市，乃至国家级的一流产业学院。
...@@ -22,7 +23,10 @@ ...@@ -22,7 +23,10 @@
@mouseleave="handleMsLeave" @mouseleave="handleMsLeave"
:class="{ active: index === tabsActive, isHover: index === hoverIndex }" :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> <div class="name">{{ item.name }}</div>
<p>{{ item.dec }}</p> <p>{{ item.dec }}</p>
</li> </li>
...@@ -59,7 +63,8 @@ ...@@ -59,7 +63,8 @@
<div style="position:relative;height:262px;margin-bottom:60px"> <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%" /> <img src="https://webapp-pub.ezijing.com/www/pc/industry/image10.png" style="width: 100%;height:100%" />
<p class="desc"> <p class="desc">
紫荆教育数字经济产业学院SAAS平台（以下简称“ZJSAAS平台”）是由紫荆教育经过6年时间的教育科技实践，专门为与高校合作建立 数字经济产业学院而研发，以提高教学质量为目的，以数据科技为基础， 紫荆教育数字经济产业学院SAAS平台（以下简称“ZJSAAS平台”）是由紫荆教育经过6年时间的教育科技实践，专门为与高校合作建立
数字经济产业学院而研发，以提高教学质量为目的，以数据科技为基础，
以学生为核心，100+功能模块涵盖信息宣传、学生管理、教师管理、教学内容管理、教学过程实施、课程实训以及实习就业等工作。 以学生为核心，100+功能模块涵盖信息宣传、学生管理、教师管理、教学内容管理、教学过程实施、课程实训以及实习就业等工作。
</p> </p>
</div> </div>
...@@ -73,7 +78,8 @@ ...@@ -73,7 +78,8 @@
提出了“引产入校、以产促教”的工学结合一体化人才培养思路，实施“边教、边做、边生产、边学习”。引 提出了“引产入校、以产促教”的工学结合一体化人才培养思路，实施“边教、边做、边生产、边学习”。引
进企业产品生产任务，将一体化课程项目教学与实际产品生产相结合，灵活调整专业教学内容，安排学生参 进企业产品生产任务，将一体化课程项目教学与实际产品生产相结合，灵活调整专业教学内容，安排学生参
与产品生产加工、市场推广运营、经营管理等环节。通过各种不同项目的教学和真实产品的生产经营，使学 与产品生产加工、市场推广运营、经营管理等环节。通过各种不同项目的教学和真实产品的生产经营，使学
生掌握各种岗位的技能与能力，了解企业经营生产组织方式、工艺流程、产品加工技术要求、市场推广、运 营管理等，形成必备的职业核心技能和素养。<br />清控紫荆教育追求深度融合，协同创新，充分发挥企业和学校在 生掌握各种岗位的技能与能力，了解企业经营生产组织方式、工艺流程、产品加工技术要求、市场推广、运
营管理等，形成必备的职业核心技能和素养。<br />清控紫荆教育追求深度融合，协同创新，充分发挥企业和学校在
产学融合中的作用，整合资源、优化结构，充分实现产学协同发展，培养高素质、高技能人才，并且形成独有的特色。 产学融合中的作用，整合资源、优化结构，充分实现产学协同发展，培养高素质、高技能人才，并且形成独有的特色。
</p> </p>
</div> </div>
...@@ -115,22 +121,25 @@ ...@@ -115,22 +121,25 @@
业人才等方面发挥重要作用，为数字经济人才提供学习提升的平台与机会，强化产学研协作培养顶尖数字人才，助推国家人才发展战略。 业人才等方面发挥重要作用，为数字经济人才提供学习提升的平台与机会，强化产学研协作培养顶尖数字人才，助推国家人才发展战略。
</p> </p>
</div> </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 <img src="https://webapp-pub.ezijing.com/www/pc/industry/image20.png" /><img
src="https://webapp-pub.ezijing.com/www/pc/industry/image22.png" src="https://webapp-pub.ezijing.com/www/pc/industry/image21.png"
/><img src="https://webapp-pub.ezijing.com/www/pc/industry/image23.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> </div>
</div> </div>
</template> <!-- </template> -->
</app-frame> </div>
<!-- </app-frame> -->
</template> </template>
<script> <script>
import AppFrame from '@/components/AppFrame' // import AppFrame from '@/components/AppFrame'
import navList from '@/assets/servicesCollegeNavList.js' import navList from '@/assets/servicesCollegeNavList.js'
export default { export default {
components: { AppFrame }, // components: { AppFrame },
data() { data() {
return { return {
tabs: navList(this), tabs: navList(this),
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论