Skip to content

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

chore: 新增eec

上级 8d8bae6e
全部展开 显示空白字符变更
内嵌 并排
正在显示 包含 345 行增加 和 685 行删除
public/images/banner2.png 0 → 100644
浏览文件 @ bd1671bc
差异被折叠。
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
差异被折叠。
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/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 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论