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

01

Browse Source
This commit is contained in:
clay
2022-01-19 19:24:02 +08:00
parent 74a0130727
commit d0b9848102
7 changed files with 269 additions and 155 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -111,13 +111,15 @@ export default {
console.log(`每页 ${val} 条`); console.log(`每页 ${val} 条`);
}, },
handleCurrentChange(val) { handleCurrentChange(val) {
if (val != -1){ if (val == -1) {
this.value.pageNum = 1
}else {
this.value.pageNum = val this.value.pageNum = val
} }
let data = { let data = {
title:this.query, title:this.query,
id: this.value.navId, id: this.value.navId,
pageNum: val, pageNum: this.value.pageNum,
pageSize: 4 pageSize: 4
} }
this.type = this.$route.query && this.$route.query.type this.type = this.$route.query && this.$route.query.type

15
src/views/header/index.vue
View File

@@ -1,15 +1,4 @@
<template> <template>
<!-- <el-row>-->
<!-- <el-col :xs="1" :sm="2" :md="2" :lg="4" :xl="4">-->
<!-- <div class="grid-content"></div>-->
<!-- </el-col>-->
<!-- <el-col :xs="22" :sm="20" :md="20" :lg="16" :xl="16">-->
<!-- </el-col>-->
<!-- <el-col :xs="1" :sm="2" :md="2" :lg="4" :xl="4">-->
<!-- <div class="grid-content"></div>-->
<!-- </el-col>-->
<!-- </el-row>-->
<div class="header"> <div class="header">
<!--头部部分--> <!--头部部分-->
<div class="top"> <div class="top">
@@ -241,7 +230,7 @@ export default {
display: none; display: none;
width: 16.5rem; width: 16.5rem;
position: absolute; position: absolute;
top: 8rem; top: 6rem;
background-color: transparent; background-color: transparent;
//display: block; //display: block;
//width: 100%; //width: 100%;
@@ -308,7 +297,7 @@ export default {
display: block; display: block;
} }
.link_text_title{ .link_text_title{
font-weight: 900; font-weight: bolder !important;
} }
} }

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

