Skip to content

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

精彩回顾

parent 9404c8ba
Showing with 347 additions and 255 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
src/views/news/index.vue
......@@ -43,17 +43,6 @@
</div>
</div>
<!-- <div v-for="(item,index) in topList" :key="index" class="k-flex k-space-between top-list">
<div class="article-name">
<span class="right-line">
我为群众办实事
<span class="line-div"></span>
</span>
<span >{{item.name}}</span>
</div>
<div>{{item.date}}</div>
</div> -->
<div v-for="(item,index) in newsRankList" :key="index" class="k-flex k-space-between top-list" @click="setParams(item)">
<div class="article-name">
<span class="right-line">
......@@ -79,7 +68,7 @@
<el-button @click.native="switchBtn(3)" :class="['btn-item',{'sanjiao':activeItem==3}]">最新消息</el-button>
<el-button @click.native="switchBtn(1)" :class="['btn-item',{'sanjiao':activeItem==1}]">关注自己的法院</el-button>
</div>
<div style="font-size:12px;color: #999999;">
<div @click="seeMoreEvent(activeItem)" style="font-size:12px;color: #999999;">
<span>MORE></span>
</div>
</div>
......@@ -103,18 +92,10 @@
</div>
<div>{{item.date}}</div>
</div>
<!-- <div v-for="(item,index) in topList" :key="index" class="k-flex k-space-between top-list">
<div class="article-name">
<span class="right-line">
我为群众办实事
<span class="line-div"></span>
</span>
<span >{{item.name}}</span>
</div>
<div>{{item.date}}</div>
</div> -->
</div>
<!-- 最新消息结束 -->
<!-- 关注自己的法院开始 -->
<div v-if="activeItem==1" class="mt-10">
<div v-for="(item,index) in newsConernList" :key="index" class="k-flex k-space-between top-list" @click="setParams(item)">
<div class="article-name">
......@@ -127,55 +108,9 @@
</div>
<div>{{item.date}}</div>
</div>
<!-- <div v-for="(item,index) in topList" :key="index" class="k-flex k-space-between top-list">
<div class="article-name">
<span class="right-line">
我为群众办实事
<span class="line-div"></span>
</span>
<span >{{item.name}}</span>
</div>
<div>{{item.date}}</div>
</div> -->
</div>
<!--今日头条结束-->
<!--工作信息开始-->
<!--<div v-if="activeItem==1" class="mt-15">
<el-row :gutter="20">
<el-col :span="8" style="">
<div class="work-tab-list">
<div class="tab-item">
全&ensp;&ensp;&ensp;&ensp;部
</div>
<div class="tab-item">
桂高法通报
</div>
<div class="tab-item">
最高人民法院简报
</div>
<div class="tab-item">
广西高院简报<br/>信息专报
</div>
<div class="tab-item">
广西高院队伍<br/>教育整顿简报和动态
</div>
<div class="tab-item">
最高人民法院队伍<br/>教育整顿工作简报
</div>
</div>
</el-col >
<el-col :span="16" style="">
<div v-for="(item,index) in topList" :key="index" class="k-flex k-space-between work-top-list">
<div class="article-name" style="">
<span >{{item.name}}</span>
</div>
<div>{{item.date}}</div>
</div>
</el-col >
</el-row>
</div>-->
<!--工作信息结束-->
<!--关注自己的法院结束-->
</div>
</el-col>
<el-col :span="12" >
......@@ -185,7 +120,7 @@
<el-image class="mr-5 gong-icon" style="" :src="require('../../assets/news/3.png')"></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>
......@@ -195,7 +130,6 @@
</el-col >
<el-col :span="12">
<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>
......@@ -236,20 +170,8 @@
</div>
</el-row>
</el-col>
</el-row>
<!--第一栏结束-->
</el-col>
</el-row>
......@@ -280,164 +202,15 @@ export default {
newsConernList:[],//关注自己的法院
newsRankList:[],//法院新闻排行
newsGanList:[],//干警作品
imagesBox:[
{id:0,idView:require("../../assets/pic.jpg")},
{id:1,idView:require("../../assets/1.png")},
{id:2,idView:require("../../assets/2.png")},
{id:3,idView:require("../../assets/3.png")},
{id:0,idView:require("../../assets/pic.jpg")},
{id:1,idView:require("../../assets/1.png")},
{id:2,idView:require("../../assets/2.png")},
{id:3,idView:require("../../assets/3.png")},
],
activeItem:3,
topList:[
{
name:'开展司法教助全集中发放活动尽量克服冠军费德勒冠军费德勒空军航空发货过来会考虑好看',
date:'09-23'
},
{
name:'开展司法教助全集中发放活动',
date:'09-23'
},
{
name:'开展司法教助全集中发放活动',
date:'09-23'
},
{
name:'开展司法教助全集中发放活动',
date:'09-23'
},
{
name:'开展司法教助全集中发放活动',
date:'09-23'
},
{
name:'开展司法教助全集中发放活动',
date:'09-23'
},
{
name:'开展司法教助全集中发放活动',
date:'09-23'
},
],
newsList: [
{'title': 'A simple, seamless scrolling for Vue.js'},
{'title': 'A curated list of awesome things related to Vue.js'}
// {'title': 'A simple, seamless scrolling for Vue.js'},
// {'title': 'A curated list of awesome things related to Vue.js'}
],
// superurl: [
// {
// url: "",
// img:require("../../assets/1.png")
// },
// {
// url: "",
// img:require("../../assets/pic.jpg")
// },
// {
// url: "",
// img:require("../../assets/2.png")
// },
// {
// url: "",
// img:
// "https://img.mukewang.com/szimg/5c7e6835087ef3d806000338-360-202.jpg"
// },
// {
// url: "",
// img:
// "https://img.mukewang.com/szimg/59b8a486000107fb05400300-360-202.jpg"
// },
// {
// url: "",
// img:
// "https://img.mukewang.com/szimg/5c7516fa081aab2b06000338-360-202.jpg"
// }
// ],
calleft: 0,
// bgColors: ['#E65D6E', '#30B08F', '#4AB7BD', '#FEC171', '#1890ff'],
// imagesBox:[
// {id:0,idView:require("../../assets/pic.jpg")},
// {id:1,idView:require("../../assets/1.png")},
// {id:2,idView:require("../../assets/2.png")},
// // {id:3,idView:require("../../assets/3.png")},
// ],
tableData: [{
date: '09-28',
name: '24',
address: '【广西高院队...】广西高院队伍整顿简报官方首发的广东话'
}, {
date: '09-28',
name: '45',
address: '上海市普陀区金沙江路 1517 弄还是个哈哈哈'
}, {
date: '09-28',
name: '67',
address: '上海市普陀区金沙江路 1519 弄好好说话'
}, {
date: '09-28',
name: '89',
address: '上海市普陀区金沙江路 1516 弄合适的哈哈和'
}],
// start------------
userImage:[
{ img: require("../../assets/pic.jpg")},
{ img: require("../../assets/1.png") },
{ img: require("../../assets/2.png") },
{ img: require("../../assets/3.png")},
],
dataList: [
// 开头填充
{ url: require("../../assets/1.png") },
{ url: require("../../assets/2.png") },
{ url: require("../../assets/3.png")},
{ url: require("../../assets/pic.jpg")},
// { url: require("../../assets/1.png"), path: "/softwareProduct?id=2" },
// { url: require("../../assets/1.png"), path: "/caseDetail?id=0" },
// { url: require("../../assets/1.png"), path: "/caseDetail?id=1" },
// { url: require("../../assets/1.png"), path: "/caseDetail?id=2" },
// { url: require("../../assets/1.png"), path: "/softwareProduct?id=0" },
// { url: require("../../assets/1.png"), path: "/softwareProduct?id=1" },
// { url: require("../../assets/1.png")", path: "/softwareProduct?id=2" },
// { url: require("../../assets/1.png"), path: "/caseDetail?id=0" },
// { url: require("../../assets/1.png"), path: "/caseDetail?id=1" },
// { url: require("../../assets/1.png"), path: "/caseDetail?id=2" },
// 主体数据开始
// { url: require("../../assets/1.png"), path: "" },
// { url: require("../../assets/1.png"), path: "/softwareProduct?id=1" },
// { url: require("../../assets/1.png"), path: "/softwareProduct?id=2" },
// { url: require("../../assets/1.png"), path: "/caseDetail?id=0" },
// { url: require("../../assets/1.png"), path: "/caseDetail?id=1" },
// { url: require("../../assets/1.png"), path: "/caseDetail?id=2" },
// 主体数据结束
// 末尾填充
// { url: require("../../assets/2.png"), path: "" },
// { url: require("../../assets/2.png"), path: "/softwareProduct?id=1" },
// { url: require("../../assets/1.png"), path: "/softwareProduct?id=2" },
// { url: require("../../assets/1.png"), path: "/caseDetail?id=0" },
// { url: require("../../assets/1.png"), path: "/caseDetail?id=1" },
// { url: require("../../assets/1.png"), path: "/caseDetail?id=2" },
// { url: require("../../assets/1.png"), path: "/softwareProduct?id=0" },
// { url: require("../../assets/1.png"), path: "/softwareProduct?id=1" },
// { url: require("../../assets/1.png"), path: "/softwareProduct?id=2" },
// { url: require("../../assets/1.png"), path: "/caseDetail?id=0" },
// { url: require("../../assets/1.png"), path: "/caseDetail?id=1" },
// { url: require("../../assets/1.png"), path: "/caseDetail?id=2" },
],
// timerId: "",
// count: 0,
// stopFlag: false,
// mousePosition_down: "",//鼠标点击时的位置
// contentListWidth:'',//list的宽度
// listLength:2,//要显示的图片占据的list
// moveFlag:false,//鼠标拖动时，阻止路由跳转
// mousePosition_up: "",
// end--------------
}
},
......@@ -461,7 +234,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=>{
......@@ -476,10 +249,7 @@ export default {
// 法院新闻类型，1本院，2全市，3全区 即最新消息是3 关注是1;fyId是写死的默认高院
fyxwfromCourt({fyId:32,page:1,size:5,type:type}).then(res=>{
if(res.success){
// this.newestList=res.data.records;
res.data.records.forEach(item=>{
// let myDate=new Date(item.newsTime);
// (myDate.getMonth()+1)+'-'+myDate.getMonth()
item.date=(item.newsTime).substring(5,10);
})
if(type==3){
......@@ -558,6 +328,18 @@ export default {
}
});
},
seeMoreEvent(type) {
// type=3；3是最新消息，1是关注自己的法院 5,精彩回顾
console.log("更多",type);
this.$router.push({
path: "/more", //跳转路由
query: {
//参数对象
type: type,
},
});
},
}
......
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