提交 7106b994 authored 作者: matian's avatar matian

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

上级 82381f2f
<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"> -->
<div class="article-back" @click="$emit('back')"> <!-- <template #article> -->
<div class="el-icon-arrow-left"></div> <div class="article-back" @click="$emit('back')">
<div class="text">返回</div> <div class="el-icon-arrow-left"></div>
</div> <div class="text">返回</div>
<div class="article-time">{{ formatDate(data.start_time) }}</div> </div>
<h1 class="article-title">{{ data.title }}</h1> <div class="article-time">{{ formatDate(data.start_time) }}</div>
<div class="article-content" v-html="data.content"></div> <h1 class="article-title">{{ data.title }}</h1>
<ArticleRecommend /> <div class="article-content" v-html="data.content"></div>
</template> <ArticleRecommend />
</app-frame> <!-- </template> -->
<!-- </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;
......
...@@ -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
} }
] ]
......
...@@ -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">
<div class="con_desc" v-html="item.desc"></div> <AppLink :data="item">
<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'
} }
] ]
} }
......
...@@ -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">
<div class="con_desc" v-html="item.desc"></div> <AppLink :data="item">
<div class="con_desc" v-html="item.desc"></div>
</AppLink>
</template> </template>
<template v-else> <template v-else>
<div class="con_part"> <AppLink :data="item">
<img :src="item.img" class="icon" /> <div class="con_part">
<img :src="item.imgActive" alt="" class="icon_active" /> <img :src="item.img" class="icon" />
<div class="con_desc" v-html="item.desc"></div> <img :src="item.imgActive" alt="" class="icon_active" />
</div> <div class="con_desc" v-html="item.desc"></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'
} }
] ]
} }
......
...@@ -4,16 +4,20 @@ ...@@ -4,16 +4,20 @@
<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">
<div class="con_desc" v-html="item.desc"></div> <AppLink :data="item">
<div class="con_desc" v-html="item.desc"></div>
</AppLink>
</template> </template>
<template v-else> <template v-else>
<div class="con_part"> <AppLink :data="item">
<div class="img_box"> <div class="con_part">
<img :src="item.img" class="icon" /> <div class="img_box">
<img :src="item.imgActive" class="icon_active" /> <img :src="item.img" class="icon" />
<img :src="item.imgActive" class="icon_active" />
</div>
<div class="con_desc" v-html="item.desc"></div>
</div> </div>
<div class="con_desc" v-html="item.desc"></div> </AppLink>
</div>
</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'
} }
] ]
} }
......
差异被折叠。
<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)
} }
} }
} }
......
<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>
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论