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

4
src/i18n/langs/cn.js
View File

@@ -22,6 +22,10 @@ const cn = {
'teaching_work': '教学工作',
'data_information': '数据中的信息',
'notice': '通知公告',
'scientific': '科学研究',
'undergraduate_education': '本科教育',
'postgraduate_education': '研究生教育',
'employees': '职工人数',
'number_students': '在校学生人数',
'graduate_tutor': '研究生导师',

4
src/i18n/langs/en.js
View File

@@ -20,6 +20,10 @@ const en = {
'teaching_work': 'Teaching work',
'data_information': 'DATA INFORMATION',
'notice': 'Notice',
'scientific': 'Scientific',
'undergraduate_education': 'Undergraduate education',
'postgraduate_education': 'Postgraduate education',
'employees': 'Employees',
'number_students': 'Number of students',
'graduate_tutor': 'Graduate tutor',

8
src/views/content/components/list.vue
View File

@@ -278,7 +278,15 @@ export default {
}
}
.pagination_p {
text-align: center;
margin-bottom: 2rem;
.pagination {
display: inline-block;
float: none;
}
}
.query {
//margin: 1rem 0;
z-index: 999;

222
src/views/index/components/academy_and_sciences.vue
View File

@@ -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);

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);
}

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

@@ -3,15 +3,14 @@
<div class="news_center">
<div class="headline">
<div class="title">
<!-- {{ $t("message.news_ceter") }}-->
新闻中心
{{ $t("message.news_ceter") }}
<span class="vertica_line"></span>
<div class="news_center_english">
<span class="">NEWS</span>
<span class="">CENTER</span>
</div>
</div>
<div class="more">
<div class="more" @click="lookMore()">
<span class="more_text">更多</span>
<img src="../../../assets/index/news_center/gd_icon.png" alt="">
</div>
@@ -21,7 +20,7 @@
<div class="news">
<el-row>
<el-col :span="6" v-for="(item,index) in newsData" :key="index">
<div class="news_context">
<div class="news_context" @click="getArticle(item)">
<div class="news_context_img">
<img v-if="!item.imgurl" src="../../../assets/index/news_center/t4.png" alt="">
<img v-if="item.imgurl" :src="item.imgurl" alt="">
@@ -32,7 +31,7 @@
</div>
<div class="news_context_time">
<div class="icon"><img src="../../../assets/index/news_center/shijian.png" alt=""></div>
<span class="time">{{getDateTime(item.publishTime)}}</span>
<span class="time">{{ getDateTime(item.publishTime) }}</span>
</div>
</div>
</div>
@@ -67,7 +66,7 @@ export default {
getArticle(news) {
toArticle(news, this.width);
},
lookMore(news) {
lookMore() {
lookMoreFixedComment("DpHktHeXJp3MX-FZoZdjz3w", this.width);
},
getList() {
@@ -145,7 +144,7 @@ export default {
width: 70rem !important;
}
.news_context {
padding-bottom: .5rem!important;
padding-bottom: .5rem !important;
}
}
@@ -238,6 +237,7 @@ export default {
width: 100%;
//height: 35.1rem;
padding-bottom: 2rem;
&:hover {
box-shadow: 0 0 0.7rem 0 rgba(18, 69, 155, 0.59);
}

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

@@ -23,7 +23,7 @@
</el-col>
</el-row>
<div class="more">
<div class="more" @click="lookMore()">
<span class="more_text">更多</span>
<img src="../../../assets/index/party_building_activities/gangduohh.png" alt="">
</div>
@@ -55,7 +55,7 @@ export default {
getArticle(item) {
toArticle(item, this.width);
},
lookMore(item) {
lookMore() {
// lookMoreComment(item,this.width)
lookMoreFixedComment("N8YFxHPHwy6PyHt7J-gIDCU", this.width);
},

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;