clay commit : 首页数据对接完成
This commit is contained in:
clay
@@ -5,101 +5,36 @@
|
||||
<el-row>
|
||||
<el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
|
||||
<div class="sciences_title">
|
||||
科学研究
|
||||
{{ $t("message.scientific") }}
|
||||
</div>
|
||||
<div class="sciences_content">
|
||||
<div class="sciences_content" v-for="(item,index) in academyData" :key="index" @click="getArticle(item)">
|
||||
<div class="sciences_content_time">
|
||||
10-03
|
||||
{{getMonthTime(item.publishTime)}}
|
||||
</div>
|
||||
<div class="sciences_content_text">
|
||||
徐加鹏博士学术报告-通信受限随机系.受限通信受限随系…
|
||||
{{item.title}}
|
||||
</div>
|
||||
</div>
|
||||
<div class="sciences_content">
|
||||
<div class="sciences_content_time">
|
||||
10-03
|
||||
</div>
|
||||
<div class="sciences_content_text">
|
||||
徐加鹏博士学术报告-通信受限随机系.受限通信受限随系…
|
||||
</div>
|
||||
</div>
|
||||
<div class="sciences_content">
|
||||
<div class="sciences_content_time">
|
||||
10-03
|
||||
</div>
|
||||
<div class="sciences_content_text">
|
||||
徐加鹏博士学术报告-通信受限随机系.受限通信受限随系…
|
||||
</div>
|
||||
</div>
|
||||
<div class="sciences_content">
|
||||
<div class="sciences_content_time">
|
||||
10-03
|
||||
</div>
|
||||
<div class="sciences_content_text">
|
||||
复旦大学蒋轶教授学术报告
|
||||
</div>
|
||||
</div>
|
||||
<div class="sciences_content">
|
||||
<div class="sciences_content_time">
|
||||
10-03
|
||||
</div>
|
||||
<div class="sciences_content_text">
|
||||
徐加鹏博士学术报告-通信受士后李鹤博限随机系.受限…
|
||||
</div>
|
||||
</div>
|
||||
<div class="sciences_content">
|
||||
<div class="sciences_content_time">
|
||||
10-03
|
||||
</div>
|
||||
<div class="sciences_content_text">
|
||||
剑桥大学博士后李鹤博士后李鹤博士 士学术学学报： 异…
|
||||
</div>
|
||||
</div>
|
||||
<div class="sciences_content">
|
||||
<div class="sciences_content_time">
|
||||
10-03
|
||||
</div>
|
||||
<div class="sciences_content_text">
|
||||
复旦大学蒋轶教授学术报告
|
||||
</div>
|
||||
</div>
|
||||
<div class="sciences_content">
|
||||
<div class="sciences_content_time">
|
||||
10-03
|
||||
</div>
|
||||
<div class="sciences_content_text">
|
||||
徐加鹏博士学术报告-通信受限随机系.受限通信受限随系…
|
||||
</div>
|
||||
</div>
|
||||
<div class="sciences_content">
|
||||
<div class="sciences_content_time">
|
||||
10-03
|
||||
</div>
|
||||
<div class="sciences_content_text">
|
||||
徐加鹏博士学术报告-通信受士后李鹤博限随机系.受限…
|
||||
</div>
|
||||
</div>
|
||||
<div class="more">
|
||||
<div class="more" @click="lookMore('b4Lm82Ct_eaF2u5XDABv0TM')">
|
||||
<span class="more_text">更多</span>
|
||||
<img src="../../../assets/index/academy_and_sciences/gangduobai1.png" alt="">
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
|
||||
<div class="academy_title">
|
||||
学术交流
|
||||
{{ $t("message.academic") }}
|
||||
</div>
|
||||
<el-row>
|
||||
<el-col :span="11">
|
||||
<div class="academy_content" >
|
||||
<div class="academy_content" @click="getArticle(sciencesData[0])">
|
||||
<div class="academy_content_icontime">
|
||||
<div class="img"></div>
|
||||
<span>2022-10-08</span>
|
||||
<span>{{getDateTime(sciencesData[0].publishTime)}}</span>
|
||||
</div>
|
||||
<div class="academy_content_title">
|
||||
信息科学与技术学院开展英
|
||||
{{sciencesData[0].title}}
|
||||
</div>
|
||||
<div class="academy_content_text">
|
||||
为加强学院学风建设，提升学生英语能力，2021学风建设，提升学生英语能力，2021学风建设，提升学生英语能力，2021学风建设，提升学生英语能力，2021年10月25日晚，息科学与…
|
||||
<div class="academy_content_text" v-html="sciencesData[0].content">
|
||||
</div>
|
||||
</div>
|
||||
</el-col>
|
||||
@@ -107,53 +42,53 @@
|
||||
<div class="grid-content"></div>
|
||||
</el-col>
|
||||
<el-col :span="11">
|
||||
<div class="academy_content">
|
||||
<div class="academy_content" @click="getArticle(sciencesData[1])">
|
||||
<div class="academy_content_icontime">
|
||||
<div class="img"></div>
|
||||
<span>2022-10-08</span>
|
||||
<span>{{getDateTime(sciencesData[1].publishTime)}}</span>
|
||||
</div>
|
||||
<div class="academy_content_title">
|
||||
信息科学与学风建设，提升学生英语能力，2021学风建设，提升学生英语能力，2021学风建设，提升学生英语能力，2021
|
||||
{{sciencesData[1].title}}
|
||||
</div>
|
||||
<div class="academy_content_text">
|
||||
为加强学院学风建设，提升学生英语能力，2021学风建设，提升学生英语能力，2021学风建设，提升学生英语能力，2021学风建设，提升学生英语能力，2021年10月25日晚，息科学与…
|
||||
</div>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="11">
|
||||
<div class="academy_content">
|
||||
<div class="academy_content_icontime">
|
||||
<div class="img"></div>
|
||||
<span>2022-10-08</span>
|
||||
</div>
|
||||
<div class="academy_content_title">
|
||||
信息科学与技术学院开展英
|
||||
</div>
|
||||
<div class="academy_content_text">
|
||||
为加强学院学风建设，提升学生英语能力，2021学风建设，提升学生英语能力，2021学风建设，提升学生英语能力，2021学风建设，提升学生英语能力，2021年10月25日晚，息科学与…
|
||||
</div>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="2">
|
||||
<div class="grid-content"></div>
|
||||
</el-col>
|
||||
<el-col :span="11">
|
||||
<div class="academy_content">
|
||||
<div class="academy_content_icontime">
|
||||
<!-- <img :src="src" alt="">-->
|
||||
<div class="img"></div>
|
||||
<span>2022-10-08</span>
|
||||
</div>
|
||||
<div class="academy_content_title">
|
||||
信息科学与技术学院学风建设，提升学生英语能力，2021学风建设，提升学生英语能力，2021学风建设，提升学生英语能力，2021
|
||||
</div>
|
||||
<div class="academy_content_text">
|
||||
为加强学院学风建设，提升学生英语能力，2021学风建设，提升学生英语能力，2021学风建设，提升学生英语能力，2021学风建设，提升学生英语能力，2021年10月25日晚，息科学与…
|
||||
<div class="academy_content_text" v-html="sciencesData[1].content">
|
||||
</div>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<div class="more">
|
||||
<el-row>
|
||||
<el-col :span="11">
|
||||
<div class="academy_content" @click="getArticle(sciencesData[1])">
|
||||
<div class="academy_content_icontime">
|
||||
<div class="img"></div>
|
||||
<span>{{getDateTime(sciencesData[2].publishTime)}}</span>
|
||||
</div>
|
||||
<div class="academy_content_title">
|
||||
{{sciencesData[2].title}}
|
||||
</div>
|
||||
<div class="academy_content_text" v-html="sciencesData[2].content">
|
||||
</div>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="2">
|
||||
<div class="grid-content"></div>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="11">
|
||||
<div class="academy_content" @click="getArticle(sciencesData[1])">
|
||||
<div class="academy_content_icontime">
|
||||
<!-- <img :src="src" alt="">-->
|
||||
<div class="img"></div>
|
||||
<span>{{getDateTime(sciencesData[3].publishTime)}}</span>
|
||||
</div>
|
||||
<div class="academy_content_title">
|
||||
{{sciencesData[3].title}}
|
||||
</div>
|
||||
<div class="academy_content_text" v-html="sciencesData[3].content">
|
||||
</div>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<div class="more" @click="lookMore('47sdOe8NQs0B4EHmM-wFWjQ')">
|
||||
<span class="more_text">更多</span>
|
||||
<img src="../../../assets/index/academy_and_sciences/gangduobai1.png" alt="">
|
||||
</div>
|
||||
@@ -165,12 +100,69 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
||||
import {getArticleList} from "@/api";
|
||||
import {toArticle} from "@/utils/sist";
|
||||
import {lookMoreFixedComment} from "../../../utils/sist";
|
||||
export default {
|
||||
name: "academy_and_sciences",
|
||||
data(){
|
||||
return{
|
||||
width: document.documentElement.clientWidth > 992,
|
||||
academyData:[],
|
||||
sciencesData:[],
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
created() {
|
||||
this.getAcademyList();
|
||||
this.getSciencesList();
|
||||
},
|
||||
methods: {
|
||||
clickTo(link) {
|
||||
//console.log(link)
|
||||
window.location.href = link;//当前标签页
|
||||
},
|
||||
getArticle(news) {
|
||||
toArticle(news, this.width);
|
||||
},
|
||||
lookMore(str) {
|
||||
lookMoreFixedComment(str, this.width);
|
||||
},
|
||||
getAcademyList() {
|
||||
getArticleList({
|
||||
navId: "b4Lm82Ct_eaF2u5XDABv0TM",
|
||||
pageNum: 1,
|
||||
pageSize: 9
|
||||
}).then(res => {
|
||||
this.academyData = res.rows;
|
||||
});
|
||||
},
|
||||
getSciencesList() {
|
||||
getArticleList({
|
||||
navId: "47sdOe8NQs0B4EHmM-wFWjQ",
|
||||
pageNum: 1,
|
||||
pageSize: 4
|
||||
}).then(res => {
|
||||
this.sciencesData = 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>
|
||||
|
||||
@@ -214,6 +206,7 @@ export default {
|
||||
}
|
||||
|
||||
.sciences_content {
|
||||
cursor: pointer;
|
||||
display: flex;
|
||||
margin-bottom: 1.6rem;
|
||||
|
||||
@@ -278,6 +271,7 @@ export default {
|
||||
}
|
||||
|
||||
.academy_content {
|
||||
cursor: pointer;
|
||||
|
||||
//&:hover{
|
||||
// box-shadow: 0 8px 11px 0 rgba(0, 73, 174, 0.5);
|
||||
|
||||
Reference in New Issue
Block a user