odjbin/sist_web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

00

Browse Source
This commit is contained in:
clay
2022-01-15 20:55:38 +08:00
parent 5356c8b948
commit 8e9cf7b833
15 changed files with 782 additions and 563 deletions
Download Patch File Download Diff File Expand all files Collapse all files

99
src/views/index/components/party_building_activities.vue
View File

@@ -64,88 +64,25 @@
<div class="grid-content"></div>
</el-col>
<el-col :xs="22" :sm="20" :md="20" :lg="18" :xl="14" class="phe">
<div class="phe_row">
<div class="phe_row" v-for="(item,index) in listData" :key="index">
<el-row>
<el-col :xs="6" :sm="6" :md="6" :lg="4" :xl="4">
<div class="phe_img">
<img src="@/assets/index/party_building_activities/1.png" alt="">
<img :src="item.imgurl" alt="">
</div>
</el-col>
<el-col :xs="18" :sm="18" :md="18" :lg="17" :xl="17" :span="17">
<div class="phe_context">
<div class="phe_context_title">喜报！信息学院师生在中国大学生计算机设计大赛中取得历史性突破！</div>
<div class="phe_context_text">
为促进学生学业发展、给予2021年转专业同学有针对性的帮助，信息科学与技术学院于10月26日开展转专业同学分享交流会。信息科学与技术学院党委副书记马琼、本科生教学主管蒋燕老师…
<div class="phe_context_title">{{item.title}}</div>
<div class="phe_context_text" v-html="item.content">
</div>
</div>
</el-col>
<el-col :xs="22" :sm="22" :md="22" :lg="3" :xl="3">
<div class="phe_time">2021.11.10</div>
</el-col>
</el-row>
<hr style="border: 0.1rem solid #E6E6E6;" class="hr">
</div>
<div class="phe_row">
<el-row>
<el-col :xs="6" :sm="6" :md="6" :lg="4" :xl="4">
<div class="phe_img">
<img src="@/assets/index/party_building_activities/2.png" alt="">
</div>
</el-col>
<el-col :xs="18" :sm="18" :md="18" :lg="17" :xl="17" :span="17">
<div class="phe_context">
<div class="phe_context_title">信息引领，勇于拼搏——信息科学与技术学院在全校教职工篮球赛获佳绩</div>
<div class="phe_context_text">
为加强学院学风建设，提升学生英语能力，2021年10月25日晚，信息科学与技术学院组织开展英语四级备考指导会。本次指导会邀请学校外国语学院李捷老师担任主讲，信息学院2021级辅导…
</div>
</div>
</el-col>
<el-col :xs="22" :sm="22" :md="22" :lg="3" :xl="3">
<div class="phe_time">2021.11.10</div>
</el-col>
</el-row>
<hr style="border: 0.1rem solid #E6E6E6;" class="hr">
</div>
<div class="phe_row">
<el-row>
<el-col :xs="6" :sm="6" :md="6" :lg="4" :xl="4">
<div class="phe_img">
<img src="@/assets/index/party_building_activities/3.png" alt="">
</div>
</el-col>
<el-col :xs="18" :sm="18" :md="18" :lg="17" :xl="17" :span="17">
<div class="phe_context">
<div class="phe_context_title">“学党史 担使命”一班一品牌，班班展风采——信息科学与技术学院2020-…</div>
<div class="phe_context_text">
为普及国际化教育，提升学生对国际化认知，2021年10月25日晚，信息科学与技术学院开展了新生入学教育—国际化讲座。讲座特别邀请了学校国际合作与交流处马瑶和北京新东方教育科技公…
</div>
</div>
</el-col>
<el-col :xs="22" :sm="22" :md="22" :lg="3" :xl="3">
<div class="phe_time">2021.11.10</div>
</el-col>
</el-row>
<hr style="border: 0.1rem solid #E6E6E6;" class="hr">
</div>
<div class="phe_row">
<el-row>
<el-col :xs="6" :sm="6" :md="6" :lg="4" :xl="4">
<div class="phe_img">
<img src="@/assets/index/party_building_activities/4.png" alt="">
</div>
</el-col>
<el-col :xs="18" :sm="18" :md="18" :lg="17" :xl="17" :span="17">
<div class="phe_context">
<div class="phe_context_title">“奋斗青春 梦想起航” 西南交通大学信息科学与技术学院2021级新生开学典礼</div>
<div class="phe_context_text">
信息科学与技术学院于2021年10月21日在九里校区J4318、J4319开展了面向2021级研究生的职业生涯规划入学专题教育。本次活动特别邀请到了西南交通大学党委学生工作部副部长、GCDF…
</div>
</div>
</el-col>
<el-col :xs="22" :sm="22" :md="22" :lg="3" :xl="3">
<div class="phe_time">2021.11.10</div>
<div class="phe_time">{{getTitme(item.publishTime)}}</div>
</el-col>
</el-row>
<hr v-if="index != listData.length-1" style="border: 0.1rem solid #E6E6E6;" class="hr">
</div>
</el-col>
</el-row>
@@ -154,12 +91,36 @@
<script>
import SlideshowCard from './slideshow_card'
import {getArticleList} from "@/api";
export default {
name: "party_building_activities",
components: {
SlideshowCard
},
data(){
return{
listData:[]
}
},
created() {
this.getListData()
},
methods:{
getListData(){
getArticleList({
type: "LlBbF5OM6ILqxX69TIg7ipg",
pageNum: 1,
pageSize: 6
}).then(res => {
this.listData = res.rows
})
},
getTitme(time){
let date = new Date(time)
return date.getFullYear() +"." + date.getMonth()+1 +"." + date.getDate()
}
}
}
</script>