提交 7cf57981 authored 作者: 王鹏飞's avatar 王鹏飞

标题和项目ID修改

上级 71c377ca
...@@ -33,6 +33,6 @@ module.exports = { ...@@ -33,6 +33,6 @@ module.exports = {
}, },
ProvidePlugin: {}, ProvidePlugin: {},
others: { others: {
projectId: '1007' projectId: '1001'
} }
} }
...@@ -14,6 +14,6 @@ module.exports = { ...@@ -14,6 +14,6 @@ module.exports = {
}, },
ProvidePlugin: {}, ProvidePlugin: {},
others: { others: {
projectId: '1007' projectId: '1001'
} }
} }
...@@ -15,6 +15,6 @@ module.exports = { ...@@ -15,6 +15,6 @@ module.exports = {
}, },
ProvidePlugin: {}, ProvidePlugin: {},
others: { others: {
projectId: '1007' projectId: '1001'
} }
} }
...@@ -14,7 +14,7 @@ export function queryInformation(param) { ...@@ -14,7 +14,7 @@ export function queryInformation(param) {
// url: host.main + path.queryInformation, // url: host.main + path.queryInformation,
url: '/api/zws/v1/enrollment/submissions', url: '/api/zws/v1/enrollment/submissions',
params: { params: {
project_id: 1007, project_id: 1001,
name: 'hhahah' name: 'hhahah'
} }
}) })
...@@ -30,7 +30,7 @@ export function introduction(params) { ...@@ -30,7 +30,7 @@ export function introduction(params) {
// 获取所有介绍内容 // 获取所有介绍内容
return ax({ return ax({
method: 'GET', method: 'GET',
url: '/api/zws/v1/cms/projects/1007/contents/' + params.tag url: '/api/zws/v1/cms/projects/1001/contents/' + params.tag
}) })
.then(function(response) { .then(function(response) {
params.cb(response.data[0].content) params.cb(response.data[0].content)
...@@ -47,7 +47,7 @@ export function getNews(params) { ...@@ -47,7 +47,7 @@ export function getNews(params) {
// url: host.main + path.news, // url: host.main + path.news,
url: '/api/zws/v1/cms/news', url: '/api/zws/v1/cms/news',
params: { params: {
project_id: 1007 project_id: 1001
} }
}) })
.then(function(response) { .then(function(response) {
......
...@@ -4,8 +4,12 @@ export default class ScoreAPI extends BaseAPI { ...@@ -4,8 +4,12 @@ export default class ScoreAPI extends BaseAPI {
/** /**
* 获取我的学分信息 * 获取我的学分信息
*/ */
getContent = (name) => this.get(`/v1/cms/projects/1007/contents/${encodeURIComponent(decodeURIComponent(name))}?sites=chinafflg.ezijing.com`, { getContent = name =>
'addhost': 'zws-api.ezijing.com', this.get(
'Host':'zws-api.ezijing.com' `/v1/cms/projects/1001/contents/${encodeURIComponent(decodeURIComponent(name))}?sites=chinafflg.ezijing.com`,
}) {
addhost: 'zws-api.ezijing.com',
Host: 'zws-api.ezijing.com'
}
)
} }
...@@ -5,11 +5,15 @@ export default class ScoreAPI extends BaseAPI { ...@@ -5,11 +5,15 @@ export default class ScoreAPI extends BaseAPI {
/** /**
* zws项目内容获取 * zws项目内容获取
*/ */
getContent = (name) => this.get(`zws/v1/cms/projects/1007/contents/${encodeURIComponent(decodeURIComponent(name))}?sites=chinafflg.ezijing.com`,{}) getContent = name =>
this.get(
`zws/v1/cms/projects/1001/contents/${encodeURIComponent(decodeURIComponent(name))}?sites=chinafflg.ezijing.com`,
{}
)
/** /**
* zws新闻/消息获取 * zws新闻/消息获取
*/ */
getNews = (obj = {}) => this.get('/zws/v1/cms/news',obj, {}) getNews = (obj = {}) => this.get('/zws/v1/cms/news', obj, {})
/** /**
* 获取当前状态值 * 获取当前状态值
* project_id [int] 项目id * project_id [int] 项目id
......
// const axios = require('axios'); // const axios = require('axios');
// import {host, path} from './config' // import {host, path} from './config'
// // login // // login
// export function queryInformation(param) { // export function queryInformation(param) {
// return axios.get(host.main + path.queryInformation, { // return axios.get(host.main + path.queryInformation, {
// params: { // params: {
// project_id: 1007 // project_id: 1001
// } // }
// }) // })
// .then(function (response) { // .then(function (response) {
......
...@@ -7,7 +7,7 @@ ...@@ -7,7 +7,7 @@
export default { export default {
data() { data() {
return { return {
title: '项目介绍', title: '项目介绍'
} }
}, },
created: function () { created: function () {
...@@ -33,10 +33,10 @@ export default { ...@@ -33,10 +33,10 @@ export default {
return return
} }
if (_path.search('signup') === 1) { if (_path.search('signup') === 1) {
this.title = '中国未来金融领袖计划项目报名系统' this.title = '美国印第安纳大学Kelley商学院金融学硕士项目项目报名系统'
return return
} }
}, }
} }
</script> </script>
<style scoped> <style scoped>
......
...@@ -15,7 +15,7 @@ ...@@ -15,7 +15,7 @@
<h3>联系我们</h3> <h3>联系我们</h3>
<p> <p>
清控紫荆教育<br /> 清控紫荆教育<br />
中国未来金融领袖计划<br /> 美国印第安纳大学Kelley商学院金融学硕士项目<br />
电话:010-62793909<br /> 电话:010-62793909<br />
E-mail:chinafflg@ezijing.com<br /> E-mail:chinafflg@ezijing.com<br />
地址:北京市海淀区中关村东路1号院7号楼5层<br /> 地址:北京市海淀区中关村东路1号院7号楼5层<br />
......
...@@ -47,7 +47,7 @@ ...@@ -47,7 +47,7 @@
export default { export default {
data() { data() {
return { return {
title: '中国未来金融领袖计划', title: '美国印第安纳大学Kelley商学院金融学硕士项目',
navList: [ navList: [
{ title: '首页', path: '/index' }, { title: '首页', path: '/index' },
{ title: '项目介绍', path: '/project' }, { title: '项目介绍', path: '/project' },
......
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta content="origin" name="referrer" /> <meta content="origin" name="referrer" />
<title>中国未来金融领袖计划</title> <title>美国印第安纳大学Kelley商学院金融学硕士项目</title>
<meta <meta
name="viewport" name="viewport"
id="viewport" id="viewport"
......
<template> <template>
<div> <div>
<banner-tab <banner-tab :data="bannerTabData" @changeTab="changeTab"></banner-tab>
:data="bannerTabData"
@changeTab="changeTab"
></banner-tab>
<div class="cont-mian center97"> <div class="cont-mian center97">
<div class="module" v-if="activeIndex == 0"> <div class="module" v-if="activeIndex == 0">
<div class="left-txt" v-html="content"></div> <div class="left-txt" v-html="content"></div>
<img src="../../assets/img/recruitInfo/alumni-m1-i1.png" alt="" class="exh"> <img src="../../assets/img/recruitInfo/alumni-m1-i1.png" alt="" class="exh" />
</div> </div>
<div class="module" v-if="activeIndex == 1"> <div class="module" v-if="activeIndex == 1">
<div> <div>
<div class="video-box"> <div class="video-box">
<div class="text-cont">为给紫荆的校友提供更好的服务,使校友之间的联络更加紧密、促进校友和紫荆的共同发展,紫荆教育特成立紫荆校友办,期望帮助校友建立广阔交流的人脉网络和校友平台。紫荆校友办是为校友提供服务的窗口和平台。校友办始终以服务校友为使命,通过组织形式多样的校友活动、搭建便捷高效的交流平台、传播校友的同学情谊以及向校友提供教育服务等渠道。</div> <div class="text-cont">
为给紫荆的校友提供更好的服务,使校友之间的联络更加紧密、促进校友和紫荆的共同发展,紫荆教育特成立紫荆校友办,期望帮助校友建立广阔交流的人脉网络和校友平台。紫荆校友办是为校友提供服务的窗口和平台。校友办始终以服务校友为使命,通过组织形式多样的校友活动、搭建便捷高效的交流平台、传播校友的同学情谊以及向校友提供教育服务等渠道。
</div>
<div class="videos"> <div class="videos">
<video width="420" controls src="https://zws-imgs-pub.ezijing.com/static/public/cc405958b5e0a301eaa81ca4234141f4.mp4"></video> <video
width="420"
controls
src="https://zws-imgs-pub.ezijing.com/static/public/cc405958b5e0a301eaa81ca4234141f4.mp4"
></video>
</div> </div>
</div> </div>
<div class="list-box"> <div class="list-box">
...@@ -28,7 +31,7 @@ ...@@ -28,7 +31,7 @@
<li :key="index" @click="goPage(item.source)">{{ item.title }}</li> <li :key="index" @click="goPage(item.source)">{{ item.title }}</li>
</template> </template>
</ul> </ul>
<img src="../../assets/img/recruitInfo/alumni-m1-i1.png" alt="" class="exh"> <img src="../../assets/img/recruitInfo/alumni-m1-i1.png" alt="" class="exh" />
</div> </div>
</div> </div>
</div> </div>
...@@ -55,7 +58,7 @@ export default { ...@@ -55,7 +58,7 @@ export default {
page: 1, page: 1,
per_page: 100, per_page: 100,
type: 59, type: 59,
project_id: 1007 project_id: 1001
}, },
M1listData: [], M1listData: [],
M2listData: [] M2listData: []
...@@ -74,23 +77,41 @@ export default { ...@@ -74,23 +77,41 @@ export default {
// this.tabShowItem = index // this.tabShowItem = index
}, },
getData() { getData() {
cAction.reportAction.getContent('校友会').then(json => { cAction.reportAction
if (json !== null) { .getContent('校友会')
this.content = json[0].content .then(json => {
} if (json !== null) {
}).catch(e => { this.$message.error(e.message) }).finally(() => {}) this.content = json[0].content
}
})
.catch(e => {
this.$message.error(e.message)
})
.finally(() => {})
}, },
getM1List() { getM1List() {
this.requestParam.type = 59 this.requestParam.type = 59
cAction.reportAction.getNews(this.requestParam).then(json => { cAction.reportAction
this.M1listData = json .getNews(this.requestParam)
}).catch(e => { this.$message.error(e.message) }).finally(() => {}) .then(json => {
this.M1listData = json
})
.catch(e => {
this.$message.error(e.message)
})
.finally(() => {})
}, },
getM2List() { getM2List() {
this.requestParam.type = 60 this.requestParam.type = 60
cAction.reportAction.getNews(this.requestParam).then(json => { cAction.reportAction
this.M2listData = json .getNews(this.requestParam)
}).catch(e => { this.$message.error(e.message) }).finally(() => {}) .then(json => {
this.M2listData = json
})
.catch(e => {
this.$message.error(e.message)
})
.finally(() => {})
}, },
goPage(url) { goPage(url) {
window.open(url) window.open(url)
...@@ -99,27 +120,27 @@ export default { ...@@ -99,27 +120,27 @@ export default {
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.list-box{ .list-box {
// padding-top: 40px; // padding-top: 40px;
margin-top: 40px; margin-top: 40px;
::v-deep{ ::v-deep {
ul{ ul {
&:nth-child(1){ &:nth-child(1) {
padding-top: 40px; padding-top: 40px;
border-top: 1px solid #ccc !important; border-top: 1px solid #ccc !important;
} }
} }
} }
} }
.cont-mian{ .cont-mian {
.module{ .module {
padding-top: 30px; padding-top: 30px;
padding-bottom: 60px; padding-bottom: 60px;
display: flex; display: flex;
.left-txt{ .left-txt {
width: 670px; width: 670px;
} }
.exh{ .exh {
margin-left: auto; margin-left: auto;
// display: block; // display: block;
width: 235px; width: 235px;
...@@ -127,24 +148,24 @@ export default { ...@@ -127,24 +148,24 @@ export default {
} }
} }
} }
.center97{ .center97 {
width: 970px; width: 970px;
margin: 0 auto; margin: 0 auto;
} }
.top-nav{ .top-nav {
.center97{ .center97 {
position: relative; position: relative;
} }
img{ img {
width: 100%; width: 100%;
display: block; display: block;
} }
.menu{ .menu {
position: absolute; position: absolute;
bottom: 0; bottom: 0;
left: 0; left: 0;
display: flex; display: flex;
li{ li {
cursor: pointer; cursor: pointer;
width: 128px; width: 128px;
line-height: 36px; line-height: 36px;
...@@ -153,30 +174,30 @@ export default { ...@@ -153,30 +174,30 @@ export default {
font-size: 16px; font-size: 16px;
margin-right: 2px; margin-right: 2px;
cursor: pointer; cursor: pointer;
background: #BF0927; background: #bf0927;
&.active{ &.active {
background: #fff; background: #fff;
color: #C70025; color: #c70025;
} }
} }
} }
} }
.video-box{ .video-box {
width: 100%; width: 100%;
display: flex; display: flex;
// padding-top: 30px; // padding-top: 30px;
.text-cont{ .text-cont {
width: 478px; width: 478px;
font-size: 14px; font-size: 14px;
color: #000000; color: #000000;
line-height: 30px; line-height: 30px;
} }
.videos{ .videos {
margin-left: auto; margin-left: auto;
} }
} }
.list-fc{ .list-fc {
li{ li {
cursor: pointer; cursor: pointer;
width: 673px; width: 673px;
line-height: 82px; line-height: 82px;
...@@ -185,11 +206,11 @@ export default { ...@@ -185,11 +206,11 @@ export default {
font-weight: bold; font-weight: bold;
color: #222222; color: #222222;
overflow: hidden; overflow: hidden;
text-overflow:ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
} }
} }
.child-tab{ .child-tab {
width: 100%; width: 100%;
} }
</style> </style>
...@@ -7,7 +7,7 @@ ...@@ -7,7 +7,7 @@
</div> </div>
</div> </div>
</header> </header>
<nav class="nav"><h1 class="title">中国未来金融领袖计划项目推荐信</h1></nav> <nav class="nav"><h1 class="title">美国印第安纳大学Kelley商学院金融学硕士项目项目推荐信</h1></nav>
<section class="content"> <section class="content">
<el-form <el-form
:model="ruleForm" :model="ruleForm"
......
...@@ -6,10 +6,10 @@ ...@@ -6,10 +6,10 @@
<div class="pay-hd"> <div class="pay-hd">
<h1>欢迎您</h1> <h1>欢迎您</h1>
<p class="t1"> <p class="t1">
申请紫荆-中国未来金融领袖计划项目,本项目的注册费、申请费共计<span>800</span>元,请扫描二维码缴费以完成报名。 申请紫荆-美国印第安纳大学Kelley商学院金融学硕士项目项目,本项目的注册费、申请费共计<span>800</span>元,请扫描二维码缴费以完成报名。
</p> </p>
<p class="t1" v-if="isPass"> <p class="t1" v-if="isPass">
因面试未通过需重新申请紫荆-中国未来金融领袖计划项目,本项目的注册费、申请费共计<span>800</span>元,请扫描二维码缴费以完成报名。 因面试未通过需重新申请紫荆-美国印第安纳大学Kelley商学院金融学硕士项目项目,本项目的注册费、申请费共计<span>800</span>元,请扫描二维码缴费以完成报名。
</p> </p>
</div> </div>
<div class="qrcode-error" v-if="qrcodeError"> <div class="qrcode-error" v-if="qrcodeError">
......
...@@ -23,7 +23,7 @@ ...@@ -23,7 +23,7 @@
width="348px" width="348px"
> >
<div class="dialog-tips"> <div class="dialog-tips">
<p>请注意接听中国未来金融领袖计划项目招办老师的邀约电话</p> <p>请注意接听美国印第安纳大学Kelley商学院金融学硕士项目项目招办老师的邀约电话</p>
<div class="icon"><img src="../../../assets/images/icon_success.png" /></div> <div class="icon"><img src="../../../assets/images/icon_success.png" /></div>
</div> </div>
<template #footer> <template #footer>
......
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
</div> </div>
<h1>欢迎您</h1> <h1>欢迎您</h1>
<p class="t1"> <p class="t1">
申请紫荆-中国未来金融领袖计划项目,请在填写以下内容并<br /> 申请紫荆-美国印第安纳大学Kelley商学院金融学硕士项目项目,请在填写以下内容并<br />
提交报名申请后,扫码支付本项目的注册费、申请费共计<span>800</span>元。 提交报名申请后,扫码支付本项目的注册费、申请费共计<span>800</span>元。
</p> </p>
</div> </div>
......
<template> <template>
<div> <div>
<banner-tab <banner-tab :data="bannerTabData" @changeTab="changeTab"></banner-tab>
:data="bannerTabData"
@changeTab="changeTab"
></banner-tab>
<div class="pre-mian center97"> <div class="pre-mian center97">
<div class="list-box"> <div class="list-box">
<list :data="listData"></list> <list :data="listData"></list>
</div> </div>
<img src="https://zws-imgs-pub.ezijing.com/static/public/d92feb882caacd44d18f05c996494f14.png" alt=""> <img src="https://zws-imgs-pub.ezijing.com/static/public/d92feb882caacd44d18f05c996494f14.png" alt="" />
</div> </div>
</div> </div>
</template> </template>
...@@ -32,7 +29,7 @@ export default { ...@@ -32,7 +29,7 @@ export default {
page: 1, page: 1,
per_page: 100, per_page: 100,
type: 58, type: 58,
project_id: 1007 project_id: 1001
}, },
listData: [] listData: []
} }
...@@ -45,35 +42,41 @@ export default { ...@@ -45,35 +42,41 @@ export default {
this.activeIndex = index this.activeIndex = index
}, },
request() { request() {
cAction.reportAction.getNews(this.requestParam).then(json => { cAction.reportAction
this.listData = json .getNews(this.requestParam)
}).catch(e => { this.$message.error(e.message) }).finally(() => {}) .then(json => {
this.listData = json
})
.catch(e => {
this.$message.error(e.message)
})
.finally(() => {})
} }
}, }
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.list-box{ .list-box {
width: 700px; width: 700px;
} }
.pre-mian{ .pre-mian {
padding: 30px 0 60px; padding: 30px 0 60px;
display: flex; display: flex;
img{ img {
width: 235px; width: 235px;
height: 300px; height: 300px;
margin-left: auto; margin-left: auto;
} }
} }
.cont-mian{ .cont-mian {
.module{ .module {
padding-top: 30px; padding-top: 30px;
padding-bottom: 60px; padding-bottom: 60px;
display: flex; display: flex;
.left-txt{ .left-txt {
width: 670px; width: 670px;
} }
img{ img {
margin-left: auto; margin-left: auto;
// display: block; // display: block;
width: 235px; width: 235px;
...@@ -81,24 +84,24 @@ export default { ...@@ -81,24 +84,24 @@ export default {
} }
} }
} }
.center97{ .center97 {
width: 970px; width: 970px;
margin: 0 auto; margin: 0 auto;
} }
.top-nav{ .top-nav {
.center97{ .center97 {
position: relative; position: relative;
} }
img{ img {
width: 100%; width: 100%;
display: block; display: block;
} }
.menu{ .menu {
position: absolute; position: absolute;
bottom: 0; bottom: 0;
left: 0; left: 0;
display: flex; display: flex;
li{ li {
width: 128px; width: 128px;
line-height: 36px; line-height: 36px;
text-align: center; text-align: center;
...@@ -106,10 +109,10 @@ export default { ...@@ -106,10 +109,10 @@ export default {
font-size: 16px; font-size: 16px;
margin-right: 2px; margin-right: 2px;
cursor: pointer; cursor: pointer;
background: #BF0927; background: #bf0927;
&.active{ &.active {
background: #fff; background: #fff;
color: #C70025; color: #c70025;
} }
} }
} }
......
...@@ -3,7 +3,7 @@ ...@@ -3,7 +3,7 @@
<div class="cont-left"> <div class="cont-left">
<div class="m1"> <div class="m1">
<div class="title">培养目标</div> <div class="title">培养目标</div>
<div class="p">中国未来金融领袖计划(China Future Financial Leadership Program)</div> <div class="p">美国印第安纳大学Kelley商学院金融学硕士项目(China Future Financial Leadership Program)</div>
<div class="p">旨在为中国金融走向世界培养具有国际化、产业化、科技化的复合型金融人才和领袖。</div> <div class="p">旨在为中国金融走向世界培养具有国际化、产业化、科技化的复合型金融人才和领袖。</div>
</div> </div>
</div> </div>
...@@ -12,7 +12,7 @@ ...@@ -12,7 +12,7 @@
<div class="cen-mian"> <div class="cen-mian">
<div class="c-left"> <div class="c-left">
<div class="item"> <div class="item">
<div class="title">模块一:<br/>全美第一金融硕士学位</div> <div class="title">模块一:<br />全美第一金融硕士学位</div>
<p>社会主义经济理论与实践</p> <p>社会主义经济理论与实践</p>
<p>金融英语</p> <p>金融英语</p>
<p>经济学基础(微观、宏观、国际)</p> <p>经济学基础(微观、宏观、国际)</p>
...@@ -35,18 +35,25 @@ ...@@ -35,18 +35,25 @@
<p>毕业报告/毕业设计</p> <p>毕业报告/毕业设计</p>
</div> </div>
<div class="item"> <div class="item">
<div class="title">模块三:<br/>全球移动研学</div> <div class="title">模块三:<br />全球移动研学</div>
<p class="weight">开创智能未来-机器学习</p> <p class="weight">开创智能未来-机器学习</p>
<p>印第安纳大学KELLEY商学院教授JieLi为大家讲授机器学习的最新发展和金融 领域数据建模及应用。通过学习掌握金融数字化的前沿技术和未来趋势。</p> <p>
印第安纳大学KELLEY商学院教授JieLi为大家讲授机器学习的最新发展和金融
领域数据建模及应用。通过学习掌握金融数字化的前沿技术和未来趋势。
</p>
<p class="weight">公共事务与政策的战略管理-华盛顿访学</p> <p class="weight">公共事务与政策的战略管理-华盛顿访学</p>
<p>华盛顿《公共事务与政策的战略管理》高端访学课程包括与美国政商领袖 的座谈、高端金融机构参访等活动,从领导力和金融科技等多方面为学员 提供国际化、前瞻性的学习内容。参访机构包括:美联储、国会、美国期 货委员会等。</p> <p>
华盛顿《公共事务与政策的战略管理》高端访学课程包括与美国政商领袖
的座谈、高端金融机构参访等活动,从领导力和金融科技等多方面为学员
提供国际化、前瞻性的学习内容。参访机构包括:美联储、国会、美国期 货委员会等。
</p>
<p class="weight">历史人文体验</p> <p class="weight">历史人文体验</p>
<p>通过对美国的政治中心和金融中心华盛顿丰富的人文历 史遗迹的探访,探 索美国精神核心和其强大的根源。</p> <p>通过对美国的政治中心和金融中心华盛顿丰富的人文历 史遗迹的探访,探 索美国精神核心和其强大的根源。</p>
</div> </div>
</div> </div>
<div class="c-right"> <div class="c-right">
<div class="item marle"> <div class="item marle">
<div class="title">模块二:<br/>专业实操与职业发展课程</div> <div class="title">模块二:<br />专业实操与职业发展课程</div>
<p class="weight">估值建模(2天)</p> <p class="weight">估值建模(2天)</p>
<p>估值基础知识</p> <p>估值基础知识</p>
<p>估值建模操作</p> <p>估值建模操作</p>
...@@ -62,7 +69,7 @@ ...@@ -62,7 +69,7 @@
<p>行业与公司研究分析框架</p> <p>行业与公司研究分析框架</p>
</div> </div>
<div class="item marle"> <div class="item marle">
<div class="title">模块五:<br/>金融机构实习与就业对接</div> <div class="title">模块五:<br />金融机构实习与就业对接</div>
<p class="weight">双导师指导</p> <p class="weight">双导师指导</p>
<p>学术导师</p> <p>学术导师</p>
<p>实践导师</p> <p>实践导师</p>
...@@ -105,75 +112,74 @@ ...@@ -105,75 +112,74 @@
</div> </div>
</template> </template>
<script> <script>
export default { export default {}
}
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.course-box{ .course-box {
padding: 32px 0 60px; padding: 32px 0 60px;
display: flex; display: flex;
.cont-left{ .cont-left {
.m1{ .m1 {
padding: 40px 20px; padding: 40px 20px;
width: 308px; width: 308px;
background: #FFEEF1; background: #ffeef1;
.title{ .title {
font-size: 23px; font-size: 23px;
font-weight: bold; font-weight: bold;
color: #BF0927; color: #bf0927;
line-height: 32px; line-height: 32px;
} }
.p{ .p {
font-size: 14px; font-size: 14px;
color: #000000; color: #000000;
line-height: 20px; line-height: 20px;
margin-top: 20px; margin-top: 20px;
} }
} }
.m2{ .m2 {
width: 308px; width: 308px;
height: 292px; height: 292px;
background: url(@/assets/img/recruitInfo/setcou-m1-bg.png); background: url(@/assets/img/recruitInfo/setcou-m1-bg.png);
background-size: 100% 100%; background-size: 100% 100%;
margin-top: 10px; margin-top: 10px;
.title{ .title {
font-size: 23px; font-size: 23px;
font-weight: bold; font-weight: bold;
color: #FFFFFF; color: #ffffff;
line-height: 32px; line-height: 32px;
padding-top: 40px; padding-top: 40px;
margin-left: 20px; margin-left: 20px;
} }
.p{ .p {
padding: 20px 20px 0; padding: 20px 20px 0;
font-weight: bold; font-weight: bold;
color: #FFFFFF; color: #ffffff;
line-height: 32px; line-height: 32px;
} }
} }
} }
.cont-center{ .cont-center {
margin-left: 30px; margin-left: 30px;
.title{ .title {
width: 100%; width: 100%;
text-align: center; text-align: center;
font-size: 23px; font-size: 23px;
font-weight: bold; font-weight: bold;
color: #BF0927; color: #bf0927;
line-height: 32px; line-height: 32px;
} }
.cen-mian{ .cen-mian {
display: flex; display: flex;
padding-top: 30px; padding-top: 30px;
.item{ .item {
border-left: 1px solid #ccc; border-left: 1px solid #ccc;
padding-left: 20px; padding-left: 20px;
margin-bottom: 20px; margin-bottom: 20px;
max-width: 180px; max-width: 180px;
&.marle{ &.marle {
margin-left: 30px; margin-left: 30px;
} }
.title{ .title {
text-align: left; text-align: left;
font-size: 14px; font-size: 14px;
font-weight: bold; font-weight: bold;
...@@ -181,12 +187,12 @@ ...@@ -181,12 +187,12 @@
line-height: 20px; line-height: 20px;
margin-bottom: 5px; margin-bottom: 5px;
} }
p{ p {
font-size: 14px; font-size: 14px;
color: #222222; color: #222222;
line-height: 16px; line-height: 16px;
margin: 7px 0; margin: 7px 0;
&.weight{ &.weight {
font-weight: bold; font-weight: bold;
margin-top: 10px; margin-top: 10px;
} }
...@@ -194,15 +200,15 @@ ...@@ -194,15 +200,15 @@
} }
} }
} }
.cont-right{ .cont-right {
margin-left: auto; margin-left: auto;
.title{ .title {
font-size: 23px; font-size: 23px;
font-weight: bold; font-weight: bold;
color: #BF0927; color: #bf0927;
line-height: 32px; line-height: 32px;
} }
p{ p {
width: 210px; width: 210px;
font-size: 14px; font-size: 14px;
color: #222222; color: #222222;
......
<template> <template>
<div> <div>
<banner-tab <banner-tab :data="bannerTabData" @changeTab="changeTab"></banner-tab>
:data="bannerTabData"
@changeTab="changeTab"
></banner-tab>
<div class="cont-mian center97"> <div class="cont-mian center97">
<set-course v-show="activeIndex == 0"></set-course> <set-course v-show="activeIndex == 0"></set-course>
<div class="module" v-show="activeIndex == 1"> <div class="module" v-show="activeIndex == 1">
<div class="left-txt"> <div class="left-txt">
<news :data="newsData" @changeIndex="changeIndex"> <news :data="newsData" @changeIndex="changeIndex">
<div slot="list"> <div slot="list"></div>
</div>
</news> </news>
<div class="tea-mian"> <div class="tea-mian">
<div class="list-box"> <div class="list-box">
...@@ -18,7 +14,7 @@ ...@@ -18,7 +14,7 @@
<teaching-list v-show="teachingListIndex == 1" :data="this.allList[56]"></teaching-list> <teaching-list v-show="teachingListIndex == 1" :data="this.allList[56]"></teaching-list>
<teaching-list v-show="teachingListIndex == 2" :data="this.allList[57]"></teaching-list> <teaching-list v-show="teachingListIndex == 2" :data="this.allList[57]"></teaching-list>
</div> </div>
<img src="https://zws-imgs-pub.ezijing.com/static/build/learn-mba/resources/m2-r-img.b002ecd2.png" alt=""> <img src="https://zws-imgs-pub.ezijing.com/static/build/learn-mba/resources/m2-r-img.b002ecd2.png" alt="" />
</div> </div>
</div> </div>
</div> </div>
...@@ -50,7 +46,7 @@ export default { ...@@ -50,7 +46,7 @@ export default {
page: 1, page: 1,
per_page: 100, per_page: 100,
type: 55, type: 55,
project_id: 1007 project_id: 1001
}, },
allList: { allList: {
55: [], 55: [],
...@@ -91,16 +87,22 @@ export default { ...@@ -91,16 +87,22 @@ export default {
}, },
request(item, index) { request(item, index) {
this.requestParam.type = item.type this.requestParam.type = item.type
cAction.reportAction.getNews(this.requestParam).then(json => { cAction.reportAction
this.newsData.push({ .getNews(this.requestParam)
type: 'list', .then(json => {
id: index, this.newsData.push({
title: item.name, type: 'list',
content: '', id: index,
image: item.image title: item.name,
content: '',
image: item.image
})
this.teachingListSetData(item.type, json)
})
.catch(e => {
this.$message.error(e.message)
}) })
this.teachingListSetData(item.type, json) .finally(() => {})
}).catch(e => { this.$message.error(e.message) }).finally(() => {})
}, },
changeTab(index) { changeTab(index) {
this.activeIndex = index this.activeIndex = index
...@@ -108,19 +110,19 @@ export default { ...@@ -108,19 +110,19 @@ export default {
teachingListSetData(type, item) { teachingListSetData(type, item) {
this.allList[type] = item this.allList[type] = item
} }
}, }
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.cont-mian{ .cont-mian {
.module{ .module {
padding-top: 30px; padding-top: 30px;
padding-bottom: 60px; padding-bottom: 60px;
display: flex; display: flex;
.left-txt{ .left-txt {
width: 100%; width: 100%;
} }
img{ img {
margin-left: auto; margin-left: auto;
// display: block; // display: block;
width: 235px; width: 235px;
...@@ -128,24 +130,24 @@ export default { ...@@ -128,24 +130,24 @@ export default {
} }
} }
} }
.center97{ .center97 {
width: 970px; width: 970px;
margin: 0 auto; margin: 0 auto;
} }
.top-nav{ .top-nav {
.center97{ .center97 {
position: relative; position: relative;
} }
img{ img {
width: 100%; width: 100%;
display: block; display: block;
} }
.menu{ .menu {
position: absolute; position: absolute;
bottom: 0; bottom: 0;
left: 0; left: 0;
display: flex; display: flex;
li{ li {
width: 128px; width: 128px;
line-height: 36px; line-height: 36px;
text-align: center; text-align: center;
...@@ -153,17 +155,17 @@ export default { ...@@ -153,17 +155,17 @@ export default {
font-size: 16px; font-size: 16px;
margin-right: 2px; margin-right: 2px;
cursor: pointer; cursor: pointer;
background: #BF0927; background: #bf0927;
&.active{ &.active {
background: #fff; background: #fff;
color: #C70025; color: #c70025;
} }
} }
} }
} }
.tea-mian{ .tea-mian {
display: flex; display: flex;
img{ img {
margin-left: auto; margin-left: auto;
width: 235px; width: 235px;
height: 300px; height: 300px;
......
<template> <template>
<div> <div>
<banner-tab <banner-tab :data="bannerTabData" @changeTab="changeTab"></banner-tab>
:data="bannerTabData"
@changeTab="changeTab"
></banner-tab>
<div class="cont-mian center97"> <div class="cont-mian center97">
<div class="module" v-if="activeIndex == 0"> <div class="module" v-if="activeIndex == 0">
<news :data="newsData"></news> <news :data="newsData"></news>
...@@ -50,7 +47,7 @@ export default { ...@@ -50,7 +47,7 @@ export default {
page: 1, page: 1,
per_page: 100, per_page: 100,
type: 50, type: 50,
project_id: 1007 project_id: 1001
} }
} }
}, },
...@@ -63,9 +60,15 @@ export default { ...@@ -63,9 +60,15 @@ export default {
}, },
request(n) { request(n) {
this.requestParam.type = n this.requestParam.type = n
cAction.reportAction.getNews(this.requestParam).then(json => { cAction.reportAction
this.listData = json .getNews(this.requestParam)
}).catch(e => { this.$message.error(e.message) }).finally(() => {}) .then(json => {
this.listData = json
})
.catch(e => {
this.$message.error(e.message)
})
.finally(() => {})
} }
}, },
mounted() { mounted() {
...@@ -74,50 +77,50 @@ export default { ...@@ -74,50 +77,50 @@ export default {
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.no-data{ .no-data {
width: 100%; width: 100%;
text-align: center; text-align: center;
color: #999; color: #999;
font-size: 26px; font-size: 26px;
} }
.cont-mian{ .cont-mian {
.module{ .module {
width: 100%; width: 100%;
padding-top: 30px; padding-top: 30px;
padding-bottom: 60px; padding-bottom: 60px;
display: flex; display: flex;
.left-txt{ .left-txt {
// width: 670px; // width: 670px;
} }
img{ img {
margin-left: auto; margin-left: auto;
// display: block; // display: block;
width: 235px; width: 235px;
height: 300px; height: 300px;
} }
&.wid{ &.wid {
width: 100%; width: 100%;
} }
} }
} }
.center97{ .center97 {
width: 970px; width: 970px;
margin: 0 auto; margin: 0 auto;
} }
.top-nav{ .top-nav {
.center97{ .center97 {
position: relative; position: relative;
} }
img{ img {
width: 100%; width: 100%;
display: block; display: block;
} }
.menu{ .menu {
position: absolute; position: absolute;
bottom: 0; bottom: 0;
left: 0; left: 0;
display: flex; display: flex;
li{ li {
width: 128px; width: 128px;
line-height: 36px; line-height: 36px;
text-align: center; text-align: center;
...@@ -125,10 +128,10 @@ export default { ...@@ -125,10 +128,10 @@ export default {
font-size: 16px; font-size: 16px;
margin-right: 2px; margin-right: 2px;
cursor: pointer; cursor: pointer;
background: #BF0927; background: #bf0927;
&.active{ &.active {
background: #fff; background: #fff;
color: #C70025; color: #c70025;
} }
} }
} }
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论