Skip to content

C
court-inner
Commit 7278b7c1 by 莫晓莉
Options

精彩回顾

parent 9404c8ba
Showing with 322 additions and 12 deletions
src/views/detail/index.vue
......@@ -154,7 +154,7 @@
></el-image>
<div>精彩回顾</div>
</div>
<div style="font-size: 12px; color: #999999">
<div @click="seeMoreEvent(5)" style="font-size: 12px; color: #999999">
<span>MORE></span>
</div>
</div>
......@@ -408,6 +408,18 @@ export default {
}
},
methods: {
seeMoreEvent(type) {
// type=3；3是最新消息，1是关注自己的法院 5,精彩回顾
console.log("更多",type);
this.$router.push({
path: "/more", //跳转路由
query: {
//参数对象
type: type,
},
});
},
// 获取面包屑
getBreadcrumb(){
this.breadList=this.$route.matched.filter(item=>item.meta && item.meta.title);
......@@ -415,7 +427,7 @@ export default {
},
// 获取精彩回顾
highlights(){
highlights({page:1,size:5}).then(res=>{
highlights({page:1,size:5,fyId:32}).then(res=>{
if(res.success){
this.highlightsData=res.data.records;
this.highlightsData.forEach(item=>{
......
src/views/layout/menu.vue
......@@ -17,7 +17,6 @@
:underline="false"
>{{ item.meta.title }}</el-link
>
<!-- <span class="nav-a-text" @click.native="menuRouterClick(item,index)" >{{item.meta.title}}</span> -->
<div
v-if="item.children && item.children.length > 0"
class="submenu-container"
......@@ -36,18 +35,9 @@
:class="{ active: nav.path == linkClick }"
>{{ nav.meta.title }}</el-link
>
<!-- <span class="menu_ul_text">{{nav.meta.title}}</span> -->
</li>
</ul>
</div>
<!-- <div v-if="item.name=='allCourt'" class="submenu-container" >
<ul class="menu_ul" :class="{'active' :index===isShow}"> @click="showToggle(index)" @click="selectedNav(item,index)"
<li class="menu_li" v-for = "(nav,index) in allCourtsData" :class="classB == nav ? 'active' : '' " @click="menuselected(nav)" :key="index">
<router-link class="menu_ul_text" :class="{'active':nav.path == linkClick}" @click = "treeNavSwitch(nav)">{{nav.mc}}</router-link>
</li>
</ul>
</div> -->
<div
v-if="item.name == 'allCourt'"
class="submenu-container-first"
......
src/views/more/index.vue 0 → 100644
<template>
<div >
<el-row >
<el-col :span="18" :offset="3">
<el-row class="mt-20" :gutter="20">
<!--左边栏目开始-->
<!-- <el-col :span="5">
<div class="list-container" style="">
<div class="list-title mb-10" style="">按分类查看</div>
<ul class="type-list">
<li><a href="#">最高法通报</a></li>
<li><a href="#">最高人民法院简报</a></li>
</ul>
</div>
</el-col> -->
<!--左边栏目结束-->
<!-- <el-col :span="19"> -->
<div class="zone-style">
<div style="min-height:76vh;">
<el-table
:header-cell-style="{'text-align':'center','font-size':'15px','color':'black'}"
:cell-style="{'font-size':'13px','border-bottom':'none'}"
:data="moreNewsList"
highlight-current-row
style="width: 100%">
<el-table-column
align="left"
property="subject"
label="标题">
</el-table-column>
<el-table-column
align="center"
property="newsTime"
label="时间"
width="150">
</el-table-column>
<el-table-column
align="center"
property="clickCount"
label="点击"
width="120">
</el-table-column>
<el-table-column
align="center"
property="commentCount"
label="评论"
width="50">
</el-table-column>
<el-table-column
label="操作"
width="50"
align="center"
>
<template slot-scope="scope">
<el-button
@click="setParams(scope.row)"
type="text"
size="mini">
查看
</el-button>
</template>
</el-table-column>
</el-table>
<div style="margin-top:10px;">
<el-pagination
prev-text="上一页"
next-text="下一页"
layout="total,sizes,prev, pager, next,jumper"
:total="pageInfo.total"
:page-size="pageInfo.size"
:current-page="pageInfo.page"
@current-change="pageChange"
@size-change="sizeChange"
/>
</div>
</div>
</div>
<!-- </el-col> -->
</el-row>
</el-col>
</el-row>
</div>
</template>
<script>
import {
highlights,//精彩回顾
fyxwfromCourt, //获取法院新闻
} from "@/api/news.js";
export default {
name: "show",
data() {
return {
pageInfo:{
page:1,
size:10,
total:0
},
moreNewsList:[],//搜索出来的新闻
}
},
created() {
// this.searchForNews();//搜索新闻
// this.highlights();//获取精彩回顾
var type=this.$route.query.type;
// type=3；3是最新消息，1是关注自己的法院 5,精彩回顾
if(type==3 || type==1){
this.fyxwfromCourt(type);
}else if(type==5){
this.highlights();//获取精彩回顾
}
},
//监听路由获取面包屑
watch: {
$route() {
if (this.$route.query.type) {
// type=3；3是最新消息，1是关注自己的法院 5,精彩回顾
if(type==3 || type==1){
this.fyxwfromCourt(type);
}else if(type==5){
this.highlights();//获取精彩回顾
}
}
},
},
methods:{
// 获取精彩回顾
highlights(){
this.pageInfo.fyId=32;
highlights(this.pageInfo).then(res=>{
if(res.success){
this.moreNewsList=res.data.records;
this.pageInfo.total=res.data.total;
}
})
},
// searchForNews(){
// console.log("搜索");
// let newsTitle=this.$route.query.subject;
// this.pageInfo.subject=newsTitle;
// searchForNews(this.pageInfo).then(res=>{
// if(res.success){
// this.searchNewsList=res.data.records;
// this.pageInfo.total= res.data.total;
// }
// });
// },
// 获取最新消息和关注自己法院
fyxwfromCourt(type){
// 法院新闻类型，1本院，2全市，3全区 即最新消息是3 关注是1;fyId是写死的默认高院
this.pageInfo.fyId=32;
this.pageInfo.type=type;
fyxwfromCourt(this.pageInfo).then(res=>{
if(res.success){
this.moreNewsList=res.data.records;
this.pageInfo.total=res.data.total;
}
})
},
pageChange(e) {
this.pageInfo.page = e;
this.highlights();
},
sizeChange(e) {
this.pageInfo.size = e;
this.pageChange(1);
},
// 查看详情
setParams(val){
this.$router.push({
path:'/detail',//跳转路由
query:{//参数对象
newsId:val.newsId
}
});
},
}
}
</script>
<style lang="scss" scoped>
// 树形菜单图标start-----------------------
.el-tree{
background:transparent;
}
.el-tree /deep/ .el-tree-node__expand-icon.expanded
{
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
/*//有子节点 且未展开*/
.el-tree /deep/ .el-icon-caret-right:before
{
background: url("../../assets/wjjg.png") no-repeat 0 3px;
content: '';
display: block;
width: 16px;
height: 16px;
font-size: 16px;
background-size: 16px;
}
/*//有子节点 且已展开*/
.el-tree /deep/ .el-tree-node__expand-icon.expanded.el-icon-caret-right:before
{
background: url("../../assets/wjjk.png") no-repeat 0 3px;
content: '';
display: block;
width: 16px;
height: 16px;
font-size: 16px;
background-size: 16px;
}
/*//没有子节点*/
.el-tree /deep/ .el-tree-node__expand-icon.is-leaf::before
{
background: url("../../assets/wj.png") no-repeat 0 3px;
content: '';
display: block;
width: 16px;
height: 16px;
font-size: 16px;
background-size: 16px;
}
// 树形菜单图标end-----------------------
.top-info{
margin:15px 0;
border-bottom:2px solid #34bab2;
padding-bottom:15px;
}
.fist-text{
display:inline-block;
width:26px;
height:26px;
line-height:26px;
text-align:center;
font-size:15px;
color:#fff;
border-radius:50%;
background:#1a3784;
margin-right:3px;
}
.list-container{
// border:2px solid #34bab2;
// padding:15px 15px;
// margin-top:40px;
}
.list-title{
border-bottom:1px dashed #ccc;
line-height: 35px;
}
// 列表start
.type-list li{
list-style-type: square;
// color: #0099ff;
color: blue;
font-size: 16px;
line-height: 35px;
border-bottom: 1px dashed #ccc;
}
.type-list li a{
color: #333;
font-size: 14px;
text-decoration:none;
}
.type-list li:hover{
// color: #ff6900;
color: red;
}
.type-list li:hover a{
// color: #ff6900
color:red;
}
.type-list li:last-of-type{border-bottom:none;}
// 列表end
ul{
margin: 0px;
padding: 0px;
padding-left: 15px;
}
.zone-style{
background-color:#fff;
padding:15px 15px;
border-radius:5px;
box-shadow: -5px 0px 20px 5px rgba(0,0,0,0.05);
}
::v-deep{
.el-table th:first-child>.cell{
text-align:left!important;
}
}
</style>
\ No newline at end of file
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