Skip to content

P
project-online-old
提交 9e96f929 authored 作者: lhh's avatar lhh
浏览文件
操作

update

上级 9403dcdd
隐藏空白字符变更
内嵌 并排
正在显示 包含 2385 行增加 和 1940 行删除
package.json
浏览文件 @ 9e96f929
......@@ -7,7 +7,7 @@
"check:node": "node build/checkNodeVersion.js",
"lint": "eslint --ext .js --ext .jsx --ext .vue src/",
"lint:fix": "eslint --fix --ext .js --ext .jsx --ext .vue src/",
"dev": "npm run check:node && cross-env NODE_ENV=development node build/getSSL.js && cross-env NODE_ENV=development SERVER_PORT=3001 webpack-dev-server --inline --progress --config build/webpack.client.conf.js",
"dev": "cross-env NODE_ENV=development SERVER_PORT=3001 webpack-dev-server --inline --progress --config build/webpack.client.conf.js",
"build:test": "npm run check:node && cross-env NODE_ENV=test webpack --progress --config build/webpack.client.conf.js && cross-env NODE_ENV=test node ./build/uploadAliyunCDN.js",
"build:pro": "npm run check:node && cross-env NODE_ENV=production webpack --progress --config build/webpack.client.conf.js && cross-env NODE_ENV=production node ./build/uploadAliyunCDN.js"
},
......
src/api/index.js
浏览文件 @ 9e96f929
// import LoginAPI from './login_api'
import ArticleAPI from './article_api'
import httpRequest from '../../utils/httpRequest'
// let loginApi = new LoginAPI(webConf)
let articleApi = new ArticleAPI(webConf)
const articleApi = new ArticleAPI(webConf)
/**
* 提交留咨信息
*/
export function postNes(data) {
return httpRequest.post('/api/enrollment/v1.0/applications', data)
}
export { articleApi }
src/api/report_api.js
浏览文件 @ 9e96f929
import BaseAPI from './base_api'
export default class ScoreAPI extends BaseAPI {
//zws/v1/cms/news
/**
* zws项目内容获取
*/
......
src/assets/css/ProjectContent.scss
浏览文件 @ 9e96f929
......@@ -15,9 +15,11 @@ a {
text-decoration: none;
}
html {
background-color: #F9F8F8;
font-family: 'PingFangSC-Regular', 'PingFang SC', 'Microsoft Yahei' !important;
}
body {
background-color: #F9F8F8;
margin: 0;
}
.content-box {
......
src/components/headBanner.vue
浏览文件 @ 9e96f929
<template>
<div>
<div class="home-head">
<swiper ref="mySwiper" :options="swiperOptions" class="item-swiper">
<h1 v-if="$route.path !== '/news'">
教育部第四批1+X培训评价机构<br />
金融产品数字化营销职业技能等级证书
</h1>
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/x-new/banner.png" />
<!-- <swiper ref="mySwiper" :options="swiperOptions" class="item-swiper">
<swiper-slide v-for="(item, index) in swiperList" :key="index">
<!-- <router-link :to="`/news/detail?id=${item.id}&type=home`"> -->
<a :href="item.url" target="_blank">
<img :src="item.image_info.full_path" alt="" />
</a>
<!-- </router-link> -->
</swiper-slide>
</swiper>
</swiper> -->
</div>
</div>
</template>
......@@ -36,8 +39,8 @@ export default {
_this.swiperIndex = this.activeIndex
}
},
observer:true,//修改swiper自己或子元素时，自动初始化swiper
observeParents:true,//修改swiper的父元素时，自动初始化swiper
observer: true, //修改swiper自己或子元素时，自动初始化swiper
observeParents: true, //修改swiper的父元素时，自动初始化swiper
// loop:true,
autoplay: {
delay: 2000,
......@@ -47,14 +50,14 @@ export default {
}
},
created() {
action.articleAction.getAllClassify({ tag: 'carousel-category' }).then(response => {
const findId = response.data[0].children.find(item => {
return item.display_name === '轮播1'
})
action.articleAction.getBanner({ category_id: findId.id }).then(res => {
this.swiperList = res.data
})
})
// action.articleAction.getAllClassify({ tag: 'carousel-category' }).then(response => {
// const findId = response.data[0].children.find(item => {
// return item.display_name === '轮播1'
// })
// action.articleAction.getBanner({ category_id: findId.id }).then(res => {
// this.swiperList = res.data
// })
// })
},
mounted() {
// if (!Object.keys(this.$store.state.classify).length) {
......@@ -82,7 +85,6 @@ export default {
// // // loading.close()
// // })
// }
},
computed: {
swiper() {
......@@ -92,10 +94,24 @@ export default {
}
</script>
<style lang="scss" scoped>
.home-head{
img{
.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
浏览文件 @ 9e96f929
......@@ -4,7 +4,10 @@
<div class="inner">
<div class="left">
<!-- <h3>友情链接</h3> -->
<img src="http://zws-imgs-pub.oss-cn-beijing.aliyuncs.com/static/ezijing/logo/ezijing-logo-white.svg" class="logo" />
<img
src="http://zws-imgs-pub.oss-cn-beijing.aliyuncs.com/static/ezijing/logo/ezijing-logo-white.svg"
class="logo"
/>
<ul class="menu">
<li v-for="item in menuList" :key="item.href">
<a :href="item.href" target="_blank">{{ item.title }}</a>
......@@ -16,7 +19,7 @@
<h3>公司信息</h3>
<p>
运营单位：清控紫荆（北京）教育科技股份有限公司<br />
联系电话：010-62799201 18500913837<br />
联系电话：010-62799201 18500913837<br />
邮箱：zhijiaobu@ezijing.com<br />
地址：北京市海淀区中关村东路1号院<br />清华科技园威盛大厦5层
<!-- 电话：010-62793909<br />
......@@ -26,33 +29,52 @@
</p>
</div>
<div class="qrcode">
<h3>关注我们</h3>
<img src="https://zws-imgs-pub.ezijing.com/static/public/9a6b48364a2249aea9030645dfefc546.jpeg" alt="" />
<h3>关注我们</h3>
</div>
</div>
</div>
</div>
<div class="copyright" style="height: 40px;line-height: 40px;color: #666;background: #eaebec;">
<div class="inner" style="max-width: 1200px;width: 100%;justify-content: center;display: flex;">
<p style="font-size: 12px;">Copyright © 2017 Zijing Education. All rights reserved. 清控紫荆（北京）教育科技股份有限公司</p>
<a target="_blank" href="https://tsm.miit.gov.cn/dxxzsp/" style="color: #666;text-decoration:none;margin-left: 10px;">
<p style="font-size: 12px;">
Copyright © 2017 Zijing Education. All rights reserved. 清控紫荆（北京）教育科技股份有限公司
</p>
<a
target="_blank"
href="https://tsm.miit.gov.cn/dxxzsp/"
style="color: #666;text-decoration:none;margin-left: 10px;"
>
<p style="font-size: 12px;">京ICP证150431号</p>
</a>
<a target="_blank" class="record" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802023681" style="
<a
target="_blank"
class="record"
href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802023681"
style="
color: #666;
text-decoration:none;
align-items: center;
display: flex;
margin-right: 5px;">
<img src="https://zws-imgs-pub.ezijing.com/e0a0ec47dfdfc1e0797b1d5254021d00.png" alt="" style="
margin-right: 5px;"
>
<img
src="https://zws-imgs-pub.ezijing.com/e0a0ec47dfdfc1e0797b1d5254021d00.png"
alt=""
style="
width: 20px;
height: 20px;
margin: 0 6px;
display: block;
">
"
/>
<p style="font-size: 12px;">安备 11010802023681号</p>
</a>
<a target="_blank" href="https://beian.miit.gov.cn/#/Integrated/index" style="color: #666;text-decoration:none;">
<a
target="_blank"
href="https://beian.miit.gov.cn/#/Integrated/index"
style="color: #666;text-decoration:none;"
>
<p style="font-size: 12px;">京ICP备15016866号-1</p>
</a>
</div>
......@@ -77,11 +99,15 @@ export default {
</script>
<style lang="scss" scoped>
.logo {
width: 120px;
margin-bottom: 30px;
}
.app-footer {
.inner {
max-width: 800px;
// max-width: 800px;
margin: 0 auto;
.left{
.left {
// margin-top: 20px;
h3 {
font-size: 16px;
......@@ -92,20 +118,19 @@ export default {
}
}
.app-footer-main {
padding: 10px 0;
padding: 76px 0 104px;
color: #fff;
background-color: #A81A42;
background-color: #a81a42;
.inner {
width: 1200px;
display: flex;
justify-content: space-between;
align-items: center;
}
}
.menu {
margin-top: 10px;
line-height: 30px;
font-size: 12px;
color: #fff;
font-size: 16px;
color: #ededed;
}
.right {
display: flex;
......@@ -113,26 +138,29 @@ export default {
}
.contact {
h3 {
font-size: 16px;
color: #fff;
font-size: 20px;
color: #ededed;
line-height: 1;
margin-bottom: 15px;
margin-bottom: 45px;
}
p {
font-size: 12px;
color: #fff;
line-height: 24px;
font-size: 14px;
color: #ededed;
line-height: 30px;
}
}
.qrcode {
h3 {
font-size: 16px;
color: #fff;
line-height: 1;
margin-bottom: 15px;
margin-top: 15px;
font-size: 14px;
color: #ffffff;
text-align: center;
font-weight: normal;
}
width: 128px;
margin-left: 80px;
margin-left: 133px;
img {
width: 100%;
}
......
src/components/layout/header.vue
浏览文件 @ 9e96f929
<template>
<header class="app-header">
<div class="nav-box">
<div class="colors"></div>
<div class="header-mian">
<div class="logo-box" @click="$router.push({ path: '/' })">
<img src="http://zws-imgs-pub.oss-cn-beijing.aliyuncs.com/static/ezijing/logo/ezijing-logo.svg" alt="" />
<div class="logo-text">
<p>1+X金融产品数字化营销职业技能等级证书</p>
</div>
<div class="head-main">
<div class="color-bar"></div>
<div class="head-top-content">
<div class="max-width-content">
<div class="logo-box">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/x-new/logo%20(1).png" @click="goPage('/')" />
</div>
<ul class="nav-box">
<template v-for="(item, index) in navList">
<li :class="isClassShow(item)" :key="index">
<template v-if="item.type">
<a :href="item.path" target="_black">
<span>
{{ item.title }}
</span>
</a>
</template>
<template v-else>
<router-link :to="item.path">
<span>
{{ item.title }}
</span>
</router-link>
<div class="item-child">
<template v-for="(chi, index2) in item.itemChi">
<div class="li" :key="'chi' + index2" @click="goPage(chi.path, chi.type)">{{ chi.title }}</div>
</template>
</div>
</template>
</li>
</template>
</ul>
<div class="login">
<template v-if="Object.values(user).length">
<div class="login-name">
<span class="name">{{ user.realname || user.username }}</span>
<span @click="handleLogout">退出</span>
</div>
</template>
<template v-else>
<span @click="handleLogin">用户登录</span>
/
<span @click="handleRegister">注册</span>
</template>
</div>
<!-- <div class="login">
<template v-if="isLogin">
<div>{{ user.nickname || user.realname }}</div>
<span>|</span>
<div @click="handleLogout">退出</div>
</template>
<template v-else>
<div @click="handleRegister">注册</div>
<span>|</span>
<div @click="handleLogin">登录</div>
</template>
</div> -->
</div>
</div>
<vue-passport ref="passport" @ready="onReady" :options="options"></vue-passport>
</header>
<div class="head-nav-content max-width-content">
<ul :class="{ 'nav-item-box': true }">
<template v-for="(item, index) in navData">
<li>
<div :class="getNameActive(item)">
<router-link :to="item.path"> <div v-html="item.name"></div></router-link>
</div>
</li>
</template>
</ul>
</div>
</div>
</template>
<script>
// import login from './login'
export default {
components: {
// login
},
data() {
return {
dataForm: {
username: `ezijing-${new Date().getTime()}`
},
title: '索菲亚大学金融方向工商管理硕士项目',
navList: [
navData: [
{
title: '首页',
name: '首页',
path: '/index'
},
{
title: '项目介绍',
path: '/introduce'
// type: 1
name: '通知公告',
path: '/news'
},
{
title: '通知公告',
path: '/news',
children: { path: ['/news/detail'] },
itemChi: [
{
title: '通知公告',
path: '/news?type=0'
},
{
title: '工作动态',
path: '/news?type=1'
}
]
name: '1+X认证实训平台',
path: 'product'
},
{
title: '办事大厅',
path: '/hall',
children: { path: ['/textBook/detail', '/textBook/chapter', '/train/form'] },
itemChi: [
{
title: '我是考生',
path: '/hall?role=0'
},
{
title: '我是老师',
path: '/hall?role=1'
},
{
title: '我是学校',
path: '/hall?role=2'
}
]
name: '师资培训',
path: '/teacher'
},
{
title: '教·学服务',
path: '/service',
children: { path: ['/train/detail'] },
itemChi: [
{
title: '教材中心',
path: '/service'
},
{
title: '教学资源（老师）',
path: 'https://login.ezijing.com/xlearn/login/index',
type: 1
},
{
title: '课程学习（学生）',
path: 'https://login.ezijing.com/xlearn/register',
type: 1
},
{
title: '实训学习',
path: 'https://xtraining.ezijing.com/',
type: 1
}
]
name: '教科研服务',
path: '/service'
},
{
name: '认证中心',
path: '/attestation'
}
],
isLogin: false,
user: {},
options: {
baseUrl: webConf.url,
register: {
data: {
username: `ezijing-${new Date().getTime()}`
},
fields: ['account', 'code', 'password']
},
login: {
account: {
onSuccess: this.loginSuccess
},
phone: {
onSuccess: this.loginSuccess
time: null,
isEn: false
}
},
mounted() {},
methods: {
goPage(path, goType) {
if (parseInt(goType) === 3) {
this.$message('暂未开通，敬请期待')
} else {
if (path) {
if (goType === 1) {
window.open(path)
} else if (goType === 2) {
window.location.href = path
} else {
this.$router.push({ path: path })
}
}
}
}
},
computed: {
passport() {
return this.$refs.passport
},
isClassShow() {
getNameActive() {
return item => {
return this.$route.path === item.path
? 'active'
: item.children
? (_this => {
const isPath = item.children.path.find(item => {
return item === _this.$route.path
})
return isPath && 'active'
})(this)
: ''
}
}
},
watch: {
$route(route) {
if (route.query.register) {
this.handleRegister()
}
}
},
mounted() {
// this.loginSuccess()
// console.log(JSON.parse(window.sessionStorage.userInfo), '9999')
// this.user = JSON.parse(window.sessionStorage.userInfo) || ''
},
methods: {
goPage(path, n) {
if (n) {
window.location.href = path
} else {
this.$router.push({
path: path
})
// this.$router.go(0)
}
},
reg() {
this.isLogin = false
this.$router.push({ path: '/register' })
},
closeMask(blo) {
this.isLogin = blo
},
handleLogin() {
this.passport.login()
},
handleRegister() {
this.passport.register()
},
handleLogout() {
this.passport.logout()
this.isLogin = false
window.G.UserInfo = {}
if (this.$route.path !== '/index') {
window.sessionStorage.userInfo = {}
this.user = {}
this.$router.push('/')
} else {
window.sessionStorage.userInfo = {}
this.user = {}
this.$router.go(0)
const currentPath = this.$route.path
if (currentPath.includes(item.path)) {
return 'name active'
} else {
let className = 'name'
if (item.childern) {
item.childern.map(cData => {
cData.path === currentPath && (className = 'name active')
})
}
return className
}
}
},
onReady(isLogin, user = {}) {
// this.isLogin = isLogin
this.user = user
window.G.UserInfo = user
window.sessionStorage.userInfo = JSON.stringify(user)
},
loginSuccess(data) {
this.passport.checkLoginStatus((isLogin, user = {}) => {
window.sessionStorage.userInfo = JSON.stringify(user)
this.isLogin = isLogin
this.user = user
// window.G.UserInfo = user
// this.$router.go(0)
this.$router.push('/my')
window.location.reload()
})
}
}
}
</script>
<style lang="scss" scoped>
.home-head {
img {
width: 100%;
display: block;
// height: 240px;
}
ul,
li {
margin: 0;
padding: 0;
list-style: none;
}
.nav-box {
position: relative;
height: 70px;
background: #a81a42;
}
.app-header {
// position: relative;
// height: 70px;
// background: #A81A42;
.colors {
background: #fff;
width: 50%;
height: 100%;
position: absolute;
top: 0;
left: 0;
.head-main {
background: #fff;
.color-bar {
height: 10px;
background: #aa1941;
}
.header-mian {
width: 1200px;
margin: 0 auto;
height: 100%;
display: flex;
align-items: center;
.login {
margin-left: auto;
color: #fff;
cursor: pointer;
.login-name {
display: flex;
.name {
width: 100px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
text-align: right;
margin-right: 10px;
}
}
}
.logo-box {
cursor: pointer;
position: relative;
z-index: 1;
width: 529px;
.head-top-content {
border-bottom: 1px solid #ebebeb;
padding: 22px 0;
.max-width-content {
display: flex;
align-items: center;
// justify-content: center;
height: 100%;
background: #fff;
img {
width: 119px;
height: 40px;
margin-right: 40px;
height: 50px;
cursor: pointer;
display: block;
}
.logo-box {
flex: 1;
}
.user {
margin-left: auto;
font-size: 14px;
em {
font-size: 14px;
font-style: normal;
padding: 0 14px;
}
.logout {
cursor: pointer;
}
}
.logo-text {
text-align: center;
font-size: 18px;
color: #444;
font-weight: bold;
line-height: 25px;
.login-btn-box {
margin-left: auto;
display: flex;
div {
width: 72px;
height: 24px;
box-sizing: border-box;
text-align: center;
line-height: 24px;
font-size: 12px;
border-radius: 6px;
margin-left: 10px;
cursor: pointer;
}
.login {
background: #aa1941;
color: #fff;
}
.register {
color: #333333;
border: 1px solid #eaeaea;
}
}
.language {
margin-left: 24px;
font-size: 14px;
color: #333;
cursor: pointer;
.cn {
color: #aa1941;
}
}
}
.nav-box {
position: relative;
z-index: 9;
background: #a81a42;
padding-left: 60px;
}
.max-width-content {
width: 1200px;
margin: 0 auto;
}
.head-nav-content {
min-height: 72px;
display: flex;
// align-items: center;
.nav-item-box {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
li {
font-size: 14px;
color: #ffffff;
margin-right: 36px;
position: relative;
span {
position: relative;
z-index: 99;
// margin-right: 50px;
.name1 {
line-height: 1.5;
}
&.active {
font-weight: bold;
.name {
line-height: 72px;
font-size: 22px;
color: #333333;
cursor: pointer;
a {
color: #333333;
font-size: 22px;
text-decoration: none;
}
&.active {
font-weight: 500;
color: #aa1941;
a {
color: #aa1941;
}
}
}
&:hover {
.item-child {
display: block;
.name {
color: #aa1941;
font-weight: 500;
a {
// font-weight: 500;
color: #aa1941;
}
}
.child-item {
.one-level {
display: block;
}
}
}
.item-child {
display: none;
width: 128px;
.child-item {
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
z-index: 9;
padding-top: 26px;
.li {
width: 100%;
height: 44px;
border-top: 1px solid rgba(221, 221, 221, 0.2);
text-align: center;
line-height: 44px;
color: #fff;
background: #a81a42;
font-weight: normal !important;
cursor: pointer;
&:nth-child(1) {
border: none;
top: 72px;
left: -10px;
display: flex;
background: #fff;
z-index: 999;
.one-level {
padding: 36px 24px 0;
border-top: 4px solid rgba(170, 25, 65, 1);
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
display: none;
.li {
margin-bottom: 36px;
display: flex;
justify-content: space-between;
&.active {
.name {
color: rgba(170, 25, 65, 1);
}
}
.name {
font-weight: 400;
line-height: 100%;
color: #333333;
font-size: 16px;
white-space: nowrap;
a {
color: #333333;
font-size: 16px;
}
}
.el-icon-arrow-right {
color: rgba(51, 51, 51, 1);
margin-left: 15px;
}
&:hover {
.name {
color: rgba(170, 25, 65, 1);
a {
color: rgba(170, 25, 65, 1);
}
}
.el-icon-arrow-right {
color: rgba(170, 25, 65, 1);
}
}
}
}
.two-level {
pointer-events: auto;
padding: 34px 41px 0 24px;
.name1 {
font-size: 16px;
font-weight: 400;
line-height: 20px;
color: #333333;
margin-bottom: 36px;
white-space: nowrap;
&:hover {
color: rgba(170, 25, 65, 1);
}
a {
font-size: 16px;
font-weight: 400;
line-height: 20px;
color: #333333;
margin-bottom: 36px;
}
}
.name {
font-size: 16px;
font-weight: 400;
line-height: 20px;
color: #333333;
margin-bottom: 36px;
white-space: nowrap;
&:hover {
color: rgba(170, 25, 65, 1);
}
a {
font-size: 16px;
font-weight: 400;
line-height: 20px;
color: #333333;
margin-bottom: 36px;
white-space: nowrap;
}
}
}
}
......
src/index.html
浏览文件 @ 9e96f929
......@@ -7,7 +7,7 @@
<title>1+X金融产品数字化营销职业技能等级证书网站</title>
<meta name="viewport" id="viewport" content="initial-scale=-1,maximum-scale=1,shrink-to-fit=no" />
</head>
<body>
<body style="background-color: #F9F8F8;">
<div id="app"></div>
<!-- es5 兼容 新方法 -->
<script src="https://zws-imgs-pub.ezijing.com/static/build/learn-mba/static/compatible/es5-shim.min.js"></script>
......
src/pages/attestation/index.vue 0 → 100644
浏览文件 @ 9e96f929
<template>
<div>
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/x-new/query-banner.png" class="banner" />
<section class="section">
<h1 class="pt-100">认证报名</h1>
<h2>1、报名条件</h2>
<p style="margin: 20px 0;">遵纪守法并具备以下各等级证书条件之一者，可申请参加相应等级证书考试：</p>
<h3>初级</h3>
<p>
(1)中职及以上学历层次财经商贸大类等相关专业毕业生（含在校生）；<br />
(2)高中及以上学历毕业且从事相关工作满1年以上（含1年）者。
</p>
<h3>中级</h3>
<p>
(1)中职及以上学历层次财经商贸大类等相关专业毕业生（含在校生）；<br />
(2)高中及以上学历毕业且从事相关工作满2年以上（含2年）者。
</p>
<h3>高级</h3>
<p>
(1)专科及以上财经商贸大类相关专业毕业生（含在校生）；<br />
(2)取得中级证书后，连续从事本职业工作2年以上（含2年）；<br />
(3)专科学历毕业
</p>
<h2>2、报名方式</h2>
<p style="margin-top: 20px;">
(1) 在校学生:咨询学校所在院系教研室，由院系项目办统一报名。<br />
(2) 社会人员:在报名前请拨打010-62799201，由工作人员安排就近考核站点进行报名。<br />
(3)具体报考信息以紫荆教育实际发布公告通知为准；<br />
(4)报名过程中遇到任何问题，请咨询紫荆教育，咨询电话:010-62799201
</p>
</section>
<div class="practice-box">
<div class="pra-title">认证练习</div>
<div class="pra-tips">
这是一句副标题副标题副标题副标题，这是一句副标题副标题副标题副标题这是一句副标题副标题副标题
</div>
<a href="https://login.ezijing.com/xlearn/login" target="_blank">
<div class="pra-btn">立即练习</div>
</a>
</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.oss-cn-beijing.aliyuncs.com/project/x-new/query-img1.png" />
</div>
</section>
</div>
</template>
<script>
export default {
components: {},
data() {
return {}
},
mounted() {},
methods: {}
}
</script>
<style lang="scss" scoped>
.section {
width: 1200px;
margin: 0 auto;
}
.banner {
width: 100%;
display: block;
}
.pt-80 {
padding-top: 80px;
}
.pt-100 {
padding-top: 100px;
}
h1 {
font-size: 32px;
font-weight: bold;
color: #333333;
line-height: 34px;
text-align: center;
margin-bottom: 50px;
}
.describe {
font-size: 18px;
color: #666666;
line-height: 36px;
margin-bottom: 50px;
}
h2 {
font-size: 24px;
color: #333;
}
h3 {
font-size: 20px;
color: #333;
}
p {
font-size: 18px;
color: #333;
line-height: 30px;
margin-bottom: 30px;
}
.practice-box {
background-color: #aa1941;
height: 340px;
padding: 60px 0;
margin-top: 70px;
box-sizing: border-box;
.pra-title {
font-size: 32px;
font-weight: bold;
color: #ffffff;
line-height: 100%;
text-align: center;
}
.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>
src/pages/home/index.vue
浏览文件 @ 9e96f929
<template>
<div class="home-box">
<haedBanner></haedBanner>
<div class="home-office-hall content-max-width">
<div class="title">办事大厅</div>
<div class="office-mian">
<ul class="tab-btn-box">
<li
v-for="(item, index) in offsetBtn"
:class="offsetTabIndex == index && 'active'"
:key="index"
@click="offsetTab(index)"
>
{{ item }}
</li>
</ul>
<ul class="item-box">
<template v-if="offsetTabIndex == 0">
<template v-for="(item, index) in examineeNav">
<template v-if="item.pathType === 3">
<li :key="index" @click="register">
<img :src="item.icon" alt="" class="img" />
<img :src="item.iconActive" alt="" class="img-active" />
<div class="text">
<span class="span1">{{ item.text }}</span>
<span class="span2">{{ item.textActive }}</span>
</div>
</li>
</template>
<template v-else>
<li :key="index" @click="goPage(item.path, item.pathType)">
<img :src="item.icon" alt="" class="img" />
<img :src="item.iconActive" alt="" class="img-active" />
<div class="text">
<span class="span1">{{ item.text }}</span>
<span class="span2">{{ item.textActive }}</span>
</div>
</li>
</template>
</template>
</template>
<template v-if="offsetTabIndex == 1">
<template v-for="(item, index) in teacherNav">
<template v-if="item.pathType === 3">
<li :key="index" @click="register">
<img :src="item.icon" alt="" class="img" />
<img :src="item.iconActive" alt="" class="img-active" />
<div class="text">
<span class="span1">{{ item.text }}</span>
<span class="span2">{{ item.textActive }}</span>
</div>
</li>
</template>
<template v-else-if="item.pathType === 4">
<li :key="index" @click="queryCard">
<img :src="item.icon" alt="" class="img" />
<img :src="item.iconActive" alt="" class="img-active" />
<div class="text">
<span class="span1">{{ item.text }}</span>
<span class="span2">{{ item.textActive }}</span>
</div>
</li>
</template>
<template v-else>
<li :key="index" @click="goPage(item.path, item.pathType)">
<img :src="item.icon" alt="" class="img" />
<img :src="item.iconActive" alt="" class="img-active" />
<div class="text">
<span class="span1">{{ item.text }}</span>
<span class="span2">{{ item.textActive }}</span>
</div>
</li>
</template>
</template>
</template>
<template v-if="offsetTabIndex == 2">
<template v-for="(item, index) in schoolNav">
<template v-if="item.pathType === 3">
<li :key="index" @click="register">
<img :src="item.icon" alt="" class="img" />
<img :src="item.iconActive" alt="" class="img-active" />
<div class="text">
<span class="span1">{{ item.text }}</span>
<span class="span2">{{ item.textActive }}</span>
</div>
</li>
</template>
<template v-else>
<li :key="index" @click="goPage(item.path, item.pathType)">
<img :src="item.icon" alt="" class="img" />
<img :src="item.iconActive" alt="" class="img-active" />
<div class="text">
<span class="span1">{{ item.text }}</span>
<span class="span2">{{ item.textActive }}</span>
</div>
</li>
</template>
</template>
</template>
</ul>
<div class="pt-80 content-max-width">
<h1>证书简介</h1>
<p class="describe">
金融产品数字化营销职业技能等级证书，是紫荆教育联合中国人民大学营销系博导、清华大学五道口金融学院金融系硕导、高职院校相关学科带头人、金融行业协会、业界专家、头部金融机构为贯彻《国家职业教育改革实施方案》精神，落实《关于在院校实施“学历证书+若干职业技能等级证书”制度试点方案》共同制定标准、
研发配套教材及实训平台而推出的面向数字经济人才培养的职业技能等级证书。
</p>
<img class="describe-img" src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/x-new/cert.png" />
</div>
<div class="pt-80 content-max-width">
<h1>1+X金融产品数字化营销实训平台</h1>
<p class="describe">
金融产品数字化营销实训平台是一款诞生于商业级应用，经过教育适配化改造之后，专业支撑金融数字营销实训教学的平台产品。实训平台涵盖银行理财、保险、证券等不同金融领域数字营销案例，定位于学生实践平台、教师科研平台、企业营销业务平台等功能为一体的综合性平台，是院校金融营销实训室建设的必备平台。
</p>
<img class="describe-img" src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/x-new/paltform-img.png" />
</div>
<div class="pt-80 train-box content-max-width">
<h1>师资培训</h1>
<p class="describe">
紫荆教育服务超过1000家政府机关、大型央企、金融机构和行业龙头企业，提供从员工到高管的人才培养服务和在线教育解决方案，拥有完善的培训体系，丰富的行业、岗位培训课程资源、一流的师资团队、强大的设施条件，可以为院校教师提供多样化的师资培训、人员互聘、企业实践机会。
</p>
<img class="describe-img" src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/x-new/train-img.png" />
<div class="img-group">
<div class="img-group_item">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/x-new/train-group-i1.png" />
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/x-new/train-group-i2.png" />
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/x-new/train-group-i3.png" />
</div>
<div class="img-group_item" style="margin-top: 30px;">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/x-new/train-group-i4.png" />
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/x-new/train-group-i5.png" />
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/x-new/train-group-i6.png" />
</div>
</div>
</div>
<div class="pt-80 content-max-width">
<h1>教科研服务介绍</h1>
<p class="describe">
紫荆教育和学校共同成立“科研创新”专家组，由教科研专家、行业/企业资深人士、学校骨干教师等组成，专门承接教育科研项目的选题、申报，研究与实施等。
</p>
<img class="describe-img" src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/x-new/service-img.png" />
</div>
<div class="pt-80 content-max-width">
<h1>试点院校</h1>
<p class="describe" style="text-align: center;">
全国数百所试点院校及考核站点
</p>
<div class="yx-box">
<img class="describe-img" src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/x-new/yx-img.png" />
</div>
</div>
<div class="notice-box content-max-width">
<div class="tab-btn">
<div class="title">通知公告</div>
<div :class="newsTabIndex == 0 ? 'btn active' : 'btn'" @click="newsTab(0)">通知公告</div>
<div :class="newsTabIndex == 1 ? 'btn active' : 'btn'" @click="newsTab(1)">工作动态</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">
......@@ -119,59 +72,13 @@
</li>
</router-link>
</template>
<!-- <template v-if="list > 4">
<router-link :to="`/news/detail?id=${item.id}&type=home&tabs=${newsTabIndex}`" :key="index">
<li>
<div class="text">{{ item.title }}</div>
</li>
</router-link>
</template> -->
</template>
<li class="border-none">
<div class="text cen" @click="goNewsPage">更多通知</div>
</li>
</ul>
<!-- <div class="slide-box" v-if="swiperList.length">
<swiper ref="mySwiper" :options="swiperOptions" class="item-swiper">
<swiper-slide v-for="(item, index) in swiperList" :key="index">
<router-link :to="`/news/detail?id=${item.id}&type=home`">
<img :src="item.url" alt="" />
</router-link>
</swiper-slide>
</swiper>
<div class="assist" v-if="swiperList.length">
<div class="text">{{ swiperList[swiperIndex].content }}</div>
<div class="pagination">
<span v-for="(item, index) in swiperList" :key="index" :class="index == swiperIndex && 'active'"></span>
</div>
</div>
</div> -->
</div>
</div>
<div class="advert-box">
<poster v-if="false" />
<!-- <img src="https://zws-imgs-pub.ezijing.com/static/public/3dceecce8df0a6dcb06d48c75ada807b.png" alt=""> -->
</div>
<div class="service-box content-max-width">
<div class="title">
教·学服务
</div>
<ul>
<template v-for="(item, index) in serviceList">
<li :key="index" @click="goPage(item.path, item.pathType)">
<img :src="item.img" alt="" class="bg" />
<div class="mask">
<img :src="item.icon" alt="" class="icon" />
<div class="content-box">
<span class="tit">{{ item.title }}</span>
<div class="desc">{{ item.desc }}</div>
<div class="more">查看更多 ></div>
</div>
</div>
</li>
</template>
</ul>
</div>
<vue-passport ref="passport" @ready="onReady" :options="options"></vue-passport>
</div>
</template>
......@@ -551,6 +458,7 @@ export default {
}
.home-box {
background: #f8f8f8;
padding-bottom: 80px;
.home-head {
img {
width: 100%;
......@@ -643,26 +551,32 @@ export default {
}
}
.notice-box {
padding-top: 39px;
padding-top: 80px;
.tab-btn {
display: flex;
// 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;
width: 96px;
height: 40px;
background: none;
border-radius: 23px;
text-align: center;
line-height: 40px;
color: #444;
color: #424242;
border-radius: 25px 25px 25px 25px;
text-align: center;
font-size: 20px;
&.active {
color: #fff;
background: #a81a42;
......@@ -871,4 +785,39 @@ export default {
}
}
}
.train-box {
.img-group {
padding-top: 60px;
.img-group_item {
display: flex;
justify-content: space-between;
}
}
}
.pt-80 {
padding-top: 80px;
}
h1 {
font-size: 32px;
font-weight: bold;
color: #333333;
line-height: 34px;
text-align: center;
margin-bottom: 50px;
}
.describe {
font-size: 18px;
color: #666666;
line-height: 36px;
margin-bottom: 50px;
}
.describe-img {
width: 100%;
display: block;
}
.yx-box {
background-color: #fff;
padding: 45px 50px;
}
</style>
src/pages/home/indexCopyNews.vue deleted 100644 → 0
浏览文件 @ 9403dcdd
<template>
<div class="home-box">
<haedBanner></haedBanner>
<div class="home-office-hall content-max-width">
<div class="title">办事大厅</div>
<div class="office-mian">
<ul class="tab-btn-box">
<li
v-for="(item, index) in offsetBtn"
:class="offsetTabIndex == index && 'active'"
:key="index"
@click="offsetTab(index)"
>{{ item }}</li>
</ul>
<ul class="item-box">
<template v-if="offsetTabIndex == 0">
<template v-for="(item, index) in examineeNav">
<template v-if="item.pathType === 3">
<li :key="index" @click="register">
<img :src="item.icon" alt="" class="img">
<img :src="item.iconActive" alt="" class="img-active">
<div class="text">
<span class="span1">{{ item.text }}</span>
<span class="span2">{{ item.textActive }}</span>
</div>
</li>
</template>
<template v-else>
<li :key="index" @click="goPage(item.path, item.pathType)">
<img :src="item.icon" alt="" class="img">
<img :src="item.iconActive" alt="" class="img-active">
<div class="text">
<span class="span1">{{ item.text }}</span>
<span class="span2">{{ item.textActive }}</span>
</div>
</li>
</template>
</template>
</template>
<template v-if="offsetTabIndex == 1">
<template v-for="(item, index) in teacherNav">
<template v-if="item.pathType === 3">
<li :key="index" @click="register">
<img :src="item.icon" alt="" class="img">
<img :src="item.iconActive" alt="" class="img-active">
<div class="text">
<span class="span1">{{ item.text }}</span>
<span class="span2">{{ item.textActive }}</span>
</div>
</li>
</template>
<template v-else>
<li :key="index" @click="goPage(item.path, item.pathType)">
<img :src="item.icon" alt="" class="img">
<img :src="item.iconActive" alt="" class="img-active">
<div class="text">
<span class="span1">{{ item.text }}</span>
<span class="span2">{{ item.textActive }}</span>
</div>
</li>
</template>
</template>
</template>
<template v-if="offsetTabIndex == 2">
<template v-for="(item, index) in schoolNav">
<template v-if="item.pathType === 3">
<li :key="index" @click="register">
<img :src="item.icon" alt="" class="img">
<img :src="item.iconActive" alt="" class="img-active">
<div class="text">
<span class="span1">{{ item.text }}</span>
<span class="span2">{{ item.textActive }}</span>
</div>
</li>
</template>
<template v-else>
<li :key="index" @click="goPage(item.path, item.pathType)">
<img :src="item.icon" alt="" class="img">
<img :src="item.iconActive" alt="" class="img-active">
<div class="text">
<span class="span1">{{ item.text }}</span>
<span class="span2">{{ item.textActive }}</span>
</div>
</li>
</template>
</template>
</template>
</ul>
</div>
</div>
<div class="notice-box content-max-width">
<div class="tab-btn">
<div class="title">通知公告</div>
<div :class="newsTabIndex == 0 ? 'btn active' : 'btn'" @click="newsTab(0)">通知公告</div>
<div :class="newsTabIndex == 1 ? 'btn active' : 'btn'" @click="newsTab(1)">工作动态</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">{{ item.title }}</div>
</li>
</router-link>
</template>
<!-- <template v-if="list > 4">
<router-link :to="`/news/detail?id=${item.id}&type=home&tabs=${newsTabIndex}`" :key="index">
<li>
<div class="text">{{ item.title }}</div>
</li>
</router-link>
</template> -->
</template>
<li class="border-none">
<div class="text cen" @click="goNewsPage">更多通知</div>
</li>
</ul>
<div class="slide-box" v-if="swiperList.length">
<swiper ref="mySwiper" :options="swiperOptions" class="item-swiper">
<swiper-slide v-for="(item, index) in swiperList" :key="index">
<router-link :to="`/news/detail?id=${item.id}&type=home`">
<img :src="item.url" alt="" />
</router-link>
</swiper-slide>
</swiper>
<div class="assist" v-if="swiperList.length">
<div class="text">{{ swiperList[swiperIndex].content }}</div>
<div class="pagination">
<span v-for="(item, index) in swiperList" :key="index" :class="index == swiperIndex && 'active'"></span>
</div>
</div>
</div>
</div>
</div>
<div class="advert-box">
<poster v-if="false"/>
<!-- <img src="https://zws-imgs-pub.ezijing.com/static/public/3dceecce8df0a6dcb06d48c75ada807b.png" alt=""> -->
</div>
<div class="service-box content-max-width">
<div class="title">
教·学服务
</div>
<ul>
<template v-for="(item, index) in serviceList">
<li :key="index" @click="goPage(item.path, item.pathType)">
<img :src="item.img" alt="" class="bg">
<div class="mask">
<img :src="item.icon" alt="" class="icon">
<div class="content-box">
<span class="tit">{{ item.title }}</span>
<div class="desc">{{ item.desc }}</div>
<div class="more">查看更多 ></div>
</div>
</div>
</li>
</template>
</ul>
</div>
</div>
</template>
<script>
import action from '@action'
import haedBanner from '@/components/headBanner'
import poster from '@/components/poster'
import { swiper, swiperSlide, directive } from 'vue-awesome-swiper'
import 'swiper/swiper-bundle.css'
export default {
components: {
swiper,
swiperSlide,
haedBanner,
poster
},
directives: {
swiper: directive
},
data() {
const _this = this
return {
articleClassify: this.$store.state.classify,
tabsIndex: 0,
newsTabIndex: 0,
serviceList: [
{
img: 'https://zws-imgs-pub.ezijing.com/static/public/6b24bc351bcc28b48e2d86bc92f81eab.jpg',
title: '教材中心',
desc: '本系列教材紧跟金融各行业数字化转型和职业教育的人才培养发展的需求，随行业的数字化转型、数字化营销工具和专业升级等情况及时动态更新。......',
path: '/service?id=0',
icon: 'https://zws-imgs-pub.ezijing.com/static/public/6f65b37439085217a8ff5f67038821a1.png'
},
{
img: 'https://zws-imgs-pub.ezijing.com/static/public/90cf23d58250bc4959d3e5be66b7c5d1.jpg',
title: '教学资源（老师）',
desc: '',
path: 'https://login.ezijing.com/xlearn/register',
pathType: 1,
icon: 'https://zws-imgs-pub.ezijing.com/static/public/88a2da98b62ff7426cd0b6a383091f15.png'
},
{
img: 'https://zws-imgs-pub.ezijing.com/static/public/2855f686addf67862a67fc8e4171a5d3.jpg',
title: '课程学习（学生）',
desc: '',
path: 'https://login.ezijing.com/xlearn/register',
pathType: 1,
icon: 'https://zws-imgs-pub.ezijing.com/static/public/c1c08807bb48275835778286b6482d04.png'
},
{
img: 'https://zws-imgs-pub.ezijing.com/static/public/c178ccc3e41728ef24037b69e64a892a.jpg',
title: '实操学习',
desc: '',
path: 'http://xtraining.ezijing.com/',
pathType: 1,
icon: 'https://zws-imgs-pub.ezijing.com/static/public/6d6772401687fe44c41bc5832b34ec9e.png'
}
],
examineeNav: [
{
icon: 'https://zws-imgs-pub.ezijing.com/static/public/8617726397bcc6fa81020934c57d92bd.png',
iconActive: 'https://zws-imgs-pub.ezijing.com/static/public/ef0878be9e9fa6deab5b9dcfac9af12b.png',
text: '注册账号',
path: '/register',
pathType: 3,
textActive: '注册后方可报名'
},
{
icon: 'https://zws-imgs-pub.ezijing.com/static/public/5c7db419e6af3214fa53b1d4920cf7b5.png',
iconActive: 'https://zws-imgs-pub.ezijing.com/static/public/76256d877bd6787af42d2f6010108a8b.png',
text: '考生报名',
path: '/hall?role=0',
textActive: '可选择学校统一报名或在对应的考点报名'
},
{
icon: 'https://zws-imgs-pub.ezijing.com/static/public/b5a6b0bf40f24545fd10cbf315e5839c.png',
iconActive: 'https://zws-imgs-pub.ezijing.com/static/public/556e2554d2545d3d3a726dbcbaf20494.png',
text: '学习课程',
path: '/hall?role=0&point=1',
textActive: '进入学习系统学习'
},
{
icon: 'https://zws-imgs-pub.ezijing.com/static/public/9c4d618281f12680a367d212545cf041.png',
iconActive: 'https://zws-imgs-pub.ezijing.com/static/public/53dd24cbf9c4c1a6ed078ab3b6049e95.png',
text: '参加考试',
path: '/hall?role=0&point=2',
textActive: '考点和考场安排，准考证打印领取时间'
},
{
icon: 'https://zws-imgs-pub.ezijing.com/static/public/6bf9fedcbff1d13de413667b33787db3.png',
iconActive: 'https://zws-imgs-pub.ezijing.com/static/public/3639914b6dbe79d4b2e745159fd49230.png',
text: '成绩查询',
path: '/hall?role=0&point=3',
textActive: '进入成绩查询系统'
},
{
icon: 'https://zws-imgs-pub.ezijing.com/static/public/1e6d8f785a106b17eb698d1d563ff479.png',
iconActive: 'https://zws-imgs-pub.ezijing.com/static/public/e3088887b1e2fc9711c7ad692e2e53cd.png',
text: '证书查询',
path: '/hall?role=0&point=4',
textActive: '进入证书查询系统'
}
],
teacherNav: [
{
icon: 'https://zws-imgs-pub.ezijing.com/static/public/2da6e70cac93900bdb1867458c9b7449.png',
iconActive: 'https://zws-imgs-pub.ezijing.com/static/public/c92aa5f2800a9a5bbedce54bfa0d499b.png',
text: '注册账号',
path: '/register',
pathType: 3,
textActive: '注册后方可报名'
},
{
icon: 'https://zws-imgs-pub.ezijing.com/static/public/284f07548eb240cc384a102f1b7efdda.png',
iconActive: 'https://zws-imgs-pub.ezijing.com/static/public/0c9823481d85f209b4a498945f31ea83.png',
text: '师资培训报名',
path: '/hall?role=1',
textActive: '提交报名资料，等待审核通知和培训通知'
},
{
icon: 'https://zws-imgs-pub.ezijing.com/static/public/b278993ee5c29349ff83d1d9b4b596c9.png',
iconActive: 'https://zws-imgs-pub.ezijing.com/static/public/8d24a5c20a8ab87d26db73ccfacd2fba.png',
text: '师资学习平台',
path: '/hall?role=1&point=t1',
textActive: '提供师资培训资料，辅助老师学习'
},
// {
// icon: 'https://zws-imgs-pub.ezijing.com/static/public/6f9583c270a3302a352ae9bbba64099d.png',
// iconActive: 'https://zws-imgs-pub.ezijing.com/static/public/8a16c6cd1dc986075a002fe314f21d0d.png',
// text: '参加考试',
// path: '/hall?role=1&point=t1',
// textActive: '培训后参加统一考试'
// },
{
icon: 'https://zws-imgs-pub.ezijing.com/static/public/06f7b0220ab6d8d9d34f6d68258f2669.png',
iconActive: 'https://zws-imgs-pub.ezijing.com/static/public/130affba0b6cefd278c31ddfab74acfc.png',
text: '授权师资名单',
path: '/hall?role=1&point=t2',
textActive: '授予培训资格证书老师名单'
},
{
icon: 'https://zws-imgs-pub.ezijing.com/static/public/70c3defef24fd1438ada43b3e1ccff87.png',
iconActive: 'https://zws-imgs-pub.ezijing.com/static/public/fe6b2d4c31d7f6369468c675d5876671.png',
text: '开班授课',
path: '/hall?role=1&point=t3',
textActive: '进入学习平台'
}
],
schoolNav: [
{
icon: 'https://zws-imgs-pub.ezijing.com/static/public/00e366f3cc15ab30c1fd285d10989bed.png',
iconActive: 'https://zws-imgs-pub.ezijing.com/static/public/66dd597f670a07584897d03a4c6bd9ab.png',
text: '注册账号',
path: '/register',
pathType: 3,
textActive: '注册后方可申报'
},
{
icon: 'https://zws-imgs-pub.ezijing.com/static/public/1dc324792168ee1e6a07b5975e6e3d8b.png',
iconActive: 'https://zws-imgs-pub.ezijing.com/static/public/02e1e75b3aed4a92f3038589091be1f2.png',
text: '试点申报',
path: '/hall?role=2',
textActive: '提交报名资料，等待审核通知'
},
{
icon: 'https://zws-imgs-pub.ezijing.com/static/public/17e3d75022ee88d4661bff4ca61f0966.png',
iconActive: 'https://zws-imgs-pub.ezijing.com/static/public/073a7d9317d0ff8d8876c4ce53d15bc2.png',
text: '考点申报',
path: '/hall?role=2&point=s1',
textActive: '提交资料，等待审核通知'
},
// {
// icon: 'https://zws-imgs-pub.ezijing.com/static/public/ea6a2917391444208d9084c3205227b2.png',
// iconActive: 'https://zws-imgs-pub.ezijing.com/static/public/55065b21e5ba9bc735a3d3527f07af79.png',
// text: '集中报名师训',
// path: '/hall?role=2&point=s2',
// textActive: '给老师分配帐号进入学习系统学习和线下统一培训'
// },
{
icon: 'https://zws-imgs-pub.ezijing.com/static/public/cc4885f2f4b6f566954cdb15381916f8.png',
iconActive: 'https://zws-imgs-pub.ezijing.com/static/public/901044f1465a5497fef8135f9e2ce4ff.png',
text: '统一实施教学',
path: '/hall?role=2&point=s3',
textActive: '发通知组织统一上课'
},
{
icon: 'https://zws-imgs-pub.ezijing.com/static/public/1505fd4535d858b4939e46f2534bfcaf.png',
iconActive: 'https://zws-imgs-pub.ezijing.com/static/public/3c3d204e15a400a7f74b4a9dad44cd55.png',
text: '批量报名考试',
path: '/hall?role=2&point=s4',
textActive: '统计学员后统一报名'
}
],
offsetBtn: ['我是考生', '我是老师', '我是学校'],
swiperList: [
{
url: 'https://zws-imgs-pub.ezijing.com/static/public/5436086a25645f903303b4b9013a6a2d.png',
content: '关于1+X金融数字化营销证书考核站点申报'
}
],
swiperOptions: {
on: {
slideChangeTransitionStart: function() {
_this.swiperIndex = this.activeIndex
}
},
observer:true,//修改swiper自己或子元素时，自动初始化swiper
observeParents:true,//修改swiper的父元素时，自动初始化swiper
// loop:true,
autoplay: {
delay: 2000,
disableOnInteraction: false
}
},
swiperIndex: 0,
videoShow: false,
list: [],
offsetTabIndex: 0
}
},
computed: {
swiper() {
return this.$refs.mySwiper.$swiper
},
passport() {
return this.$refs.passport
}
},
mounted() {
if (this.$route.query.type) {
this.offsetTabIndex = this.$route.query.type
}
this.newsList()
},
methods: {
register() {
this.$router.push({
path: '/index',
query: {
register: this.$route.query.register ? this.$route.query.register++ : 1
}
})
},
goNewsPage() {
this.passport.register()
},
newsTab(n) {
this.newsTabIndex = n
this.newsList()
},
offsetTab(n) {
this.$router.push({
path: '/index',
query: {
type: n
}
})
this.offsetTabIndex = n
},
tabs(n) {
this.tabsIndex = n
},
goPage(path, n) {
if (n) {
window.open(path)
} else {
this.$router.push({
path: path
})
}
},
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 {
const findId = this.articleClassify[0].children.find(item => {
return item.display_name === (this.newsTabIndex ? '工作动态' : '新闻动态')
})
action.articleAction.getArticle({ category_id: findId ? findId.id : 23 }).then(res => {
this.list = res.data.list
this.swiperList = []
res.data.list.map((item, index) => {
if (index <= 4) {
this.swiperList.push({
url: item.cover_pc_url,
content: item.title,
id: item.id
})
console.log(this.swiperList)
}
})
// loading.close()
})
}
}
}
}
</script>
<style lang="scss" scoped>
.content-max-width{
width: 1200px;
margin: 0 auto;
}
.home-box{
background: #F8F8F8;
.home-head{
img{
width: 100%;
display: block;
// height: 240px;
}
}
.home-office-hall{
.title{
font-size: 24px;
font-weight: bold;
color: #444444;
line-height: 33px;
padding: 36px 0 16px;
}
.office-mian{
display: flex;
}
.tab-btn-box{
padding-top: 24px;
li{
width: 96px;
height: 40px;
background: none;
border-radius: 23px;
text-align: center;
line-height: 40px;
font-size: 16px;
color: #444444;
cursor: pointer;
&.active{
color: #fff;
background: #A81A42;
border-radius: 23px;
}
}
}
.item-box{
display: flex;
margin-left: 7px;
li{
width: 168px;
height: 168px;
background: #FFFFFF;
box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.09);
border-radius: 4px;
margin-left: 16px;
transition: all .5s;
&:hover{
background: #A81A42;
transform: translateY(-10px);
.img{
display: none;
margin: 43px auto 15px auto;
}
.img-active{
display: block;
}
.text{
color: #fff;
.span1{
display: none;
}
.span2{
display: block;
}
}
}
img{
height: 50px;
display: block;
margin: 43px auto 20px auto;
}
.img-active{
display: none;
}
.text{
text-align: center;
font-size: 16px;
color: #444444;
line-height: 18px;
.span2{
display: none;
}
.span1{
display: block;
}
}
}
}
}
.notice-box{
padding-top: 39px;
.tab-btn{
display: flex;
.title{
font-size: 24px;
font-weight: bold;
color: #444444;
line-height: 33px;
margin-right: 23px;
}
.btn{
cursor: pointer;
width: 96px;
height: 40px;
background: none;
border-radius: 23px;
text-align: center;
line-height: 40px;
color: #444;
text-align: center;
&.active{
color: #fff;
background: #A81A42;
}
}
}
.notice-mian{
display: flex;
margin-top: 16px;
.assist-list{
width: 470px;
background: #FFFFFF;
border-radius: 4px;
a{
// &:nth-child(1){
// li{
// background: #A81A42;
// border-radius: 4px;
// .text{
// color: #fff;
// }
// }
// }
}
li{
&:hover{
background: #A81A42;
border-radius: 4px;
.text{
color: #fff;
}
}
cursor: pointer;
&.border-none{
border: none;
}
.text{
width: 423px;
margin: 0 auto;
height: 55px;
border-bottom: 1px solid #eee;
line-height: 55px;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
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, .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 .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;
}
}
}
}
}
}
}
</style>
src/pages/home/introduce.vue deleted 100644 → 0
浏览文件 @ 9403dcdd
<template>
<div>
<div class="banner-top">
<div class="max-width-auto">
<img src="https://zws-imgs-pub.ezijing.com/static/public/9931abadf2c7559a6550d43bec908f3f.png" alt="">
<div class="text-box">
<div class="title">金融产品数字化营销</div>
<div class="tit-m2">职业技能等级证书</div>
</div>
</div>
</div>
<div class="model1">
<img src="https://zws-imgs-pub.ezijing.com/static/public/23f41572138217b62e6fdd68ab6064a3.png" alt="">
</div>
<div class="model2">
<img src="https://zws-imgs-pub.ezijing.com/static/public/f8d7213088d1b7713172f931d0a7cf12.png" alt="">
</div>
<div class="model3">
<img src="https://zws-imgs-pub.ezijing.com/static/public/691b2914a112e8c22b05d63bd93dd9ca.png" alt="">
</div>
<div class="model4">
<div class="title">Project Description</div>
<div class="title2">项目内容</div>
<div class="text">此项目由清北人等知名院校导师及中国特色高水平高职学校等学术专家，联合金融行业数字化营销领域专家、银 证保等金融机构业务高管等实线导师共同整体设计。内容涵盖：</div>
<div class="swiper-box">
<swiper ref="mySwiper" :options="swiperOptions" class="item-swiper">
<swiper-slide v-for="(item, index) in swiperList" :key="index">
<div class="dosc">{{ item }}</div>
</swiper-slide>
<div class="swiper-button-prev" slot="button-prev"></div>
<div class="swiper-button-next" slot="button-next"></div>
</swiper>
</div>
</div>
<div class="model5">
<img src="https://zws-imgs-pub.ezijing.com/static/public/e1676483b830f3f07e708770dcab14bd.png" alt="">
</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: [
'（一）教材研发。研发团队：清北人知名院校教授领衔主编，双高院校学科带头人和业界到导师团队主编。内容设计：以工作过程为导向，以实践结果为考核标准。',
'（二）师资培训。双师型数字营销教师培训，课堂教学和企业数字营销任务实践紧密结合，做中学，学中做，新型产教融合模式。训练”以学员为中心”引导式教学技能。',
'（三）考试考核。众多金融机构合作资源，提供数字营销岗位的实习机会，专业团队远程指导。证书技能聚焦岗位群精准且广泛，无缝连接就业。（一）全覆盖。金融产品数字化营销职业技能等级标准设计场景涵盖了中职、高职和应用型本科三个层次，有效服务于“1+X”制度改革全覆盖。（二）补充性。金融产品数字化营销职业技能等级标准总课时约为280课时，采用精准对岗既解决培训资源先进性、实时性和好用性问题，也优化课程资源和金融和营销的新业态，充分体现“X”对“1”补充作用和不可替代性。（三）多样性。金融产品数字化营销职业技能等级标准鉴定立足于与学历教育有效衔接，设计了课程置换、学分置换、实践置换、新职业等级置换等“X”与“1”完全融合的多样性。（四）无缝性。金融产品数字化营销职业技能等级标准培训教材所选取典型工作领域，遵循岗位群对接既精准又广泛，即持证就能上岗，达到无缝对接效果。',
'（四）学习系统。既对技能标准、培训教材、考核平台、考核大纲等培训资源进行一体化开发。对培训指导方法、培训评价站点、培训评价办法等培训条件和制度办法进行系统设计。',
'（五）实训系统。全业务场景数字化销售赋能，打造闭环销售链路技能。产教研深度融合的数字营销实训平台。包括大数据、营销自动化、社交媒体营销、移动营销等。',
'（六）就业安排。众多金融机构合作资源，提供数字营销岗位的实习机会，专业团队远程指导。证书技能聚焦岗位群精准且广泛，无缝连接就业。'
],
swiperOptions: {
on: {
slideChangeTransitionStart: function() {
// _this.swiperIndex = this.activeIndex
}
},
observer:true,//修改swiper自己或子元素时，自动初始化swiper
observeParents:true,//修改swiper的父元素时，自动初始化swiper
navigation: {
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev"
},
autoHeight: true
// loop:true,
// autoplay: {
// delay: 2000,
// disableOnInteraction: false
// }
}
}
},
computed: {
swiper() {
return this.$refs.mySwiper.$swiper
}
}
}
</script>
<style lang="scss" scoped>
.banner-top{
position: relative;
width: 100%;
height: 610px;
background: url(https://zws-imgs-pub.ezijing.com/static/public/1541ea20b9066ab0cb8dec36ea4088f6.png);
background-size: cover;
.max-width-auto{
position: absolute;
top: 26px;
left: 50%;
transform: translateX(-50%);
width: 1081px;
display: flex;
align-items: center;
.text-box{
padding-left: 90px;
}
.title{
font-size: 47px;
font-weight: bold;
color: #FFFFFF;
line-height: 71px;
}
.tit-m2{
font-size: 26px;
color: #FFFFFF;
line-height: 39px;
margin-top: 31px;
}
}
}
.model1{
width: 100%;
background: #fff;
padding: 200px 0 100px 0;
img{
width: 1200px;
display: block;
margin: 0 auto;
}
}
.model2{
width: 100%;
background: #F8F8F9;
padding: 100px 0 100px 0;
img{
width: 1200px;
display: block;
margin: 0 auto;
}
}
.model3{
width: 100%;
background: #fff;
padding: 100px 0 100px 0;
img{
width: 1200px;
display: block;
margin: 0 auto;
}
}
.model4{
background: #F8F8F9;
padding: 100px 0 120px 0;
.title{
text-align: center;
font-size: 16px;
color: #797979;
line-height: 24px;
}
.title2{
text-align: center;
font-size: 26px;
color: #626262;
line-height: 39px;
margin: 20px 0;
}
.text{
width: 616px;
font-size: 14px;
color: #888888;
line-height: 24px;
margin: 0 auto;
}
.swiper-box{
padding-top: 60px;
width: 1200px;
margin: 0 auto;
.dosc{
width: 800px;
margin: 0 auto;
text-align: center;
font-size: 18px;
color: #444444;
line-height: 36px;
letter-spacing: 1px;
}
.swiper-button-prev{
color: #D8D8D8;
// height: 60px;
// background: url(https://zws-imgs-pub.ezijing.com/static/public/0ec9d99a7350896c087766175ce65f89.png);
}
.swiper-button-next{
color: #D8D8D8;
// height: 60px;
}
}
}
.model5{
width: 100%;
background: #fff;
padding: 100px 0 100px 0;
img{
width: 1200px;
display: block;
margin: 0 auto;
}
}
</style>
src/pages/home/newIntroduce.vue deleted 100644 → 0
浏览文件 @ 9403dcdd
<template>
<div class="news-detail-box">
<!-- <breadcrumb class="content-max-width crumb" :data="crumbData"/> -->
<div class="title">{{ data.title }}</div>
<div class="content content-max-width" v-html="data.content"></div>
<div class="pdf content-max-width">
<a target="_blank" :href="data.attachment_url" class="name">{{ data.attachment_title }}</a>
</div>
</div>
</template>
<script>
import action from '@action'
import breadcrumb from '@/components/breadcrumb'
export default {
components: {
breadcrumb
},
data() {
return {
data: {},
crumbData: [
{
path: '/',
name: '首页'
},
{
name: parseInt(this.$route.query.tabs) === 1 ? '工作动态' : '通知公告'
}
]
}
},
mounted() {
this.getData()
if (this.$route.query.type) {
this.crumbData = [
{
path: '/',
name: '首页'
},
{
name: parseInt(this.$route.query.tabs) === 1 ? '工作动态' : '通知公告'
}
]
}
},
methods: {
getData() {
action.articleAction.getArticleDetail(79).then(res => {
this.data = res.data
})
}
}
}
</script>
<style lang="scss" scoped>
.crumb{
padding-top: 24px;
}
.content-max-width{
width: 870px;
margin: 0 auto;
}
.news-detail-box{
.title{
text-align: center;
font-size: 18px;
font-weight: bold;
color: #C01540;
line-height: 25px;
margin: 24px 0;
}
.content{
font-size: 14px;
font-family: PingFangSC-Regular, PingFang SC;
color: #717171;
line-height: 20px;
margin-bottom: 24px;
}
}
.pdf{
padding-bottom: 30px;
.name{
color: #0053C6;
}
}
</style>
src/pages/home/preview.vue deleted 100644 → 0
浏览文件 @ 9403dcdd
<template>
<div class="view-box">
<iframe v-if="$route.query.type == 1" src='https://view.officeapps.live.com/op/view.aspx?src=https://zws-imgs-pub.ezijing.com/static/public/f63f489fed119a6f6678fd75a98ac8e3.docx' width='100%' height='100%' frameborder='1'>
</iframe>
<iframe v-if="$route.query.type == 2" src='https://view.officeapps.live.com/op/view.aspx?src=https://zws-imgs-pub.ezijing.com/static/public/75002d93f43f2d0b42b2e21c9937cb5e.docx' width='100%' height='100%' frameborder='1'>
</iframe>
</div>
</template>
<script>
export default {
components: {
},
data () {
return {
}
},
computed: {
},
methods: {
}
}
</script>
<style lang="scss">
.view-box{
width: 100%;
height: 100%;
}
</style>
src/pages/home/queryCard.vue
浏览文件 @ 9e96f929
<template>
<div>
<div class="home-box" v-if="cardListMap.length > 0">
<div class="home-box" v-if="cardListMap && cardListMap.length > 0">
<!-- <haedBanner></haedBanner> -->
<div>
<div v-for="(item, index) in cardListMap" :key="index" class="home-box-content">
......@@ -37,7 +37,7 @@ export default {
},
computed: {
cardListMap() {
return this.cardList.filter(item => item.status === 2)
return this.cardList?.filter(item => item.status === 2)
}
},
methods: {
......@@ -45,7 +45,7 @@ export default {
handleGetCard() {
const params = { project_prefix: 'x1' }
action.articleAction.getCard(params).then(res => {
this.cardList = res.data.list
this.cardList = res.data?.list
})
},
// 打印
......
src/pages/news/index.vue
浏览文件 @ 9e96f929
......@@ -2,20 +2,16 @@
<div class="news-box">
<haedBanner></haedBanner>
<!-- <breadcrumb class="content-max-width crumb" :data="crumbData"/> -->
<btn-tabs class="tabs-box content-max-width" @tabsChange='tabsChange' :data="tabsData"></btn-tabs>
<btn-tabs class="tabs-box content-max-width" @tabsChange="tabsChange" :data="tabsData"></btn-tabs>
<ul class="content-max-width">
<template v-for="(item, index) in list">
<li :key="index">
<li>
<item :data="item" :index="tabsDataIndex"></item>
</li>
</template>
</ul>
<div class="pagination">
<el-pagination
:page-size="pages.page_size"
layout="prev, pager, next, jumper"
:total="5">
</el-pagination>
<el-pagination :page-size="pages.page_size" layout="prev, pager, next, jumper" :total="5"> </el-pagination>
</div>
</div>
</template>
......@@ -51,7 +47,7 @@ export default {
name: '工作动态'
}
]
}
}
},
created() {
if (this.$route.query.type) {
......@@ -60,8 +56,7 @@ export default {
}
this.newsList()
},
mounted() {
},
mounted() {},
methods: {
tabsChange(n) {
this.tabsDataIndex = n
......@@ -99,7 +94,7 @@ export default {
},
watch: {
$route: {
handler: function(val, oldVal){
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)
......@@ -112,24 +107,24 @@ export default {
}
</script>
<style lang="scss" scoped>
img{
img {
width: 100%;
display: block;
// height: 240px;
}
.crumb{
.crumb {
padding-top: 24px;
}
.content-max-width{
.content-max-width {
width: 1112px;
margin: 0 auto;
}
.news-box{
.tabs-box{
.news-box {
.tabs-box {
padding: 60px 0 0;
}
}
.pagination{
.pagination {
padding: 24px 0;
display: flex;
justify-content: center;
......
src/pages/product/components/presence.vue 0 → 100644
浏览文件 @ 9e96f929
<template>
<div>
<div class="presence-content-box">
<div class="content-mian">
<div class="form-box">
<div class="title-box">
<div class="title-content">
<div class="bt">申请试用</div>
</div>
</div>
<div class="form">
<div class="li">
<el-input v-model="f1" placeholder="咨询产品"></el-input>
</div>
<div class="li">
<el-input v-model="f2" placeholder="院校名称"></el-input>
</div>
<div class="li">
<el-input v-model="f3" placeholder="校系"></el-input>
</div>
<div class="li">
<el-input v-model="form.name" placeholder="联系人"></el-input>
</div>
<div class="li">
<el-input v-model="form.phone" placeholder="电话"></el-input>
</div>
<div class="btn" @click="submit">立即提交</div>
</div>
</div>
</div>
</div>
</div>
</template>
<script>
import { postNes } from '@/api'
export default {
components: {},
data() {
return {
// comment: '#专业:' + data.major + '#年级:' + data.class + '#大学:' + data.edu
f1: '',
f2: '',
f3: '',
form: {
name: '',
phone: '',
project_id: process.env.projectId
}
}
},
mounted() {},
methods: {
submit() {
const findNull = Object.values(this.form).findIndex(item => {
return item === ''
})
if (findNull !== -1) {
this.$message('请完善信息')
return
} else {
const MOBILE_REG = /^1(3[0-9]|4[01456879]|5[0-35-9]|6[2567]|7[0-8]|8[0-9]|9[0-35-9])\d{8}$/
if (!MOBILE_REG.test(this.form.phone)) {
this.$message('手机号格式错误')
return
}
}
this.form = Object.assign(this.form, { comment: `#咨询产品：${this.f1};#院校名称：${this.f2};#院系：${this.f3}` })
postNes(this.form)
.then(res => {
if (res && res.status === 200) {
this.$message({
type: 'success',
message: '提交成功'
})
} else {
this.$message.error('提交失败')
}
})
.catch(() => {})
}
}
}
</script>
<style lang="scss" scoped>
.card-style {
width: 1200px;
margin: 0 auto;
}
.presence-content-box {
padding-top: 80px;
.m-title {
width: 1200px;
margin: 0 auto;
}
.content-mian {
padding-top: 24px;
.my-swipe {
height: 500px;
::v-deep {
.app-link {
width: 100%;
height: 100%;
}
a {
width: 100%;
height: 100%;
}
}
img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
}
}
.form-box {
width: 1200px;
height: 500px;
margin: 0 auto 40px;
background: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/exed/home-ssfc-bg.png);
background-size: 100% 100%;
display: flex;
justify-content: space-between;
.title-box {
width: 580px;
height: 160px;
background: rgba(170, 25, 65, 0.4);
box-shadow: 0px 0px 122px rgba(0, 0, 0, 0.07);
margin-top: 170px;
position: relative;
.title-content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 380px;
height: 200px;
background: #aa1941;
}
.bt {
font-size: 22px;
line-height: 100%;
color: #ffffff;
text-align: center;
margin-top: 90px;
}
.tips {
font-size: 22px;
line-height: 100%;
color: #ffffff;
text-align: center;
margin-top: 20px;
}
}
.form {
width: 401px;
background: #ffffff;
margin-top: 54px;
box-sizing: border-box;
padding: 40px 50px;
height: fit-content;
margin-right: 116px;
::v-deep {
.el-select {
width: 100%;
}
}
.li {
margin-bottom: 20px;
}
.btn {
font-size: 18px;
line-height: 32px;
color: #ffffff;
width: 281px;
background: #aa1941;
border-radius: 4px;
text-align: center;
cursor: pointer;
}
}
}
}
}
</style>
src/pages/product/index.vue 0 → 100644
浏览文件 @ 9e96f929
<template>
<div class="product-box">
<img class="banner" src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/x-new/pro-banner.png" />
<section class="section">
<!-- 实训平台介绍 -->
<h1 class="pt-100">1+X金融产品数字化营销实训平台介绍</h1>
<div class="describe">
1+X金融产品数字化营销实训平台是一款既面向1+X职业技能登记等级证书，又面向企业数字化转型核心基础能力人才培养的综合金融产品数字化营销训练平台，该平台是在成熟工业级数字营销系统基础上进行教育适配化改造得来，提供涵盖了银行、保险、证券等多个金融行业综合案例集和配套理论与实践教学资源，定位于学生实践平台、教师科研平台、企业营销业务平台等功能为一体的综合性平台，是院校金融营销实训室建设的必备实训平台。
</div>
<!-- 核心模块 -->
<h1 class="pt-80">核心模块</h1>
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/x-new/pro-img1.png" class="describe-img" />
<h1 class="pt-80">案例资源</h1>
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/x-new/pro-img2.png" class="describe-img" />
<p class="js">
金融产品数字营销实验室目前配备<span>6</span>个案例，<span>6</span>篇案例原文、<span>34</span>份案例指导书、<span>33</span>套教学PPT、<span>80</span>个教学视频。
</p>
<!-- 案例资源示例 -->
<h3 class="section-subtitle pt-80">案例资源示例</h3>
<div class="tab">
<ul class="tab-header">
<li
v-for="(item, index) in tabList"
:class="{ 'is-active': index === tabActive }"
:key="index"
@mouseover="tabActive = index"
>
{{ item.title }}
</li>
</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>
<!-- 产品配套服务 -->
<h2 class="section-title">配套服务</h2>
<h3 class="section-subtitle">标准服务</h3>
<ul class="bz-list">
<li v-for="item in bzfwList" :key="item.title">
<img :src="item.icon" />
<div class="cover">
<h4>{{ item.title }}</h4>
<p v-html="item.desc"></p>
</div>
</li>
</ul>
<!-- 增值服务 -->
<h3 class="section-subtitle" style="padding-top: 50px;">增值服务</h3>
<ul class="zz-list">
<li v-for="item in zzfwList" :key="item">{{ item }}</li>
</ul>
<!-- 报名 -->
<presence></presence>
</section>
</div>
</template>
<script>
import presence from './components/presence.vue'
export default {
components: {
presence
},
data() {
return {
tabActive: 0,
// 标准服务
bzfwList: [
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/bzfw_1.png',
title: '产品服务',
desc: '产品安装服务<br/>产品配置调试服务<br/>产品免费升级服务<br/>……'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/bzfw_2.png',
title: '资源服务',
desc: '配套课程资源<br/>课程资源免费更新服务<br/>行业案例免费升级服务<br/>……'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/bzfw_3.png',
title: '培训服务',
desc: '产品使用培训<br/>产品维护培训<br/>……'
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/bzfw_4.png',
title: '产品技术支持',
desc: '产品功能与性能巡检<br/>产品使用分析与建议<br/>产品在线技术支持<br/>产品电话技术支持<br/>……'
}
],
// 增值服务
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>
<style lang="scss" scoped>
.banner {
width: 100%;
display: block;
}
.pt-80 {
padding-top: 80px;
}
.pt-100 {
padding-top: 100px;
}
h1 {
font-size: 32px;
font-weight: bold;
color: #333333;
line-height: 34px;
text-align: center;
margin-bottom: 50px;
}
.describe {
font-size: 18px;
color: #666666;
line-height: 36px;
margin-bottom: 50px;
}
.describe-img {
width: 100%;
display: block;
}
.section {
width: 1200px;
margin: 0 auto;
}
.js {
font-size: 18px;
color: #666666;
margin-top: 10px;
line-height: 100%;
span {
font-size: 24px;
color: #aa1941;
}
}
.section-subtitle {
display: inline-block;
margin: 0 0 36px 0;
font-size: 20px;
line-height: 32px;
color: #424242;
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 {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 38px;
li {
position: relative;
transition: all 0.3s;
&:hover {
transform: scale(1.06);
}
}
.cover {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: rgba(51, 51, 51, 0.6);
}
h4 {
padding: 64px 0 45px;
font-size: 24px;
font-family: Source Han Sans CN-Medium, Source Han Sans CN;
font-weight: 500;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
}
p {
font-size: 16px;
font-family: Source Han Sans CN-Regular, Source Han Sans CN;
font-weight: 400;
color: #ffffff;
line-height: 40px;
text-align: center;
}
}
.zz-list {
display: flex;
gap: 25px;
li {
flex: 1;
font-size: 22px;
font-family: Source Han Sans CN-Medium, Source Han Sans CN;
font-weight: 500;
color: #333333;
line-height: 80px;
text-align: center;
border: 1px solid var(--main-color);
border-left-width: 10px;
}
}
</style>
src/pages/query/index.vue deleted 100644 → 0
浏览文件 @ 9403dcdd
<template>
<div>
<breadcrumb class="content-max-width crumb" :data="crumbData"/>
<div class="site-box" v-if="list.length">
<div class="title">{{ list[0].title }}</div>
<div class="content" v-html="list[0].content">
证书成绩查询请前往职业技能等级证书信息管理服务平台（网址： https://vslc.ncb.edu.cn ）进行查询。
</div>
<div class="btn" @click="goDetail">去查询</div>
</div>
<img :src="list[0].cover_pc_url" alt="">
</div>
</template>
<script>
import action from '@action'
import breadcrumb from '@/components/breadcrumb'
export default {
components: {
breadcrumb
},
data() {
return {//this.$store.state.classify
articleClassify: this.$store.state.classify,
list: [],
crumbData: [
{
path: '/',
name: '首页'
},
{
name: '证书成绩查询'
}
]
}
},
mounted() {
this.newsList()
},
methods: {
goDetail() {
window.open('https://vslc.ncb.edu.cn')
},
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 {
const findId = this.articleClassify[0].children.find(item => {
return item.display_name === '证书成绩查询'
})
action.articleAction.getArticle({ category_id: findId.id }).then(res => {
this.list = res.data.list
loading.close()
})
}
}
}
}
</script>
<style lang="scss" scoped>
.crumb{
padding-top: 24px;
}
.content-max-width{
width: 1112px;
margin: 0 auto;
}
.site-box{
width: 650px;
margin: 0 auto;
.title{
text-align: center;
font-size: 18px;
color: #222222;
line-height: 18px;
margin: 24px 0;
}
.content{
font-size: 14px;
color: #666666;
line-height: 20px;
}
.btn{
text-align: center;
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: 20px;
margin: 24px auto;
line-height: 36px;
cursor: pointer;
}
}
img{
width: 876px;
display: block;
margin: 0 auto 24px auto;
}
</style>
src/pages/service/index.vue
浏览文件 @ 9e96f929
<template>
<div>
<haedBanner></haedBanner>
<ul class="service-tab content-max-width">
<template v-for="(item, index) in tabData">
<li @click="tabChange(index)" :key="index" :class="index == tabIndex && 'active'">{{ item }}</li>
</template>
</ul>
<div class="moudel1 content-max-width" v-if="tabIndex == 0 && !isBuyShow">
<div class="title">“1+X”系列教材简介</div>
<div class="con-text">
<div class="p">“金融产品数字化营销职业技能等级证书”的教材开发融入了金融理论专家、职教行业学者和金融机构高管的集体智慧，专家团队包括北京大学金融信息与工程管理系、人民大学市场营销系，中央财经大学应用金融系为代表的清北人的教授学者，金融行业的经济学家、银证保业务条线负责人及营销资深专家，双高院校的学科带头人，知名咨询机构的金融板块的合伙人一起群策群力，希望能为结合中职、高职和应用型本科的学生特点，共享自己的智慧和经验。</div>
<div class="p">教材设计逻辑紧密，充分研究探讨教材设置中的思维导图、学习目标、案例实践、知识链接、项目测评等版块。以职业技能等级标准为依据，结合行业企业用人技能要求的紧迫程度，设计教材内容和框架体系。确定教材各案例实践涵盖的职业技能等级工作任务与就业面向相匹配，以真实案例实践为驱动，促进学生深刻掌握先进技术能力。各板块间，以思维导图的形式勾勒出每个任务的核心知识点，便于学生整体把握项目的主要知识内容和学习要求。基于工作领域职业能力分析，精心设计典型工作任务，明确提出任务要求，引导学生开展典型、真实的职业实践。围绕学习目标，针对“任务实施”所需知识，以“必需、够用”为原则，选取核心知识点。设计“想一想”“读一读”“练一练”等小栏目，增加教材的互动性，鼓励学生“做中学”。依据金融产品数字化营销职业技能等级标准实务考核要求，设计重要知识点测评试题，方便学生及时检验项目实务知识学习效果。</div>
<div class="p">本系列教材紧跟金融各行业数字化转型和职业教育的人才培养发展的需求，随行业的数字化转型、数字化营销工具和专业升级等情况及时动态更新。为深化产教融合，促进专业对接产业、职业岗位，教材内容对接职业标准，以职业技能实践流程为导向，涵盖职业岗位典型工作任务，培养学生具备核心技能与素养。推进“1”和“X”的有机衔接，提升职业教育质量和学生就业能力。</div>
<img src="https://zws-imgs-pub.ezijing.com/static/public/e96600c3ab994cb2e25a9268bbf20586.png" style="display:block;margin:30px auto;" alt="">
<!-- <div class="p">“金融产品数字化营销职业技能等级证书”的教材开发融入了金融理论专家、职教行业学者和金融机构高管的集体智慧，专家中不仅有人民大学商学院张恩忠教授为代表的清北人等高校的金融和营销的教授学者，还有职业教育的双高院校的学科带头人，更有银证保等行业的经济学家、业务和人力的负责人，知名咨询机构的金融条线的合伙人一起群策群力，希望能为结合中职、高职和应用型本科的学生特点，共享自己的智慧和经验。</div> -->
<!-- <div class="p">教材设计逻辑紧密，充分研究探讨教材设置中的项目导学、学习目标、任务导入、任务实施、知识链接、项目测评等版块。各板块间，以思维导图的形式勾勒出每个任务的核心知识点，便于学生整体把握项目的主要知识内容和学习要求。基于工作领域职业能力分析，精心设计典型工作任务，明确提出任务要求，引导学生开展典型、真实的职业实践。围绕学习目标，针对“任务实施”所需知识，以“必需、够用”为原则，选取核心知识点。设计“想一想”“读一读”“练一练”等小栏目，增加教材的互动性，鼓励学生“做中学”。依据金融产品数字化营销职业技能等级标准实务考核要求，设计重要知识点测评试题，方便学生及时检验项目实务知识学习效果。</div> -->
<!-- <div class="p">
金融产品数字化营销职业技能等级证书是第四批X证书之一。该职业技能等
级证书以金融行业企业岗位群需求和职业技能等级标准为依据，证书职业技能等
级划分为三个等级：初级、中级和高级，三个级别依次递进，高级别涵盖低级别
职业技能要求。为了让广大师生更好地把握金融产品数字化营销职业技能等级认
证要求，清控紫荆（北京）教育科技股份有限公司对中职、高职和应用型本科金
融、营销类专业人才培养方案、教学标准和教学内容进行深入研究，通过与多家
国家示范性院校进行专家研讨等广泛调研工作和意见征询，撰写对应的金融产品
数字化营销系列教材。
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/x-new/ser-banner.png" class="banner" />
<section class="section">
<h1 class="pt-100">认证中心</h1>
<p class="describe">
“金融产品数字化营销职业技能等级证书”的系列教材，由紫荆教育组织国内数字化营销理论研究的顶级院校学者教授，以及金融行业龙头机构的资深专家和一线实践精英携手编著，具有理论扎实、观点前沿、讲解详实、案例丰富、流程科学、实操精准的特点，在国内金融产品数字化营销领域，尚属首创。<br />
项目导学：以思维导图的形式勾勒出本项目的核心知识点，便于学生整体把握项目的主要知识内容和学习要求。<br />
学习目标：明确给出任务的知识目标和能力目标，便于学生对照检查学习效果。<br />
任务导入：基于工作领域职业能力分析，精心设计典型工作任务，明确提出任务要求，引导学生开展典型、真实的职业实践。<br />
任务实施：以任务为导向，以工作过程为主线，设计完成典型工作任务的业务“流程图”。<br />
知识链接：围绕学习目标，针对“任务实施”所需知识，以“必需、够用”为原则，选取核心知识点。<br />
项目测评：依据金融产品数字化营销职业技能等级标准实务考核要求，设计重要知识点测评试题，方便学生及时检验项目实务知识学习效果。
</p>
<img
src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/x-new/ser-img1.png"
style="display: block; width: 908px; margin: 0 auto 80px;"
/>
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/x-new/ser-img2.png" />
<h1 class="pt-80">课程中心</h1>
<p class="describe">
信息化、数字化教学资源是促进书证融通的重要因素之一，紫荆教育信息化、数字化资源立足“辅教辅学”的功能定位，遵循“一体化设计、结构化课程、颗粒化资源”的建构逻辑完成资源整合，通过提供教学视频、PPT、课程大纲、题库、试卷、实践案例等，使教师教学准备工作更加便利化，帮助教师“好上课”；
通过符合学生年龄特点、兴趣爱好的图文、音频等资源，引发学生学习兴趣，帮助老师将重难点课程内容化抽象为形象，通过项目、任务激发学生学习动机，使得被动接受的学生主动获取知识，从而引发学生自主学习能力、自主探索能力，提升课堂实施的有效性，帮助教师“上好课”。
</p>
<div class="card-list">
<div class="card-list_item">
<div class="item-title">线上课程研发</div>
<div class="item-con1">课程内容设置<br />课程师资匹配<br />课程制作方案</div>
</div>
<div class="p">
本系列教材紧跟金融各行业数字化转型和职业教育的人才培养发展的需求，
随行业的数字化转型、数字化营销工具和专业升级等情况及时动态更新。为深化
产教融合，促进专业对接产业、职业岗位，教材内容对接职业标准，以职业技能
实践流程为导向，涵盖职业岗位典型工作任务，培养学生具备核心技能与素养。
推进“1”和“X”的有机衔接，提升职业教育质量和学生就业能力。
<div class="card-list_item">
<div class="item-title">课程制作</div>
<div class="item-con2">
<p>
课程录制&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;课程剪辑<br />
课程编辑&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;课程成片
</p>
<div class="tips">（课程录制，满足各种需求。不同形式拥有专属的场地）</div>
</div>
</div>
<div class="card-list_item">
<div class="item-title">线下课程开发</div>
<div class="item-con2">
<p>
教学设计&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;教务计划<br />
实施执行方案
</p>
<div class="tips">（全国三大教学基地，10多间不同需求的教室与会议室）</div>
</div>
</div>
<div class="p">
教材设置了思维导图、学习目标、案例实践、问题思考等板块，以职业技能
等级标准为依据，结合行业企业用人技能要求的紧迫程度，设计教材内容和框架
体系。确定教材各案例实践涵盖的职业技能等级工作任务与就业面向相匹配，以
真实案例实践为驱动，促进学生深刻掌握先进技术能力。
</div> -->
</div>
<!-- <img style="margin: 0 auto; width:30%; display:block;" src="https://zws-imgs-pub.ezijing.com/static/public/50ce208136ab7e9c023450940d94fb14.png" alt=""> -->
<div class="buy-box" v-if="false">
<div class="name">立即购买：</div>
<span @click="isBuyShow = true">《金融产品数字化营销初级》</span>
<!-- <span @click="isBuyShow = true">《金融产品数字化营销职业技能等级认证教材》（中级）</span> -->
<!-- <span @click="isBuyShow = true">《金融产品数字化营销职业技能等级认证教材》（高级）</span> -->
</div>
</div>
<!-- <div class="moudel2 content-max-width" v-if="tabIndex == 1 && !isBuyShow">
<div class="con-text">
经过对中职、高职和应用型本科财税类专业教学标准的深入研究，通过与具有代表性的院校进行现场访谈，专家研讨等方式的走访调研工作，充分分析了解在书证融通方面各大院校遇到的问题，并就普遍典型问题进行梳理，对比分析2019年教育部职成司发布财经商贸大类的高等职业专业教学标准，并以中职、高职和本科三个层次对标会计专业教学标准的衔接融通方案，一共三套范例参考方案，智能财税职业技能等级标准分为初中高级，以高职为例，适用主要专业财务管理、会计、会计信息管理、审计、税务等专业。暂按16学时计为1学分，智能财税职业技能等级标准（初级）的总学时为136，其中上册40学时、中册56学时、下册40学时，完成初级阶段学习，需要完成其中两门共计96个学时，其中2册为必修，1册和3册选修。总学分为8.5。具体为：
从形式上，我们按照智能财税职业技能等级标准中的工作领域为单位模块进行划分，经过梳理，从高职的最新会计专业教学标准分析，对应课程：财务会计基础、企业财务会计、纳税实务、会计信息系统应用、创新创业教育。对应的课程名称具体
</div>
<div class="down-btn-box">
<div class="all-btn">下载文件1</div>
<div class="all-btn">下载文件2</div>
<h1 class="pt-100">双创中心</h1>
<p class="describe">
紫荆教育融合校企资源，打造与传统教学模式不同的创新能力培养体系，从而促进教育体系的改革创新，并联合院校申报双创项目。
双创项目建设包括创新训练项目、创业训练项目和创业实践项目三类。
</p>
<div class="card-center">
<div class="card-center_item">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/x-new/ser-img3.png" />
<div class="item-con">
<h2>创新训练项目</h2>
<p>
在校生个人或团队在导师指导下，自主完成创新性研究项目设计、研究项目实施、研究报告撰写、成果（学术）交流等工作。
</p>
</div>
</div>
<div class="card-center_item">
<div class="item-con">
<h2>创业训练项目</h2>
<p>
在校生团队在导师指导下，完成商业计划书编制、可行性研究、企业模拟运行、创业报告撰写等工作。
</p>
</div>
<img
style="margin-top: 53px;"
src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/x-new/ser-img4.png"
/>
</div>
<div class="card-center_item">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/x-new/ser-img5.png" />
<div class="item-con">
<h2>创业实践项目</h2>
<p>
学生团队在学校导师和企业导师共同指导下，基于前期创新创业训练项目的成果，开发具有市场前景的创新性产品或者服务，开展创业实践活动。
</p>
</div>
</div>
</div>
<div class="pdf">教学资源.pdf</div>
</div> -->
<buy v-if="isBuyShow"/>
<h1 class="pt-100">科研中心</h1>
<p class="describe">
在科研创新方面紫荆教育和学校共同成立“科研创新”专家组，由教科研专家、行业/企业资深人士、学校骨干教师等组成，专门承接教育科研项目的选题、申报，研究与实施等。
</p>
<img
style="margin-bottom: 100px;"
src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/x-new/ser-foot.png"
/>
</section>
</div>
</template>
<script>
import haedBanner from '@/components/headBanner'
import buy from './components/buy'
export default {
components: {
haedBanner,
buy
},
components: {},
data() {
return{
isBuyShow: false,
tabIndex: 0,
tabData: ['教材中心', '教学资源(老师)', '课程学习(学生)', '实操学习']
}
return {}
},
methods: {
tabChange(n) {
this.isBuyShow = false
if (n === 1) {
window.location.href = 'https://login.ezijing.com/xlearn/login/index'
}
if (n === 2) {
window.location.href = 'https://login.ezijing.com/xlearn/register'
}
if (n === 3) {
window.location.href = 'http://xtraining.ezijing.com/'
}
console.log(n)
this.tabIndex = n
}
}
methods: {}
}
</script>
<style lang="scss" scoped>
.content-max-width{
.section {
width: 1200px;
margin: 0 auto;
}
.service-tab{
display: flex;
padding: 36px 0 24px;
li{
cursor: pointer;
padding: 0 16px;
height: 34px;
border-radius: 27px;
line-height: 34px;
font-size: 14px;
color: #444444;
text-align: center;
&.active{
background: #A81A41;
color: #fff;
}
}
.banner {
width: 100%;
display: block;
}
.pt-80 {
padding-top: 80px;
}
.all-btn{
width: 104px;
height: 40px;
background: linear-gradient(315deg, rgba(225, 47, 116, 0.83) 0%, #C01540 100%);
border-radius: 4px;
.pt-100 {
padding-top: 100px;
}
h1 {
font-size: 32px;
font-weight: bold;
color: #333333;
line-height: 34px;
text-align: center;
line-height: 40px;
color: #fff;
font-size: 14px;
cursor: pointer;
margin-bottom: 50px;
}
.describe {
font-size: 18px;
color: #666666;
line-height: 36px;
margin-bottom: 50px;
}
.moudel1{
.title{
font-size: 24px;
color: #C01540;
line-height: 33px;
margin-bottom: 16px;
.describe-img {
width: 100%;
display: block;
}
.card-list {
display: flex;
justify-content: space-between;
.card-list_item {
width: 380px;
height: 220px;
background-color: #fff;
}
.item-title {
line-height: 50px;
background: #aa1941;
text-align: center;
font-size: 20px;
font-weight: bold;
color: #ffffff;
}
.con-text{
font-size: 14px;
color: #717171;
.item-con1 {
font-size: 18px;
color: #424242;
line-height: 36px;
// padding-bottom: 32px;
.p{
text-indent: 2em;
}
text-align: center;
margin-top: 37px;
}
.buy-box{
padding-bottom: 36px;
display: flex;
align-items: center;
margin-top: 16px;
.name{
.item-con2 {
p {
font-size: 18px;
font-weight: bold;
color: #222222;
color: #424242;
line-height: 36px;
text-align: center;
margin-top: 37px;
}
span{
.tips {
font-size: 14px;
color: #0053C6;
cursor: pointer;
}
.con-text{
font-size: 14px;
color: #717171;
line-height: 36px;
color: #666666;
margin-top: 25px;
text-align: center;
}
}
}
.moudel2{
.con-text{
font-size: 14px;
color: #717171;
line-height: 36px;
.card-center {
display: flex;
justify-content: space-between;
.card-center_item {
background-color: #fff;
width: 380px;
height: 420px;
}
.down-btn-box{
display: flex;
.all-btn{
margin: 24px 0;
&:nth-child(1){
margin-right: 16px;
}
.item-con {
padding: 25px 22px 0;
h2 {
font-weight: bold;
font-size: 18px;
color: #424242;
line-height: 30px;
}
p {
font-size: 18px;
color: #666;
line-height: 30px;
}
}
.pdf{
font-size: 14px;
color: #0053C6;
line-height: 20px;
padding-bottom: 36px;
cursor: pointer;
}
}
</style>
src/pages/teachers/components/notice.vue 0 → 100644
浏览文件 @ 9e96f929
<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 action from '@action'
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 ? '工作动态' : '新闻动态')
})
action.articleAction.getArticle({ category_id: findId ? findId.id : 23 }).then(res => {
this.list = res.data.list
console.log(this.list, 'this.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 0 → 100644
浏览文件 @ 9e96f929
export default [
{
id: '202301',
imgUri: 'http://vocational-store.oss-cn-beijing.aliyuncs.com/files/20210225/9e74559a240db3b39b824418353ec3a3.jpg',
title: '2023年第一期“1+X金融产品数字化营销职业技能等级证书(中级)”师资培训班',
time: '2023年3月18-19日',
count: 100,
activeIndex: 1,
type: 1,
addr: '线上直播',
qq: '461760646',
contact: '王老师',
contact_number: '18500913837',
desc:
'贯彻落实教育部等四部门印发《关于在院校实施“1+X学历证书+若干职业技能等级证书”制度试点方案》要求，保障“金融产品数字化营销职业技能等级证书“试点工作的有效开展，分享1+X试点实践经验，促进院校教学和培训工作有序落地。',
content: `<table border="1" cellpadding="10" cellspacing="0" style="width: 700px;">
<tbody>
<tr>
<td valign="center" width="85">
<p align="center">日期</p>
</td>
<td valign="center" width="99">
<p align="center">时间</p>
</td>
<td valign="center" width="184">
<p align="center">&nbsp;</p>
</td>
<td valign="center" width="444">
<p align="center">内容</p>
</td>
<td valign="center" nowrap="nowrap" width="136">
<p align="center">主讲人</p>
</td>
</tr>
<tr>
<td rowspan="6" valign="center" width="85">
<p align="center">3月18日</p>
</td>
<td rowspan="4" valign="center" width="99">
<p align="center">上午</p>
</td>
<td valign="center" width="184">
<p align="center">09:00-09:05</p>
</td>
<td valign="center" width="444">
<p align="center">开班</p>
</td>
<td valign="center" nowrap="nowrap" width="136">
<p align="center">王鑫</p>
</td>
</tr>
<tr>
<td valign="center" width="184">
<p align="center">09:05-09:30</p>
</td>
<td valign="center" width="444">
<p align="center">公司领导致辞</p>
<p align="center">2022年工作总结及2023年工作规划</p>
</td>
<td valign="center" nowrap="nowrap" width="136">
<p align="center">金梅</p>
</td>
</tr>
<tr>
<td valign="center" width="184">
<p align="center">09:30-10:00</p>
</td>
<td valign="center" width="444">
<p align="center">赛证融通-2023年全国大学生商业数据分析与应用大赛</p>
</td>
<td valign="center" nowrap="nowrap" width="136">
<p align="center">张艺驰</p>
</td>
</tr>
<tr>
<td valign="center" width="184">
<p align="center">10:00-12:00</p>
</td>
<td valign="center" width="444">
<p>书证融通-实践技能人才培养思路</p>
</td>
<td valign="center" nowrap="nowrap" width="136">
<p align="center">宁孟强</p>
</td>
</tr>
<tr>
<td rowspan="2" valign="center" width="99">
<p align="center">下午</p>
</td>
<td valign="center" width="184">
<p align="center">14:00-15:30</p>
</td>
<td valign="center" width="444">
<p>课证融通-金融数字化营销课程设计思路</p>
</td>
<td valign="center" nowrap="nowrap" width="136">
<p align="center">魏曼</p>
</td>
</tr>
<tr>
<td valign="center" width="184">
<p align="center">15:30-17:00</p>
</td>
<td valign="center" width="444">
<p>金融产品数字化营销实训平台功能演示</p>
</td>
<td valign="center" nowrap="nowrap" width="136">
<p align="center">段小飞</p>
</td>
</tr>
<tr>
<td rowspan="2" valign="center" width="85">
<p align="center">3月19日</p>
</td>
<td valign="center" width="99">
<p align="center">上午</p>
</td>
<td valign="center" width="184">
<p align="center">09:00-12:00</p>
</td>
<td valign="center" width="444">
<p>案例教学-以某商业银行理财产品为例</p>
<p>1.&nbsp;商业银行个人理财产品介绍</p>
<p>2.&nbsp;商业银行财富顾问岗位职责介绍</p>
<p>3.&nbsp;案例背景分析</p>
<p>4.&nbsp;案例任务设计</p>
<p>5.&nbsp;数据集成与数据集理解</p>
</td>
<td valign="center" nowrap="nowrap" width="136">
<p align="center">杜奎</p>
</td>
</tr>
<tr>
<td valign="center" width="99">
<p align="center">下午</p>
</td>
<td valign="center" width="184">
<p align="center">14:00-17:00</p>
</td>
<td valign="center" width="444">
<p>案例教学-以某商业银行理财产品为例</p>
<p>1.&nbsp;打造客户标签体系</p>
<p>2.&nbsp;动态筛选目标客户</p>
<p>3.&nbsp;用户旅程设计与配置</p>
<p>4.&nbsp;营销报表呈现与优化</p>
</td>
<td valign="center" nowrap="nowrap" width="136">
<p align="center">杜奎</p>
</td>
</tr>
<tr>
<td colspan="3" valign="center" width="368">
<p>另行通知</p>
</td>
<td colspan="2" valign="center" width="581">
<p align="center">在线课程考试</p>
</td>
</tr>
</tbody>
</table>`
},
{
id: '2022002',
imgUri: 'http://vocational-store.oss-cn-beijing.aliyuncs.com/files/20210225/9e74559a240db3b39b824418353ec3a3.jpg',
title: '清控紫荆2022年1+X金融产品数字化营销证书试点工作说明会',
time: '2022年5月23日',
count: 100,
activeIndex: 3,
type: 1,
addr: '线上直播',
qq: '722810013',
contact: '王老师',
contact_number: '18500913837',
desc:
'贯彻落实教育部等四部门印发《关于在院校实施“1+X学历证书+若干职业技能等级证书”制度试点方案》要求，保障“金融产品数字化营销职业技能等级证书“试点工作的有效开展，分享1+X试点实践经验，促进院校教学和培训工作有序落地。',
content: `
<table border="1" cellpadding="10" cellspacing="0" style="width: 700px;">
<tbody>
<tr>
<td>09:15-09:30</td>
<td>
广西壮族自治区教育厅 领导致辞<br />
清控紫荆教育 资深副总裁金梅致辞<br />
广西金融职业技术学院 党委书记沈立君致辞
</td>
</tr>
<tr>
<td>09:30-09:55</td>
<td>
<h4>主题一：数字经济与金融机构创新</h4>
分享嘉宾：清控紫荆数字经济研究院院长 付喆博士
</td>
</tr>
<tr>
<td>09:55-10:20</td>
<td>
<h4>主题二：金融机构数字化营销实践</h4>
分享嘉宾：深圳大学银行业数字金融实验室资深研究员 葛蒙博士（拟邀）
</td>
</tr>
<tr>
<td>10:20-11:10</td>
<td>
<h4>主题三：金融业数字化人才培养探索与实践</h4>
分享嘉宾：广西金融职业技术学院 党委书记沈立君<br />
辽宁金融职业学院金融学院 副院长孟庆海
</td>
</tr>
<tr>
<td>11:10-11:15</td>
<td>清控紫荆教育与牵头院校授牌仪式</td>
</tr>
<tr>
<td>11:15-11:30</td>
<td>
<h4>主题四：“金融产品数字化营销职业技能标准”解读及实施运营</h4>
分享嘉宾：清控紫荆教育资深副总裁 金梅
</td>
</tr>
<tr>
<td>11:30-12:10</td>
<td>
<h4>主题五：“1+X证书”岗课赛证融通实施实践分享</h4>
分享嘉宾：浙江金融职业学院金融管理学院 院长董瑞丽<br />
北京财贸职业学院金融学院 院长胡君晖<br />
长春金融高等专科学校金融学院 院长施晓春
</td>
</tr>
<tr>
<td>12：10-12：30</td>
<td>Q&A</td>
</tr>
</tbody>
</table>`
},
{
imgUri: 'http://vocational-store.oss-cn-beijing.aliyuncs.com/files/20210225/9e74559a240db3b39b824418353ec3a3.jpg',
title: '2022年第3期“1+X金融产品数字化营销职业技能等级证书(中级)”师资培训班',
time: '待定',
count: '待定',
activeIndex: 2,
id: '202202222'
},
{
id: '2022001',
imgUri: 'http://vocational-store.oss-cn-beijing.aliyuncs.com/files/20210225/9e74559a240db3b39b824418353ec3a3.jpg',
title: '2022年1+X金融产品数字化营销职业技能等级证书广西公益师资培训',
time: '2022年4月13日',
count: 100,
activeIndex: 3,
type: 1,
addr: '线上直播',
qq: '722810013',
contact: '王老师',
contact_number: '18500913837',
content: `<p>1. 职业技能等级标准解读（中级）</p>
<p>2.证书教学/实训平台/考核标准介绍</p>
<p>3.金融产品数字化营销中级内容串讲</p>`
},
{
id: '202202',
imgUri: 'http://vocational-store.oss-cn-beijing.aliyuncs.com/files/20210225/9e74559a240db3b39b824418353ec3a3.jpg',
title: '2022年第2期“1+X金融产品数字化营销职业技能等级证书(中级)”师资培训班',
time: '01月18日-01月20日',
count: 100,
activeIndex: 3,
addr: '线上直播',
content: `
<table border="1" cellpadding="10" cellspacing="0" style="width: 700px; text-align: center">
<tbody>
<tr height="142">
<td colspan="5" style="font-size: 18pt; font-weight: 700">金融产品与数字化营销（中级）</td>
</tr>
<tr>
<td>日期</td>
<td>时间</td>
<td></td>
<td>内容</td>
<td class="et5" style="vertical-align: middle; white-space: nowrap">主讲人</td>
</tr>
<tr>
<td rowspan="4">1月18日</td>
<td rowspan="3">上午</td>
<td>09:30-09:40</td>
<td>开班-2021年度试点工作成效及规划</td>
<td style="vertical-align: middle; white-space: nowrap; text-align: center">王鑫</td>
</tr>
<tr>
<td>09:40-10:00</td>
<td>1+X证书制度课证融通实践探索-优秀试点院校分享</td>
<td class="et10" style="vertical-align: middle; white-space: nowrap; text-align: center"></td>
</tr>
<tr>
<td>10:00-11:30</td>
<td>认识市场营销<br />市场、消费市场、STP、品牌</td>
<td rowspan="4">马庆胜</td>
</tr>
<tr>
<td>下午</td>
<td>14:30-17:00</td>
<td>数字化营销<br />产品、价格决策、分销、促销决策</td>
</tr>
<tr>
<td rowspan="2">1月19日</td>
<td>上午</td>
<td>09:30-11:30</td>
<td>数字化营销方案的流程设计<br />客户关系管理、客户画像</td>
</tr>
<tr>
<td>下午</td>
<td>14:30-17:00</td>
<td>数字化营销方案的流程设计<br />数字信息化传播、建立数字化关系、社群经营变现</td>
</tr>
<tr>
<td rowspan="7">1月20日</td>
<td rowspan="3">上午</td>
<td rowspan="3">09:00-11:30</td>
<td>金融产品和金融营销</td>
<td rowspan="8">于海颖</td>
</tr>
<tr>
<td>银行产品分类及特点</td>
</tr>
<tr>
<td>保险产品分类及特点</td>
</tr>
<tr>
<td rowspan="4">下午</td>
<td rowspan="3">14:00-16:30</td>
<td>证券产品分类及特点</td>
</tr>
<tr>
<td>金融产品数字化营销理念</td>
</tr>
<tr>
<td>基于特定人群的数字化营销方案设计</td>
</tr>
<tr>
<td>16:30-17:00</td>
<td>1+X实训平台演示</td>
</tr>
<tr>
<td>另行通知</td>
<td></td>
<td></td>
<td>在线课程考试</td>
</tr>
</tbody>
</table>`
},
{
imgUri: 'http://vocational-store.oss-cn-beijing.aliyuncs.com/files/20210225/9e74559a240db3b39b824418353ec3a3.jpg',
title: '2022年第1期“1+X金融产品数字化营销职业技能等级证书(初级)”师资培训班',
time: '01月11日-01月13日',
count: 100,
activeIndex: 3,
id: '202201',
content: `<table border="1" cellpadding="10" cellspacing="0" style="width: 700px; text-align: center">
<tbody>
<tr class="firstRow">
<td>日期</td>
<td colspan="2">时间</td>
<td>内容</td>
<td>主讲人</td>
</tr>
<tr>
<td rowspan="3">1月11日</td>
<td rowspan="2">上午</td>
<td>09:30-09:40</td>
<td width="316">开班仪式</td>
<td width="67">王鑫</td>
</tr>
<tr style="height: 32.13px">
<td>09:40-11:30</td>
<td align="left">任务一：<br />认识市场营销<br />市场、消费市场、STP</td>
<td rowspan="3">马庆胜</td>
</tr>
<tr>
<td>下午</td>
<td width="84">14:30-17:00</td>
<td align="left">任务一：<br />认识市场营销<br />产品、价格决策、分销、促销决策</td>
</tr>
<tr>
<td rowspan="2">1月12日</td>
<td width="44">上午</td>
<td>09:30-11:30</td>
<td align="left">任务二：<br />认识数字化营销<br />数字化营销、数字化营销的常用触达工具、数字化营销系统</td>
</tr>
<tr style="height: 41.53px">
<td>下午</td>
<td>14:00-16:30</td>
<td align="left">
任务三：<br />金融产品营销知识准备<br />金融机构及金融市场<br />金融产品<br />金融营销概述
</td>
<td rowspan="9">于海颖</td>
</tr>
<tr>
<td rowspan="7">1月13日</td>
<td rowspan="3">上午</td>
<td rowspan="3">09:00-11:30</td>
<td rowspan="3" align="left">
任务四：<br />金融产品数字化营销策略及实施<br />金融产品的数字化营销策略<br />不同场景下的数字化营销实施技巧及关键点
</td>
</tr>
<tr></tr>
<tr></tr>
<tr>
<td rowspan="4">下午</td>
<td rowspan="3">14:00-16:30</td>
<td rowspan="3" align="left">
任务五：<br />重点金融产品数字化营销方案设计<br />银行产品的数字化营销方案设计<br />保险产品的数字化营销方案设计
基金产品的数字化营销方案设计
</td>
</tr>
<tr></tr>
<tr></tr>
<tr>
<td>16:30-17:00</td>
<td>1+X实训平台演示</td>
</tr>
<tr>
<td>另行通知</td>
<td></td>
<td></td>
<td>在线课程考试</td>
</tr>
</tbody>
</table>`
},
{
imgUri: 'http://vocational-store.oss-cn-beijing.aliyuncs.com/files/20210225/9e74559a240db3b39b824418353ec3a3.jpg',
title: '2021年第6期“1+X金融产品数字化营销职业技能等级证书(中级)”师资培训班',
time: '10月30日-10月31日',
count: 100,
activeIndex: 3,
id: '6'
},
{
imgUri: 'http://vocational-store.oss-cn-beijing.aliyuncs.com/files/20210225/9e74559a240db3b39b824418353ec3a3.jpg',
title: '2021年第3期“1+X金融产品数字化营销职业技能等级证书(中级)”师资培训班',
time: '7月5日-7月9日',
count: 100,
activeIndex: 3,
id: '3'
},
{
imgUri: 'http://vocational-store.oss-cn-beijing.aliyuncs.com/files/20210225/9e74559a240db3b39b824418353ec3a3.jpg',
title: '2021年第2期“1+X金融产品数字化营销职业技能等级证书(中级)”师资培训班',
time: '6月27日-6月30日',
count: 100,
activeIndex: 3,
id: '2'
},
{
imgUri: 'http://vocational-store.oss-cn-beijing.aliyuncs.com/files/20210225/9e74559a240db3b39b824418353ec3a3.jpg',
title: '2021年第1期“1+X金融产品数字化营销职业技能等级证书(中级)”师资培训班',
time: '4月23日-4月25日',
count: 100,
activeIndex: 3,
id: '1'
}
]
src/pages/teachers/index.vue 0 → 100644
浏览文件 @ 9e96f929
<template>
<div>
<img class="banner" src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/x-new/train-banner.png" />
<section class="section">
<h1 class="pt-80">师资培训公告</h1>
<notice></notice>
<div class="nav-list">
<div class="nav-list_item" v-for="item in navList" @click="register(item)">
<div class="item-icon">
<img class="n-active" :src="item.icon" />
<img class="active" :src="item.aIcon" />
</div>
<div class="item-txt">{{ item.text }}</div>
</div>
</div>
<h2 class="pt-80" id="md1" style="text-align: center;">师资培训报名</h2>
<h3 style="margin-top: 50px;">一、培训目标</h3>
<p class="des">
培训按照“专业设置与行业需求对接、课程内容与职业标准对接、教学过程与工作过程对接”的目标进行课程设计，着重老师的思维转换训练，从工作场景倒推知识架构，和老师共同完成角色转换。预计2021年培养300名“双师型”教师。
</p>
<h3>二、培训对象</h3>
<p class="des">
本次培训面向1+X金融产品数字化营销证书试点院校金融类、经管类专兼职教师、中青年骨干教师，开设有金融产品数字化营销证书标准对应专业的其它院校教师、企业人员(社会师资)。参训教师还需具备以下条件:<br />
1原则上为中级以上职称具有一定教学经验与教学水平;<br />
2.具备金融知识或营销相关技能及基本理论。
</p>
<h3>三、培训方式</h3>
<p class="des">
根据“金融产品数字化营销职业技能等级证书”试点工作需求，分批次（分区域）开展师资培训。培训采取结构化、多元化的培训方式设计，包含在线视频、专题授课、案例研讨、实践演练、互动讨论、汇报展示、整体考核等。
</p>
<h3>四、培训内容</h3>
<p class="des">
1.1+X证书制度的意义与政策解读<br />
2.金融产品数字化营销发展现状与前景展望<br />
3.职业技能等级标准解读<br />
4.核心知识串讲与互动交流<br />
5.实训案例剖析与互动交流<br />
6.课程考试
</p>
<h3>五、培训费用</h3>
<p class="des">详见每期师资培训通知。</p>
<div class="t-btn">
<div class="name">通知关注：</div>
<router-link to="/news">
<div class="btn">通知</div>
</router-link>
</div>
<div class="t-btn">
<div class="name">报名入口：</div>
<router-link to="/train">
<div class="btn">报名</div>
</router-link>
</div>
<div class="pt-box">
<h2 id="md2">师资学习平台</h2>
<div class="flex">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/x-new/train-dn.png" />
<div class="pt-right">
<div class="txt">
紫荆教育为师生精心打造综合一体化学习平台，可实现考核体系的标准化，数据资源的统一化，师资学习的多元化，以及学习管理的系统化，最终形成学、练、训、考、评、管一体的数字化营销学习平台。
</div>
<a target="_blank" href="https://x-learning.ezijing.com/course/learn">
<div class="btn">进入系统</div>
</a>
</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.oss-cn-beijing.aliyuncs.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.oss-cn-beijing.aliyuncs.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.oss-cn-beijing.aliyuncs.com/project/x-new/train-r3.png" />
</div>
</div>
</section>
<vue-passport ref="passport" @ready="onReady" :options="options"></vue-passport>
</div>
</template>
<script>
import merge from 'webpack-merge'
import notice from './components/notice.vue'
export default {
components: {
notice
},
data() {
return {
navList: [
{
icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/x-new/train-icon1.png',
aIcon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/x-new/train-icon-a1.png',
text: '注册账号',
isRegister: true
},
{
icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/x-new/train-icon2.png',
aIcon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/x-new/train-icon-a2.png',
text: '师资培训报名',
id: 'md1'
},
{
icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/x-new/train-icon3.png',
aIcon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/x-new/train-icon-a3.png',
text: '师资学习平台',
id: 'md2'
},
{
icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/x-new/train-icon4.png',
aIcon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/x-new/train-icon-a4.png',
text: '证书查询',
path: '/queryCard'
}
],
isLogin: false,
options: {
baseUrl: webConf.url,
register: {
data: {
username: `ezijing-${new Date().getTime()}`
},
fields: ['account', 'code', 'password']
},
login: {
account: {
onSuccess: this.loginSuccess
},
phone: {
onSuccess: this.loginSuccess
}
}
}
}
},
mounted() {},
methods: {
register(n) {
if (n.isRegister) {
this.passport.register()
return false
}
if (n.id) {
$('html, body').animate({
scrollTop: $('#' + n.id).offset().top
})
return false
}
if (n.path) {
this.$router.push(n)
}
},
onReady(isLogin, user = {}) {
this.user = user
window.G.UserInfo = user
window.sessionStorage.userInfo = JSON.stringify(user)
},
loginSuccess(data) {
this.passport.checkLoginStatus((isLogin, user = {}) => {
window.sessionStorage.userInfo = JSON.stringify(user)
this.isLogin = isLogin
this.user = user
this.$router.push('/my')
})
window.location.reload()
}
},
computed: {
passport() {
return this.$refs.passport
}
}
}
</script>
<style lang="scss" scoped>
.section {
width: 1200px;
margin: 0 auto;
}
.banner {
width: 100%;
display: block;
}
h1 {
font-size: 32px;
font-weight: bold;
color: #333333;
line-height: 34px;
text-align: center;
margin-bottom: 50px;
}
.pt-80 {
padding-top: 80px;
}
.pt-100 {
padding-top: 100px;
}
.nav-list {
display: flex;
justify-content: space-between;
padding-top: 60px;
.nav-list_item {
width: 264px;
height: 264px;
background: #ffffff;
box-shadow: 0px 2px 12px 1px rgba(0, 0, 0, 0.1);
cursor: pointer;
&:hover {
background-color: #aa1941;
.item-icon {
.n-active {
display: none;
}
.active {
display: block;
}
}
.item-txt {
color: #fff;
}
}
.item-icon {
height: 150px;
display: flex;
justify-content: center;
align-items: center;
margin-top: 20px;
.active {
display: none;
}
}
.item-txt {
font-size: 22px;
color: #333333;
text-align: center;
}
}
}
h2 {
font-size: 24px;
color: #333333;
}
h3 {
color: #333333;
font-size: 20px;
margin-bottom: 5px;
}
.des {
font-size: 18px;
margin-bottom: 40px;
line-height: 30px;
color: #333333;
}
.t-btn {
display: flex;
align-items: center;
margin-bottom: 20px;
.name {
font-size: 18px;
color: #333333;
}
.btn {
width: 150px;
background: #aa1941;
border-radius: 6px 6px 6px 6px;
color: #fff;
text-align: center;
line-height: 40px;
}
}
.pt-box {
padding-top: 40px;
.flex {
display: flex;
margin-top: 35px;
img {
min-width: 293px;
display: block;
}
.pt-right {
margin-left: 70px;
.txt {
font-size: 18px;
color: #333333;
line-height: 30px;
}
.btn {
width: 150px;
line-height: 40px;
background: #aa1941;
border-radius: 6px 6px 6px 6px;
text-align: center;
color: #fff;
cursor: pointer;
margin-top: 60px;
}
}
}
}
.new-list {
display: flex;
justify-content: space-between;
margin-bottom: 100px;
.new-list_item {
box-shadow: 0px 2px 12px 1px rgba(0, 0, 0, 0.1);
background-color: #fff;
width: 380px;
height: 560px;
box-sizing: border-box;
padding: 60px 30px 30px;
.new-item_title {
font-size: 20px;
font-weight: bold;
color: #333333;
line-height: 100%;
margin-bottom: 30px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.new-item_con {
font-size: 16px;
color: #333333;
line-height: 26px;
height: 234px;
display: -webkit-box !important;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-all;
-webkit-box-orient: vertical;
-webkit-line-clamp: 9;
}
.new-item_btn {
font-size: 16px;
color: #aa1941;
line-height: 100%;
margin: 20px 0;
}
}
}
</style>
src/router/routes.js
浏览文件 @ 9e96f929
......@@ -12,31 +12,43 @@ export default [
{ path: '/news', component: () => import('@/pages/news/index.vue') },
// 工作动态详情
{ path: '/news/detail', component: () => import('@/pages/news/detail.vue') },
// 教材中心
{ path: '/textBook', component: () => import('@/pages/textBook/index.vue') },
// 教材中心详情
{ path: '/textBook/detail', component: () => import('@/pages/textBook/detail.vue') },
// 教材中心详情->章节
{ path: '/textBook/chapter', component: () => import('@/pages/textBook/chapter.vue') },
// 1+x产品
{ path: '/product', component: () => import('@/pages/product/index.vue') },
// 师资培训
{ path: '/teacher', component: () => import('@/pages/teachers/index.vue') },
// 证书成绩查询
{ path: '/attestation', component: () => import('@/pages/attestation/index.vue') },
// // 教学服务
{ path: '/service', component: () => import('@/pages/service/index.vue') },
{ path: '/train', component: () => import('@/pages/train/index.vue') },
// 师资培训详情
{ path: '/train/detail', component: () => import('@/pages/train/detail.vue') },
// 师资培训详情->报名
{ path: '/train/form', component: () => import('@/pages/train/form.vue') },
{ path: '/school/form', component: () => import('@/pages/train/form2.vue') },
// 考核站点
{ path: '/site', component: () => import('@/pages/site/index.vue') },
// 证书成绩查询
{ path: '/query', component: () => import('@/pages/query/index.vue') },
// 证书成绩查询
{ path: '/register', component: () => import('@/pages/account/register.vue') },
// 办事大厅
{ path: '/hall', component: () => import('@/pages/hall/index.vue') },
// 教学服务
{ path: '/service', component: () => import('@/pages/service/index.vue') },
{ path: '/introduce', component: () => import('@/pages/home/newIntroduce.vue') },
// 证书成绩查询
{ path: '/queryCard', component: () => import('@/pages/home/queryCard.vue') }
// // 教材中心
// { path: '/textBook', component: () => import('@/pages/textBook/index.vue') },
// // 教材中心详情
// { path: '/textBook/detail', component: () => import('@/pages/textBook/detail.vue') },
// // 教材中心详情->章节
// { path: '/textBook/chapter', component: () => import('@/pages/textBook/chapter.vue') },
// // 师资培训详情
// { path: '/train/detail', component: () => import('@/pages/train/detail.vue') },
// // 师资培训详情->报名
// { path: '/train/form', component: () => import('@/pages/train/form.vue') },
// { path: '/school/form', component: () => import('@/pages/train/form2.vue') },
// // 考核站点
// { path: '/site', component: () => import('@/pages/site/index.vue') },
// // 办事大厅
// { path: '/hall', component: () => import('@/pages/hall/index.vue') },
// // 教学服务
// { path: '/service', component: () => import('@/pages/service/index.vue') },
// { path: '/introduce', component: () => import('@/pages/home/newIntroduce.vue') },
// { path: '/queryCard', component: () => import('@/pages/home/queryCard.vue') }
]
},
// 考核站点详情
......
utils/httpRequest.js 0 → 100644
浏览文件 @ 9e96f929
import axios from 'axios'
import qs from 'qs'
import { Message } from 'element-ui'
const httpRequest = axios.create({
baseURL: process.env.baseURL,
timeout: 60000,
withCredentials: true,
headers: {
'Content-Type': 'application/x-www-form-urlencoded'
}
})
// 请求拦截
httpRequest.interceptors.request.use(
function(config) {
if (config.url.includes('/api/cms')) {
const defaultParams = {
timestamp: parseInt(Date.now() / 1000),
nonce: Math.random()
.toString(36)
.slice(-8)
}
// 接口请求参数
let params = config.params || config.data
// 排序
function alphabeticalSort(a, b) {
return a.localeCompare(b)
}
params = Object.assign({}, defaultParams, params)
const str = qs.stringify(Object.assign({}, params, { salt: 'n7xAav2tSjn9Ysnr' }), { sort: alphabeticalSort })
const strs = qs.parse(str)
Object.keys(strs).map(item => {
strs[item] = Array.isArray(strs[item]) ? JSON.stringify(strs[item]) : strs[item]
})
params.signature = 'UG7wBenexQhiuD2wpCwuxkU0jqcj006d'
if (config.method === 'post') {
config.data = params
} else {
config.params = params
}
}
if (config.headers['Content-Type'] === 'application/x-www-form-urlencoded') {
config.data = qs.stringify(config.data)
}
if (config.headers['Content-Type'] === 'multipart/form-data') {
const form = new window.FormData()
for (const key in config.data) {
form.append(key, config.data[key])
}
config.data = form
}
return config
},
function(error) {
return Promise.reject(error)
}
)
// 响应拦截
httpRequest.interceptors.response.use(
function(response) {
const { data } = response
// zws
if (parseInt(data.code)) {
return Promise.reject(data)
}
if (parseInt(data.error) && data.message === '需要登录才能调用接口') {
location.href = `${process.env.loginURL}/login/index?redirect_uri=${encodeURIComponent(location.href)}`
return Promise.reject(data)
}
// enrollment
if (parseInt(data.error)) {
Message.error(data.message)
return Promise.reject(data)
}
return data
},
function(error) {
if (error.response) {
const { message } = error.response.data
Message.error(message || error.response.data)
return Promise.reject(error.response)
} else {
Message.error(error)
}
return Promise.reject(error)
}
)
export default httpRequest
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论