Skip to content

C
court-inner
Commit d054e68b by 莫晓莉
Options

细节

parent 02643229
Showing with 116 additions and 452 deletions
src/api/homePage.js
...@@ -76,3 +76,23 @@ export function searchForNews(data) { ...@@ -76,3 +76,23 @@ export function searchForNews(data) {
}) })
} }
//获取栏目及子栏目全部新闻列表
export function getBoardAndSubAllNews(data) {
return request({
url: `websiteCluster/web/getBoardAndSubAllNews`,
method: 'POST',
data,
})
}
// 获取指定栏目树
export function getSelectedBoardTree(data) {
return request({
url: `websiteCluster/web/getSelectedBoardTree`,
method: 'POST',
data,
})
}
src/views/homePage/index.vue
...@@ -8,7 +8,7 @@ ...@@ -8,7 +8,7 @@
<el-row :gutter="20" class="mt-15 first-zone-style"> <el-row :gutter="20" class="mt-15 first-zone-style">
<el-col :span="10" style="padding-left:0;padding-right:0;"> <el-col :span="10" style="padding-left:0;padding-right:0;">
<div > <div >
<el-carousel style="border-radius:8px;" height="400px" indicator-position="outside" :interval="4000"> <el-carousel style="border-radius:8px;" height="280px" :interval="4000">
<el-carousel-item style="border-radius:8px;" v-for="(item,index) in headlineRotation" :key="index"> <el-carousel-item style="border-radius:8px;" v-for="(item,index) in headlineRotation" :key="index">
<div v-if="item.attInfoList.length>0" class="carousel-div" style="border-radius:8px;" @click="setParams(item)"> <div v-if="item.attInfoList.length>0" class="carousel-div" style="border-radius:8px;" @click="setParams(item)">
<el-image :src="item.attInfoList[0].downloadPath" fit="contain" style="width:100%;height:100%;"></el-image> <el-image :src="item.attInfoList[0].downloadPath" fit="contain" style="width:100%;height:100%;"></el-image>
...@@ -57,14 +57,14 @@ ...@@ -57,14 +57,14 @@
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="8" style=""> <el-col :span="8" style="">
<div class="work-tab-list" v-for="(item,index) in WorkButton" :key="index" > <div class="work-tab-list" v-for="(item,index) in WorkButton" :key="index" >
<div class="tab-item" @click="informationSelection(item)"> <div class="tab-item" :class="[workActive==index? 'tab-item-active':'']" @click="informationSelection(item,index)">
{{item.boardName}} {{item.boardName}}
</div> </div>
</div> </div>
</el-col > </el-col >
<el-col :span="16" style=""> <el-col :span="16" style="">
<div v-for="(item,index) in topList" :key="index" class="k-flex k-space-between work-top-list" @click="setParams(item)"> <div v-for="(item,index) in workList" :key="index" class="k-flex k-space-between work-top-list" @click="setParams(item)">
<div class="article-name" style=""> <div class="article-name" style="">
<span class="right-line">{{item.boardName}}</span> <span class="right-line">{{item.boardName}}</span>
<span >{{item.subject}}</span> <span >{{item.subject}}</span>
...@@ -106,237 +106,7 @@ ...@@ -106,237 +106,7 @@
</el-row> </el-row>
<!--第二栏按钮列表结束--> <!--第二栏按钮列表结束-->
<!--模块2-->
<!--<el-row >
<div class="top-info">
<span class="fist-text" style="">工</span>
<span>作信息</span>
<div style="float:right;">
<span>more>></span>
</div>
</div>
</el-row>
<el-row :gutter="10">
<el-col :span="17">
<el-row style="border:2px solid #34bab2;box-sizing:border-box;">
<el-col :span="7" class="left-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">
广西高院简报 信息专报
</div>
<div class="tab-item">
广西高院队伍<br/>教育整顿简报和动态
</div>
<div class="tab-item">
最高人民法院队伍<br/>教育整顿工作简报
</div>
</el-col>
<el-col :span="17">
<div v-for="(item,index) in topList" :key="index" class="k-flex k-space-between right-list">
<div>
<i class="el-icon-caret-right" style="color:red;margin-right:5px;"></i>
<span>{{item.name}}</span>
</div>
<div>{{item.date}}</div>
</div>
</el-col>
</el-row>
</el-col>
<el-col :span="7" class="job-btn-list">
<el-button type="text">
<div class="k-flex k-align-center button-inner" >
<el-image style="" :src="require('../../assets/icons/one.png')"></el-image>
<div>详情</div>
</div>
</el-button>
<el-button type="text">
<div class="k-flex k-align-center button-inner" >
<el-image style="" :src="require('../../assets/icons/one.pngel-image')"></el-image>
<div>党建专栏</div>
</div>
</el-button>
<el-button type="text">
<div class="k-flex k-align-center button-inner" >
<el-image style="" :src="require('../../assets/icons/one.png')"></el-image>
<div>审判管理</div>
</div>
</el-button>
<el-button type="text">
<div class="k-flex k-align-center button-inner" >
<el-image style="" :src="require('../../assets/icons/one.png')"></el-image>
<div>论坛交流</div>
</div>
</el-button>
<el-button type="text">
<div class="k-flex k-align-center button-inner" >
<el-image style="" :src="require('../../assets/icons/one.png')"></el-image>
<div>案例与期刊</div>
</div>
</el-button>
</el-col>
</el-row>-->
<!--模块3-->
<!--<el-row >
<div class="top-info">
<span class="fist-text" style="">法</span>
<span>院业务</span>
<div style="float:right;">
<span>more>></span>
</div>
</div>
</el-row>
<el-row :gutter="5">
<el-col :span="7">
<div style="height:250px;overflow-y:auto;">
<div class="left-box">
<div class="collect-box">
<div class="collect" :style="{ 'margin-right': '15px' }">
<img
:src="
require('../../assets/iconImg/10-会议资料查询/列表展开.png')
"
alt=""
/>
</div>
<div class="file-title">
<img
:src="
require('../../assets/iconImg/10-会议资料查询/文件展开.png')
"
alt=""
/>
<span>2018年会议列表</span>
</div>
</div>
<div class="file-container">
<div class="file-box">
<div
class="file-item"
v-for="(item, index) in monthMeeting"
:key="index"
>
<div class="line-row"></div>
<div>
<div class="item-box">
<img
:src="
require('../../assets/iconImg/10-会议资料查询/月份图标.png')
"
alt=""
/>
<div>{{ item.month }}&ensp;({{ item.meeting }})</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="left-box">
<div
class="meeting-item"
v-for="(item1,index1) in treeData"
:key="index1"
@click="showHide(index1)"
>
<div class="collect-box" @click="showHide(index1)">
<div class="collect" :style="{ 'margin-right': '15px' }">
<img
:src="
require('../../assets/iconImg/11-会议总览/列表展开图标.png')
"
alt=""
v-if="item1.openFlag"
@click="changeFlag(index1)"
class="collect"
/>
<img
:src="
require('../../assets/iconImg/11-会议总览/列表未展开图标.png')
"
alt=""
v-if="!item1.openFlag"
@click="changeFlag(index1)"
class="collect"
/>
</div>
<div class="file-title">
<img
:src="
require('../../assets/iconImg/11-会议总览/文件展开.png')
"
alt=""
v-if="item1.openFlag"
/>
<img
:src="require('../../assets/iconImg/11-会议总览/文件夹.png')"
alt=""
v-if="!item1.openFlag"
/>
<span>{{ item1.name }}年会议列表</span>
</div>
</div>
<div class="file-container">
<div
class="file-box"
:class="item1.openFlag ? 'file-show' : 'file-hide'"
>
<el-collapse-transition>
<div v-if="item1.openFlag">
<div
class="file-item"
v-for="(item2, index2) in item1.childs"
:key="index2"
>
<div class="line-row"></div>
<div @click="showMeetingInfo(item2)" class="item-box">
<img
:src="
require('../../assets/iconImg/11-会议总览/月份图标.png')
"
alt=""
/>
<div>{{ item2.month }}月&ensp;({{ item2.number }})</div>
</div>
</div>
</div>
</el-collapse-transition>
</div>
</div>
</div>
</div>
</div>
</el-col>
<el-col :span="9">
<ul class="business-ul">
<li v-for="(item,index) in tableData" :key="index">
<el-link>{{item.address}}</el-link>
</li>
</ul>
</el-col>
<el-col :span="8">
<el-carousel height="250px" indicator-position="outside" :interval="4000">
<el-carousel-item v-for="item in imagesBox" :key="item.id">
<div class="carousel-div" style="">
<el-image :src="item.idView" style="width:100%;height:100%;"></el-image>
<div class="carousel-intro" style="">
南宁中院：市首个族老矛盾调处中心成立
</div>
</div>
</el-carousel-item>
</el-carousel>
</el-col>
</el-row>-->
<!--第三栏法院业务开始--> <!--第三栏法院业务开始-->
<el-row class="mt-15 out-zone-style" :gutter="20" > <el-row class="mt-15 out-zone-style" :gutter="20" >
...@@ -456,7 +226,7 @@ ...@@ -456,7 +226,7 @@
</el-row> </el-row>
</el-col> </el-col>
<el-col :span="11"> <el-col :span="11">
<el-carousel style="border-radius:8px;" height="280px" indicator-position="outside" :interval="4000"> <el-carousel style="border-radius:8px;" height="280px" :interval="4000">
<el-carousel-item style="border-radius:8px;" v-for="item in tableData" :key="item.id"> <el-carousel-item style="border-radius:8px;" v-for="item in tableData" :key="item.id">
<div v-if="item.attInfoList.length>0" class="carousel-div" style="border-radius:8px;" @click="setParams(item)"> <div v-if="item.attInfoList.length>0" class="carousel-div" style="border-radius:8px;" @click="setParams(item)">
<el-image :src="item.attInfoList[0].downloadPath" fit="contain" style="width:100%;height:100%;"></el-image> <el-image :src="item.attInfoList[0].downloadPath" fit="contain" style="width:100%;height:100%;"></el-image>
...@@ -577,171 +347,11 @@ ...@@ -577,171 +347,11 @@
</el-row > </el-row >
<!--第五栏地区结束--> <!--第五栏地区结束-->
<!--模块4开始-->
<!--<el-row >
<div class="top-info">
<span class="fist-text" style="">干</span>
<span>警作品</span>
<div style="float:right;">
<span>more>></span>
</div>
</div>
</el-row>
<el-row :gutter="20">
<el-col :span="16">
<el-row :gutter="10">
<el-col :span="8" v-for="item in imagesBox" :key="item.id">
<div class="imgs-div" style="width:100%;">
<el-image :src="item.idView" style="width:100%;display:block">
</el-image>
<div class="imgs-intro" style="width:100%;">
<span>&ensp;南宁中院：市首个族老矛盾调处中心成立&ensp;</span>
</div>
</div>
</el-col>
<el-col :span="8" v-for="item in imagesBox" :key="item.id">
<div class="imgs-div" style="width:100%;">
<el-image :src="item.idView" style="width:100%;display:block">
</el-image>
<div class="imgs-intro" style="width:100%;">
<span>&ensp;南宁中院：市首个族老矛盾调处中心成立&ensp;</span>
</div>
</div>
</el-col>
</el-row >
</el-col>
<el-col :span="8">
<div v-if="index==2" v-for="(item,index) in imagesBox" :key="item.id" class="imgs-div" style="width:100%;">
<el-image :src="item.idView" style="width:100%;display:block">
</el-image>
<div class="imgs-intro" style="width:100%;">
<span>&ensp;南宁中院：市首个族老矛盾调处中心成立&ensp;</span>
</div>
</div>
</el-col>
</el-row>-->
<!--模块4结束-->
<!--模块5开始-->
<!--<el-row :gutter="20">
<el-col :span="12">
<el-row >
<div class="top-info">
<span class="fist-text" style="">音</span>
<span>视频点播</span>
<div style="float:right;">
<span>more>></span>
</div>
</div>
</el-row>
<el-row>
<div v-for="(item,index) in topList" :key="index" class="k-flex k-space-between right-list">
<div>
<i class="el-icon-caret-right" style="color:red;margin-right:5px;"></i>
<span>{{item.name}}</span>
</div>
<div>{{item.date}}</div>
</div>
</el-row>
</el-col>
<el-col :span="12">
<el-row >
<div class="top-info">
<span class="fist-text" style="">全</span>
<span>区速递</span>
<div style="float:right;">
<span>more>></span>
</div>
</div>
</el-row>
<el-row>
<div v-for="(item,index) in topList" :key="index" class="k-flex k-space-between right-list">
<div>
<i class="el-icon-caret-right" style="color:red;margin-right:5px;"></i>
<span>{{item.name}}</span>
</div>
<div>{{item.date}}</div>
</div>
</el-row>
</el-col>
</el-row>-->
<!--模块5结束-->
<!--模块6开始-->
<!--<el-row class="group-list mt-15" :gutter="20">
<el-col :span="5" style="border-right:2px solid red;">
<div class="k-flex k-center">
<el-image style="width:35px;" :src="require('../../assets/home.png')"></el-image>
<div style="font-weight:bold;font-size:15px;">
<div>
全国高院
</div>
<div style="text-align:right;">
网站群
</div>
</div>
</div>
</el-col>
<el-col :span="19" >
<el-row>
<ul class="group-ul">
<li v-for="(item,index) in groupList" :key="index">{{item.name}}</li>
</ul>
</el-row>
</el-col>
</el-row>-->
<!--模块6结束-->
</el-col>
</el-row>
<!--模块按钮-->
<!--<el-row class="button-list">
<el-col :span="14" :offset="5">
<el-button icon="el-icon-message">综合门户</el-button>
<el-button icon="el-icon-message">公文汇总</el-button>
<el-button icon="el-icon-message">法律总库</el-button>
<el-button icon="el-icon-message">法律法规</el-button>
<el-button icon="el-icon-message">数据集中</el-button>
<el-button icon="el-icon-message">即时通讯</el-button>
<el-button icon="el-icon-message">办公系统</el-button>
<el-button icon="el-icon-message">公文处理</el-button>
</el-col>
</el-row>
<el-row class="button-list">
<el-col :span="14" :offset="5">
<el-button icon="el-icon-message">内部邮件</el-button>
<el-button icon="el-icon-message">院务公告</el-button>
<el-button icon="el-icon-message">手机短信</el-button>
<el-button icon="el-icon-message">工作流程</el-button>
<el-button icon="el-icon-message">文书签章</el-button>
<el-button icon="el-icon-message">人员查询</el-button>
<el-button icon="el-icon-message">科技法庭</el-button>
<el-button icon="el-icon-message">通讯录</el-button>
</el-col> </el-col>
</el-row> </el-row>
<el-row class="button-list">
<el-col :span="14" :offset="5">
<el-button icon="el-icon-message">文书上网</el-button>
<el-button icon="el-icon-message">图书馆</el-button>
<el-button icon="el-icon-message">执行文书</el-button>
<el-button icon="el-icon-message">人民法院内网</el-button>
<el-button icon="el-icon-message">智能报表</el-button>
<el-button icon="el-icon-message">移动微学苑</el-button>
</el-col>
</el-row>-->
...@@ -756,12 +366,16 @@ import { ...@@ -756,12 +366,16 @@ import {
getSubLevelBoard, getSubLevelBoard,
getAllCourts,//获取全区法院 getAllCourts,//获取全区法院
// searchForNews,//搜索新闻 // searchForNews,//搜索新闻
getBoardAndSubAllNews,//获取栏目及子栏目全部新闻列表
getSelectedBoardTree,//获取指定栏目树
} from "@/api/homePage.js" } from "@/api/homePage.js"
export default { export default {
data() { data() {
return { return {
workActive:0,//工作信息选中
workList:[],//工作信息
allCourtsData:[],//全区法院 allCourtsData:[],//全区法院
input:'', input:'',
activeItem:0, activeItem:0,
...@@ -931,7 +545,8 @@ export default { ...@@ -931,7 +545,8 @@ export default {
date:'09-23' date:'09-23'
}, },
], ],
tableData: [{ tableData: [
{
date: '2016-05-02 12:00:00', date: '2016-05-02 12:00:00',
name: '24', name: '24',
address: '【广西高院队就】广西高院队伍整顿简报官方首发的广东话合规合法的韩国和跟黑社会呵呵呵回复的环境' address: '【广西高院队就】广西高院队伍整顿简报官方首发的广东话合规合法的韩国和跟黑社会呵呵呵回复的环境'
...@@ -947,37 +562,9 @@ export default { ...@@ -947,37 +562,9 @@ export default {
date: '2016-05-03 12:00:00', date: '2016-05-03 12:00:00',
name: '89', name: '89',
address: '上海市普陀区金沙江路 1516 弄合适的哈哈和' address: '上海市普陀区金沙江路 1516 弄合适的哈哈和'
}], }
// leftList:[ ],
// {
// id:1,
// name:'全&ensp;&ensp;&ensp;部'
// },
// {
// id:2,
// name:'桂高法通报'
// },
// {
// id:3,
// name:'最高人民法院简报'
// },
// {
// id:4,
// name:'广西高院简报'
// },
// {
// id:5,
// name:'广西高院简报&ensp;信息专报'
// },
// {
// id:6,
// name:'广西高院队伍'
// },
// {
// id:7,
// name:'全&ensp;&ensp;&ensp;部'
// },
// ],
monthMeeting: [ monthMeeting: [
{ {
month: "1月", month: "1月",
...@@ -1187,12 +774,21 @@ export default { ...@@ -1187,12 +774,21 @@ export default {
}, },
newsFromBoard(val){ newsFromBoard(val){
newsFromBoard({boardId:val.boardId,page:1,size:5}).then(res=>{ newsFromBoard({boardId:val.boardId,page:1,size:5}).then(res=>{
this.topList = res.data.newsList.records // this.topList = res.data.newsList.records
this.workList = res.data.newsList.records;//工作信息
}) })
}, },
informationSelection(val){ // 工作信息切换
informationSelection(val,index){
console.log(val); console.log(val);
this.newsFromBoard(val) this.workActive=index;
if(val.boardName=='全部'){
this.getBoardAndSubAllNews();//获取全部新闻
}else{
this.newsFromBoard(val);
}
}, },
topListFun(){ topListFun(){
topList({fyId:32,page:1,size:5}).then(res=>{ topList({fyId:32,page:1,size:5}).then(res=>{
...@@ -1203,8 +799,12 @@ export default { ...@@ -1203,8 +799,12 @@ export default {
}) })
}, },
getSubLevelBoardF(){ getSubLevelBoardF(){
getSubLevelBoard({boardId:130}).then(res=>{ // getSubLevelBoard({boardId:130}).then(res=>{
console.log(res); // console.log(res);
// this.dataTreeFile = res.data
// })
getSelectedBoardTree({boardId:130}).then(res=>{
console.log('获取指定栏目树=',res);
this.dataTreeFile = res.data this.dataTreeFile = res.data
}) })
}, },
...@@ -1228,10 +828,20 @@ export default { ...@@ -1228,10 +828,20 @@ export default {
this.WorkButton.push(item) this.WorkButton.push(item)
}); });
}) })
let val = {boardId:''} // let val = {boardId:''}
this.newsFromBoard(val) // let val = {boardId:1929}
// this.newsFromBoard(val)
this.getBoardAndSubAllNews();//获取全部新闻的列表
} }
}, },
// 获取栏目及子栏目全部新闻列表
getBoardAndSubAllNews(){
getBoardAndSubAllNews({boardId:1929,page:1,size:10}).then(res=>{
if(res.success){
this.workList=res.data.records;
}
})
},
switchBtnPolice(i){ switchBtnPolice(i){
console.log('2222===', i) console.log('2222===', i)
this.activeItemPolice=i; this.activeItemPolice=i;
...@@ -1350,6 +960,9 @@ color:#fff; ...@@ -1350,6 +960,9 @@ color:#fff;
.work-tab-list .tab-item:hover{ .work-tab-list .tab-item:hover{
background:red; background:red;
} }
.work-tab-list .tab-item-active{
background:red;
}
.work-top-list{ .work-top-list{
padding:5px 0; padding:5px 0;
font-size:10px; font-size:10px;
...@@ -1399,6 +1012,13 @@ color:#fff; ...@@ -1399,6 +1012,13 @@ color:#fff;
.button-list .el-button .el-icon-message{ .button-list .el-button .el-icon-message{
color:red; color:red;
} }
// 设置轮播图指示器大小
.el-carousel__button{
width:5px;
}
// .el-carousel__indicators--horizontal{
// right:0;
// }
} }
.top-info{ .top-info{
margin:15px 0 5px 0; margin:15px 0 5px 0;
......
src/views/layout/menu.vue
...@@ -315,7 +315,7 @@ export default { ...@@ -315,7 +315,7 @@ export default {
}, },
{ {
name: "work", name: "work",
path: "", path: "/list",
boardId: 135, boardId: 135,
meta: { title: "干警作品" }, meta: { title: "干警作品" },
}, },
...@@ -374,6 +374,7 @@ export default { ...@@ -374,6 +374,7 @@ export default {
// }, // },
menuRouterClick(item, index) { menuRouterClick(item, index) {
console.log("menuRouterClick-index==", index); console.log("menuRouterClick-index==", index);
console.log("menuRouterClick-item==", item);
this.classA = index; this.classA = index;
console.log("this.classA==", this.classA); console.log("this.classA==", this.classA);
// return; // return;
......
src/views/manage/index.vue
...@@ -531,8 +531,9 @@ ...@@ -531,8 +531,9 @@
<el-row class="mt-10"> <el-row class="mt-10">
<!-- 创建未提交审核为5，提交审核为4，审核不通过为3，通过已发布为1 --> <!-- 创建未提交审核为5，提交审核为4，审核不通过为3，通过已发布为1 -->
<el-button type="primary" size="mini" @click="sbBatch">批量打开</el-button> <el-button type="primary" size="mini" @click="sbBatch">批量打开</el-button>
<el-button type="primary" size="mini" @click="sbBatchUseOrNot(0)">批量采用</el-button> <!-- 是否采用,3为采用，2为不采用即已阅 -->
<el-button type="primary" size="mini" @click="sbBatchUseOrNot(1)">批量不采用</el-button> <el-button type="primary" size="mini" @click="sbBatchUseOrNot(3)">批量采用</el-button>
<el-button type="primary" size="mini" @click="sbBatchUseOrNot(2)">批量不采用</el-button>
</el-row> </el-row>
<div style="margin-top:10px;"> <div style="margin-top:10px;">
<el-pagination <el-pagination
...@@ -1500,6 +1501,7 @@ export default { ...@@ -1500,6 +1501,7 @@ export default {
}, },
// 收报批量采用不采用 // 收报批量采用不采用
sbBatchUseOrNot(status){ sbBatchUseOrNot(status){
// 是否采用,3为采用，2为不采用即已阅
let params={}; let params={};
params.isUse=status; params.isUse=status;
params.newsIds=this.multipleSelection3; params.newsIds=this.multipleSelection3;
...@@ -1508,9 +1510,9 @@ export default { ...@@ -1508,9 +1510,9 @@ export default {
if(res.success){ if(res.success){
this.getReportList();//刷新列表 this.getReportList();//刷新列表
var msg='收报批量采用成功!'; var msg='收报批量采用成功!';
if(status==0){ if(status==2){
msg='收报批量不采用成功!'; msg='收报批量不采用成功!';
}else if(status==1){ }else if(status==3){
msg='收报批量采用成功!'; msg='收报批量采用成功!';
} }
this.$message({ this.$message({
......
src/views/news/index.vue
...@@ -17,7 +17,7 @@ ...@@ -17,7 +17,7 @@
<el-row :gutter="20" class="mt-15 first-zone-style"> <el-row :gutter="20" class="mt-15 first-zone-style">
<el-col :span="8" style="padding-left:0;padding-right:0;"> <el-col :span="8" style="padding-left:0;padding-right:0;">
<div > <div >
<el-carousel style="border-radius:8px;" height="250px" :interval="4000"> <el-carousel style="border-radius:8px;" height="280px" :interval="4000">
<el-carousel-item style="border-radius:8px;" v-for="item in newestList" :key="item.newsId"> <el-carousel-item style="border-radius:8px;" v-for="item in newestList" :key="item.newsId">
<div class="carousel-div" style="border-radius:8px;" @click="setParams(item)"> <div class="carousel-div" style="border-radius:8px;" @click="setParams(item)">
<el-image :src="item.attInfoList.downloadPath" style="width:100%;height:100%;"></el-image> <el-image :src="item.attInfoList.downloadPath" style="width:100%;height:100%;"></el-image>
...@@ -32,14 +32,14 @@ ...@@ -32,14 +32,14 @@
<div class="mt-10 zone-style"> <div class="mt-10 zone-style">
<div class="mb-15 k-flex-between-center"> <div class="mb-15 k-flex-between-center">
<div class="k-flex k-align-center"> <div class="k-flex k-align-center">
<img class="mr-5 gong-icon" style="" src="../../assets/home/gonggao.png"></img> <el-image class="mr-5 gong-icon" style="" :src="require('../../assets/news/1.png')"></el-image>
<div>新闻总类排行</div> <div>新闻总类排行</div>
</div> </div>
<div style="font-size:12px;color: #999999;"> <div style="font-size:12px;color: #999999;">
<!--<span>MORE></span>--> <!--<span>MORE></span>-->
<el-button @click="fyxwClickRaking(1)">今天</el-button> <el-button :class="[{'active-btn':activeBtn==1}]" style="" @click="fyxwClickRaking(1)">今天</el-button>
<el-button @click="fyxwClickRaking(2)">一周</el-button> <el-button :class="[{'active-btn':activeBtn==2}]" @click="fyxwClickRaking(2)">一周</el-button>
<el-button @click="fyxwClickRaking(3)">一个月</el-button> <el-button :class="[{'active-btn':activeBtn==3}]" @click="fyxwClickRaking(3)">一个月</el-button>
</div> </div>
</div> </div>
...@@ -86,7 +86,7 @@ ...@@ -86,7 +86,7 @@
<!--今日头条开始--> <!--今日头条开始-->
<div v-if="activeItem==3"> <div v-if="activeItem==3">
<div class="mt-10 mb-5 k-flex k-align-center"> <div class="mt-10 mb-5 k-flex k-align-center">
<img class="mr-5 gong-icon" style="" src="../../assets/home/gonggao.png"></img> <el-image class="mr-5 gong-icon" style="width:13px;height:13px;" :src="require('../../assets/home/gonggao.png')"></el-image>
<div class="gonggao-text"> <div class="gonggao-text">
<span >教育整顿进行时</span> <span >教育整顿进行时</span>
<span>鹿心社与自治区级政法机关领导班子成立交付给来访登记过了多久</span> <span>鹿心社与自治区级政法机关领导班子成立交付给来访登记过了多久</span>
...@@ -182,7 +182,7 @@ ...@@ -182,7 +182,7 @@
<div class="zone-style"> <div class="zone-style">
<div class="k-flex-between-center"> <div class="k-flex-between-center">
<div class="k-flex k-align-center"> <div class="k-flex k-align-center">
<img class="mr-5 gong-icon" style="" src="../../assets/home/gonggao.png"></img> <el-image class="mr-5 gong-icon" style="" :src="require('../../assets/news/3.png')"></el-image>
<div>精彩回顾</div> <div>精彩回顾</div>
</div> </div>
<div style="font-size:12px;color: #999999;"> <div style="font-size:12px;color: #999999;">
...@@ -215,10 +215,10 @@ ...@@ -215,10 +215,10 @@
<div class="zone-style"> <div class="zone-style">
<div class="k-flex-between-center"> <div class="k-flex-between-center">
<div class="k-flex k-align-center"> <div class="k-flex k-align-center">
<img class="mr-5 gong-icon" style="" src="../../assets/home/gonggao.png"></img> <el-image class="mr-5 gong-icon" style="" :src="require('../../assets/news/2.png')"></el-image>
<div>干警作品</div> <div>干警作品</div>
</div> </div>
<div style="font-size:12px;color: #999999;"> <div @click="toMorelist(135)" style="font-size:12px;color: #999999;">
<span>MORE></span> <span>MORE></span>
</div> </div>
</div> </div>
...@@ -269,6 +269,7 @@ import { ...@@ -269,6 +269,7 @@ import {
export default { export default {
data() { data() {
return { return {
activeBtn:1,//新闻分类排行
pageInfo:{ pageInfo:{
page:1, page:1,
size:6, size:6,
...@@ -445,6 +446,16 @@ export default { ...@@ -445,6 +446,16 @@ export default {
}, },
methods: { methods: {
// 跳转到更所模块
toMorelist(boardId){
this.$router.push({
path: "/list", //跳转路由
query: {
//参数对象
boardId: boardId,
},
});
},
// 获取最新消息和关注自己法院 // 获取最新消息和关注自己法院
fyxwfromCourt(type){ fyxwfromCourt(type){
...@@ -470,7 +481,7 @@ export default { ...@@ -470,7 +481,7 @@ export default {
}, },
//法院新闻排行 //法院新闻排行
fyxwClickRaking(type){ fyxwClickRaking(type){
this.activeBtn=type;
var params={}; var params={};
// type为1按日,2按月,3按周 // type为1按日,2按月,3按周
if(type==1){ if(type==1){
...@@ -539,6 +550,16 @@ export default { ...@@ -539,6 +550,16 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
::v-deep{
// 设置轮播图指示器大小
.el-carousel__button{
width:5px;
}
}
.active-btn{
background:#D33237;
color:#fff;
}
// 第一栏 // 第一栏
.first-zone-style{ .first-zone-style{
margin-left:0!important; margin-left:0!important;
...@@ -600,8 +621,8 @@ export default { ...@@ -600,8 +621,8 @@ export default {
} }
// 公告 // 公告
.gong-icon{ .gong-icon{
width:13px; width:15px;
height:13px; height:15px;
} }
.gonggao-text{ .gonggao-text{
white-space:nowrap; white-space:nowrap;
......
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