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

91
src/views/index/components/announcements.vue
View File

@@ -5,7 +5,7 @@
<img src="../../../assets/index/announcements/gang1.png" alt="">
</div>
<div class="title">
通知公告
{{ $t("message.notice") }}
</div>
<div class="line_right">
<img src="../../../assets/index/announcements/gang2.png" alt="">
@@ -15,42 +15,15 @@
<el-row type="flex" justify="center">
<el-col :xs="23" :sm="20" :md="16" :lg="12" :xl="12">
<el-row type="flex" justify="space-between">
<el-col :xs="7" :sm="7" :md="7" :lg="7" :xl="7">
<div class="announcements_text">
<el-col :xs="7" :sm="7" :md="7" :lg="7" :xl="7" v-for="(item,index) in announcementsData" :key="index">
<div class="announcements_text" @click="getArticle(item)">
<div class="announcements_text_line_time">
<div class="announcements_text_line_time_btime">27</div>
<div class="announcements_text_line_time_stime">2022-09</div>
<div class="announcements_text_line_time_btime">{{getDayTime(item.publishTime)}}</div>
<div class="announcements_text_line_time_stime">{{getDateTime(item.publishTime)}}</div>
</div>
<div class="announcements_text_line"></div>
<div class="announcements_text_title">信息科学与与技术学院开与技术学院开与技术学院开与技术学院开与技术学院开会</div>
<div class="announcements_text_content">
为加强学院学风建设，提升学生英语能力，2021年10月2与技术学院开与技术学院开与技术学院开与技术学院开与技术学院开学院组织开展英语四级备考指导会。本次指导会邀请学校外国语学院李捷老师担任主讲，…
</div>
</div>
</el-col>
<el-col :xs="7" :sm="7" :md="7" :lg="7" :xl="7">
<div class="announcements_text">
<div class="announcements_text_line_time">
<div class="announcements_text_line_time_btime">27</div>
<div class="announcements_text_line_time_stime">2022-09</div>
</div>
<div class="announcements_text_line"></div>
<div class="announcements_text_title">信息科学与技术学院开与技术学院开与技术学院开展英语四级备考指导会</div>
<div class="announcements_text_content">
为加强学院学风建设，提升学生英语能力，2021年10与技术学院开与技术学院开与技术学院开与技术学院开学院组织开展英语四级备考指导会。本次指导会邀请学校外国语学院李捷老师担任主讲，…
</div>
</div>
</el-col>
<el-col :xs="7" :sm="7" :md="7" :lg="7" :xl="7">
<div class="announcements_text">
<div class="announcements_text_line_time">
<div class="announcements_text_line_time_btime">27</div>
<div class="announcements_text_line_time_stime">2022-09</div>
</div>
<div class="announcements_text_line"></div>
<div class="announcements_text_title">信息科学与技与技术学院开与技术学院开与技术学院开级备考指导会</div>
<div class="announcements_text_content">
为加强学院学风建设，提升学生英语能力，2021年10月25与技术学院开与技术学院开与技术学院开与技术学院开与技术学院开学院组织开展英语四级备考指导会。本次指导会邀请学校外国语学院李捷老师担任主讲，…
<div class="announcements_text_title">{{item.title}}</div>
<div class="announcements_text_content" v-html="item.content">
</div>
</div>
</el-col>
@@ -58,7 +31,7 @@
</el-col>
</el-row>
<div class="more">
<div class="more" @click="lookMore">
<span class="more_text">更多</span>
<img src="../../../assets/index/news_center/gd_icon.png" alt="">
</div>
@@ -66,8 +39,53 @@
</template>
<script>
import {getArticleList} from "@/api";
import {toArticle} from "@/utils/sist";
import {lookMoreFixedComment} from "../../../utils/sist";
export default {
name: "announcements"
name: "announcements",
data() {
return {
announcementsData: [],
width: document.documentElement.clientWidth > 992
};
},
created() {
this.getAnnouncementsList();
},
methods: {
clickTo(link) {
//console.log(link)
window.location.href = link;//当前标签页
},
getArticle(news) {
toArticle(news, this.width);
},
lookMore() {
lookMoreFixedComment("Ag_9Jx2oC93JQcGt0VS0d4I", this.width);
},
getAnnouncementsList() {
getArticleList({
navId: "Ag_9Jx2oC93JQcGt0VS0d4I",
pageNum: 1,
pageSize: 3
}).then(res => {
this.announcementsData = res.rows;
});
},
getDateTime(date) {
let time = new Date(date);
let year = time.getFullYear();
let month = time.getMonth() + 1
return year + "-" + month;
},
getDayTime(date) {
let time = new Date(date);
let day = time.getDate();
return day;
},
},
};
</script>
@@ -109,6 +127,7 @@ export default {
}
.announcements_text {
cursor: pointer;
&:hover {
box-shadow: 0px 8px 11px 0px rgba(0, 73, 174, 0.5);
}