Skip to content

C
court-inner
Commit d8f3b83e by 莫晓莉
Options

精彩回顾

parent 83de50f3
Showing with 76 additions and 28 deletions
src/api/news.js
......@@ -76,3 +76,13 @@ export function fyxwClickRaking(data) {
data,
})
}
//精彩回顾
export function highlights(data) {
return request({
url: `websiteCluster/web/highlights`,
method: 'post',
data,
})
}
src/router/routers.js
......@@ -40,7 +40,7 @@ const constantRouterMap = [
{
path: "/list",
name: 'list',
meta: { title: '工作信息', icon: '' },
meta: { title: '新闻列表', icon: '' },
component: resolve => require(["@/views/list"], resolve),
},
{
......
src/views/detail/index.vue
......@@ -147,42 +147,40 @@
<div class="zone-style">
<div class="k-flex-between-center">
<div class="k-flex k-align-center">
<img
<el-image
class="mr-5 gong-icon"
style=""
src="../../assets/home/gonggao.png"
/>
:src="require('../../assets/news/3.png')"
></el-image>
<div>精彩回顾</div>
</div>
<div style="font-size: 12px; color: #999999">
<span>MORE></span>
</div>
</div>
<div class="mt-10 mb-5 k-flex k-align-center">
<div @click="seeParams(highlightsData[0])" class="mt-10 mb-5 k-flex k-align-center">
<img
class="mr-5 gong-icon"
style=""
src="../../assets/home/gonggao.png"
/>
<div class="gonggao-text">
<span>教育整顿进行时</span>
<span
>鹿心社与自治区级政法机关领导班子成立交付给来访登记过了多久</span
>
<span>{{ highlightsData[0].subject }}</span>
<!-- <span v-html="highlightsData[0].content"></span> -->
</div>
</div>
<div
v-for="(item, index) in topList"
:key="index"
v-for="item in highlightsData"
:key="item.newsId"
class="k-flex k-space-between top-list"
@click="seeParams(item)">
<div class="article-name">
<span class="right-line">
我为群众办实事
{{ item.boardName }}
<span class="line-div"></span>
</span>
<span>{{ item.name }}</span>
<span>{{item.subject}}</span>
</div>
<div>{{ item.date }}</div>
</div>
......@@ -321,12 +319,16 @@ import { removeToken } from "@/utils/auth";
import { createMessage,commentRaking,monthClickRanking } from "@/api/detail";
// import { getUserInfo } from "@/utils/auth";
import { mapGetters, mapMutations } from "vuex";
import {
highlights,//精彩回顾
} from "@/api/news.js";
export default {
name: "show",
data() {
return {
highlightsData:[],//精彩回顾集合
commentRankData:[],//本月评论
reCommentContent:'',//回复内容
messageDetailData:[],//评论详情
......@@ -411,6 +413,17 @@ export default {
this.breadList=this.$route.matched.filter(item=>item.meta && item.meta.title);
console.log('this.breadList==',this.breadList);
},
// 获取精彩回顾
highlights(){
highlights({page:1,size:5}).then(res=>{
if(res.success){
this.highlightsData=res.data.records;
this.highlightsData.forEach(item=>{
item.date=(item.newsTime).substring(5,10);
})
}
})
},
//本月阅读排行
monthClickRanking(){
let params={};
......@@ -474,6 +487,7 @@ export default {
this.messageDetail(this.$router.history.current.query.newsId);//获取评论详情
// this.commentRaking();//获取本月评论排行
this.monthClickRanking();//获取本月阅读排行
this.highlights();//获取精彩回顾
},
newsDetailFun(val){
newsDetail({newsId:val}).then(res=>{
......
src/views/homePage/index.vue
......@@ -57,7 +57,7 @@
<el-row :gutter="20">
<el-col :span="8" style="">
<div class="work-tab-list" v-for="(item,index) in WorkButton" :key="index" >
<div class="tab-item" :class="[workActive==index? 'tab-item-active':'']" @click="informationSelection(item,index)">
<div style="font-size:8px;" class="tab-item" :class="[workActive==index? 'tab-item-active':'']" @click="informationSelection(item,index)">
{{item.boardName}}
</div>
......@@ -278,7 +278,8 @@
<el-button @click.native="switchBtnPolice(0)" :class="['btn-item',{'sanjiao':activeItemPolice==0}]">视频点播</el-button>
<el-button @click.native="switchBtnPolice(1)" :class="['btn-item',{'sanjiao':activeItemPolice==1}]">全区速递</el-button>
</div>
<div style="font-size:12px;color: #999999;">
<!-- 视频点播的id1965 -->
<div @click="toMorelist(1965)" style="font-size:12px;color: #999999;">
<span>MORE></span>
</div>
</div>
......@@ -949,11 +950,12 @@ export default {
margin-top:5px;
}
.work-tab-list .tab-item{
padding:7px 0;
padding:5px 0;
text-align:center;
background:#ccc;
cursor: pointer;
font-size:10px;
// font-size:10px;
font-size:10px !important;
border-radius:5px;
color:#fff;
}
......@@ -1079,9 +1081,8 @@ color:#fff;
margin-top:5px;
}
.tab-item{
// height:45px;
// line-height:45px;
margin: 10px 0;
// margin: 10px 0;
margin: 7px 0;
padding:10px 0;
text-align:center;
background:#ccc;
......
src/views/news/index.vue
......@@ -191,19 +191,19 @@
</div>
<el-row class="mt-10 mb-10" :gutter="10">
<el-col :span="12">
<el-image style="" :src="require('../../assets/pic.jpg')"></el-image>
</el-col :span="12">
<el-image v-if="highlightsData[0].attInfoList[0]" style="" :src="highlightsData[0].attInfoList[0].downloadPath"></el-image>
</el-col >
<el-col :span="12">
<div class="re-see">
结果立刻发动进攻类库的结构来看到付即可购房贷款逛街看到路上经过考虑工具开发架构框架
<span style="color:red;font-size:10px;">[详细]</span>
<div v-if="highlightsData[0]" class="re-see">
<!-- 结果立刻发动进攻类库的结构来看到付即可购房贷款逛街看到路上经过考虑工具开发架构框架 -->
<div class="hightlight-v" v-html="highlightsData[0].content"></div>
<span @click="setParams(highlightsData[0])" style="color:red;font-size:10px;">[详细]</span>
</div>
</el-col >
</el-row>
<div v-for="(item,index) in topList" :key="index" class="k-flex k-space-between top-list" @click="setParams(item)">
<div v-for="item in highlightsData" :key="item.newsId" class="k-flex k-space-between top-list" @click="setParams(item)">
<div class="article-name">
<!--<span class="right-line">我为群众办实事</span>-->
<span class="right-line">{{item.name}}</span>
<span class="right-line">{{item.subject}}</span>
</div>
<div>{{item.date}}</div>
</div>
......@@ -260,6 +260,7 @@
import {
fyxwfromCourt, //获取法院新闻
fyxwClickRaking,//法院新闻排行
highlights,//精彩回顾
} from "@/api/news.js";
import {
newsFromBoard, //获取栏目下的新闻列表
......@@ -269,6 +270,7 @@ import {
export default {
data() {
return {
highlightsData:[],//精彩回顾集合
activeBtn:1,//新闻分类排行
pageInfo:{
page:1,
......@@ -443,6 +445,7 @@ export default {
this.fyxwfromCourt(3);//一加载先获取最新消息
this.fyxwClickRaking(1);//获取法院新闻排行
this.newsFromBoard();//干警作品
this.highlights();//获取精彩回顾
},
methods: {
......@@ -456,6 +459,17 @@ export default {
},
});
},
// 获取精彩回顾
highlights(){
highlights({page:1,size:5}).then(res=>{
if(res.success){
this.highlightsData=res.data.records;
this.highlightsData.forEach(item=>{
item.date=(item.newsTime).substring(5,10);
})
}
})
},
// 获取最新消息和关注自己法院
fyxwfromCourt(type){
......@@ -536,6 +550,7 @@ export default {
},
// 查看详情
setParams(val){
console.log('val==',val);
this.$router.push({
path:'/detail',//跳转路由
query:{//参数对象
......@@ -550,6 +565,14 @@ export default {
</script>
<style lang="scss" scoped>
// 精彩回顾
.hightlight-v{
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
::v-deep{
// 设置轮播图指示器大小
.el-carousel__button{
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment