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

1
src/views/index/components/bottom.vue
View File

@@ -85,7 +85,6 @@ export default {
}
},
created() {
console.log(this.form)
getStatistic(this.form).then(res=>{
this.data = res.data
})

72
src/views/index/components/news_center.vue
View File

@@ -30,13 +30,13 @@
<el-col :xs="22" :sm="20" :md="20" :lg="18" :xl="14">
<div class="slideshow">
<el-carousel trigger="click" height="23.3vw">
<el-carousel-item v-for="item in 4" :key="item">
<el-carousel-item v-for="(item,index) in bannerDate" :key="index">
<div>
<img src="@/assets/index/news_center/t1@2x.png" alt="">
<img :src="item.imgurl" alt="">
<div class="bottom_title">
<el-row>
<el-col :offset="2" :span="18">
{{ item }}喜报！信息学院师生在中国大学生计算机设计大赛中取得历史性突破！
{{ item.title }}
</el-col>
</el-row>
</div>
@@ -54,43 +54,13 @@
</el-col>
<el-col :xs="22" :sm="20" :md="20" :lg="18" :xl="14">
<el-row class="news">
<el-col :xs="12" :sm="12" :md="12" :lg="6" :xl="6" >
<el-col v-for="(news,index) in newsDate" :key="index" :xs="12" :sm="12" :md="12" :lg="6" :xl="6" >
<div class="news_context">
<div class="news_context_img">
<img src="@/assets/index/news_center/t2.png" alt="">
<img :src="news.imgurl" alt="">
</div>
<div class="news_context_text">
信息引领，勇于拼搏——信息科学与技术学院在全校教职工篮球赛获佳绩
</div>
</div>
</el-col>
<el-col :xs="12" :sm="12" :md="12" :lg="6" :xl="6" >
<div class="news_context">
<div class="news_context_img">
<img src="@/assets/index/news_center/t3.png" alt="">
</div>
<div class="news_context_text">
“学党史 担使命”一班一品牌，班班展风采——信息科学与技术学院2020-2021…
</div>
</div>
</el-col>
<el-col :xs="12" :sm="12" :md="12" :lg="6" :xl="6">
<div class="news_context">
<div class="news_context_img">
<img src="@/assets/index/news_center/t4.png" alt="">
</div>
<div class="news_context_text">
西南交大第十届青年教师教学竞赛信息学院初赛顺利举行
</div>
</div>
</el-col>
<el-col :xs="12" :sm="12" :md="12" :lg="6" :xl="6">
<div class="news_context">
<div class="news_context_img">
<img src="@/assets/index/news_center/t5.png" alt="">
</div>
<div class="news_context_text">
“奋斗青春 梦想起航” 西南交通大学信息科学与技术学院2021级新生开学典礼
{{news.title}}
</div>
</div>
</el-col>
@@ -116,8 +86,36 @@
</template>
<script>
import {banner, getArticleList} from "@/api";
export default {
name: "news_center"
name: "news_center",
data(){
return{
newsDate:[],
bannerDate:[]
}
},
created() {
this.getList()
this.getBanner()
},
methods: {
getList(){
getArticleList({
type:"XC7D8m5gkr35BX1b4Otiln4",
pageNum: 1,
pageSize: 4
}).then(res=>{
this.newsDate = res.rows
})
},
getBanner(){
banner("NEd5n92EMIpyyBslaNqsRgE").then(res=>{
this.bannerDate = res.data
})
}
},
}
</script>

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>

257
src/views/index/components/scientific_research_trends.vue
View File

@@ -30,141 +30,31 @@
</el-col>
<el-col class="scientific_context" :xs="22" :sm="20" :md="20" :lg="18" :xl="14">
<el-row>
<el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
<el-col v-for="(item,index) in scientificData" :key="index" :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
<el-row class="scientific_context_text">
<el-col :span="2" class="img"><img src="@/assets/index/scientific_research_trends/sy_icon_bh1.png" alt="">
<el-col :span="2" class="img">
<img v-if="index == 0" src="@/assets/index/scientific_research_trends/sy_icon_bh1.png" alt="">
<img v-if="index == 1" src="@/assets/index/scientific_research_trends/sy_icon_bh2.png" alt="">
<img v-if="index == 2" src="@/assets/index/scientific_research_trends/sy_icon_bh3.png" alt="">
<img v-if="index == 3" src="@/assets/index/scientific_research_trends/sy_icon_bh4.png" alt="">
<img v-if="index == 4" src="@/assets/index/scientific_research_trends/sy_icon_bh5.png" alt="">
<img v-if="index == 5" src="@/assets/index/scientific_research_trends/sy_icon_bh6.png" alt="">
<img v-if="index == 6" src="@/assets/index/scientific_research_trends/sy_icon_bh7.png" alt="">
<img v-if="index == 7" src="@/assets/index/scientific_research_trends/sy_icon_bh8.png" alt="">
<img v-if="index == 8" src="@/assets/index/scientific_research_trends/sy_icon_bh9.png" alt="">
<img v-if="index == 9" src="@/assets/index/scientific_research_trends/sy_icon_bh10.png" alt="">
</el-col>
<el-col :span="16" class="text">科研院关于组织申报国家重点研发计划</el-col>
<el-col :span="16" class="text">{{ item.title }}</el-col>
<el-col :span="4">
<div class="time">2021.10.10</div>
<div class="time">{{ parseTime(item.publishTime) }}</div>
<!-- <div class="time">{{ item.publishTime }}</div>-->
</el-col>
</el-row>
<div class="scientific_context_divider">
<hr style="border: 0.1rem solid #E6E6E6;">
<hr v-if="index < 8" style="border: 0.1rem solid #E6E6E6;">
<hr v-if="!width && index == 8" style="border: 0.1rem solid #E6E6E6;">
</div>
</el-col>
<el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
<el-row class="scientific_context_text">
<el-col :span="2" class="img"><img src="@/assets/index/scientific_research_trends/sy_icon_bh2.png" alt="">
</el-col>
<el-col :span="16" class="text">科技部关于发布国家重点研发计划“科</el-col>
<el-col :span="4">
<div class="time">2021.10.22</div>
</el-col>
</el-row>
<div class="scientific_context_divider">
<hr style="border: 0.1rem solid #E6E6E6;">
</div>
</el-col>
</el-row>
<el-row>
<el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
<el-row class="scientific_context_text">
<el-col :span="2" class="img"><img src="@/assets/index/scientific_research_trends/sy_icon_bh3.png" alt="">
</el-col>
<el-col :span="16" class="text">关于征集适宜向“一带一路”国家转移的…</el-col>
<el-col :span="4">
<div class="time">2021.10.21</div>
</el-col>
</el-row>
<div class="scientific_context_divider">
<hr style="border: 0.1rem solid #E6E6E6;">
</div>
</el-col>
<el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
<el-row class="scientific_context_text">
<el-col :span="2" class="img"><img src="@/assets/index/scientific_research_trends/sy_icon_bh4.png" alt="">
</el-col>
<el-col :span="16" class="text">西南交通大学关于2021年度国家自然</el-col>
<el-col :span="4">
<div class="time">2021.10.07</div>
</el-col>
</el-row>
<div class="scientific_context_divider">
<hr style="border: 0.1rem solid #E6E6E6;">
</div>
</el-col>
</el-row>
<el-row>
<el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
<el-row class="scientific_context_text">
<el-col :span="2" class="img"><img src="@/assets/index/scientific_research_trends/sy_icon_bh5.png" alt="">
</el-col>
<el-col :span="16" class="text">关于召开2021年度国家自然科学基金项…</el-col>
<el-col :span="4">
<div class="time">2021.10.11</div>
</el-col>
</el-row>
<div class="scientific_context_divider">
<hr style="border: 0.1rem solid #E6E6E6;">
</div>
</el-col>
<el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
<el-row class="scientific_context_text">
<el-col :span="2" class="img"><img src="@/assets/index/scientific_research_trends/sy_icon_bh6.png" alt="">
</el-col>
<el-col :span="16" class="text">关于2021年度四川省科技奖励提名工作…</el-col>
<el-col :span="4">
<div class="time">2021.10.30</div>
</el-col>
</el-row>
<div class="scientific_context_divider">
<hr style="border: 0.1rem solid #E6E6E6;">
</div>
</el-col>
</el-row>
<el-row>
<el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
<el-row class="scientific_context_text">
<el-col :span="2" class="img"><img src="@/assets/index/scientific_research_trends/sy_icon_bh7.png" alt="">
</el-col>
<el-col :span="16" class="text">《成都市经济和信息化局关于更新完善…</el-col>
<el-col :span="4">
<div class="time">2021.10.01</div>
</el-col>
</el-row>
<div class="scientific_context_divider">
<hr style="border: 0.1rem solid #E6E6E6;">
</div>
</el-col>
<el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
<el-row class="scientific_context_text">
<el-col :span="2" class="img"><img src="@/assets/index/scientific_research_trends/sy_icon_bh8.png" alt="">
</el-col>
<el-col :span="16" class="text">国家自然科学基金委员会中德科学中心…</el-col>
<el-col :span="4">
<div class="time">2021.10.26</div>
</el-col>
</el-row>
<div class="scientific_context_divider">
<hr style="border: 0.1rem solid #E6E6E6;">
</div>
</el-col>
</el-row>
<el-row>
<el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
<el-row class="scientific_context_text">
<el-col :span="2" class="img"><img src="@/assets/index/scientific_research_trends/sy_icon_bh9.png" alt="">
</el-col>
<el-col :span="16" class="text">关于征集适宜向“一带一路”国家转移的…</el-col>
<el-col :span="4">
<div class="time">2021.10.23</div>
</el-col>
</el-row>
<div v-show="width<992" class="scientific_context_divider">
<hr style="border: 0.1rem solid #E6E6E6;">
</div>
</el-col>
<el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
<el-row class="scientific_context_text">
<el-col :span="2" class="img"><img src="@/assets/index/scientific_research_trends/sy_icon_bh10.png"
alt=""></el-col>
<el-col :span="16" class="text">科研院关于组织申报国家重点研发计划</el-col>
<el-col :span="4">
<div class="time">2021.08.06</div>
</el-col>
</el-row>
</el-col>
</el-row>
</el-col>
</el-row>
@@ -198,85 +88,20 @@
</el-col>
<el-col class="academia_context" :xs="22" :sm="20" :md="20" :lg="18" :xl="14">
<el-row>
<el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
<el-col v-for="(item,index) in academiaData" :key="index" :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
<el-row class="academia_context_text">
<el-col :span="2" class="img"><img src="@/assets/index/scientific_research_trends/sy_icon_b1.png" alt="">
</el-col>
<el-col :span="16" class="text">《成都市经济和信息化局关于更新完善…</el-col>
<el-col :span="16" class="text">{{item.title}}</el-col>
<el-col :span="4">
<div class="time">2021.10.01</div>
<div class="time">{{ parseTime(item.publishTime) }}</div>
</el-col>
</el-row>
<div class="academia_context_divider">
<hr style="border: 0.1rem solid #E6E6E6;">
<hr v-if="index < 4" style="border: 0.1rem solid #E6E6E6;">
<hr v-if="!width && index == 4" style="border: 0.1rem solid #E6E6E6;">
</div>
</el-col>
<el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
<el-row class="academia_context_text">
<el-col :span="2" class="img"><img src="@/assets/index/scientific_research_trends/sy_icon_b1.png" alt="">
</el-col>
<el-col :span="16" class="text">《成都市经济和信息化局关于更新完善…</el-col>
<el-col :span="4">
<div class="time">2021.10.01</div>
</el-col>
</el-row>
<div class="academia_context_divider">
<hr style="border: 0.1rem solid #E6E6E6;">
</div>
</el-col>
</el-row>
<el-row>
<el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
<el-row class="academia_context_text">
<el-col :span="2" class="img"><img src="@/assets/index/scientific_research_trends/sy_icon_b1.png" alt="">
</el-col>
<el-col :span="16" class="text">《成都市经济和信息化局关于更新完善…</el-col>
<el-col :span="4">
<div class="time">2021.10.01</div>
</el-col>
</el-row>
<div class="academia_context_divider">
<hr style="border: 0.1rem solid #E6E6E6;">
</div>
</el-col>
<el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
<el-row class="academia_context_text">
<el-col :span="2" class="img"><img src="@/assets/index/scientific_research_trends/sy_icon_b1.png" alt="">
</el-col>
<el-col :span="16" class="text">《成都市经济和信息化局关于更新完善…</el-col>
<el-col :span="4">
<div class="time">2021.10.01</div>
</el-col>
</el-row>
<div class="academia_context_divider">
<hr style="border: 0.1rem solid #E6E6E6;">
</div>
</el-col>
</el-row>
<el-row>
<el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
<el-row class="academia_context_text">
<el-col :span="2" class="img"><img src="@/assets/index/scientific_research_trends/sy_icon_b1.png" alt="">
</el-col>
<el-col :span="16" class="text">《成都市经济和信息化局关于更新完善…</el-col>
<el-col :span="4">
<div class="time">2021.10.01</div>
</el-col>
</el-row>
<div v-show="width<992" class="academia_context_divider">
<hr style="border: 0.1rem solid #E6E6E6;">
</div>
</el-col>
<el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
<el-row class="academia_context_text">
<el-col :span="2" class="img"><img src="@/assets/index/scientific_research_trends/sy_icon_b1.png" alt="">
</el-col>
<el-col :span="16" class="text">《成都市经济和信息化局关于更新完善…</el-col>
<el-col :span="4">
<div class="time">2021.10.01</div>
</el-col>
</el-row>
</el-col>
</el-row>
</el-col>
</el-row>
@@ -299,13 +124,45 @@
</template>
<script>
import {getArticleList} from "@/api";
import {parseTime} from '@/utils/ebts'
export default {
name: "scientific_research_trends",
data() {
return {
width: document.documentElement.clientWidth
width: document.documentElement.clientWidth>=992,
scientificData: [],
academiaData: [],
}
},
created() {
this.getScientificList()
this.getAcademiaList()
},
methods: {
getScientificList() {
getArticleList({
type: "VPteru0OeW6GgYObAewMupY",
pageNum: 1,
pageSize: 10
}).then(res => {
this.scientificData = res.rows
})
},
getAcademiaList() {
getArticleList({
type: "KBwgShsEiDolV91qmaWdWJc",
pageNum: 1,
pageSize: 6
}).then(res => {
this.academiaData = res.rows
})
},
parseTime(time) {
return parseTime(time, '{y}-{m}-{d}')
}
}
}
</script>
@@ -419,7 +276,7 @@ export default {
}
}
@media screen and (min-width: 1100px) and (max-width: 1400px) {
@media screen and (min-width: 1100px) and (max-width: 1400px) {
.scientific_context_text {
padding-left: 2rem !important;
@@ -430,7 +287,7 @@ export default {
.academia_context_text {
padding-left: 2rem !important;
.time{
.time {
margin-left: 2rem !important;
}
}

82
src/views/index/components/slideshow_card.vue
View File

@@ -1,71 +1,14 @@
<template>
<div class="banner-card">
<ul class="ul">
<li>
<li v-for="(item,index) in bannerDate" :key="index">
<div class="card_img">
<img
src="@/assets/index/party_building_activities/t6.png"
:src="item.imgurl"
alt=""/>
</div>
<div class="card_title">
信息学院“学党史，悟思想”微党课暨诚信考试承诺仪式顺利开展
</div>
</li>
<li>
<div class="card_img">
<img
src="@/assets/index/party_building_activities/t7.png"
alt=""
/>
</div>
<div class="card_title">
读党史，感受中国共产党之伟大——信息学院主题党课活动顺利开展
</div>
</li>
<li>
<div class="card_img">
<img
src="@/assets/index/party_building_activities/t8.png"
alt=""
/>
</div>
<div class="card_title">
信息科学与技术学院本科生第三支部开展党史教育活动
</div>
</li>
<li>
<div class="card_img">
<img
src="@/assets/index/party_building_activities/t9.png"
alt=""
/>
</div>
<div class="card_title">
“迎党的生日、讲红色故事、悟初心使命”——本科第四党支部…
</div>
</li>
<li>
<div class="card_img">
<img
src="@/assets/index/party_building_activities/t10.png"
alt=""
/>
</div>
<div class="card_title">
建党百年 信息报国——信息科学与技术学院备份
</div>
</li>
<li>
<div class="card_img">
<img
src="@/assets/index/party_building_activities/t6.png"
alt=""
/>
</div>
<div class="card_title">
建党百年 信息报国——信息科学与技术学院备份
{{item.title}}
</div>
</li>
</ul>
@@ -82,12 +25,15 @@
</div>
</template>
<script>
import {banner} from "@/api";
export default {
data() {
return {
default: {
defaultConfig: {
//默认值
classArray: ["one", "two", "three", "four", "five", "six"],
// classArray: ["one", "two", "three", "four", "five"],
leftSlider: true,
},
bannerWrap: null,
@@ -96,15 +42,23 @@ export default {
classlist: null,
leftBtn: null,
rightBtn: null,
bannerDate:[]
};
},
beforeCreate() {
banner("STCplDRCWAA3zcFE0EBTcQI").then(res=>{
this.bannerDate = res.data
})
},
created() {
},
methods: {
constructor() {
this.bannerWrap = document.getElementsByClassName("banner-card")[0];
let lis = this.bannerWrap.getElementsByTagName("li");
// 将类数组转化为数组
this.lisArray = Array.from(lis);
this.classlist = this.default.classArray;
this.classlist = this.defaultConfig.classArray;
//获取左右按钮
this.leftBtn = document.getElementsByClassName("left-btn")[0];
this.rightBtn = document.getElementsByClassName("right-btn")[0];
@@ -160,7 +114,9 @@ export default {
},
},
mounted() {
this.constructor();
setTimeout(() =>{
this.constructor();
},1000);
},
};

161
src/views/index/components/teaching_student.vue
View File

@@ -31,154 +31,33 @@
<div class="grid-content"></div>
</el-col>
<el-col :xs="22" :sm="20" :md="20" :lg="18" :xl="14" class="phe">
<div class="tw">
<div class="tw" v-for="(item,index) in listData" :key="index">
<el-row>
<el-col :xs="5" :sm="5" :md="5" :lg="3" :xl="3">
<div class="tw_time">
<div class="tw_top">
28
{{getDay(item.publishTime)}}
</div>
<div class="tw_bottoms">
2021-10
{{getTime(item.publishTime)}}
</div>
</div>
</el-col>
<el-col :xs="19" :sm="19" :md="15" :lg="18" :xl="18">
<div class="tw_context">
<div class="tw_context_title">
不忘初心，展望未来——信息科学与技术学院开展转专业同学交流会
</div>
<div class="tw_context_text">
为促进学生学业发展、给予2021年转专业同学有针对性的帮助，信息科学与技术学院于10月26日开展转专业同学分享交流会。信息科学与技术学院党委副书记马琼、本科生教学主管蒋燕老师…
{{item.title}}
</div>
<div class="tw_context_text" v-html="item.content"></div>
</div>
</el-col>
<el-col v-show="width" :md="3" :lg="3" :xl="3">
<div class="tw_img">
<img src="@/assets/index/teaching_student/tw1.png" alt="">
</div>
</el-col>
</el-row>
<hr style="border: 0.1rem solid #E6E6E6;" class="hr">
</div>
<div class="tw">
<el-row>
<el-col :xs="5" :sm="5" :md="5" :lg="3" :xl="3">
<div class="tw_time">
<div class="tw_top">
28
</div>
<div class="tw_bottoms">
2021-10
</div>
</div>
</el-col>
<el-col :xs="19" :sm="19" :md="15" :lg="18" :xl="18">
<div class="tw_context">
<div class="tw_context_title">
信息科学与技术学院开展英语四级备考指导会
</div>
<div class="tw_context_text">
为加强学院学风建设，提升学生英语能力，2021年10月25日晚，信息科学与技术学院组织开展英语四级备考指导会。本次指导会邀请学校外国语学院李捷老师担任主讲，信息学院2021级辅导…
</div>
</div>
</el-col>
<el-col v-show="width" :md="3" :lg="3" :xl="3">
<div class="tw_img">
<img src="@/assets/index/party_building_activities/1.png" alt="">
</div>
</el-col>
</el-row>
<hr style="border: 0.1rem solid #E6E6E6;" class="hr">
</div>
<div class="tw">
<el-row>
<el-col :xs="5" :sm="5" :md="5" :lg="3" :xl="3">
<div class="tw_time">
<div class="tw_top">
28
</div>
<div class="tw_bottoms">
2021-10
</div>
</div>
</el-col>
<el-col :xs="19" :sm="19" :md="15" :lg="18" :xl="18">
<div class="tw_context">
<div class="tw_context_title">
信息科学与技术学院新生入学教育—国际化讲座
</div>
<div class="tw_context_text">
为普及国际化教育，提升学生对国际化认知，2021年10月25日晚，信息科学与技术学院开展了新生入学教育—国际化讲座。讲座特别邀请了学校国际合作与交流处马瑶和北京新东方教育科技公…
</div>
</div>
</el-col>
<el-col v-show="width" :md="3" :lg="3" :xl="3">
<div class="tw_img">
<img src="@/assets/index/party_building_activities/2.png" alt="">
</div>
</el-col>
</el-row>
<hr style="border: 0.1rem solid #E6E6E6;" class="hr">
</div>
<div class="tw">
<el-row>
<el-col :xs="5" :sm="5" :md="5" :lg="3" :xl="3">
<div class="tw_time">
<div class="tw_top">
28
</div>
<div class="tw_bottoms">
2021-10
</div>
</div>
</el-col>
<el-col :xs="19" :sm="19" :md="15" :lg="18" :xl="18">
<div class="tw_context">
<div class="tw_context_title">
信息科学与技术学院2021级研究生职业生涯规划入学专题教育顺利开展
</div>
<div class="tw_context_text">
信息科学与技术学院于2021年10月21日在九里校区J4318、J4319开展了面向2021级研究生的职业生涯规划入学专题教育。本次活动特别邀请到了西南交通大学党委学生工作部副部长、GCDF…
</div>
</div>
</el-col>
<el-col v-show="width" :md="3" :lg="3" :xl="3">
<div class="tw_img">
<img src="@/assets/index/party_building_activities/3.png" alt="">
</div>
</el-col>
</el-row>
<hr style="border: 0.1rem solid #E6E6E6;" class="hr">
</div>
<div class="tw">
<el-row>
<el-col :xs="5" :sm="5" :md="5" :lg="3" :xl="3">
<div class="tw_time">
<div class="tw_top">
28
</div>
<div class="tw_bottoms">
2021-10
</div>
</div>
</el-col>
<el-col :xs="19" :sm="19" :md="15" :lg="18" :xl="18">
<div class="tw_context">
<div class="tw_context_title">
秋风瑟瑟，信息送暖 ——信息学院家庭经济困难学生资助政策座谈会
</div>
<div class="tw_context_text">
为帮助家庭经济困难学生更深入了解学校资助体系及资助政策，信息科学与技术学院学工组于10月19日在X2321教室召开了家庭经济困难学生资助政策座谈会，信息学院学工组副组长廖凡老师、…
</div>
</div>
</el-col>
<el-col v-show="width" :md="3" :lg="3" :xl="3">
<div class="tw_img">
<img src="@/assets/index/party_building_activities/4.png" alt="">
<img :src="item.imgurl" alt="">
</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>
@@ -200,13 +79,37 @@
</template>
<script>
import {getArticleList} from "@/api";
export default {
name: "teaching_student",
data(){
return{
width:document.documentElement.clientWidth>=992
width:document.documentElement.clientWidth>=992,
listData:[]
}
},
created() {
this.getListData()
},
methods:{
getListData(){
getArticleList({
type: "--AMgi-Z8eHpj9W0a_fbhpk",
pageNum: 1,
pageSize:5
}).then(res => {
this.listData = res.rows
})
},
getDay(time){
return new Date(time).getDate()
},
getTime(time){
let date = new Date(time);
return date.getFullYear() +"-" + date.getMonth()+1
}
}
}
</script>