Skip to content

P
project-online-old
提交 bd1671bc authored 作者: 王鹏飞's avatar 王鹏飞
浏览文件
操作

chore: 新增eec

上级 8d8bae6e
显示空白字符变更
内嵌 并排
正在显示 包含 514 行增加 和 1184 行删除
src/components/headBanner.vue deleted 100644 → 0
浏览文件 @ 8d8bae6e
<template>
<div>
<div class="home-head">
<h1 v-if="$route.path !== '/news'">教育部第四批1+X培训评价机构<br />金融产品数字化营销职业技能等级证书</h1>
<img src="https://webapp-pub.ezijing.com/project/x-new/banner.png" />
<swiper ref="mySwiper" :options="swiperOptions" class="item-swiper" v-if="false">
<swiper-slide v-for="(item, index) in swiperList" :key="index">
<a :href="item.url" target="_blank">
<img :src="item.image_info.full_path" />
</a>
</swiper-slide>
</swiper>
</div>
</div>
</template>
<script>
import { swiper, swiperSlide, directive } from 'vue-awesome-swiper'
import 'swiper/swiper-bundle.css'
export default {
components: { swiper, swiperSlide },
directives: {
swiper: directive,
},
data() {
const _this = this
return {
swiperList: [],
swiperOptions: {
on: {
slideChangeTransitionStart: function () {
_this.swiperIndex = this.activeIndex
},
},
observer: true, //修改swiper自己或子元素时，自动初始化swiper
observeParents: true, //修改swiper的父元素时，自动初始化swiper
// loop:true,
autoplay: {
delay: 2000,
disableOnInteraction: false,
},
},
}
},
computed: {
swiper() {
return this.$refs.mySwiper.$swiper
},
},
}
</script>
<style lang="scss" scoped>
.home-head {
position: relative;
img {
width: 100%;
display: block;
}
h1 {
text-align: center;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 60px;
font-weight: bold;
color: #ffffff;
line-height: 86px;
text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.3);
white-space: nowrap;
}
}
</style>
src/components/layout/footer.vue
浏览文件 @ bd1671bc
...@@ -3,8 +3,7 @@ ...@@ -3,8 +3,7 @@
<div class="app-footer-main"> <div class="app-footer-main">
<div class="inner"> <div class="inner">
<div class="left"> <div class="left">
<!-- <h3>友情链接</h3> --> <img src="https://webapp-pub.ezijing.com/website/base/ezijing-logo-white.svg" class="logo" />
<img src="https://zws-imgs-pub.ezijing.com/static/ezijing/logo/ezijing-logo-white.svg" class="logo" />
<ul class="menu"> <ul class="menu">
<li v-for="item in menuList" :key="item.href"> <li v-for="item in menuList" :key="item.href">
<a :href="item.href" target="_blank">{{ item.title }}</a> <a :href="item.href" target="_blank">{{ item.title }}</a>
...@@ -18,15 +17,11 @@ ...@@ -18,15 +17,11 @@
运营单位：清控紫荆（北京）教育科技股份有限公司<br /> 运营单位：清控紫荆（北京）教育科技股份有限公司<br />
联系电话：010-62799201 18500913837<br /> 联系电话：010-62799201 18500913837<br />
邮箱：zhijiaobu@ezijing.com<br /> 邮箱：zhijiaobu@ezijing.com<br />
地址：北京市海淀区中关村东路1号院<br />清华科技园威盛大厦5层 地址：北京市海淀区北四环西路52号方正国际大厦5层501
<!-- 电话：010-62793909<br />
E-mail：chinafflg@ezijing.com<br /> -->
<!-- 地址：北京市海淀区中关村东路1号院7号楼5层<br /> -->
<!-- 邮编：100000 -->
</p> </p>
</div> </div>
<div class="qrcode"> <div class="qrcode">
<img src="https://zws-imgs-pub.ezijing.com/static/public/9a6b48364a2249aea9030645dfefc546.jpeg" alt="" /> <img src="https://zws-imgs-pub.ezijing.com/static/public/9a6b48364a2249aea9030645dfefc546.jpeg" />
<h3>关注我们</h3> <h3>关注我们</h3>
</div> </div>
</div> </div>
...@@ -50,7 +45,6 @@ ...@@ -50,7 +45,6 @@
style="color: #666; text-decoration: none; align-items: center; display: flex; margin-right: 5px"> style="color: #666; text-decoration: none; align-items: center; display: flex; margin-right: 5px">
<img <img
src="https://zws-imgs-pub.ezijing.com/e0a0ec47dfdfc1e0797b1d5254021d00.png" src="https://zws-imgs-pub.ezijing.com/e0a0ec47dfdfc1e0797b1d5254021d00.png"
alt=""
style="width: 20px; height: 20px; margin: 0 6px; display: block" /> style="width: 20px; height: 20px; margin: 0 6px; display: block" />
<p style="font-size: 12px">安备 11010802023681号</p> <p style="font-size: 12px">安备 11010802023681号</p>
</a> </a>
...@@ -70,7 +64,7 @@ export default { ...@@ -70,7 +64,7 @@ export default {
data() { data() {
return { return {
menuList: [ menuList: [
{ title: '紫荆教育官网', href: 'https://www.ezijing.com/' }, { title: '清控紫荆教育官网', href: 'https://www.ezijing.com/' },
{ title: '职业技能等级证书信息管理服务平台', href: 'https://vslc.ncb.edu.cn' }, { title: '职业技能等级证书信息管理服务平台', href: 'https://vslc.ncb.edu.cn' },
{ title: '职业教育国家学分银行', href: 'https://www.ncb.edu.cn/home' }, { title: '职业教育国家学分银行', href: 'https://www.ncb.edu.cn/home' },
// { title: '美国西部院校教育联盟认证(WASC)', href: 'https://www.wscuc.org/institutions/sofia-university/' }, // { title: '美国西部院校教育联盟认证(WASC)', href: 'https://www.wscuc.org/institutions/sofia-university/' },
...@@ -83,7 +77,7 @@ export default { ...@@ -83,7 +77,7 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
.logo { .logo {
width: 120px; height: 35px;
margin-bottom: 30px; margin-bottom: 30px;
} }
.app-footer { .app-footer {
...@@ -117,7 +111,6 @@ export default { ...@@ -117,7 +111,6 @@ export default {
} }
.right { .right {
display: flex; display: flex;
padding-top: 20px;
} }
.contact { .contact {
h3 { h3 {
......
src/components/layout/header.vue
浏览文件 @ bd1671bc
...@@ -5,7 +5,9 @@ ...@@ -5,7 +5,9 @@
<div class="head-top-content"> <div class="head-top-content">
<div class="max-width-content"> <div class="max-width-content">
<div class="logo-box"> <div class="logo-box">
<img src="https://webapp-pub.ezijing.com/project/x-new/logo%20(1).png" @click="goPage('/')" /> <router-link to="/">
<img src="/images/logo.png" />
</router-link>
</div> </div>
<div class="login"> <div class="login">
<template v-if="Object.values(user).length"> <template v-if="Object.values(user).length">
...@@ -42,9 +44,9 @@ export default { ...@@ -42,9 +44,9 @@ export default {
navData: [ navData: [
{ name: '首页', path: '/index' }, { name: '首页', path: '/index' },
{ name: '通知公告', path: '/news' }, { name: '通知公告', path: '/news' },
{ name: '1+X认证实训平台', path: 'product' }, { name: '商务数据分析技术-智能数据分析与实战应用', path: '/product' },
{ name: '师资培训', path: '/teacher' }, { name: '技能培训', path: '/teacher' },
{ name: '教科研服务', path: '/service' }, // { name: '教科研服务', path: '/service' },
{ name: '认证中心', path: '/attestation' }, { name: '认证中心', path: '/attestation' },
], ],
time: null, time: null,
......
src/components/notice.vue 0 → 100644
浏览文件 @ bd1671bc
<template>
<div>
<div style="text-align: center" v-if="hasTabs">
<el-radio-group v-model="radioActive" class="my-radio-group">
<el-radio-button label="20">通知公告</el-radio-button>
<el-radio-button label="12">工作动态</el-radio-button>
</el-radio-group>
</div>
<div class="notice-main">
<ul class="notice-list" v-if="list.length">
<li :key="index" v-for="(item, index) in list">
<router-link :to="{ path: '/news/detail', query: { id: item.id, type: 'home', category_id: radioActive } }">
<div class="text">
<div class="p">{{ item.title }}</div>
<div class="time">{{ item.published_time.split(' ')[0] }}</div>
</div>
</router-link>
</li>
<li>
<router-link :to="{ path: '/news', query: { category_id: radioActive } }">
<div class="text cen">更多通知</div>
</router-link>
</li>
</ul>
<noData v-else />
</div>
</div>
</template>
<script>
import noData from '@/components/noData.vue'
import { getArticle } from '@/api/article'
export default {
components: { noData },
props: {
hasTabs: { type: Boolean, default: false },
categoryId: { type: String, default: '20' },
},
data() {
return {
radioActive: this.categoryId,
list: [],
}
},
watch: {
categoryId(val) {
this.radioActive = val
},
radioActive: {
handler() {
this.fetchList()
},
immediate: true,
},
},
methods: {
async fetchList() {
const res = await getArticle({ category_id: this.radioActive, page_size: 4 })
this.list = res.data.list
},
},
}
</script>
<style lang="scss">
.my-radio-group {
margin-bottom: 40px;
background-color: #fff;
border-radius: 20px !important;
.el-radio-button__inner {
font-size: 20px;
min-width: 150px;
padding: 10px 20px;
border: 0 !important;
border-radius: 20px !important;
}
}
.notice-main {
margin-top: 16px;
.notice-list {
width: 100%;
background: #ffffff;
border-radius: 4px;
a {
display: block;
}
li + li {
border-top: 1px solid #eee;
}
li {
padding: 0 20px;
line-height: 55px;
font-size: 18px;
color: #444;
.text {
display: flex;
.p {
flex: 1;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.time {
min-width: 100px;
text-align: right;
}
&.cen {
text-align: center;
}
}
&:hover {
background: #a81a42;
border-radius: 4px;
.text {
color: #fff;
}
}
}
}
}
</style>
src/components/tabs/btnTabs.vue deleted 100644 → 0
浏览文件 @ 8d8bae6e
<template>
<div>
<div class="btn-tabs-boxs">
<template v-for="(item, index) in data.options">
<div :key="index" :class="tabsIndex == index && 'active'" @click="tabs(index)">{{ item }}</div>
</template>
</div>
</div>
</template>
<script>
export default {
props: {
data: {
type: Object,
default: {}
}
},
data() {
return {
tabsIndex: 0
}
},
mounted() {
if (this.data.index) {
this.tabsIndex = this.data.index
}
},
methods: {
tabs(n) {
this.tabsIndex = n
this.$emit('tabsChange', n)
}
},
watch: {
$route: {
handler: function(val, oldVal){
if (this.$route.query.type !== undefined || this.$route.query.type !== 'undefined') {
this.tabsIndex = parseInt(this.$route.query.type)
}
},
deep: true
}
}
}
</script>
<style lang="scss" scoped>
.btn-tabs-boxs{
// padding: 24px 0 30px;
display: flex;
// justify-content: center;
div{
cursor: pointer;
// text-align: center;
// width: 200px;
// height: 56px;
// background: #F9F9F9;
// font-size: 18px;
// color: #666666;
// line-height: 56px;
// &.active{
// color: #fff;
// background: linear-gradient(315deg, rgba(225, 47, 116, 0.83) 0%, #C01540 100%);
// }
width: 88px;
height: 34px;
border-radius: 27px;
text-align: center;
line-height: 34px;
font-size: 14px;
color: #444444;
&.active{
background: #A81A41;
color: #fff;
}
}
}
</style>
src/pages/attestation/index.vue
浏览文件 @ bd1671bc
<template> <template>
<div> <div>
<img src="https://webapp-pub.ezijing.com/project/x-new/query-banner.png" class="banner" /> <img src="/images/student_banner.png" class="banner" />
<section class="section"> <section class="section">
<h1 class="pt-100">认证报名</h1> <h1 class="pt-100">认证报名</h1>
<h2>1、报名条件</h2> <h2>报考流程</h2>
<p style="margin: 20px 0">遵纪守法并具备以下各等级证书条件之一者，可申请参加相应等级证书考试：</p> <p class="describe">
<h3>初级</h3> 1、报名条件审核<br />
<p> 2、提交报名材料并缴费<br />
(1)中职及以上学历层次财经商贸大类等相关专业毕业生（含在校生）。<br /> 3、参加培训课程<br />
(2)高中及以上学历毕业且从事相关工作满1年以上（含1年）者。 4、参加考试<br />
5、成绩公布与证书发放<br />
6、查询及验证证书
</p> </p>
<h3>中级</h3> <h2>报名条件</h2>
<p> <p class="describe">企业职工、职业院校学生、退伍军人</p>
(1)中职及以上学历层次财经商贸大类等相关专业毕业生（含在校生）。<br /> <h2>培训费用</h2>
(2)高中及以上学历毕业且从事相关工作满2年以上（含2年）者。 <img src="/images/pxfy.png" />
</p> <h2>开班计划</h2>
<h3>高级</h3> <img src="/images/kbjh.png" />
<p> <p class="tips">* 具体开班日期随招生计划可能会有调整，以最终邮件通知为准。</p>
(1)专科及以上财经商贸大类相关专业毕业生（含在校生）。<br /> <h2>考试计划</h2>
(2)取得中级证书后，连续从事本职业工作2年以上（含2年）。<br /> <img src="/images/ksjh.png" />
(3)专科学历毕业 <h2>证书样本</h2>
</p> <div class="zs-box">
<h2>2、报名方式</h2> <img src="/images/zs_1.png" />
<p style="margin-top: 20px"> <img src="/images/zs_2.png" />
(1) 在校学生:咨询学校所在院系教研室，由院系项目办统一报名。<br /> </div>
(2) 社会人员:在报名前请拨打010-62799201，由工作人员安排就近考核站点进行报名。<br /> <div class="box-group">
(3)具体报考信息以紫荆教育实际发布公告通知为准；<br /> <div class="box-item">
(4)报名过程中遇到任何问题，请咨询紫荆教育，咨询电话:010-62799201 <img src="/images/cx.png" />
</p> <p>成绩查询</p>
</section> <el-button type="primary">立即查询</el-button>
<div class="practice-box"> </div>
<div class="pra-title">认证练习</div> <div class="box-item">
<div class="pra-tips">全真模拟题库、实训练习系统</div> <img src="/images/qr.png" />
<a href="https://login.ezijing.com/xlearn/login" target="_blank"> <p>联系人：景老师</p>
<div class="pra-btn">立即练习</div> <p>电话：13436826026（微信同号）</p>
</a>
</div> </div>
<section class="section">
<h1 class="pt-80">证书查询</h1>
<p class="zs-tips">成绩和证书查询入口https://vslc.ncb.edu.cn/gateway/Querydata</p>
<div class="cert-box" style="margin-bottom: 100px">
<img src="https://webapp-pub.ezijing.com/project/x-new/query-img1.png" />
</div> </div>
</section> </section>
</div> </div>
</template> </template>
<script>
export default {
components: {},
data() {
return {}
},
mounted() {},
methods: {},
}
</script>
<style lang="scss" scoped> <style lang="scss" scoped>
.section { .section {
width: 1200px; width: 1200px;
...@@ -82,59 +68,39 @@ h1 { ...@@ -82,59 +68,39 @@ h1 {
font-size: 18px; font-size: 18px;
color: #666666; color: #666666;
line-height: 36px; line-height: 36px;
margin-bottom: 50px;
} }
h2 { h2 {
padding: 50px 0 20px;
font-size: 24px; font-size: 24px;
color: #333; color: #333;
} }
h3 { .tips {
font-size: 20px; margin-top: 10px;
color: #333; color: #666666;
} }
p { .zs-box {
font-size: 18px; padding: 50px 80px;
color: #333; background-color: #fff;
line-height: 30px; display: flex;
margin-bottom: 30px; align-items: center;
justify-content: space-between;
} }
.practice-box { .box-group {
background-color: #aa1941; padding: 80px 40px;
height: 340px; display: flex;
padding: 60px 0; align-items: center;
margin-top: 70px; gap: 70px;
box-sizing: border-box; .box-item {
.pra-title { display: flex;
font-size: 32px; flex-direction: column;
font-weight: bold; align-items: center;
color: #ffffff; justify-content: center;
line-height: 100%; gap: 10px;
text-align: center; flex: 1;
height: 310px;
border-top: 8px solid #aa1941;
background-color: #fff;
border-radius: 8px;
} }
.pra-tips {
font-size: 18px;
color: #ffffff;
line-height: 100%;
text-align: center;
margin-top: 50px;
}
.pra-btn {
width: 150px;
line-height: 40px;
text-align: center;
margin: 80px auto 0;
font-size: 18px;
background: #ffffff;
color: #424242;
border-radius: 6px 6px 6px 6px;
cursor: pointer;
}
}
.zs-tips {
font-size: 18px;
color: #666666;
line-height: 100%;
text-align: center;
margin-bottom: 80px;
} }
</style> </style>
src/pages/home/index.vue
浏览文件 @ bd1671bc
<template> <template>
<div class="home-box"> <div class="home-box">
<headBanner /> <div class="banner"><img src="/images/banner.png" style="width: 100%" /></div>
<div class="pt-80 content-max-width"> <div class="pt-80 content-max-width">
<h1>证书简介</h1> <h1>证书简介</h1>
<p class="describe"> <p class="describe">
金融产品数字化营销职业技能等级证书，是紫荆教育联合中国人民大学营销系博导、清华大学五道口金融学院金融系硕导、高职院校相关学科带头人、金融行业协会、业界专家、头部金融机构为贯彻《国家职业教育改革实施方案》精神，落实《关于在院校实施“学历证书+若干职业技能等级证书”制度试点方案》共同制定标准、 为推动工业和信息化人才培养工程高质量发展，扎实培养大批高素质技术技能人才。清控紫荆教育统筹各方优势资源，组织行业专家、教育专家向工信部教育考试中心申报了商务数据分析师-智能数据分析与实战应用（初级）培训项目并成功进入《工业和信息化职业技能提升培训项目》。
研发配套教材及实训平台而推出的面向数字经济人才培养的职业技能等级证书。
</p> </p>
<img class="describe-img" src="https://webapp-pub.ezijing.com/project/x-new/cert_94.png" /> <img class="describe-img" src="/images/home_0.png" />
</div> </div>
<div class="pt-80 content-max-width"> <div class="pt-80 content-max-width">
<h1>1+X金融产品数字化营销实训平台</h1> <h1>实训平台</h1>
<p class="describe"> <p class="describe">
金融产品数字化营销实训平台是一款诞生于商业级应用，经过教育适配化改造之后，专业支撑金融数字营销实训教学的平台产品。实训平台涵盖银行理财、保险、证券等不同金融领域数字营销案例，定位于学生实践平台、教师科研平台、企业营销业务平台等功能为一体的综合性平台，是院校金融营销实训室建设的必备平台。 真场景 · 真环境 · 真项目 · 真案例<br />
实现“贯通”专业集群底层逻辑，融合商业数据分析服务能力，实现工作实践和教学场景的一体化无缝衔接，融合海量结构化数据集，多行业综合案例集，打造全国影响力的的数字经济核心能力实践教学平台。
</p> </p>
<img class="describe-img" src="https://webapp-pub.ezijing.com/project/x-new/paltform-img.png" /> <img class="describe-img" src="/images/home_1.png" />
</div> </div>
<div class="pt-80 train-box content-max-width"> <div class="pt-80 train-box content-max-width" v-if="false">
<h1>师资培训</h1> <h1>技能培训</h1>
<p class="describe"> <p class="describe">
紫荆教育服务超过1000家政府机关、大型央企、金融机构和行业龙头企业，提供从员工到高管的人才培养服务和在线教育解决方案，拥有完善的培训体系，丰富的行业、岗位培训课程资源、一流的师资团队、强大的设施条件，可以为院校教师提供多样化的师资培训、人员互聘、企业实践机会。 紫荆教育服务超过1000家政府机关、大型央企、金融机构和行业龙头企业，提供从员工到高管的人才培养服务和在线教育解决方案，拥有完善的培训体系，丰富的行业、岗位培训课程资源、一流的师资团队、强大的设施条件，可以为院校教师提供多样化的技能培训、人员互聘、企业实践机会。
</p> </p>
<img class="describe-img" src="https://webapp-pub.ezijing.com/project/x-new/train-img.png" /> <img class="describe-img" src="https://webapp-pub.ezijing.com/project/x-new/train-img.png" />
<div class="img-group"> <div class="img-group">
...@@ -40,160 +40,19 @@ ...@@ -40,160 +40,19 @@
<p class="describe"> <p class="describe">
紫荆教育和学校共同成立“科研创新”专家组，由教科研专家、行业/企业资深人士、学校骨干教师等组成，专门承接教育科研项目的选题、申报，研究与实施等。 紫荆教育和学校共同成立“科研创新”专家组，由教科研专家、行业/企业资深人士、学校骨干教师等组成，专门承接教育科研项目的选题、申报，研究与实施等。
</p> </p>
<img class="describe-img" src="https://webapp-pub.ezijing.com/project/x-new/service-img.png" /> <img class="describe-img" src="/images/home_2.png" />
</div> </div>
<div class="pt-80 content-max-width"> <div class="pt-80 content-max-width">
<h1>试点院校</h1> <h1>通知公告</h1>
<p class="describe" style="text-align: center">全国数百所试点院校及考核站点</p> <notice hasTabs></notice>
<div class="yx-box">
<img class="describe-img" src="https://webapp-pub.ezijing.com/project/x-new/yx-img.png" />
</div> </div>
</div> </div>
<div class="notice-box content-max-width">
<div class="tab-btn">
<div class="title">通知公告</div>
<div class="flex-btn">
<div :class="newsTabIndex == 0 ? 'btn active' : 'btn'" @click="newsTab(0)">通知公告</div>
<div :class="newsTabIndex == 1 ? 'btn active' : 'btn'" @click="newsTab(1)">工作动态</div>
</div>
</div>
<div class="notice-mian">
<ul class="assist-list">
<template v-for="(item, index) in list">
<template v-if="index >= 0 && index <= 3">
<router-link :to="`/news/detail?id=${item.id}&type=home&tabs=${newsTabIndex}`" :key="index">
<li>
<div class="text">
<div class="p">{{ item.title }}</div>
<div class="time">{{ item.published_time.substring(item.published_time.indexOf(' '), 0) }}</div>
</div>
</li>
</router-link>
</template>
</template>
<li class="border-none">
<div class="text cen" @click="goNewsPage">更多通知</div>
</li>
</ul>
</div>
</div>
<vue-passport ref="passport" @ready="onReady" :options="options"></vue-passport>
</div>
</template> </template>
<script> <script>
import * as api from '@/api/article' import notice from '@/components/notice.vue'
import headBanner from '@/components/headBanner.vue'
export default { export default {
components: { headBanner }, components: { notice },
data() {
return {
articleClassify: this.$store.state.classify,
newsTabIndex: 0,
list: [],
isLogin: false,
options: {
baseUrl: import.meta.env.VITE_API_BASE_URL,
register: {
data: {
username: `ezijing-${new Date().getTime()}`,
},
fields: ['account', 'code', 'password'],
},
login: {
account: {
onSuccess: this.loginSuccess,
},
phone: {
onSuccess: this.loginSuccess,
},
},
},
}
},
computed: {
passport() {
return this.$refs.passport
},
},
created() {
api.getUserInfo().then((res) => {
if (res && res.code === 0) {
this.isLogin = true
}
})
},
mounted() {
this.newsList()
},
methods: {
loginSuccess() {
this.passport.checkLoginStatus((isLogin, user = {}) => {
window.sessionStorage.userInfo = JSON.stringify(user)
this.isLogin = isLogin
this.user = user
this.$router.push('/my')
window.location.reload()
})
},
onReady(isLogin, user = {}) {
this.user = user
window.sessionStorage.userInfo = JSON.stringify(user)
},
queryCard() {
if (this.isLogin) {
this.$router.push('/queryCard')
} else {
this.passport.login()
}
},
register() {
this.$router.push({
path: '/index',
query: {
register: this.$route.query.register ? this.$route.query.register++ : 1,
},
})
},
goNewsPage() {
this.$router.push({
path: '/news',
query: {
type: this.newsTabIndex,
},
})
},
newsTab(n) {
this.newsTabIndex = n
this.newsList()
},
goPage(path, n) {
console.log(path, n, '0000')
if (n) {
window.open(path)
} else {
this.$router.push({
path: path,
})
}
},
newsList() {
if (!Object.keys(this.$store.state.classify).length) {
setTimeout(() => {
this.articleClassify = this.$store.state.classify
this.newsList()
}, 2000)
} else {
const findId = this.articleClassify[0].children.find((item) => {
return item.display_name === (this.newsTabIndex ? '工作动态' : '新闻动态')
})
api.getArticle({ category_id: findId ? findId.id : 23 }).then((res) => {
this.list = res.data.list
})
}
},
},
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
...@@ -295,240 +154,6 @@ export default { ...@@ -295,240 +154,6 @@ export default {
} }
} }
} }
.notice-box {
padding-top: 80px;
.tab-btn {
// display: flex;
.title {
font-size: 24px;
font-weight: bold;
color: #444444;
line-height: 33px;
margin-right: 23px;
text-align: center;
}
.flex-btn {
display: flex;
width: 300px;
margin: 50px auto;
background-color: #fff;
border-radius: 25px 25px 25px 25px;
}
.btn {
flex: 1;
cursor: pointer;
line-height: 40px;
color: #424242;
border-radius: 25px 25px 25px 25px;
text-align: center;
font-size: 20px;
&.active {
color: #fff;
background: #a81a42;
}
}
}
.notice-mian {
display: flex;
margin-top: 16px;
.assist-list {
width: 100%;
background: #ffffff;
border-radius: 4px;
a {
// &:nth-child(1){
// li{
// background: #A81A42;
// border-radius: 4px;
// .text{
// color: #fff;
// }
// }
// }
}
li {
padding: 0 20px;
&:hover {
background: #a81a42;
border-radius: 4px;
.text {
color: #fff;
}
}
cursor: pointer;
&.border-none {
border: none;
}
.text {
display: flex;
.p {
width: 800px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.time {
margin-left: auto;
}
// width: 423px;
// margin: 0 auto;
height: 55px;
border-bottom: 1px solid #eee;
line-height: 55px;
font-size: 18px;
color: #444444;
&.cen {
text-align: center;
}
}
}
}
.slide-box {
cursor: pointer;
position: relative;
width: 713px;
height: 280px;
margin-left: auto;
.item-swiper {
width: 100%;
height: 100%;
img {
display: block;
width: 100%;
height: 100%;
}
}
.assist {
display: flex;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 44px;
background: rgba(0, 0, 0, 0.3);
z-index: 99;
.text {
font-size: 14px;
color: #ffffff;
line-height: 44px;
margin-left: 24px;
}
}
.pagination {
display: flex;
margin-left: auto;
align-items: center;
padding-right: 40px;
span {
width: 8px;
height: 8px;
background: #000000;
opacity: 0.2;
border-radius: 50%;
margin-left: 8px;
&.active {
opacity: 1;
background: #fff;
}
}
}
}
}
}
.advert-box {
width: 1200px;
margin: 36px auto;
img {
width: 1200px;
display: block;
}
}
.service-box {
margin-bottom: 36px;
.title {
font-size: 24px;
font-weight: bold;
color: #444444;
line-height: 33px;
}
ul {
margin-top: 16px;
display: flex;
li {
width: 300px;
height: 400px;
position: relative;
.icon {
position: absolute;
top: 66px;
left: 50%;
-webkit-transform: translateX(-50%);
}
.bg {
width: 100%;
height: 100%;
display: block;
}
// transition: all .5s;
&:hover {
.mask {
background: rgba(168, 26, 66, 0.5);
.content-box {
bottom: 20px;
.tit {
color: #fff;
border-bottom: 1px solid #fff;
}
.desc {
display: block;
}
.more {
display: block;
cursor: pointer;
}
}
}
}
.mask {
transition: all 0.5s;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
// background: rgba(0,0,0,0.5);
.content-box {
position: absolute;
left: 16px;
bottom: 55px;
.tit {
width: auto;
font-size: 18px;
font-weight: bold;
color: rgba(175, 28, 64, 1);
line-height: 25px;
border-bottom: 1px solid rgba(175, 28, 64, 1);
}
.desc {
width: 212px;
font-size: 14px;
color: #ffffff;
line-height: 20px;
margin-top: 12px;
display: none;
}
.more {
font-size: 14px;
color: #ffffff;
line-height: 20px;
margin-top: 20px;
display: none;
}
}
}
}
}
}
} }
.train-box { .train-box {
...@@ -561,8 +186,4 @@ h1 { ...@@ -561,8 +186,4 @@ h1 {
width: 100%; width: 100%;
display: block; display: block;
} }
.yx-box {
background-color: #fff;
padding: 45px 50px;
}
</style> </style>
src/pages/home/queryCard.vue
浏览文件 @ bd1671bc
...@@ -11,7 +11,7 @@ ...@@ -11,7 +11,7 @@
<el-button round class="btn" @click="handleDownload(item)">下载</el-button> <el-button round class="btn" @click="handleDownload(item)">下载</el-button>
</div> </div>
<div class="home-box-content-list"> <div class="home-box-content-list">
<img class="home-box-content-img" :src="item.download_info.url" alt="" /> <img class="home-box-content-img" :src="item.download_info.url" />
</div> </div>
</div> </div>
</div> </div>
......
src/pages/news/components/listItem.vue
浏览文件 @ bd1671bc
<template> <template>
<div class="item-box"> <div class="item-box">
<div class="title"><router-link :to="`/news/detail?id=${data.id}&tabs=${index}`">{{ data.title }}</router-link></div> <div class="title">
<router-link :to="`/news/detail?id=${data.id}`">{{ data.title }}</router-link>
</div>
<div class="time">{{ data.published_time }}</div> <div class="time">{{ data.published_time }}</div>
<div class="content" v-html="data.excerpt"></div> <div class="content" v-html="data.excerpt"></div>
<!-- <router-link :to="`/news/detail?id=${data.id}&tabs=${index}`"><div class="detail-btn">查看详情</div></router-link> -->
</div> </div>
</template> </template>
<script> <script>
export default { export default {
props: { props: {
data: { data: { type: Object, default: () => ({}) },
type: Object,
default: {}
}, },
index: {}
}
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.item-box{ .item-box {
border-bottom: 1px solid #eee; border-bottom: 1px solid #eee;
padding-bottom: 32px; padding-bottom: 32px;
padding-top: 24px; padding-top: 24px;
.title{ .title {
font-size: 18px; font-size: 18px;
font-weight: bold; font-weight: bold;
color: #C01540; color: #c01540;
line-height: 25px; line-height: 25px;
} }
.time{ .time {
font-size: 18px; font-size: 18px;
color: #666666; color: #666666;
line-height: 25px; line-height: 25px;
margin: 16px 0; margin: 16px 0;
} }
.content{ .content {
font-size: 18px; font-size: 18px;
color: #666666; color: #666666;
line-height: 30px; line-height: 30px;
...@@ -43,16 +40,5 @@ export default { ...@@ -43,16 +40,5 @@ export default {
-webkit-line-clamp: 2; -webkit-line-clamp: 2;
overflow: hidden; overflow: hidden;
} }
.detail-btn{
width: 96px;
height: 36px;
background: linear-gradient(315deg, rgba(225, 47, 116, 0.83) 0%, #C01540 100%);
border-radius: 4px;
font-size: 14px;
color: #FFFFFF;
line-height: 36px;
text-align: center;
margin-top: 16px;
}
} }
</style> </style>
src/pages/news/index.vue
浏览文件 @ bd1671bc
<template> <template>
<div class="news-box"> <div>
<headBanner></headBanner> <img src="https://webapp-pub.ezijing.com/project/x-new/banner.png" class="banner" />
<!-- <breadcrumb class="content-max-width crumb" :data="crumbData"/> --> <div class="news-box content-max-width">
<btn-tabs class="tabs-box content-max-width" @tabsChange="tabsChange" :data="tabsData"></btn-tabs> <el-radio-group v-model="radioActive" class="my-radio-group">
<ul class="content-max-width"> <el-radio-button label="20">通知公告</el-radio-button>
<template v-for="(item, index) in list"> <el-radio-button label="12">工作动态</el-radio-button>
<li> </el-radio-group>
<item :data="item" :index="tabsDataIndex"></item> <ul class="content-max-width" v-if="list.length">
<li :key="index" v-for="(item, index) in list">
<listItem :data="item"></listItem>
</li> </li>
</template>
</ul> </ul>
<noData v-else></noData>
<div class="pagination"> <div class="pagination">
<el-pagination :page-size="pages.page_size" layout="prev, pager, next, jumper" :total="5"> </el-pagination> <el-pagination
hide-on-single-page
:page-size="pages.page_size"
layout="prev, pager, next, jumper"
:current-page="pages.current_page"
:total="pages.total"
@current-change="handleCurrentChange" />
</div>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
import headBanner from '@/components/headBanner.vue' import listItem from './components/listItem.vue'
import item from './components/listItem.vue' import noData from '@/components/noData.vue'
import btnTabs from '@/components/tabs/btnTabs.vue'
import breadcrumb from '@/components/breadcrumb.vue' import { getArticle } from '@/api/article'
import * as api from '@/api/article'
export default { export default {
components: { components: { listItem, noData },
item,
btnTabs,
breadcrumb,
headBanner,
},
data() { data() {
return { return {
articleClassify: this.$store.state.classify, radioActive: '20',
tabsData: {
options: ['通知公告', '工作动态'],
index: 0,
},
tabsDataIndex: 0,
list: [], list: [],
pages: {}, pages: { current_page: 1 },
crumbData: [ }
{
path: '/',
name: '首页',
}, },
{ watch: {
name: '工作动态', $route: {
handler(route) {
this.radioActive = route.query.category_id ?? '20'
}, },
], immediate: true,
}
}, },
created() { radioActive: {
if (this.$route.query.type) { handler() {
this.tabsData.index = Number(this.$route.query.type) this.fetchList()
this.tabsDataIndex = Number(this.$route.query.type)
}
this.newsList()
}, },
mounted() {}, immediate: true,
methods: {
tabsChange(n) {
this.tabsDataIndex = n
this.newsList()
}, },
newsList() { },
const loading = this.$loading({ methods: {
lock: true, async fetchList() {
text: 'Loading', const res = await getArticle({ category_id: this.radioActive, current_page: this.pages.current_page })
spinner: 'el-icon-loading',
background: 'rgba(0, 0, 0, 0.7)',
})
if (!Object.keys(this.$store.state.classify).length) {
setTimeout(() => {
this.articleClassify = this.$store.state.classify
this.newsList()
}, 2000)
} else {
console.log(this.tabsDataIndex)
console.log(this.articleClassify[0].children)
const findId = this.articleClassify[0].children.find((item) => {
return item.display_name === (this.tabsDataIndex ? '工作动态' : '新闻动态')
})
console.log(findId.id)
api.getArticle({ category_id: findId.id }).then((res) => {
this.list = res.data.list this.list = res.data.list
this.pages = res.data.pages this.pages = res.data.pages
this.$nextTick(() => {
this.$forceUpdate()
})
loading.close()
})
}
},
},
watch: {
$route: {
handler: function (val, oldVal) {
if (this.$route.query.type !== undefined || this.$route.query.type !== 'undefined') {
this.tabsData.index = parseInt(this.$route.query.type)
this.tabsDataIndex = parseInt(this.$route.query.type)
this.newsList()
}
}, },
deep: true, handleCurrentChange(val) {
this.pages.current_page = val
this.fetchList()
}, },
}, },
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.my-radio-group {
margin-bottom: 40px;
background-color: #fff;
border-radius: 20px !important;
::v-deep .el-radio-button__inner {
font-size: 20px;
min-width: 150px;
padding: 10px 20px;
border: 0 !important;
border-radius: 20px !important;
}
}
img { img {
width: 100%; width: 100%;
display: block; display: block;
// height: 240px;
}
.crumb {
padding-top: 24px;
} }
.content-max-width { .content-max-width {
width: 1112px; width: 1112px;
margin: 0 auto; margin: 0 auto;
} }
.news-box { .news-box {
.tabs-box { padding-top: 60px;
padding: 60px 0 0;
}
} }
.pagination { .pagination {
padding: 24px 0; padding: 24px 0;
......
src/pages/product/index.vue
浏览文件 @ bd1671bc
...@@ -2,37 +2,57 @@ ...@@ -2,37 +2,57 @@
<div class="product-box"> <div class="product-box">
<img class="banner" src="https://webapp-pub.ezijing.com/project/x-new/pro-banner.png" /> <img class="banner" src="https://webapp-pub.ezijing.com/project/x-new/pro-banner.png" />
<section class="section"> <section class="section">
<!-- 实训平台介绍 --> <h1 class="pt-100">平台介绍</h1>
<h1 class="pt-100">1+X金融产品数字化营销实训平台介绍</h1>
<div class="describe"> <div class="describe">
1+X金融产品数字化营销实训平台是一款既面向1+X职业技能等级证书，又面向企业数字化转型核心基础能力人才培养的综合金融产品数字化营销训练平台，该平台是在成熟工业级数字营销系统基础上进行教育适配化改造得来，提供涵盖了银行、保险、证券等多个金融行业综合案例集和配套理论与实践教学资源，定位于学生实践平台、教师科研平台、企业营销业务平台等功能为一体的综合性平台，是院校金融营销实训室建设的必备实训平台。 真场景 · 真环境 · 真项目 · 真案例<br />
实现“贯通”专业集群底层逻辑，融合商业数据分析服务能力，实现工作实践和教学场景的一体化无缝衔接，融合海量结构化数据集，多行业综合案例集，打造全国影响力的的数字经济核心能力实践教学平台。
</div> </div>
<!-- 核心模块 --> <!-- 核心模块 -->
<h1 class="pt-80">核心模块</h1> <h1 class="pt-80">核心模块</h1>
<img src="https://webapp-pub.ezijing.com/project/x-new/pro-img1.png" class="describe-img" /> <div class="mk-list">
<h1 class="pt-80">案例资源</h1> <div class="mk-item" v-for="item in mkList" :key="item.title">
<img src="https://webapp-pub.ezijing.com/project/x-new/pro-img2.png" class="describe-img" /> <div class="box">
<p class="js"> <img :src="item.icon" />
金融产品数字营销实验室目前配备<span>6</span>个案例，<span>6</span>篇案例原文、<span>34</span>份案例指导书、<span>33</span>套教学PPT、<span>80</span>个教学视频。 <p>{{ item.title }}</p>
</p> </div>
<!-- 案例资源示例 -->
<h3 class="section-subtitle pt-80">案例资源示例</h3> <ul>
<div class="tab"> <li v-for="item in item.children" :key="item.title">
<ul class="tab-header"> <img :src="item.icon" />
<li <p>{{ item.title }}</p>
v-for="(item, index) in tabList"
:class="{ 'is-active': index === tabActive }"
:key="index"
@mouseover="tabActive = index">
{{ item.title }}
</li> </li>
</ul> </ul>
<ul class="tab-body" v-for="(item, index) in tabList" :key="index" v-if="index === tabActive">
<li v-for="item in item.children" :key="item"><img :src="item" /></li>
</ul>
</div> </div>
</div>
<h1 class="pt-80">课程详情</h1>
<el-tabs stretch>
<el-tab-pane label="商务数据分析师-智能数据分析与实战应用(初级)">
<div class="describe">
培训目标：培养初级商务数据分析师。<br />
学员通过本阶段课程学习，了解商务数据分析师相关岗位要求和岗位基础知识，学会数据采集、清洗、处理、可视化和基础分析技能，使学员能够胜任商务数据分析师基础岗位工作。在工作中为企业决策提供基础数据与依据。<br />
学员培训考核合格后，颁发工信部商务数据分析师（初级）职业能力证书。
</div>
<img src="/images/course_1.png" class="describe-img" />
</el-tab-pane>
<el-tab-pane label="商务数据分析师-智能数据分析与实战应用(中级)">
<div class="describe">
培训目标：培养中级商务数据分析师。<br />
学员通过本阶段课程学习，了解商务数据分析行业，掌握数据管理、建模、计算、分析和挖掘、数据可视化设计分析和商务数据分析报告撰写技能，使学员能够胜任中级商务数据分析师岗位工作，在工作中为企业决策提供依据和建议。<br />
学员培训考核合格后，颁发工信部商务数据分析师（中级）认证证书。
</div>
<img src="/images/course_2.png" class="describe-img" />
</el-tab-pane>
<el-tab-pane label="商务数据分析师-智能数据分析与实战应用(高级)">
<div class="describe">
培训目标：培养高级商务数据分析师。<br />
学员通过本阶段课程学习，深入了解商务数据分析行业的发展和挑战，进一步掌握数据采集、清洗、处理、分析的策略与方案设计技能，可以自主分析数据的内在逻辑关系，挖掘数据的深层潜藏价值，从而实现对复杂多维的商务数据的预测性分析，给出指导性发展建议，使学员能够胜任高级商务数据分析师岗位工作，在工作中，为企业决策提供指引和助力，同时可以胜任商务数据分析人才培养工作。<br />
学员培训考核合格后，颁发工信部商务数据分析师（高级）认证证书。
</div>
<img src="/images/course_3.png" class="describe-img" />
</el-tab-pane>
</el-tabs>
<!-- 产品配套服务 --> <!-- 产品配套服务 -->
<h2 class="section-title">配套服务</h2> <h1 class="pt-80">配套服务</h1>
<h3 class="section-subtitle">标准服务</h3> <h3 class="section-subtitle">标准服务</h3>
<ul class="bz-list"> <ul class="bz-list">
<li v-for="item in bzfwList" :key="item.title"> <li v-for="item in bzfwList" :key="item.title">
...@@ -61,7 +81,75 @@ export default { ...@@ -61,7 +81,75 @@ export default {
}, },
data() { data() {
return { return {
tabActive: 0, // 核心模块
mkList: [
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_1.png',
title: '综合实践教学平台',
children: [
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_1_1.png',
title: '来自于企业的真实商业数据分析产品',
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_1_2.png',
title: '实现学校训练和企业实操的无缝衔接',
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_1_3.png',
title: '强大的企业级数据分析功能',
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_1_4.png',
title: '面向非技术人员的商业数据分析能力训练',
},
],
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_2.png',
title: '教学管理平台',
children: [
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_2_1.png',
title: '一站式理论+实践学习平台',
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_2_2.png',
title: '结合配套教学资源实现开箱即用',
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_2_3.png',
title: '工业级产品与教学管理的完美适配',
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_2_4.png',
title: '全面支撑课程评价和专业建设数据要求',
},
],
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_3.png',
title: '实验管理平台',
children: [
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_3_1.png',
title: '灵活的实验配置实现丰富教学场景支撑',
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_3_2.png',
title: '实验成绩多维构成及综合评分制',
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_3_3.png',
title: '实验报告在线灵活填写及自动评分',
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/mk_3_4.png',
title: '与大赛平台无缝衔接',
},
],
},
],
// 标准服务 // 标准服务
bzfwList: [ bzfwList: [
{ {
...@@ -86,44 +174,9 @@ export default { ...@@ -86,44 +174,9 @@ export default {
}, },
], ],
// 增值服务 // 增值服务
zzfwList: ['顶层设计服务', '师资培训服务', '行业讲座服务', '科研服务', '教学服务'], zzfwList: ['顶层设计服务', '技能培训服务', '行业讲座服务', '科研服务', '教学服务'],
tabList: [
{
title: '案例原文',
children: [
'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/alzy_1_1.png',
'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/alzy_1_2.png',
'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/alzy_1_3.png',
],
},
{
title: '案例指导书',
children: [
'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/alzy_2_1.png',
'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/alzy_2_2.png',
'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/alzy_2_3.png',
],
},
{
title: '教学PPT',
children: [
'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/alzy_3_1.png',
'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/alzy_3_2.png',
],
},
{
title: '操作视频',
children: [
'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/alzy_4_1.png',
'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/alzy_4_2.png',
],
},
],
} }
}, },
mounted() {},
methods: {},
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
...@@ -137,7 +190,8 @@ export default { ...@@ -137,7 +190,8 @@ export default {
.pt-100 { .pt-100 {
padding-top: 100px; padding-top: 100px;
} }
h1 { h1,
.section-title {
font-size: 32px; font-size: 32px;
font-weight: bold; font-weight: bold;
color: #333333; color: #333333;
...@@ -169,6 +223,7 @@ h1 { ...@@ -169,6 +223,7 @@ h1 {
color: #aa1941; color: #aa1941;
} }
} }
.section-subtitle { .section-subtitle {
display: inline-block; display: inline-block;
margin: 0 0 36px 0; margin: 0 0 36px 0;
...@@ -177,50 +232,7 @@ h1 { ...@@ -177,50 +232,7 @@ h1 {
color: #424242; color: #424242;
border-bottom: 1px solid var(--main-color); border-bottom: 1px solid var(--main-color);
} }
.tab {
display: flex;
margin-bottom: 70px;
}
.tab-header {
margin-right: 38px;
li {
width: 270px;
height: 70px;
font-size: 24px;
font-family: Source Han Sans CN-Medium, Source Han Sans CN;
font-weight: 500;
line-height: 70px;
color: #333333;
background: #fff;
text-align: center;
border: 1px solid #d5d5d5;
cursor: pointer;
&.is-active {
color: #fff;
background-color: var(--main-color);
border: 1px solid var(--main-color);
}
& + li {
margin-top: 22px;
}
}
}
.tab-body {
flex: 1;
display: flex;
align-items: center;
justify-content: space-evenly;
background-color: var(--main-color);
}
.section-title {
margin-bottom: 36px;
font-size: 30px;
font-family: Source Han Sans CN;
font-weight: bold;
line-height: 32px;
color: #333333;
text-align: center;
}
.bz-list { .bz-list {
display: grid; display: grid;
grid-template-columns: repeat(4, 1fr); grid-template-columns: repeat(4, 1fr);
...@@ -274,4 +286,41 @@ h1 { ...@@ -274,4 +286,41 @@ h1 {
border-left-width: 10px; border-left-width: 10px;
} }
} }
.mk-list {
display: flex;
gap: 60px;
.mk-item {
flex: 1;
}
.box {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 260px;
background-color: var(--main-color);
p {
margin-top: 48px;
font-size: 18px;
font-family: Source Han Sans CN-Medium, Source Han Sans CN;
color: #ffffff;
}
}
ul {
margin-top: 40px;
}
li {
margin-top: 25px;
img {
margin: 0 18px;
}
display: flex;
align-items: center;
height: 60px;
background: #f2f2f2;
font-size: 15px;
font-family: Source Han Sans CN-Medium, Source Han Sans CN;
color: #424242;
}
}
</style> </style>
src/pages/service/components/buy.vue
浏览文件 @ bd1671bc
...@@ -3,7 +3,7 @@ ...@@ -3,7 +3,7 @@
<!-- <breadcrumb class="content-max-width crumb" :data="crumbData"/> --> <!-- <breadcrumb class="content-max-width crumb" :data="crumbData"/> -->
<div class="bool-det-top"> <div class="bool-det-top">
<div class="item-box"> <div class="item-box">
<img src="https://zws-imgs-pub.ezijing.com/static/public/7c63bd40600a040f867fe4db9014fb7c.png" alt="" /> <img src="https://zws-imgs-pub.ezijing.com/static/public/7c63bd40600a040f867fe4db9014fb7c.png" />
<div class="right-content"> <div class="right-content">
<div class="title">《金融产品数字化营销职业技能等级认证教材》（初级）</div> <div class="title">《金融产品数字化营销职业技能等级认证教材》（初级）</div>
<div class="des-box"> <div class="des-box">
...@@ -61,7 +61,7 @@ ...@@ -61,7 +61,7 @@
<div class="title">作者</div> <div class="title">作者</div>
<div class="item"> <div class="item">
<div class="info-box"> <div class="info-box">
<img src="https://zws-imgs-pub.ezijing.com/static/public/f064b2cb83039e1d4754993167d73864.png" alt="" /> <img src="https://zws-imgs-pub.ezijing.com/static/public/f064b2cb83039e1d4754993167d73864.png" />
<div class="info"> <div class="info">
<div class="name">赵瑾龙</div> <div class="name">赵瑾龙</div>
<div class="xx">研究院</div> <div class="xx">研究院</div>
...@@ -82,32 +82,32 @@ ...@@ -82,32 +82,32 @@
import breadcrumb from '@/components/breadcrumb.vue' import breadcrumb from '@/components/breadcrumb.vue'
export default { export default {
components: { components: {
breadcrumb breadcrumb,
}, },
data() { data() {
return { return {
crumbData: [ crumbData: [
{ {
path: '/', path: '/',
name: '首页' name: '首页',
}, },
{ {
path: '/textBook', path: '/textBook',
name: '教材中心' name: '教材中心',
}, },
{ {
name: '金融数字化营销' name: '金融数字化营销',
} },
] ],
} }
}, },
methods: { methods: {
goChapter() { goChapter() {
this.$router.push({ this.$router.push({
path: '/textBook/chapter' path: '/textBook/chapter',
}) })
} },
} },
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
......
src/pages/teachers/components/notice.vue deleted 100644 → 0
浏览文件 @ 8d8bae6e
<template>
<div class="notice-mian">
<ul class="assist-list">
<template v-for="(item, index) in list">
<template v-if="index >= 0 && index <= 3">
<router-link :to="`/news/detail?id=${item.id}&type=home&tabs=${newsTabIndex}`" :key="index">
<li>
<div class="text">
<div class="p">{{ item.title }}</div>
<div class="time">{{ item.published_time.substring(item.published_time.indexOf(' '), 0) }}</div>
</div>
</li>
</router-link>
</template>
</template>
<li class="border-none">
<div class="text cen" @click="goNewsPage">更多通知</div>
</li>
</ul>
</div>
</template>
<script>
import * as api from '@/api/article'
export default {
data() {
return {
articleClassify: this.$store.state.classify,
list: [],
newsTabIndex: 1,
}
},
mounted() {
this.newsList()
},
methods: {
newsList() {
// const loading = this.$loading({
// lock: true,
// text: 'Loading',
// spinner: 'el-icon-loading',
// background: 'rgba(0, 0, 0, 0.7)'//
// })
if (!Object.keys(this.$store.state.classify).length) {
setTimeout(() => {
this.articleClassify = this.$store.state.classify
this.newsList()
}, 2000)
} else {
console.log(this.articleClassify, 'this.articleClassify')
const findId = this.articleClassify[0].children.find((item) => {
return item.display_name === (this.newsTabIndex ? '工作动态' : '新闻动态')
})
api.getArticle({ category_id: findId ? findId.id : 23 }).then((res) => {
this.list = res.data.list
})
}
},
goNewsPage() {
this.$router.push({
path: '/news',
query: {
type: this.newsTabIndex,
},
})
},
},
}
</script>
<style lang="scss" scoped>
.section {
width: 1200px;
margin: 0 auto;
}
.notice-mian {
display: flex;
margin-top: 16px;
.assist-list {
width: 100%;
background: #ffffff;
border-radius: 4px;
a {
// &:nth-child(1){
// li{
// background: #A81A42;
// border-radius: 4px;
// .text{
// color: #fff;
// }
// }
// }
}
li {
padding: 0 20px;
&:hover {
background: #a81a42;
border-radius: 4px;
.text {
color: #fff;
}
}
cursor: pointer;
&.border-none {
border: none;
}
.text {
display: flex;
.p {
width: 800px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.time {
margin-left: auto;
}
// width: 423px;
// margin: 0 auto;
height: 55px;
border-bottom: 1px solid #eee;
line-height: 55px;
font-size: 18px;
color: #444444;
&.cen {
text-align: center;
}
}
}
}
.slide-box {
cursor: pointer;
position: relative;
width: 713px;
height: 280px;
margin-left: auto;
.item-swiper {
width: 100%;
height: 100%;
img {
display: block;
width: 100%;
height: 100%;
}
}
.assist {
display: flex;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 44px;
background: rgba(0, 0, 0, 0.3);
z-index: 99;
.text {
font-size: 14px;
color: #ffffff;
line-height: 44px;
margin-left: 24px;
}
}
.pagination {
display: flex;
margin-left: auto;
align-items: center;
padding-right: 40px;
span {
width: 8px;
height: 8px;
background: #000000;
opacity: 0.2;
border-radius: 50%;
margin-left: 8px;
&.active {
opacity: 1;
background: #fff;
}
}
}
}
}
</style>
src/pages/teachers/data.js
浏览文件 @ bd1671bc
...@@ -2,7 +2,7 @@ export default [ ...@@ -2,7 +2,7 @@ export default [
{ {
id: '202301', id: '202301',
imgUri: 'http://vocational-store.oss-cn-beijing.aliyuncs.com/files/20210225/9e74559a240db3b39b824418353ec3a3.jpg', imgUri: 'http://vocational-store.oss-cn-beijing.aliyuncs.com/files/20210225/9e74559a240db3b39b824418353ec3a3.jpg',
title: '2023年第一期“1+X金融产品数字化营销职业技能等级证书(中级)”师资培训班', title: '2023年第一期“1+X金融产品数字化营销职业技能等级证书(中级)”技能培训班',
time: '2023年3月18-19日', time: '2023年3月18-19日',
count: 100, count: 100,
activeIndex: 1, activeIndex: 1,
...@@ -233,7 +233,7 @@ export default [ ...@@ -233,7 +233,7 @@ export default [
}, },
{ {
imgUri: 'http://vocational-store.oss-cn-beijing.aliyuncs.com/files/20210225/9e74559a240db3b39b824418353ec3a3.jpg', imgUri: 'http://vocational-store.oss-cn-beijing.aliyuncs.com/files/20210225/9e74559a240db3b39b824418353ec3a3.jpg',
title: '2022年第3期“1+X金融产品数字化营销职业技能等级证书(中级)”师资培训班', title: '2022年第3期“1+X金融产品数字化营销职业技能等级证书(中级)”技能培训班',
time: '待定', time: '待定',
count: '待定', count: '待定',
activeIndex: 2, activeIndex: 2,
...@@ -242,7 +242,7 @@ export default [ ...@@ -242,7 +242,7 @@ export default [
{ {
id: '2022001', id: '2022001',
imgUri: 'http://vocational-store.oss-cn-beijing.aliyuncs.com/files/20210225/9e74559a240db3b39b824418353ec3a3.jpg', imgUri: 'http://vocational-store.oss-cn-beijing.aliyuncs.com/files/20210225/9e74559a240db3b39b824418353ec3a3.jpg',
title: '2022年1+X金融产品数字化营销职业技能等级证书广西公益师资培训', title: '2022年1+X金融产品数字化营销职业技能等级证书广西公益技能培训',
time: '2022年4月13日', time: '2022年4月13日',
count: 100, count: 100,
activeIndex: 3, activeIndex: 3,
...@@ -258,7 +258,7 @@ export default [ ...@@ -258,7 +258,7 @@ export default [
{ {
id: '202202', id: '202202',
imgUri: 'http://vocational-store.oss-cn-beijing.aliyuncs.com/files/20210225/9e74559a240db3b39b824418353ec3a3.jpg', imgUri: 'http://vocational-store.oss-cn-beijing.aliyuncs.com/files/20210225/9e74559a240db3b39b824418353ec3a3.jpg',
title: '2022年第2期“1+X金融产品数字化营销职业技能等级证书(中级)”师资培训班', title: '2022年第2期“1+X金融产品数字化营销职业技能等级证书(中级)”技能培训班',
time: '01月18日-01月20日', time: '01月18日-01月20日',
count: 100, count: 100,
activeIndex: 3, activeIndex: 3,
...@@ -348,7 +348,7 @@ export default [ ...@@ -348,7 +348,7 @@ export default [
}, },
{ {
imgUri: 'http://vocational-store.oss-cn-beijing.aliyuncs.com/files/20210225/9e74559a240db3b39b824418353ec3a3.jpg', imgUri: 'http://vocational-store.oss-cn-beijing.aliyuncs.com/files/20210225/9e74559a240db3b39b824418353ec3a3.jpg',
title: '2022年第1期“1+X金融产品数字化营销职业技能等级证书(初级)”师资培训班', title: '2022年第1期“1+X金融产品数字化营销职业技能等级证书(初级)”技能培训班',
time: '01月11日-01月13日', time: '01月11日-01月13日',
count: 100, count: 100,
activeIndex: 3, activeIndex: 3,
...@@ -427,7 +427,7 @@ export default [ ...@@ -427,7 +427,7 @@ export default [
}, },
{ {
imgUri: 'http://vocational-store.oss-cn-beijing.aliyuncs.com/files/20210225/9e74559a240db3b39b824418353ec3a3.jpg', imgUri: 'http://vocational-store.oss-cn-beijing.aliyuncs.com/files/20210225/9e74559a240db3b39b824418353ec3a3.jpg',
title: '2021年第6期“1+X金融产品数字化营销职业技能等级证书(中级)”师资培训班', title: '2021年第6期“1+X金融产品数字化营销职业技能等级证书(中级)”技能培训班',
time: '10月30日-10月31日', time: '10月30日-10月31日',
count: 100, count: 100,
activeIndex: 3, activeIndex: 3,
...@@ -435,7 +435,7 @@ export default [ ...@@ -435,7 +435,7 @@ export default [
}, },
{ {
imgUri: 'http://vocational-store.oss-cn-beijing.aliyuncs.com/files/20210225/9e74559a240db3b39b824418353ec3a3.jpg', imgUri: 'http://vocational-store.oss-cn-beijing.aliyuncs.com/files/20210225/9e74559a240db3b39b824418353ec3a3.jpg',
title: '2021年第3期“1+X金融产品数字化营销职业技能等级证书(中级)”师资培训班', title: '2021年第3期“1+X金融产品数字化营销职业技能等级证书(中级)”技能培训班',
time: '7月5日-7月9日', time: '7月5日-7月9日',
count: 100, count: 100,
activeIndex: 3, activeIndex: 3,
...@@ -443,7 +443,7 @@ export default [ ...@@ -443,7 +443,7 @@ export default [
}, },
{ {
imgUri: 'http://vocational-store.oss-cn-beijing.aliyuncs.com/files/20210225/9e74559a240db3b39b824418353ec3a3.jpg', imgUri: 'http://vocational-store.oss-cn-beijing.aliyuncs.com/files/20210225/9e74559a240db3b39b824418353ec3a3.jpg',
title: '2021年第2期“1+X金融产品数字化营销职业技能等级证书(中级)”师资培训班', title: '2021年第2期“1+X金融产品数字化营销职业技能等级证书(中级)”技能培训班',
time: '6月27日-6月30日', time: '6月27日-6月30日',
count: 100, count: 100,
activeIndex: 3, activeIndex: 3,
...@@ -451,7 +451,7 @@ export default [ ...@@ -451,7 +451,7 @@ export default [
}, },
{ {
imgUri: 'http://vocational-store.oss-cn-beijing.aliyuncs.com/files/20210225/9e74559a240db3b39b824418353ec3a3.jpg', imgUri: 'http://vocational-store.oss-cn-beijing.aliyuncs.com/files/20210225/9e74559a240db3b39b824418353ec3a3.jpg',
title: '2021年第1期“1+X金融产品数字化营销职业技能等级证书(中级)”师资培训班', title: '2021年第1期“1+X金融产品数字化营销职业技能等级证书(中级)”技能培训班',
time: '4月23日-4月25日', time: '4月23日-4月25日',
count: 100, count: 100,
activeIndex: 3, activeIndex: 3,
......
src/pages/teachers/index.vue
浏览文件 @ bd1671bc
<template> <template>
<div> <div>
<img class="banner" src="https://webapp-pub.ezijing.com/project/x-new/train-banner.png" /> <img class="banner" src="/images/banner2.png" />
<section class="section"> <section class="section">
<h1 class="pt-80">师资培训公告</h1> <h1 class="pt-80">技能培训公告</h1>
<notice></notice> <notice></notice>
<div class="nav-list"> <div class="nav-list">
<div class="nav-list_item" v-for="item in navList" @click="register(item)"> <div class="nav-list_item" v-for="(item, index) in navList" :key="index" @click="register(item)">
<div class="item-icon"> <div class="item-icon">
<img class="n-active" :src="item.icon" /> <img class="n-active" :src="item.icon" />
<img class="active" :src="item.aIcon" /> <img class="active" :src="item.aIcon" />
...@@ -13,17 +13,14 @@ ...@@ -13,17 +13,14 @@
<div class="item-txt">{{ item.text }}</div> <div class="item-txt">{{ item.text }}</div>
</div> </div>
</div> </div>
<h2 class="pt-80" id="md1" style="text-align: center">师资培训报名</h2> <h2 class="pt-80" id="md1" style="text-align: center">技能培训报名</h2>
<h3 style="margin-top: 50px">一、培训目标</h3> <h3 style="margin-top: 50px">一、培训目标</h3>
<p class="des"> <p class="des">
培训按照“专业设置与行业需求对接、课程内容与职业标准对接、教学过程与工作过程对接”的目标进行课程设计，着重老师的思维转换训练，从工作场景倒推知识架构，和老师共同完成角色转换。计划培养300名“双师型”教师。 培训目标：培养初级商务数据分析师。<br />
学员通过本阶段课程学习，了解商务数据分析师相关岗位要求和岗位基础知识，学会数据采集、清洗、处理、可视化和基础分析技能，使学员能够胜任商务数据分析师基础岗位工作。在工作中为企业决策提供基础数据与依据。
</p> </p>
<h3>二、培训对象</h3> <h3>二、培训对象</h3>
<p class="des"> <p class="des">企业职工、职业院校学生、退伍军人</p>
本次培训面向1+X金融产品数字化营销证书试点院校金融类、经管类专兼职教师、中青年骨干教师，开设有金融产品数字化营销证书标准对应专业的其它院校教师、企业人员(社会师资)。参训教师还需具备以下条件:<br />
1原则上为中级以上职称具有一定教学经验与教学水平;<br />
2.具备金融知识或营销相关技能及基本理论。
</p>
<h3>三、培训方式</h3> <h3>三、培训方式</h3>
<p class="des"> <p class="des">
根据“金融产品数字化营销职业技能等级证书”试点工作需求，分批次（分区域）开展师资培训。培训采取结构化、多元化的培训方式设计，包含在线视频、专题授课、案例研讨、实践演练、互动讨论、汇报展示、整体考核等。 根据“金融产品数字化营销职业技能等级证书”试点工作需求，分批次（分区域）开展师资培训。培训采取结构化、多元化的培训方式设计，包含在线视频、专题授课、案例研讨、实践演练、互动讨论、汇报展示、整体考核等。
...@@ -38,7 +35,7 @@ ...@@ -38,7 +35,7 @@
6.课程考试 6.课程考试
</p> </p>
<h3>五、培训费用</h3> <h3>五、培训费用</h3>
<p class="des">详见每期师资培训通知。</p> <p class="des">详见每期技能培训通知。</p>
<div class="t-btn"> <div class="t-btn">
<div class="name">通知关注：</div> <div class="name">通知关注：</div>
<router-link to="/news"> <router-link to="/news">
...@@ -52,7 +49,7 @@ ...@@ -52,7 +49,7 @@
</router-link> </router-link>
</div> </div>
<div class="pt-box"> <div class="pt-box">
<h2 id="md2">师资学习平台</h2> <h1 id="md2">学习平台</h1>
<div class="flex"> <div class="flex">
<img src="https://webapp-pub.ezijing.com/project/x-new/train-dn.png" /> <img src="https://webapp-pub.ezijing.com/project/x-new/train-dn.png" />
<div class="pt-right"> <div class="pt-right">
...@@ -65,51 +62,12 @@ ...@@ -65,51 +62,12 @@
</div> </div>
</div> </div>
</div> </div>
<h1 class="pt-80">师资培训往期回顾</h1>
<div class="new-list">
<div class="new-list_item">
<div class="new-item_title">
这里是新闻内容新闻内容新闻内容新闻内容新闻内容这里是新闻内容新闻内容新闻内容新闻内容新闻内容这里是新闻内容新闻内容新闻内容新闻内容新闻内容这里是新闻内容新闻内容新闻内容新闻内容新闻内容这里是新闻内容新闻内容新闻内容新闻内容新闻内容这里是新闻内容新闻内容新闻内容新闻内容新闻内容这里是新闻内容新闻内容新闻内容新闻内容新闻内容，
</div>
<div class="new-item_con">
这里是新闻内容新闻内容新闻内容新闻内容新闻内容这里是新闻内容新闻内容新闻内容新闻内容新闻内容这里是新闻内容新闻内容新闻内容新闻内容新闻内容这里是新闻内容新闻内容新闻内容新闻内容新闻内容这里是新闻内容新闻内容新闻内容新闻内容新闻内容这里是新闻内容新闻内容新闻内容新闻内容新闻内这里是新闻内容新闻内容新闻内容新闻内容新闻内容这里是新闻内容新闻内容新闻内容新闻内容新闻内容这里是新闻内容新闻内容新闻内容新闻内容新闻内容这里是新闻内容新闻内容新闻内容新闻内容新闻内容这里是新闻内容新闻内容新闻内容新闻内容新闻内容这里是新闻内容新闻内容新闻内容新闻内容新闻内容这里是新闻内容新闻内容新闻内容新闻内容新闻内容，容这里是新闻内容新闻内容新闻内容新闻内容新闻内容，
</div>
<router-link to="/news">
<div class="new-item_btn">查看更多</div>
</router-link>
<img src="https://webapp-pub.ezijing.com/project/x-new/train-r1.png" />
</div>
<div class="new-list_item">
<div class="new-item_title">
这里是新闻内容新闻内容新闻内容新闻内容新闻内容这里是新闻内容新闻内容新闻内容新闻内容新闻内容这里是新闻内容新闻内容新闻内容新闻内容新闻内容这里是新闻内容新闻内容新闻内容新闻内容新闻内容这里是新闻内容新闻内容新闻内容新闻内容新闻内容这里是新闻内容新闻内容新闻内容新闻内容新闻内容这里是新闻内容新闻内容新闻内容新闻内容新闻内容，
</div>
<div class="new-item_con">
这里是新闻内容新闻内容新闻内容新闻内容新闻内容这里是新闻内容新闻内容新闻内容新闻内容新闻内容这里是新闻内容新闻内容新闻内容新闻内容新闻内容这里是新闻内容新闻内容新闻内容新闻内容新闻内容这里是新闻内容新闻内容新闻内容新闻内容新闻内容这里是新闻内容新闻内容新闻内容新闻内容新闻内这里是新闻内容新闻内容新闻内容新闻内容新闻内容这里是新闻内容新闻内容新闻内容新闻内容新闻内容这里是新闻内容新闻内容新闻内容新闻内容新闻内容这里是新闻内容新闻内容新闻内容新闻内容新闻内容这里是新闻内容新闻内容新闻内容新闻内容新闻内容这里是新闻内容新闻内容新闻内容新闻内容新闻内容这里是新闻内容新闻内容新闻内容新闻内容新闻内容，容这里是新闻内容新闻内容新闻内容新闻内容新闻内容，
</div>
<router-link to="/news">
<div class="new-item_btn">查看更多</div>
</router-link>
<img src="https://webapp-pub.ezijing.com/project/x-new/train-r2.png" />
</div>
<div class="new-list_item">
<div class="new-item_title">
这里是新闻内容新闻内容新闻内容新闻内容新闻内容这里是新闻内容新闻内容新闻内容新闻内容新闻内容这里是新闻内容新闻内容新闻内容新闻内容新闻内容这里是新闻内容新闻内容新闻内容新闻内容新闻内容这里是新闻内容新闻内容新闻内容新闻内容新闻内容这里是新闻内容新闻内容新闻内容新闻内容新闻内容这里是新闻内容新闻内容新闻内容新闻内容新闻内容，
</div>
<div class="new-item_con">
这里是新闻内容新闻内容新闻内容新闻内容新闻内容这里是新闻内容新闻内容新闻内容新闻内容新闻内容这里是新闻内容新闻内容新闻内容新闻内容新闻内容这里是新闻内容新闻内容新闻内容新闻内容新闻内容这里是新闻内容新闻内容新闻内容新闻内容新闻内容这里是新闻内容新闻内容新闻内容新闻内容新闻内这里是新闻内容新闻内容新闻内容新闻内容新闻内容这里是新闻内容新闻内容新闻内容新闻内容新闻内容这里是新闻内容新闻内容新闻内容新闻内容新闻内容这里是新闻内容新闻内容新闻内容新闻内容新闻内容这里是新闻内容新闻内容新闻内容新闻内容新闻内容这里是新闻内容新闻内容新闻内容新闻内容新闻内容这里是新闻内容新闻内容新闻内容新闻内容新闻内容，容这里是新闻内容新闻内容新闻内容新闻内容新闻内容，
</div>
<router-link to="/news">
<div class="new-item_btn">查看更多</div>
</router-link>
<img src="https://webapp-pub.ezijing.com/project/x-new/train-r3.png" />
</div>
</div>
</section> </section>
<vue-passport ref="passport" @ready="onReady" :options="options"></vue-passport> <vue-passport ref="passport" @ready="onReady" :options="options"></vue-passport>
</div> </div>
</template> </template>
<script> <script>
import notice from './components/notice.vue' import notice from '@/components/notice.vue'
export default { export default {
components: { components: {
notice, notice,
...@@ -126,13 +84,13 @@ export default { ...@@ -126,13 +84,13 @@ export default {
{ {
icon: 'https://webapp-pub.ezijing.com/project/x-new/train-icon2.png', icon: 'https://webapp-pub.ezijing.com/project/x-new/train-icon2.png',
aIcon: 'https://webapp-pub.ezijing.com/project/x-new/train-icon-a2.png', aIcon: 'https://webapp-pub.ezijing.com/project/x-new/train-icon-a2.png',
text: '师资培训报名', text: '技能培训报名',
id: 'md1', id: 'md1',
}, },
{ {
icon: 'https://webapp-pub.ezijing.com/project/x-new/train-icon3.png', icon: 'https://webapp-pub.ezijing.com/project/x-new/train-icon3.png',
aIcon: 'https://webapp-pub.ezijing.com/project/x-new/train-icon-a3.png', aIcon: 'https://webapp-pub.ezijing.com/project/x-new/train-icon-a3.png',
text: '师资学习平台', text: '学习平台',
id: 'md2', id: 'md2',
}, },
{ {
...@@ -303,6 +261,7 @@ h3 { ...@@ -303,6 +261,7 @@ h3 {
} }
.pt-box { .pt-box {
padding-top: 40px; padding-top: 40px;
padding-bottom: 40px;
.flex { .flex {
display: flex; display: flex;
margin-top: 35px; margin-top: 35px;
......
src/pages/train/components/item.vue
浏览文件 @ bd1671bc
<template> <template>
<div class="item-box"> <div class="item-box">
<img :src="data.imgUri" alt=""> <img :src="data.imgUri" />
<div class="right-content"> <div class="right-content">
<div class="title">{{ data.title }}</div> <div class="title">{{ data.title }}</div>
<!-- v-html="data.additional" --> <!-- v-html="data.additional" -->
<div class="des-box"> <div class="des-box">
<!-- <p class="ind">计划时间：3.24-3.26</p> --> <!-- <p class="ind">计划时间：3.24-3.26</p> -->
<p>计划时间：{{data.time}}</p> <p>计划时间：{{ data.time }}</p>
<!-- <p class="ind">ISBN：基础数据维护及档案管理</p> --> <!-- <p class="ind">ISBN：基础数据维护及档案管理</p> -->
<p>计划人数：{{data.count}}</p> <p>计划人数：{{ data.count }}</p>
</div> </div>
<router-link :to="`/train/detail?id=${data.id}`" v-if="data.activeIndex === 1"> <router-link :to="`/train/detail?id=${data.id}`" v-if="data.activeIndex === 1">
<div class="detail-btn">在线报名</div> <div class="detail-btn">在线报名</div>
...@@ -27,12 +27,12 @@ export default { ...@@ -27,12 +27,12 @@ export default {
props: { props: {
data: { data: {
type: Object, type: Object,
default: {} default: {},
} },
}, },
data() { data() {
return { return {
input: '' input: '',
} }
}, },
computed: { computed: {
...@@ -41,78 +41,78 @@ export default { ...@@ -41,78 +41,78 @@ export default {
const date = new Date(this.data.published_time) const date = new Date(this.data.published_time)
let reData = '' let reData = ''
if (type === 'w') { if (type === 'w') {
reData = new Array("星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六")[date.getDay()] reData = new Array('星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六')[date.getDay()]
} else { } else {
reData = date.getMonth() + 1 +'月'+ date.getDate() +'日' reData = date.getMonth() + 1 + '月' + date.getDate() + '日'
} }
return reData return reData
} }
} },
} },
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.item-box{ .item-box {
padding: 24px 0; padding: 24px 0;
border-bottom: 1px solid #eee; border-bottom: 1px solid #eee;
display: flex; display: flex;
img{ img {
width: 180px; width: 180px;
height: 100px; height: 100px;
display: block; display: block;
} }
.right-content{ .right-content {
margin-left: 24px; margin-left: 24px;
.title{ .title {
font-size: 18px; font-size: 18px;
font-weight: bold; font-weight: bold;
color: #C01540; color: #c01540;
line-height: 25px; line-height: 25px;
width: 400px; width: 400px;
} }
.des-box{ .des-box {
width: 400px; width: 400px;
margin-top: 24px; margin-top: 24px;
p{ p {
font-size: 14px; font-size: 14px;
color: #717171; color: #717171;
line-height: 20px; line-height: 20px;
margin-bottom: 8px; margin-bottom: 8px;
&.ind{ &.ind {
text-indent: 2em; text-indent: 2em;
} }
} }
} }
.detail-btn{ .detail-btn {
color: #fff; color: #fff;
text-align: center; text-align: center;
line-height: 36px; line-height: 36px;
width: 96px; width: 96px;
height: 36px; height: 36px;
background: linear-gradient(315deg, rgba(225, 47, 116, 0.83) 0%, #C01540 100%); background: linear-gradient(315deg, rgba(225, 47, 116, 0.83) 0%, #c01540 100%);
border-radius: 4px; border-radius: 4px;
margin-top: 16px; margin-top: 16px;
} }
.finished{ .finished {
background:#a9a3a9; background: #a9a3a9;
} }
} }
} }
.right-time{ .right-time {
margin-left: auto; margin-left: auto;
width: 77px; width: 77px;
height: 59px; height: 59px;
background: url(https://zws-imgs-pub.ezijing.com/static/public/30ec4d9c7c282da2e3dae066b00b180b.png); background: url(https://zws-imgs-pub.ezijing.com/static/public/30ec4d9c7c282da2e3dae066b00b180b.png);
background-size: 100% 100%; background-size: 100% 100%;
position: relative; position: relative;
.week{ .week {
text-align: center; text-align: center;
font-size: 12px; font-size: 12px;
color: #FFFFFF; color: #ffffff;
line-height: 12px; line-height: 12px;
margin-top: 6px; margin-top: 6px;
} }
.time{ .time {
margin-top: 8px; margin-top: 8px;
text-align: center; text-align: center;
font-size: 16px; font-size: 16px;
......
src/pages/train/components/payPop.vue
浏览文件 @ bd1671bc
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<i class="el-icon-close" @click="$emit('closePayPop')"></i> <i class="el-icon-close" @click="$emit('closePayPop')"></i>
<div class="tips-cen"> <div class="tips-cen">
<div class="name">活动名称：</div> <div class="name">活动名称：</div>
<div class="js">2024年第一期“1+X金融产品数字化营销职业技能等级证书(高级)”师资培训班</div> <div class="js">2024年第一期“1+X金融产品数字化营销职业技能等级证书(高级)”技能培训班</div>
</div> </div>
<div class="tips-cen mar-t-20"> <div class="tips-cen mar-t-20">
<div class="name">费&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;用：</div> <div class="name">费&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;用：</div>
......
src/pages/train/data.js
浏览文件 @ bd1671bc
...@@ -2,7 +2,7 @@ export default [ ...@@ -2,7 +2,7 @@ export default [
{ {
id: '202401', id: '202401',
imgUri: 'http://vocational-store.oss-cn-beijing.aliyuncs.com/files/20210225/9e74559a240db3b39b824418353ec3a3.jpg', imgUri: 'http://vocational-store.oss-cn-beijing.aliyuncs.com/files/20210225/9e74559a240db3b39b824418353ec3a3.jpg',
title: '2024年第一期“1+X金融产品数字化营销职业技能等级证书(高级)”师资培训班', title: '2024年第一期“1+X金融产品数字化营销职业技能等级证书(高级)”技能培训班',
time: '2024年4月20-24日', time: '2024年4月20-24日',
count: 100, count: 100,
activeIndex: 1, activeIndex: 1,
...@@ -16,7 +16,7 @@ export default [ ...@@ -16,7 +16,7 @@ export default [
payment: '3800元/人，往返、食宿费用自理。', payment: '3800元/人，往返、食宿费用自理。',
content: `<table border="1" cellpadding="10" cellspacing="0" style="width: 700px;"> content: `<table border="1" cellpadding="10" cellspacing="0" style="width: 700px;">
<tr> <tr>
<td colspan="6" align="center">1+X金融产品数字化营销职业技能等级证书（高级）师资培训</td> <td colspan="6" align="center">1+X金融产品数字化营销职业技能等级证书（高级）技能培训</td>
</tr> </tr>
<tr> <tr>
<td colspan="2" rowspan="2">日期</td> <td colspan="2" rowspan="2">日期</td>
...@@ -118,7 +118,7 @@ export default [ ...@@ -118,7 +118,7 @@ export default [
<tr> <tr>
<td>下午</td> <td>下午</td>
<td>14:00-17:00</td> <td>14:00-17:00</td>
<td>1+X金融产品数字化营销高级师资培训考核</td> <td>1+X金融产品数字化营销高级技能培训考核</td>
<td>理论+操作</td> <td>理论+操作</td>
<td>1+X运营经理</td> <td>1+X运营经理</td>
</tr> </tr>
...@@ -127,7 +127,7 @@ export default [ ...@@ -127,7 +127,7 @@ export default [
{ {
id: '202302', id: '202302',
imgUri: 'http://vocational-store.oss-cn-beijing.aliyuncs.com/files/20210225/9e74559a240db3b39b824418353ec3a3.jpg', imgUri: 'http://vocational-store.oss-cn-beijing.aliyuncs.com/files/20210225/9e74559a240db3b39b824418353ec3a3.jpg',
title: '2023年第二期“1+X金融产品数字化营销职业技能等级证书(中级)”师资培训班', title: '2023年第二期“1+X金融产品数字化营销职业技能等级证书(中级)”技能培训班',
time: '2023年9月20-23日', time: '2023年9月20-23日',
count: 100, count: 100,
activeIndex: 3, activeIndex: 3,
...@@ -291,7 +291,7 @@ export default [ ...@@ -291,7 +291,7 @@ export default [
{ {
id: '202301', id: '202301',
imgUri: 'http://vocational-store.oss-cn-beijing.aliyuncs.com/files/20210225/9e74559a240db3b39b824418353ec3a3.jpg', imgUri: 'http://vocational-store.oss-cn-beijing.aliyuncs.com/files/20210225/9e74559a240db3b39b824418353ec3a3.jpg',
title: '2023年第一期“1+X金融产品数字化营销职业技能等级证书(中级)”师资培训班', title: '2023年第一期“1+X金融产品数字化营销职业技能等级证书(中级)”技能培训班',
time: '2023年3月18-19日', time: '2023年3月18-19日',
count: 100, count: 100,
activeIndex: 3, activeIndex: 3,
...@@ -522,7 +522,7 @@ export default [ ...@@ -522,7 +522,7 @@ export default [
}, },
{ {
imgUri: 'http://vocational-store.oss-cn-beijing.aliyuncs.com/files/20210225/9e74559a240db3b39b824418353ec3a3.jpg', imgUri: 'http://vocational-store.oss-cn-beijing.aliyuncs.com/files/20210225/9e74559a240db3b39b824418353ec3a3.jpg',
title: '2022年第3期“1+X金融产品数字化营销职业技能等级证书(中级)”师资培训班', title: '2022年第3期“1+X金融产品数字化营销职业技能等级证书(中级)”技能培训班',
time: '待定', time: '待定',
count: '待定', count: '待定',
activeIndex: 3, activeIndex: 3,
...@@ -531,7 +531,7 @@ export default [ ...@@ -531,7 +531,7 @@ export default [
{ {
id: '2022001', id: '2022001',
imgUri: 'http://vocational-store.oss-cn-beijing.aliyuncs.com/files/20210225/9e74559a240db3b39b824418353ec3a3.jpg', imgUri: 'http://vocational-store.oss-cn-beijing.aliyuncs.com/files/20210225/9e74559a240db3b39b824418353ec3a3.jpg',
title: '2022年1+X金融产品数字化营销职业技能等级证书广西公益师资培训', title: '2022年1+X金融产品数字化营销职业技能等级证书广西公益技能培训',
time: '2022年4月13日', time: '2022年4月13日',
count: 100, count: 100,
activeIndex: 3, activeIndex: 3,
...@@ -547,7 +547,7 @@ export default [ ...@@ -547,7 +547,7 @@ export default [
{ {
id: '202202', id: '202202',
imgUri: 'http://vocational-store.oss-cn-beijing.aliyuncs.com/files/20210225/9e74559a240db3b39b824418353ec3a3.jpg', imgUri: 'http://vocational-store.oss-cn-beijing.aliyuncs.com/files/20210225/9e74559a240db3b39b824418353ec3a3.jpg',
title: '2022年第2期“1+X金融产品数字化营销职业技能等级证书(中级)”师资培训班', title: '2022年第2期“1+X金融产品数字化营销职业技能等级证书(中级)”技能培训班',
time: '01月18日-01月20日', time: '01月18日-01月20日',
count: 100, count: 100,
activeIndex: 3, activeIndex: 3,
...@@ -637,7 +637,7 @@ export default [ ...@@ -637,7 +637,7 @@ export default [
}, },
{ {
imgUri: 'http://vocational-store.oss-cn-beijing.aliyuncs.com/files/20210225/9e74559a240db3b39b824418353ec3a3.jpg', imgUri: 'http://vocational-store.oss-cn-beijing.aliyuncs.com/files/20210225/9e74559a240db3b39b824418353ec3a3.jpg',
title: '2022年第1期“1+X金融产品数字化营销职业技能等级证书(初级)”师资培训班', title: '2022年第1期“1+X金融产品数字化营销职业技能等级证书(初级)”技能培训班',
time: '01月11日-01月13日', time: '01月11日-01月13日',
count: 100, count: 100,
activeIndex: 3, activeIndex: 3,
...@@ -716,7 +716,7 @@ export default [ ...@@ -716,7 +716,7 @@ export default [
}, },
{ {
imgUri: 'http://vocational-store.oss-cn-beijing.aliyuncs.com/files/20210225/9e74559a240db3b39b824418353ec3a3.jpg', imgUri: 'http://vocational-store.oss-cn-beijing.aliyuncs.com/files/20210225/9e74559a240db3b39b824418353ec3a3.jpg',
title: '2021年第6期“1+X金融产品数字化营销职业技能等级证书(中级)”师资培训班', title: '2021年第6期“1+X金融产品数字化营销职业技能等级证书(中级)”技能培训班',
time: '10月30日-10月31日', time: '10月30日-10月31日',
count: 100, count: 100,
activeIndex: 3, activeIndex: 3,
...@@ -724,7 +724,7 @@ export default [ ...@@ -724,7 +724,7 @@ export default [
}, },
{ {
imgUri: 'http://vocational-store.oss-cn-beijing.aliyuncs.com/files/20210225/9e74559a240db3b39b824418353ec3a3.jpg', imgUri: 'http://vocational-store.oss-cn-beijing.aliyuncs.com/files/20210225/9e74559a240db3b39b824418353ec3a3.jpg',
title: '2021年第3期“1+X金融产品数字化营销职业技能等级证书(中级)”师资培训班', title: '2021年第3期“1+X金融产品数字化营销职业技能等级证书(中级)”技能培训班',
time: '7月5日-7月9日', time: '7月5日-7月9日',
count: 100, count: 100,
activeIndex: 3, activeIndex: 3,
...@@ -732,7 +732,7 @@ export default [ ...@@ -732,7 +732,7 @@ export default [
}, },
{ {
imgUri: 'http://vocational-store.oss-cn-beijing.aliyuncs.com/files/20210225/9e74559a240db3b39b824418353ec3a3.jpg', imgUri: 'http://vocational-store.oss-cn-beijing.aliyuncs.com/files/20210225/9e74559a240db3b39b824418353ec3a3.jpg',
title: '2021年第2期“1+X金融产品数字化营销职业技能等级证书(中级)”师资培训班', title: '2021年第2期“1+X金融产品数字化营销职业技能等级证书(中级)”技能培训班',
time: '6月27日-6月30日', time: '6月27日-6月30日',
count: 100, count: 100,
activeIndex: 3, activeIndex: 3,
...@@ -740,7 +740,7 @@ export default [ ...@@ -740,7 +740,7 @@ export default [
}, },
{ {
imgUri: 'http://vocational-store.oss-cn-beijing.aliyuncs.com/files/20210225/9e74559a240db3b39b824418353ec3a3.jpg', imgUri: 'http://vocational-store.oss-cn-beijing.aliyuncs.com/files/20210225/9e74559a240db3b39b824418353ec3a3.jpg',
title: '2021年第1期“1+X金融产品数字化营销职业技能等级证书(中级)”师资培训班', title: '2021年第1期“1+X金融产品数字化营销职业技能等级证书(中级)”技能培训班',
time: '4月23日-4月25日', time: '4月23日-4月25日',
count: 100, count: 100,
activeIndex: 3, activeIndex: 3,
......
src/pages/train/detail.vue
浏览文件 @ bd1671bc
...@@ -5,11 +5,11 @@ ...@@ -5,11 +5,11 @@
<div class="content-left"> <div class="content-left">
<div class="title">{{ detail.title }}</div> <div class="title">{{ detail.title }}</div>
<div class="item-box"> <div class="item-box">
<img :src="detail.imgUri" alt="" /> <img :src="detail.imgUri" />
<div class="right-content"> <div class="right-content">
<!-- <div class="title">《金融产品数字化营销职业技能等级认证教材》（初级）</div> --> <!-- <div class="title">《金融产品数字化营销职业技能等级认证教材》（初级）</div> -->
<div class="des-box"> <div class="des-box">
<p>活动类型：师资培训</p> <p>活动类型：技能培训</p>
<p>培训形式：{{ detail.form || '线上直播' }}</p> <p>培训形式：{{ detail.form || '线上直播' }}</p>
<p>培训地点：{{ detail.addr }}</p> <p>培训地点：{{ detail.addr }}</p>
<p>培训时间：{{ detail.time }}</p> <p>培训时间：{{ detail.time }}</p>
...@@ -84,7 +84,7 @@ export default { ...@@ -84,7 +84,7 @@ export default {
data() { data() {
return { return {
datalist, datalist,
crumbData: [{ path: '/', name: '首页' }, { name: '师资培训' }], crumbData: [{ path: '/', name: '首页' }, { name: '技能培训' }],
} }
}, },
computed: { computed: {
......
src/pages/train/form.vue
浏览文件 @ bd1671bc
<template> <template>
<div> <div>
<!-- <breadcrumb class="content-max-width crumb" :data="crumbData"/> --> <!-- <breadcrumb class="content-max-width crumb" :data="crumbData"/> -->
<div class="title-form">师资培训报名信息填写</div> <div class="title-form">技能培训报名信息填写</div>
<div class="form-box"> <div class="form-box">
<el-form ref="form" :model="form" :rules="rules" label-width="110px" class="forms" :disabled="isPayStatus"> <el-form ref="form" :model="form" :rules="rules" label-width="110px" class="forms" :disabled="isPayStatus">
<el-form-item label="院校名称" prop="school_name"> <el-form-item label="院校名称" prop="school_name">
...@@ -205,7 +205,7 @@ export default { ...@@ -205,7 +205,7 @@ export default {
name: '首页', name: '首页',
}, },
{ {
name: '师资培训', name: '技能培训',
}, },
], ],
nations: nations, nations: nations,
......
src/pages/train/form2.vue
浏览文件 @ bd1671bc
...@@ -107,7 +107,7 @@ export default { ...@@ -107,7 +107,7 @@ export default {
name: '首页', name: '首页',
}, },
{ {
name: '师资培训', name: '技能培训',
}, },
], ],
form: { form: {
......
src/pages/train/index.vue
浏览文件 @ bd1671bc
<template> <template>
<div class="content-max-width"> <div class="content-max-width">
<!-- <breadcrumb class="content-max-width crumb" :data="crumbData"/> -->
<template> <template>
<div class="new-tits">师资培训报名</div> <div class="new-tits">技能培训报名</div>
<screen-tabs <screen-tabs
class="screen-tabs-box" class="screen-tabs-box"
:activeIndex.sync="tabsIndex" :activeIndex.sync="tabsIndex"
...@@ -36,21 +35,17 @@ ...@@ -36,21 +35,17 @@
</template> </template>
<script> <script>
import * as api from '@/api/article' import * as api from '@/api/article'
import btnTabs from '@/components/tabs/btnTabs.vue'
import screenTabs from '@/components/tabs/screenTabs.vue' import screenTabs from '@/components/tabs/screenTabs.vue'
import noData from '@/components/tabs/noData.vue' import noData from '@/components/noData.vue'
import item from './components/item.vue' import item from './components/item.vue'
import search from './components/search.vue' import search from './components/search.vue'
import breadcrumb from '@/components/breadcrumb.vue'
import datalist from './data.js' import datalist from './data.js'
export default { export default {
components: { components: {
btnTabs,
screenTabs, screenTabs,
item, item,
noData, noData,
search, search,
breadcrumb,
}, },
data() { data() {
return { return {
...@@ -67,7 +62,7 @@ export default { ...@@ -67,7 +62,7 @@ export default {
options: ['全部', '正在进行', '未开始', '已结束'], options: ['全部', '正在进行', '未开始', '已结束'],
}, },
pages: {}, pages: {},
crumbData: [{ path: '/', name: '首页' }, { name: '师资培训' }], crumbData: [{ path: '/', name: '首页' }, { name: '技能培训' }],
} }
}, },
mounted() { mounted() {
......
src/router/index.js
浏览文件 @ bd1671bc
...@@ -17,16 +17,16 @@ const routes = [ ...@@ -17,16 +17,16 @@ const routes = [
{ path: '/news/detail', component: () => import('@/pages/news/detail.vue') }, { path: '/news/detail', component: () => import('@/pages/news/detail.vue') },
// 1+x产品 // 1+x产品
{ path: '/product', component: () => import('@/pages/product/index.vue') }, { path: '/product', component: () => import('@/pages/product/index.vue') },
// 师资培训 // 技能培训
{ path: '/teacher', component: () => import('@/pages/teachers/index.vue') }, { path: '/teacher', component: () => import('@/pages/teachers/index.vue') },
// 证书成绩查询 // 证书成绩查询
{ path: '/attestation', component: () => import('@/pages/attestation/index.vue') }, { path: '/attestation', component: () => import('@/pages/attestation/index.vue') },
// // 教学服务 // // 教学服务
{ path: '/service', component: () => import('@/pages/service/index.vue') }, { path: '/service', component: () => import('@/pages/service/index.vue') },
{ path: '/train', component: () => import('@/pages/train/index.vue') }, { path: '/train', component: () => import('@/pages/train/index.vue') },
// 师资培训详情 // 技能培训详情
{ path: '/train/detail', component: () => import('@/pages/train/detail.vue') }, { path: '/train/detail', component: () => import('@/pages/train/detail.vue') },
// 师资培训详情->报名 // 技能培训详情->报名
{ path: '/train/form', component: () => import('@/pages/train/form.vue') }, { path: '/train/form', component: () => import('@/pages/train/form.vue') },
{ path: '/school/form', component: () => import('@/pages/train/form2.vue') }, { path: '/school/form', component: () => import('@/pages/train/form2.vue') },
{ path: '/register', component: () => import('@/pages/account/register.vue') }, { path: '/register', component: () => import('@/pages/account/register.vue') },
......
src/style.scss
浏览文件 @ bd1671bc
/* 改变主题色变量 */ /* 改变主题色变量 */
$--color-primary: #b80037; $--color-primary: #a81a42;
/* 改变 icon 字体路径变量，必需 */ /* 改变 icon 字体路径变量，必需 */
$--font-path: 'element-ui/lib/theme-chalk/fonts'; $--font-path: 'element-ui/lib/theme-chalk/fonts';
/* 引入element-ui对应scss文件，重新编译 */ /* 引入element-ui对应scss文件，重新编译 */
......
src/utils/httpRequest.js
浏览文件 @ bd1671bc
...@@ -8,6 +8,7 @@ const httpRequest = axios.create({ ...@@ -8,6 +8,7 @@ const httpRequest = axios.create({
withCredentials: true, withCredentials: true,
headers: { headers: {
'Content-Type': 'application/x-www-form-urlencoded', 'Content-Type': 'application/x-www-form-urlencoded',
tenant: 'eec',
}, },
}) })
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论