Skip to content

C
court-inner
Commit ce115153 by 莫晓莉
Options

全区速递

parent 7278b7c1
Showing with 328 additions and 14 deletions
src/api/homePage.js
...@@ -96,3 +96,14 @@ export function getSelectedBoardTree(data) { ...@@ -96,3 +96,14 @@ export function getSelectedBoardTree(data) {
}) })
} }
//全区速递
export function latestNewOfGXCourt(data) {
return request({
url: `websiteCluster/web/latestNewOfGXCourt`,
method: 'POST',
data,
})
}
src/router/routers.js
...@@ -67,6 +67,12 @@ const constantRouterMap = [ ...@@ -67,6 +67,12 @@ const constantRouterMap = [
meta: { title: '更多', icon: '' }, meta: { title: '更多', icon: '' },
component: resolve => require(["@/views/more"], resolve), component: resolve => require(["@/views/more"], resolve),
}, },
{
path: "/zone",
name: 'zone',
meta: { title: '更多', icon: '' },
component: resolve => require(["@/views/zone"], resolve),
},
// { // {
// path: "/homePage", // path: "/homePage",
// name: 'homePage', // name: 'homePage',
......
src/views/detail/index.vue
...@@ -145,7 +145,7 @@ ...@@ -145,7 +145,7 @@
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<div class="zone-style"> <div class="zone-style">
<div class="k-flex-between-center"> <div @click="seeMoreEvent(5)" class="k-flex-between-center">
<div class="k-flex k-align-center"> <div class="k-flex k-align-center">
<el-image <el-image
class="mr-5 gong-icon" class="mr-5 gong-icon"
......
src/views/homePage/index.vue
...@@ -279,9 +279,10 @@ ...@@ -279,9 +279,10 @@
<el-button @click.native="switchBtnPolice(1)" :class="['btn-item',{'sanjiao':activeItemPolice==1}]">全区速递</el-button> <el-button @click.native="switchBtnPolice(1)" :class="['btn-item',{'sanjiao':activeItemPolice==1}]">全区速递</el-button>
</div> </div>
<!-- 视频点播的id1965 --> <!-- 视频点播的id1965 -->
<div @click="toMorelist(1965)" style="font-size:12px;color: #999999;"> <div @click="toMorelist(activeItemPolice)" style="font-size:12px;color: #999999;">
<span>MORE></span> <span>MORE></span>
</div> </div>
</div> </div>
<!--视频开始--> <!--视频开始-->
<div class="mt-15" v-if="activeItemPolice==0"> <div class="mt-15" v-if="activeItemPolice==0">
...@@ -369,6 +370,7 @@ import { ...@@ -369,6 +370,7 @@ import {
// searchForNews,//搜索新闻 // searchForNews,//搜索新闻
getBoardAndSubAllNews,//获取栏目及子栏目全部新闻列表 getBoardAndSubAllNews,//获取栏目及子栏目全部新闻列表
getSelectedBoardTree,//获取指定栏目树 getSelectedBoardTree,//获取指定栏目树
latestNewOfGXCourt,//获取全区速递
} from "@/api/homePage.js" } from "@/api/homePage.js"
...@@ -766,11 +768,16 @@ export default { ...@@ -766,11 +768,16 @@ export default {
newsFromBoard({boardId:'135',page:1,size:5}).then(res=>{ newsFromBoard({boardId:'135',page:1,size:5}).then(res=>{
this.policeOfficer = res.data.newsList.records this.policeOfficer = res.data.newsList.records
}) })
newsFromBoard({boardId:'3826',page:1,size:5}).then(res=>{ // newsFromBoard({boardId:'3826',page:1,size:5}).then(res=>{
// 视频点播boardId是1965
newsFromBoard({boardId:'1965',page:1,size:5}).then(res=>{
this.videoLiet = res.data.newsList.records this.videoLiet = res.data.newsList.records
}) })
newsFromBoard({boardId:'130',page:1,size:5}).then(res=>{ // newsFromBoard({boardId:'130',page:1,size:5}).then(res=>{
this.whole = res.data.newsList.records // this.whole = res.data.newsList.records
// })
latestNewOfGXCourt({deptId:32,page:1,size:10}).then(res=>{
this.whole = res.data.records
}) })
}, },
newsFromBoard(val){ newsFromBoard(val){
...@@ -855,14 +862,30 @@ export default { ...@@ -855,14 +862,30 @@ export default {
}) })
}, },
// 跳转到更所模块 // 跳转到更所模块
toMorelist(boardId){ toMorelist(activeItemPolice){
this.$router.push({ if(activeItemPolice==0){
path: "/list", //跳转路由 this.$router.push({
query: { path: "/list", //跳转路由
//参数对象 query: {
boardId: boardId, //参数对象
}, boardId: 1965,//视频点播
}); },
});
}else if(activeItemPolice==1){
this.$router.push({
path: "/zone", //跳转路由
query: {
//参数对象
type: activeItemPolice,
},
});
}
} }
}, },
......
src/views/more/index.vue
...@@ -170,7 +170,13 @@ export default { ...@@ -170,7 +170,13 @@ export default {
pageChange(e) { pageChange(e) {
this.pageInfo.page = e; this.pageInfo.page = e;
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();//获取精彩回顾
}
}, },
sizeChange(e) { sizeChange(e) {
this.pageInfo.size = e; this.pageInfo.size = e;
......
src/views/zone/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 {
latestNewOfGXCourt,//获取全区速递
} from "@/api/homePage.js"
export default {
name: "show",
data() {
return {
pageInfo:{
page:1,
size:10,
total:0
},
moreNewsList:[],//搜索出来的新闻
}
},
created() {
this.getLatestNewOfGXCourt();
},
//监听路由获取面包屑
watch: {
$route() {
if (this.$route.query.type) {
this.getLatestNewOfGXCourt();
}
},
},
methods:{
getLatestNewOfGXCourt(){
this.pageInfo.deptId=32;
latestNewOfGXCourt(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.getLatestNewOfGXCourt();
},
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