@@ -1,6 +1,6 @@
<template> <template>
<div class="news_center"> <div class="news_center">
<!--title--> <!--title
<el-row> <el-row>
<el-col :xs="1" :sm="2" :md="4" :lg="6" :xl="6"> <el-col :xs="1" :sm="2" :md="4" :lg="6" :xl="6">
<div class="grid-content"></div> <div class="grid-content"></div>
@@ -21,7 +21,29 @@
</el-col> </el-col>
</el-row> </el-row>
</el-col> </el-col>
</el-row> </el-row>-->
<!--title-->
<div class="headline">
<div class="hr_div">
<div class="hr_line_left">
</div>
<div class="hr_dot_left">
</div>
</div>
<div class="title">
{{ $t('message.news_center') }}
</div>
<div class="hr_div">
<div class="hr_line_right">
</div>
<div class="hr_dot_right">
</div>
</div>
</div>
<!--录播图--> <!--录播图-->
<el-row> <el-row>
<el-col :xs="1" :sm="2" :md="2" :lg="3" :xl="5"> <el-col :xs="1" :sm="2" :md="2" :lg="3" :xl="5">
@@ -54,13 +76,13 @@
</el-col> </el-col>
<el-col :xs="22" :sm="20" :md="20" :lg="18" :xl="14"> <el-col :xs="22" :sm="20" :md="20" :lg="18" :xl="14">
<el-row class="news"> <el-row class="news">
<el-col v-for="(news,index) in newsDate" :key="index" :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" @click="getArticle(news)"> <div class="news_context" @click="getArticle(news)">
<div class="news_context_img"> <div class="news_context_img">
<img :src="news.imgurl" alt=""> <img :src="news.imgurl" alt="">
</div> </div>
<div class="news_context_text"> <div class="news_context_text">
{{news.title}} {{ news.title }}
</div> </div>
</div> </div>
</el-col> </el-col>
@@ -91,11 +113,11 @@ import {getParentNode} from "@/utils/sist";
export default { export default {
name: "news_center", name: "news_center",
data(){ data() {
return{ return {
newsDate:[], newsDate: [],
bannerDate:[], bannerDate: [],
width: document.documentElement.clientWidth>992, width: document.documentElement.clientWidth > 992,
} }
}, },
created() { created() {
@@ -103,27 +125,27 @@ export default {
this.getBanner() this.getBanner()
}, },
methods: { methods: {
getList(){ getList() {
getArticleList({ getArticleList({
type:"XC7D8m5gkr35BX1b4Otiln4", type: "XC7D8m5gkr35BX1b4Otiln4",
pageNum: 1, pageNum: 1,
pageSize: 4 pageSize: 4
}).then(res=>{ }).then(res => {
this.newsDate = res.rows this.newsDate = res.rows
}) })
}, },
getArticle(news){ getArticle(news) {
info(news.id).then(res=>{ info(news.id).then(res => {
let info = getParentNode(res.data.encodeId) let info = getParentNode(res.data.encodeId)
if (this.width){ if (this.width) {
this.$router.push("/pc/" + info.second.encodeId +"/" +info.three.encodeId+"?id="+news.id); this.$router.push("/pc/" + info.second.encodeId + "/" + info.three.encodeId + "?id=" + news.id);
}else { } else {
this.$router.push("/mobile/" + info.second.encodeId +"/" +info.three.encodeId+"?id="+news.id); this.$router.push("/mobile/" + info.second.encodeId + "/" + info.three.encodeId + "?id=" + news.id);
} }
}) })
}, },
getBanner(){ getBanner() {
banner("NEd5n92EMIpyyBslaNqsRgE").then(res=>{ banner("NEd5n92EMIpyyBslaNqsRgE").then(res => {
this.bannerDate = res.data this.bannerDate = res.data
}) })
} }
@@ -133,7 +155,8 @@ export default {
<style scoped lang="scss"> <style scoped lang="scss">
@import '../css/comment.css'; @import '../css/comment.css';
.news_center{
.news_center {
padding-bottom: 2rem; padding-bottom: 2rem;
} }
@@ -195,16 +218,16 @@ export default {
margin: 1rem auto; margin: 1rem auto;
width: 80%; width: 80%;
//height: 4rem; //height: 4rem;
overflow:hidden; //超出的文本隐藏 overflow: hidden; //超出的文本隐藏
text-overflow:ellipsis; //溢出用省略号显示 text-overflow: ellipsis; //溢出用省略号显示
display:-webkit-box; //作为弹性伸缩盒子模型显示。 display: -webkit-box; //作为弹性伸缩盒子模型显示。
-webkit-box-orient:vertical; //设置伸缩盒子的子元素排列方式--从上到下垂直排列 -webkit-box-orient: vertical; //设置伸缩盒子的子元素排列方式--从上到下垂直排列
-webkit-line-clamp:3; //显示的行 -webkit-line-clamp: 3; //显示的行
} }
} }
} }
@media screen and (min-width: 1100px) and (max-width: 1400px) { @media screen and (min-width: 1100px) and (max-width: 1400px) {
.news_context { .news_context {
width: 20rem !important; width: 20rem !important;
height: 20rem !important; height: 20rem !important;

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

@@ -1,28 +1,48 @@
<template> <template>
<div class="party_building_activities"> <div class="party_building_activities">
<!--title--> <!--title-->
<el-row>
<el-col :xs="1" :sm="2" :md="4" :lg="6" :xl="6"> <div class="headline">
<div class="grid-content"></div> <div class="hr_div">
</el-col> <div class="hr_line_left">
<el-col class="headline" :xs="22" :sm="20" :md="16" :lg="12" :xl="12">
<div class="title">
<!-- {{ $t('message.news_center') }}-->
党群工作
</div> </div>
<el-row> <div class="hr_dot_left">
<el-col :span="8"> </div>
<hr class="hr"> </div>
</el-col> <div class="title">
<el-col :span="8"> <!--{{ $t('message.news_center') }}-->
<div class="divider_text">Party Building Activities</div> 党群工作
</el-col> </div>
<el-col :span="8"> <div class="hr_div">
<hr class="hr"> <div class="hr_line_right">
</el-col> </div>
</el-row> <div class="hr_dot_right">
</el-col> </div>
</el-row> </div>
</div>
<!--<el-row>-->
<!-- <el-col :xs="1" :sm="2" :md="4" :lg="6" :xl="6">-->
<!-- <div class="grid-content"></div>-->
<!-- </el-col>-->
<!-- -->
<!-- <el-col class="headline" :xs="22" :sm="20" :md="16" :lg="12" :xl="12">-->
<!-- <div class="title">-->
<!-- &lt;!&ndash; {{ $t('message.news_center') }}&ndash;&gt;-->
<!-- 党群工作-->
<!-- </div>-->
<!-- <el-row>-->
<!-- <el-col :span="8">-->
<!-- <hr class="hr">-->
<!-- </el-col>-->
<!-- <el-col :span="8">-->
<!-- <div class="divider_text">Party Building Activities</div>-->
<!-- </el-col>-->
<!-- <el-col :span="8">-->
<!-- <hr class="hr">-->
<!-- </el-col>-->
<!-- </el-row>-->
<!-- </el-col>-->
<!--</el-row>-->
<!--轮播图--> <!--轮播图-->
<el-row> <el-row>
@@ -34,30 +54,34 @@
</el-col> </el-col>
</el-row> </el-row>
<!--更多--> <!--更多-->
<el-row>
<el-col :xs="1" :sm="2" :md="4" :lg="6" :xl="6">
<div class="grid-content"></div> <div class="headline">
</el-col> <!--<div style="background: #DA2D2D;color: #E6E6E6;" class="more">-->
<el-col class="headline" :xs="22" :sm="20" :md="16" :lg="12" :xl="12"> <!-- {{ $t('message.more') }}-->
<div style="background: #DA2D2D;color: #FFFFFF;" class="more"> <!--</div>-->
{{ $t('message.more') }} <!--<div class="more_img">-->
<!-- <img src="@/assets/index/party_building_activities/sy_icon_zhdh.png" alt="">-->
<!--</div>-->
<div class="hr_div">
<div class="hr_line_left">
</div> </div>
<div class="more_img"> <div class="hr_dot_left">
<img src="@/assets/index/party_building_activities/sy_icon_zhdh.png" alt="">
</div> </div>
<el-row> </div>
<el-col :span="9"> <div class="hr_text" style="color:#DA2D2D;">
<hr class="hr"> <!--{{ $t('message.news_center') }}-->
</el-col> 党史教育
<el-col :span="6"> </div>
<div class="divider_text">党史教育</div> <div class="hr_div">
</el-col> <div class="hr_line_right">
<el-col :span="9"> </div>
<hr class="hr"> <div class="hr_dot_right">
</el-col> </div>
</el-row> </div>
</el-col> </div>
</el-row>
<!--党史教育内容--> <!--党史教育内容-->
<el-row> <el-row>
<el-col :xs="1" :sm="2" :md="2" :lg="3" :xl="5"> <el-col :xs="1" :sm="2" :md="2" :lg="3" :xl="5">
@@ -132,6 +156,14 @@ export default {
} }
.headline { .headline {
.hr_line_left,.hr_line_right{
border-color: #DA2D2D !important;
}
.hr_dot_left,.hr_dot_right{
background-color: #DA2D2D !important;
}
.title { .title {
background: #DA2D2D; background: #DA2D2D;
} }

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

@@ -1,28 +1,49 @@
<template> <template>
<div class="scientific_research_trends"> <div class="scientific_research_trends">
<!--title--> <!--title-->
<el-row> <div class="headline">
<el-col :xs="1" :sm="2" :md="4" :lg="6" :xl="6"> <div class="hr_div">
<div class="grid-content"></div> <div class="hr_line_left">
</el-col>
<el-col class="headline" :xs="22" :sm="20" :md="16" :lg="12" :xl="12">
<div class="title">
<!-- {{ $t('message.news_center') }}-->
科学研究
</div> </div>
<el-row> <div class="hr_dot_left">
<el-col :span="8"> </div>
<hr class="hr"> </div>
</el-col> <div class="title">
<el-col :span="8"> <!--{{ $t('message.news_center') }}-->
<div class="divider_text">Scientific research trends</div> 科学研究
</el-col> </div>
<el-col :span="8"> <div class="hr_div">
<hr class="hr"> <div class="hr_line_right">
</el-col> </div>
</el-row> <div class="hr_dot_right">
</el-col> </div>
</el-row> </div>
</div>
<!--<el-row>-->
<!-- <el-col :xs="1" :sm="2" :md="4" :lg="6" :xl="6">-->
<!-- <div class="grid-content"></div>-->
<!-- </el-col>-->
<!-- <el-col class="headline" :xs="22" :sm="20" :md="16" :lg="12" :xl="12">-->
<!-- <div class="title">-->
<!-- &lt;!&ndash; {{ $t('message.news_center') }}&ndash;&gt;-->
<!-- 科学研究-->
<!-- </div>-->
<!-- <el-row>-->
<!-- <el-col :span="8">-->
<!-- <hr class="hr">-->
<!-- </el-col>-->
<!-- <el-col :span="8">-->
<!-- <div class="divider_text">Scientific research trends</div>-->
<!-- </el-col>-->
<!-- <el-col :span="8">-->
<!-- <hr class="hr">-->
<!-- </el-col>-->
<!-- </el-row>-->
<!-- </el-col>-->
<!--</el-row>-->
<!--科学研究新闻内容--> <!--科学研究新闻内容-->
<el-row> <el-row>
<el-col :xs="1" :sm="2" :md="2" :lg="3" :xl="5"> <el-col :xs="1" :sm="2" :md="2" :lg="3" :xl="5">
@@ -62,27 +83,28 @@
</el-row> </el-row>
<!--更多--> <!--更多-->
<el-row>
<el-col :xs="1" :sm="2" :md="4" :lg="6" :xl="6"> <div class="headline">
<div class="grid-content"></div> <div style="background: #FFFFFF;color: #1956BC;" class="more" @click="lookMore(scientificData[0])">
</el-col> {{ $t('message.more') }}
<el-col class="headline" :xs="22" :sm="20" :md="16" :lg="12" :xl="12"> </div>
<div style="background: #FFFFFF;color: #1956BC;" class="more"> <div class="hr_div">
{{ $t('message.more') }} <div class="hr_line_left">
</div> </div>
<el-row> <div class="hr_dot_left">
<el-col :span="9"> </div>
<hr class="hr"> </div>
</el-col> <div class="hr_text" style="color:#E6E6E6;">
<el-col :span="6"> <!--{{ $t('message.news_center') }}-->
<div class="divider_text">学术交流</div> 学术交流
</el-col> </div>
<el-col :span="9"> <div class="hr_div">
<hr class="hr"> <div class="hr_line_right">
</el-col> </div>
</el-row> <div class="hr_dot_right">
</el-col> </div>
</el-row> </div>
</div>
<!--学术交流--> <!--学术交流-->
<el-row> <el-row>
<el-col :xs="1" :sm="2" :md="2" :lg="3" :xl="5"> <el-col :xs="1" :sm="2" :md="2" :lg="3" :xl="5">

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

@@ -2,28 +2,25 @@
<div class="teaching_student"> <div class="teaching_student">
<!--title--> <!--title-->
<el-row>
<el-col :xs="1" :sm="2" :md="4" :lg="6" :xl="6"> <div class="headline">
<div class="grid-content"></div> <div class="hr_div">
</el-col> <div class="hr_line_left">
<el-col class="headline" :xs="22" :sm="20" :md="16" :lg="12" :xl="12">
<div class="title">
<!-- {{ $t('message.news_center') }}-->
教学工作
</div> </div>
<el-row> <div class="hr_dot_left">
<el-col :span="8"> </div>
<hr class="hr"> </div>
</el-col> <div class="title">
<el-col :span="8"> <!--{{ $t('message.news_center') }}-->
<div class="divider_text">Teaching and student</div> 教学工作
</el-col> </div>
<el-col :span="8"> <div class="hr_div">
<hr class="hr"> <div class="hr_line_right">
</el-col> </div>
</el-row> <div class="hr_dot_right">
</el-col> </div>
</el-row> </div>
</div>
<!--教学工作内容--> <!--教学工作内容-->
<el-row> <el-row>

63
src/views/index/css/comment.css
View File

@@ -4,18 +4,66 @@
* @description：comment * @description：comment
* @email: clay@hchyun.com * @email: clay@hchyun.com
*/ */
.headline > .title { .headline{
margin: 0 auto; text-align:center;
width: 23rem; margin-bottom: 3rem;
height: 6rem; }
.hr_line_left{
float: left;
border: .1rem solid #E6E6E6;
margin-top: .3rem;
width: 24rem;
}
.hr_dot_left{
float: right;
width: .8rem;
height: .8rem;
background-color: #E6E6E6;
border-radius: .8rem;
}
.hr_line_right{
float: right;
border: .1rem solid #E6E6E6;
margin-top: .3rem;
width: 24rem;
}
.hr_dot_right{
float: left;
width: .8rem;
height: .8rem;
background-color: #E6E6E6;
border-radius: .8rem;
}
.hr_text{
display: inline-block;
font-size: 2rem;
color: #1956BC;
}
.headline>.hr_div{
padding: 0 2rem;
clear: left;
/*border: .1rem solid #E6E6E6;*/
display: inline-block;
}
.hr_test{
/*border: .1rem solid #E6E6E6;*/
}
.hr_div{
width: 25rem;
}
.hr_left{
display: inline-block;
width: 25rem;
}
.headline .title {
display: inline-block;
padding: 1rem 3.3rem;
background: #1956BC; background: #1956BC;
border-radius: 2.95rem; border-radius: 2.95rem;
text-align: center;
line-height: 6rem;
font-size: 2.6rem; font-size: 2.6rem;
font-weight: 500; font-weight: 500;
color: #FFFFFF; color: #FFFFFF;
text-align: center;
} }
.divider div { .divider div {
@@ -30,6 +78,7 @@
} }
.more { .more {
cursor: pointer !important;
width: 12.8rem; width: 12.8rem;
height: 3.6rem; height: 3.6rem;
background: #1956BC; background: #1956BC;