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

clay commit : 首页数据对接完成

Browse Source
This commit is contained in:
clay
2022-10-06 00:24:45 +08:00
parent fe4dd98a58
commit fd26d9c8c3
8 changed files with 265 additions and 234 deletions
Download Patch File Download Diff File Expand all files Collapse all files

152
src/views/index/components/undergraduate_and_graduate.vue
View File

@@ -6,50 +6,18 @@
<el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
<div class="undergraduate headline">
<img class="undergraduate_img" src="../../../assets/index/undergraduate_and_graduate/benka.png" alt=""/>
<span>本科教育</span>
<span>{{ $t("message.undergraduate_education") }}</span>
</div>
<div class="vline">
<div class="undergraduate_content">
<div class="undergraduate_content" v-for="(item,index) in undergraduateData" :key="index" @click="getArticle(item)">
<div class="undergraduate_content_time">
10-03
{{getMonthTime(item.publishTime)}}
</div>
<div class="undergraduate_content_text">
徐加鹏博士学术报告-通信受限随机系.受限通信受限随系…
{{item.title}}
</div>
</div>
<div class="undergraduate_content">
<div class="undergraduate_content_time">
10-03
</div>
<div class="undergraduate_content_text">
徐加鹏博士学术报告-通信受限随机系.受限通信受限随系…
</div>
</div>
<div class="undergraduate_content">
<div class="undergraduate_content_time">
10-03
</div>
<div class="undergraduate_content_text">
徐加鹏博士学术报告-通信受限随机系.受限通信受限随系…
</div>
</div>
<div class="undergraduate_content">
<div class="undergraduate_content_time">
10-03
</div>
<div class="undergraduate_content_text">
徐加鹏博士学术报告-通信受限随机系.受限通信受限随系…
</div>
</div>
<div class="undergraduate_content">
<div class="undergraduate_content_time">
10-03
</div>
<div class="undergraduate_content_text">
徐加鹏博士学术报告-通信受限随机系.受限通信受限随系…
</div>
</div>
<div class="more">
<div class="more" @click="lookMore('KW_T7dJ2lt5sC-RJZSnPtk0')">
<span class="more_text">更多</span>
<img src="../../../assets/index/news_center/gd_icon.png" alt="">
</div>
@@ -58,49 +26,17 @@
<el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
<div class="graduate headline">
<img class="graduate_img" src="../../../assets/index/undergraduate_and_graduate/boshimaobeifen.png" alt=""/>
<span>研究生教育</span>
<span>{{ $t("message.postgraduate_education") }}</span>
</div>
<div class="undergraduate_content">
<div class="undergraduate_content" v-for="(item,index) in graduateData" :key="index" @click="getArticle(item)">
<div class="undergraduate_content_time">
10-03
{{getMonthTime(item.publishTime)}}
</div>
<div class="undergraduate_content_text">
徐加鹏博士学术报告-通信受限随机系.受限通信受限随系…
{{item.title}}
</div>
</div>
<div class="undergraduate_content">
<div class="undergraduate_content_time">
10-03
</div>
<div class="undergraduate_content_text">
徐加鹏博士学术报告-通信受限随机系.受限通信受限随系…
</div>
</div>
<div class="undergraduate_content">
<div class="undergraduate_content_time">
10-03
</div>
<div class="undergraduate_content_text">
徐加鹏博士学术报告-通信受限随机系.受限通信受限随系…
</div>
</div>
<div class="undergraduate_content">
<div class="undergraduate_content_time">
10-03
</div>
<div class="undergraduate_content_text">
徐加鹏博士学术报告-通信受限随机系.受限通信受限随系…
</div>
</div>
<div class="undergraduate_content">
<div class="undergraduate_content_time">
10-03
</div>
<div class="undergraduate_content_text">
徐加鹏博士学术报告-通信受限随机系.受限通信受限随系…
</div>
</div>
<div class="more">
<div class="more" @click="lookMore('1yaM_T4qiBsFULvLXHbMflQ')">
<span class="more_text">更多</span>
<img src="../../../assets/index/news_center/gd_icon.png" alt="">
</div>
@@ -112,12 +48,78 @@
</template>
<script>
import {getArticleList} from "@/api";
import {toArticle} from "@/utils/sist";
import {lookMoreFixedComment} from "../../../utils/sist";
export default {
name: "undergraduate_and_graduate"
name: "undergraduate_and_graduate",
data(){
return{
undergraduateData:[],
graduateData:[],
width: document.documentElement.clientWidth > 992
}
},
created() {
this.getUndergraduateList();
this.getGraduateList();
},
methods: {
clickTo(link) {
//console.log(link)
window.location.href = link;//当前标签页
},
getArticle(news) {
toArticle(news, this.width);
},
lookMore(str) {
lookMoreFixedComment(str, this.width);
},
getUndergraduateList() {
getArticleList({
navId: "KW_T7dJ2lt5sC-RJZSnPtk0",
pageNum: 1,
pageSize: 5
}).then(res => {
this.undergraduateData = res.rows;
});
},
getGraduateList() {
getArticleList({
navId: "1yaM_T4qiBsFULvLXHbMflQ",
pageNum: 1,
pageSize: 4
}).then(res => {
this.graduateData = res.rows;
});
},
getDateTime(date) {
let time = new Date(date);
let year = time.getFullYear();
let month = time.getMonth() + 1
let day = time.getDate();
return year + "-" + month + "-" + day;
},
getMonthTime(date) {
let time = new Date(date);
let month = time.getMonth() + 1
let day = time.getDate();
return month + "-" + day;
},
},
};
</script>
<style scoped lang="scss">
.undergraduate_content{
cursor: pointer;
}
@media screen and (max-width: 960px) {
.undergraduate {
border-radius: 36px 36px 0 0 !important;