Skip to content

P
project-online-old
提交 f4c60e36 authored 作者: lihuihui's avatar lihuihui
浏览文件
操作

修改新闻相关内容

上级 334a4135
显示空白字符变更
内嵌 并排
正在显示 包含 106 行增加 和 289 行删除
src/components/news/news.vue
浏览文件 @ f4c60e36
...@@ -2,10 +2,9 @@ ...@@ -2,10 +2,9 @@
<div class="new-box"> <div class="new-box">
<tap class="child-tabs" :menu="data" @changeChildTab="changeChildTab"></tap> <tap class="child-tabs" :menu="data" @changeChildTab="changeChildTab"></tap>
<div class="new-items" v-if="data[dataIndex]"> <div class="new-items" v-if="data[dataIndex]">
<div v-html="data[dataIndex].content"></div> <template v-if="data[0].type != 'list'">
<template v-if="data.type != 'list'">
<div class="no-data" v-if="data[dataIndex].content == ''">暂无数据</div> <div class="no-data" v-if="data[dataIndex].content == ''">暂无数据</div>
</template> <div v-html="data[dataIndex].content"></div>
<div class="right-img"> <div class="right-img">
<div class="img-box"> <div class="img-box">
<img :src="data[dataIndex].image" alt="" class="photo"> <img :src="data[dataIndex].image" alt="" class="photo">
...@@ -13,6 +12,10 @@ ...@@ -13,6 +12,10 @@
</div> </div>
<slot name="imgBtn"></slot> <slot name="imgBtn"></slot>
</div> </div>
</template>
<template v-else>
<slot name="list"></slot>
</template>
</div> </div>
</div> </div>
</template> </template>
...@@ -41,6 +44,7 @@ export default { ...@@ -41,6 +44,7 @@ export default {
}, },
methods: { methods: {
changeChildTab(index) { changeChildTab(index) {
this.$emit('changeIndex', index)
this.dataIndex = index this.dataIndex = index
this.$forceUpdate() this.$forceUpdate()
} }
......
src/components/tab/bannerTab.vue → src/components/news/tab/bannerTab.vue
浏览文件 @ f4c60e36
<template> <template>
<div> <div>
<div class="top-nav"> <div class="top-nav">
<img :src="data.imgUrl" alt=""> <div class="min-height-img" :style="getImg(data.imgUrl)">
</div>
<div class="center97"> <div class="center97">
<ul class="menu"> <ul class="menu">
<template v-for="(item, index) in data.menu"> <template v-for="(item, index) in data.menu">
...@@ -31,6 +32,13 @@ export default { ...@@ -31,6 +32,13 @@ export default {
activeIndex: 0 activeIndex: 0
} }
}, },
computed: {
getImg() {
return (url) => {
return `background:url(${url});background-size: cover;`
}
}
},
methods: { methods: {
tab(index, title) { tab(index, title) {
if(this.$route.path === '/presence' && title === '学生风采') { if(this.$route.path === '/presence' && title === '学生风采') {
...@@ -47,6 +55,10 @@ export default { ...@@ -47,6 +55,10 @@ export default {
width: 970px; width: 970px;
margin: 0 auto; margin: 0 auto;
} }
.min-height-img{
height: 190px;
background-size: cover;
}
.top-nav{ .top-nav{
.center97{ .center97{
position: relative; position: relative;
......
src/components/tab/teachingList.vue → src/components/news/teachingList.vue
浏览文件 @ f4c60e36
...@@ -11,14 +11,6 @@ ...@@ -11,14 +11,6 @@
</div> </div>
</li> </li>
</template> </template>
<!-- <li>
<img src="https://zws-imgs-pub.ezijing.com/static/public/3b55607dda946e2ba0aad1b15ec1ac0a.png" alt="">
<div class="info">
<div class="name">孙春明</div>
<div class="p">清华五道口金融学院经济学博士</div>
<div class="p">香港致富证券首席经济学家</div>
</div>
</li> -->
</ul> </ul>
</div> </div>
</template> </template>
...@@ -35,7 +27,7 @@ ...@@ -35,7 +27,7 @@
}, },
type: { type: {
type: Number, type: Number,
default: {} default: 0
} }
} }
} }
......
src/components/tab/childTab.vue deleted 100644 → 0
浏览文件 @ 334a4135
<template>
<div>
<ul class="child-tab">
<template v-for="(item, index) in menu">
<li
:key="index"
:class="activeIndex == index ? 'active' : ''"
@click="tab(index)"
>{{ item }}</li>
</template>
</ul>
</div>
</template>
<script>
export default {
props: {
menu: {
type: Array,
default: {}
}
},
data() {
return {
activeIndex: 0
}
},
methods: {
tab(index) {
this.activeIndex = index
this.$emit('changeChildTab', this.activeIndex)
}
},
mounted() {
this.$route.query.type && (this.activeIndex = this.$route.query.type)
}
}
</script>
<style lang="scss" scoped>
.center97{
width: 970px;
margin: 0 auto;
}
.child-tab{
display: flex;
justify-content: flex-end;
// width: 670px;
border-bottom: 1px solid #979797;
li{
cursor: pointer;
position: relative;
line-height: 42px;
padding: 0 22px;
font-size: 14px;
color: #222;
&.active{
border: 1px solid #979797;
border-bottom: none;
border-top: 2px solid #BF0927;
&::after{
content: '';
width: 100%;
height: 3px;
background: #fff;
position: absolute;
bottom: -1px;
left: 0;
}
}
}
}
</style>
src/pages/alumniWork/index.vue
浏览文件 @ f4c60e36
...@@ -30,27 +30,17 @@ ...@@ -30,27 +30,17 @@
</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 class="module" v-if="activeIndex == 3">
<div class="child-tab">
<child-tab
:menu="tabMenu"
@changeChildTab="changeChildTab"
></child-tab>
</div>
</div>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
import cAction from '@action' import cAction from '@action'
import bannerTab from '../../components/tab/bannerTab.vue' import bannerTab from '@/components/news/tab/bannerTab.vue'
import list from '../../components/tab/newsList.vue' import list from '@/components/news/newsList.vue'
import childTab from '../../components/tab/childTab.vue'
export default { export default {
components: { components: {
bannerTab, bannerTab,
list, list
childTab
}, },
data() { data() {
return { return {
......
src/pages/careerDev/index.vue
浏览文件 @ f4c60e36
...@@ -18,7 +18,7 @@ ...@@ -18,7 +18,7 @@
</template> </template>
<script> <script>
import cAction from '@action' import cAction from '@action'
import bannerTab from '../../components/tab/bannerTab.vue' import bannerTab from '@/components/news/tab/bannerTab.vue'
export default { export default {
components: { components: {
bannerTab bannerTab
......
src/pages/presence/index.vue
浏览文件 @ f4c60e36
...@@ -14,8 +14,8 @@ ...@@ -14,8 +14,8 @@
</template> </template>
<script> <script>
import cAction from '@action' import cAction from '@action'
import bannerTab from '../../components/tab/bannerTab.vue' import bannerTab from '@/components/news/tab/bannerTab.vue'
import list from '../../components/tab/newsList.vue' import list from '@/components/news/newsList.vue'
export default { export default {
components: { components: {
bannerTab, bannerTab,
......
src/pages/project/index.vue
浏览文件 @ f4c60e36
...@@ -121,14 +121,12 @@ export default { ...@@ -121,14 +121,12 @@ export default {
}, },
request(item, index) { request(item, index) {
cAction.reportAction.getContent(item.name).then(json => { cAction.reportAction.getContent(item.name).then(json => {
if (json !== null) {
this.newsData.push({ this.newsData.push({
id: index, id: index,
title: item.name, title: item.name,
content: json === null ? '' : json[0].content, content: json === null ? '' : json[0].content,
image: item.image image: item.image
}) })
}
this.newsData = this.newsData.sort((a, b) => a.id - b.id) this.newsData = this.newsData.sort((a, b) => a.id - b.id)
}).catch(e => { this.$message.error(e.message) }).finally(() => {}) }).catch(e => { this.$message.error(e.message) }).finally(() => {})
} }
......
src/pages/recruitInfo/apply.vue deleted 100644 → 0
浏览文件 @ 334a4135
<template>
<div>
<div class="center97 apply-mian">
<div class="apply-left">
<child-tab
:menu="tabMenu"
@changeChildTab="changeChildTab"
></child-tab>
<div class="tab-item" v-if="tabShowItem == 0" v-html="data.module0"></div>
<div class="tab-item" v-if="tabShowItem == 1" v-html="data.module1"></div>
<div class="tab-item" v-if="tabShowItem == 2" v-html="data.module2"></div>
</div>
<div class="apply-right">
<div class="img-box">
<div class="line"></div>
<img v-if="tabShowItem == 0" src="../../assets/img/recruitInfo/m1-c1-img1.png" alt="">
<img v-if="tabShowItem == 1" src="../../assets/img/recruitInfo/m1-c1-img2.png" alt="">
<img v-if="tabShowItem == 2" src="../../assets/img/recruitInfo/m1-c1-img3.png" alt="">
</div>
<div class="apply-btn">
<div class="icon"></div>
<div class="txt" @click="goPage">项目申请</div>
</div>
</div>
</div>
</div>
</template>
<script>
import childTab from '../../components/tab/childTab.vue'
export default {
components: {
childTab
},
props: {
data: {
type: Object,
default: {}
}
},
data() {
return {
tabMenu: ['申请条件', '申请流程', '常见问题'],
tabShowItem: 0
}
},
mounted() {
},
methods: {
goPage() {
this.$router.push({
path: '/my'
})
},
changeChildTab(index) {
this.tabShowItem = index
}
},
mounted() {
this.$route.query.type && (this.tabShowItem = this.$route.query.type)
}
}
</script>
<style lang="scss" scoped>
.center97{
width: 970px;
margin: 0 auto;
}
.apply-mian{
padding-top: 30px;
padding-bottom: 60px;
display: flex;
.apply-left{
width: 670px;
.tab-item{
width: 100%;
margin-top: 40px;
}
}
.apply-right{
margin-left: auto;
.img-box{
width: 235px;
position: relative;
margin-left: 13px;
img{
position: relative;
z-index: 9;
display: block;
width: 100%;
height: 300px;
}
.line{
position: absolute;
top: 35px;
right: 35px;
width: 213px;
height: 280px;
border: 1px solid #979797;
}
}
.apply-btn{
width: 248px;
height: 48px;
background: #BF0927;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
margin-top: 55px;
cursor: pointer;
.icon{
width: 31px;
height: 31px;
background: url(../../assets/img/recruitInfo/m1-c1-icon1.png);
background-size: 100% 100%;
}
.txt{
font-size: 18px;
color: #fff;
margin-left: 20px;
}
}
}
}
</style>
src/pages/recruitInfo/components/support.vue
浏览文件 @ f4c60e36
...@@ -57,7 +57,6 @@ export default { ...@@ -57,7 +57,6 @@ export default {
}) })
}, },
request(item, index) { request(item, index) {
console.log(this.newsData, '====123456')
cAction.reportAction.getContent(item.name).then(json => { cAction.reportAction.getContent(item.name).then(json => {
if (json !== null) { if (json !== null) {
this.newsData.push({ this.newsData.push({
......
src/pages/recruitInfo/index.vue
浏览文件 @ f4c60e36
...@@ -4,13 +4,13 @@ ...@@ -4,13 +4,13 @@
:data="bannerTabData" :data="bannerTabData"
@changeTab="changeTab" @changeTab="changeTab"
></banner-tab> ></banner-tab>
<apply v-if="activeIndex == 0" :data="content"></apply> <apply v-show="activeIndex == 0" :data="content"></apply>
<support v-if="activeIndex == 1" :data="content"></support> <support v-show="activeIndex == 1" :data="content"></support>
</div> </div>
</template> </template>
<script> <script>
import cAction from '@action' import cAction from '@action'
import bannerTab from '@/components/tab/bannerTab.vue' import bannerTab from '@/components/news/tab/bannerTab.vue'
import apply from './components/apply.vue' import apply from './components/apply.vue'
import support from './components/support.vue' import support from './components/support.vue'
export default { export default {
......
src/pages/teaching/setCourse.vue → src/pages/teaching/components/setCourse.vue
浏览文件 @ f4c60e36
...@@ -6,10 +6,6 @@ ...@@ -6,10 +6,6 @@
<div class="p">中国未来金融领袖计划（China Future Financial Leadership Program）</div> <div class="p">中国未来金融领袖计划（China Future Financial Leadership Program）</div>
<div class="p">旨在为中国金融走向世界培养具有国际化、产业化、科技化的复合型金融人才和领袖。</div> <div class="p">旨在为中国金融走向世界培养具有国际化、产业化、科技化的复合型金融人才和领袖。</div>
</div> </div>
<!-- <div class="m2">
<div class="title">学分要求</div>
<div class="p">培养环节包括课程学习、专业实操与职业发展课程、国际前沿视野开拓、金融领导力、金融机构实习与就业以及毕业报告。中国未来金融领袖计划学生在校期间，须修满总学分不少于33学分的课程。</div>
</div> -->
</div> </div>
<div class="cont-center"> <div class="cont-center">
<div class="title">课程设置</div> <div class="title">课程设置</div>
...@@ -137,7 +133,7 @@ ...@@ -137,7 +133,7 @@
.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{
......
src/pages/teaching/index.vue
浏览文件 @ f4c60e36
...@@ -5,37 +5,36 @@ ...@@ -5,37 +5,36 @@
@changeTab="changeTab" @changeTab="changeTab"
></banner-tab> ></banner-tab>
<div class="cont-mian center97"> <div class="cont-mian center97">
<set-course v-if="activeIndex == 0"></set-course> <set-course v-show="activeIndex == 0"></set-course>
<div class="module" v-if="activeIndex == 1"> <div class="module" v-show="activeIndex == 1">
<div class="left-txt"> <div class="left-txt">
<child-tab <news :data="newsData" @changeIndex="changeIndex">
:menu="tabMenu" <div slot="list">
@changeChildTab="changeChildTab" </div>
></child-tab> </news>
<teaching-list v-if="childActiveIndex == 0" :data="this.allList.m1Data" :type="1"></teaching-list> <div class="tea-mian">
<teaching-list v-if="childActiveIndex == 1" :data="this.allList.m2Data"></teaching-list> <div class="list-box">
<teaching-list v-if="childActiveIndex == 2" :data="this.allList.m3Data"></teaching-list> <teaching-list v-show="teachingListIndex == 0" :data="this.allList[55]" :type="1"></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>
</div>
<img src="https://zws-imgs-pub.ezijing.com/static/build/learn-mba/resources/m2-r-img.b002ecd2.png" alt="">
</div>
</div> </div>
<img src="../../assets/img/teaching/m2-r-img.png" alt="">
</div> </div>
</div> </div>
<!-- <el-pagination
background
layout="prev, pager, next"
:total="1000">
</el-pagination> -->
</div> </div>
</template> </template>
<script> <script>
import cAction from '@action' import cAction from '@action'
import bannerTab from '../../components/tab/bannerTab.vue' import bannerTab from '@/components/news/tab/bannerTab.vue'
import childTab from '../../components/tab/childTab.vue' import news from '@/components/news/news.vue'
import teachingList from '../../components/tab/teachingList.vue' import teachingList from '@/components/news/teachingList.vue'
import setCourse from './setCourse.vue' import setCourse from './components/setCourse.vue'
export default { export default {
components: { components: {
bannerTab, bannerTab,
childTab, news,
setCourse, setCourse,
teachingList teachingList
}, },
...@@ -46,8 +45,7 @@ export default { ...@@ -46,8 +45,7 @@ export default {
imgUrl: 'https://zws-imgs-pub.ezijing.com/static/public/03036d9b2460f3b182c929e4b3af0eb2.png' imgUrl: 'https://zws-imgs-pub.ezijing.com/static/public/03036d9b2460f3b182c929e4b3af0eb2.png'
}, },
activeIndex: 0, activeIndex: 0,
tabMenu: ['Kelley商学院金融硕士学术导师', '学界导师', '业界导师'], teachingListIndex: 0,
childActiveIndex: 0,
requestParam: { requestParam: {
page: 1, page: 1,
per_page: 100, per_page: 100,
...@@ -55,44 +53,60 @@ export default { ...@@ -55,44 +53,60 @@ export default {
project_id: 1007 project_id: 1007
}, },
allList: { allList: {
m1Data: [], 55: [],
m2Data: [], 56: [],
m3Data: [] 57: []
} },
newsData: []
} }
}, },
mounted() { mounted() {
this.getData()
}, },
methods: { methods: {
changeTab(index) { changeIndex(index) {
if (index === 1) { this.teachingListIndex = index
this.request(55)
}
this.activeIndex = index
}, },
changeChildTab(index) { getData() {
let n = 55; const requestType = [
index === 1 && (n = 56) {
index === 2 && (n = 57) type: 55,
this.request(n) name: 'Kelley商学院金融硕士学术导师',
this.childActiveIndex = index image: 'https://zws-imgs-pub.ezijing.com/static/build/learn-mba/resources/m2-r-img.b002ecd2.png'
}, },
request(n) { {
this.requestParam.type = n type: 56,
// console.log(this.requestParam.exclude_type, n) name: '学界导师',
cAction.reportAction.getNews(this.requestParam).then(json => { image: 'https://zws-imgs-pub.ezijing.com/static/build/learn-mba/resources/m2-r-img.b002ecd2.png'
switch(n) { },
case 55: {
this.allList.m1Data = json type: 57,
break; name: '业界导师',
case 56: image: 'https://zws-imgs-pub.ezijing.com/static/build/learn-mba/resources/m2-r-img.b002ecd2.png'
this.allList.m2Data = json
break;
default:
this.allList.m3Data = json
break;
} }
]
requestType.map((item, index) => {
this.request(item, index)
})
},
request(item, index) {
this.requestParam.type = item.type
cAction.reportAction.getNews(this.requestParam).then(json => {
this.newsData.push({
type: 'list',
id: index,
title: item.name,
content: '',
image: item.image
})
this.teachingListSetData(item.type, json)
}).catch(e => { this.$message.error(e.message) }).finally(() => {}) }).catch(e => { this.$message.error(e.message) }).finally(() => {})
},
changeTab(index) {
this.activeIndex = index
},
teachingListSetData(type, item) {
this.allList[type] = item
} }
}, },
} }
...@@ -104,7 +118,7 @@ export default { ...@@ -104,7 +118,7 @@ export default {
padding-bottom: 60px; padding-bottom: 60px;
display: flex; display: flex;
.left-txt{ .left-txt{
width: 670px; width: 100%;
} }
img{ img{
margin-left: auto; margin-left: auto;
...@@ -147,4 +161,12 @@ export default { ...@@ -147,4 +161,12 @@ export default {
} }
} }
} }
.tea-mian{
display: flex;
img{
margin-left: auto;
width: 235px;
height: 300px;
}
}
</style> </style>
src/pages/videoCenter/index.vue
浏览文件 @ f4c60e36
...@@ -16,7 +16,7 @@ ...@@ -16,7 +16,7 @@
</template> </template>
<script> <script>
import news from '@/components/news/news.vue' import news from '@/components/news/news.vue'
import bannerTab from '../../components/tab/bannerTab.vue' import bannerTab from '@/components/news/tab/bannerTab.vue'
import cAction from '@action' import cAction from '@action'
export default { export default {
components: { components: {
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论