Skip to content

C
court-inner
Commit 2738722c by 莫晓莉
Options

首页搜索

parent ce115153
Showing with 106 additions and 132 deletions
src/api/homePage.js
...@@ -107,3 +107,12 @@ export function latestNewOfGXCourt(data) { ...@@ -107,3 +107,12 @@ export function latestNewOfGXCourt(data) {
}) })
} }
//按栏目名搜索栏目
export function findBoard(data) {
return request({
url: `websiteCluster/web/findBoard`,
method: 'POST',
data,
})
}
src/views/homePage/index.vue
...@@ -126,90 +126,22 @@ ...@@ -126,90 +126,22 @@
<div style="height:250px;overflow-y:auto;"> <div style="height:250px;overflow-y:auto;">
<div class="tree-search mb-15"> <div class="tree-search mb-15">
<el-input <el-input
v-model="filterText"
placeholder="请输入内容" placeholder="请输入内容"
clearable> clearable>
<i @click="searchEvent" slot="suffix" class="el-input__icon el-icon-search"></i> <!-- <i @click="findBoard" slot="suffix" class="el-input__icon el-icon-search"></i> -->
</el-input> </el-input>
</div> </div>
<el-tree :data="dataTreeFile" :props="defaultProps" @node-click="handleNodeClick"></el-tree> <el-tree
<!--开始--> ref="tree"
<!--<div class="left-box"> default-expand-all
<div :filter-node-method="filterNode"
class="meeting-item" :data="dataTreeFile" :props="defaultProps" @node-click="handleNodeClick">
v-for="(item1,index1) in treeData" </el-tree>
: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> </div>
</el-col> </el-col>
<el-col :span="14"> <el-col :span="14">
<ul class="business-ul"> <ul class="business-ul">
<li v-for="(item,index) in tableData" :key="index" class="k-flex k-space-between " @click="setParams(item)" > <li v-for="(item,index) in tableData" :key="index" class="k-flex k-space-between " @click="setParams(item)" >
...@@ -225,10 +157,11 @@ ...@@ -225,10 +157,11 @@
</el-col> </el-col>
</el-row> </el-row>
</el-col> </el-col>
<!-- 法院业务右边轮播轮播图 -->
<el-col :span="11"> <el-col :span="11">
<el-carousel style="border-radius:8px;" height="280px" :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,index) in tableData" :key="item.id">
<div v-if="item.attInfoList" class="carousel-div" style="border-radius:8px;" @click="setParams(item)"> <div v-if="item.attInfoList && index<3" class="carousel-div" style="border-radius:8px;" @click="setParams(item)">
<el-image v-if="item.attInfoList[0] && item.attInfoList[0].downloadPath" :src="item.attInfoList[0].downloadPath" fit="contain" style="width:100%;height:100%;"></el-image> <el-image v-if="item.attInfoList[0] && item.attInfoList[0].downloadPath" :src="item.attInfoList[0].downloadPath" fit="contain" style="width:100%;height:100%;"></el-image>
<div class="carousel-intro" style=""> <div class="carousel-intro" style="">
<span>&ensp;{{item.subject}}&ensp;</span> <span>&ensp;{{item.subject}}&ensp;</span>
...@@ -279,7 +212,7 @@ ...@@ -279,7 +212,7 @@
<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(activeItemPolice)" style="font-size:12px;color: #999999;"> <div @click="toAllMorelist(activeItemPolice)" style="font-size:12px;color: #999999;">
<span>MORE></span> <span>MORE></span>
</div> </div>
...@@ -371,12 +304,15 @@ import { ...@@ -371,12 +304,15 @@ import {
getBoardAndSubAllNews,//获取栏目及子栏目全部新闻列表 getBoardAndSubAllNews,//获取栏目及子栏目全部新闻列表
getSelectedBoardTree,//获取指定栏目树 getSelectedBoardTree,//获取指定栏目树
latestNewOfGXCourt,//获取全区速递 latestNewOfGXCourt,//获取全区速递
findBoard,//按栏目名搜索栏目
} from "@/api/homePage.js" } from "@/api/homePage.js"
export default { export default {
data() { data() {
return { return {
filterText:'',//按栏目名搜索栏目
// boardNameSearch:'',//按栏目名搜索栏目
workActive:0,//工作信息选中 workActive:0,//工作信息选中
workList:[],//工作信息 workList:[],//工作信息
allCourtsData:[],//全区法院 allCourtsData:[],//全区法院
...@@ -549,23 +485,23 @@ export default { ...@@ -549,23 +485,23 @@ export default {
}, },
], ],
tableData: [ tableData: [
{ // {
date: '2016-05-02 12:00:00', // date: '2016-05-02 12:00:00',
name: '24', // name: '24',
address: '【广西高院队就】广西高院队伍整顿简报官方首发的广东话合规合法的韩国和跟黑社会呵呵呵回复的环境' // address: '【广西高院队就】广西高院队伍整顿简报官方首发的广东话合规合法的韩国和跟黑社会呵呵呵回复的环境'
}, { // }, {
date: '2016-05-04 12:00:00', // date: '2016-05-04 12:00:00',
name: '45', // name: '45',
address: '上海市普陀区金沙江路 1517 弄还是个哈哈哈韩国发动机简洁大方' // address: '上海市普陀区金沙江路 1517 弄还是个哈哈哈韩国发动机简洁大方'
}, { // }, {
date: '2016-05-01 12:00:00', // date: '2016-05-01 12:00:00',
name: '67', // name: '67',
address: '上海市普陀区金沙江路 1519 弄好好说话' // address: '上海市普陀区金沙江路 1519 弄好好说话'
}, { // }, {
date: '2016-05-03 12:00:00', // date: '2016-05-03 12:00:00',
name: '89', // name: '89',
address: '上海市普陀区金沙江路 1516 弄合适的哈哈和' // address: '上海市普陀区金沙江路 1516 弄合适的哈哈和'
} // }
], ],
monthMeeting: [ monthMeeting: [
...@@ -629,18 +565,7 @@ export default { ...@@ -629,18 +565,7 @@ export default {
openFlag:false, openFlag:false,
}, },
], ],
treeData:[
{
name:'ghdhd',
openFlag:false,
childs:[
{
month:'01',
number:0,
}
]
},
],
groupList:[ groupList:[
{ {
name:'最高法', name:'最高法',
...@@ -736,6 +661,11 @@ export default { ...@@ -736,6 +661,11 @@ export default {
} }
}, },
watch: {
filterText(val) {
this.$refs.tree.filter(val);
}
},
created(){ created(){
this.getSubLevelBoardF() this.getSubLevelBoardF()
this.topListFun() this.topListFun()
...@@ -743,6 +673,22 @@ export default { ...@@ -743,6 +673,22 @@ export default {
// this.getAllCourts();//获取全区法院 // this.getAllCourts();//获取全区法院
}, },
methods: { methods: {
filterNode(value, data) {
console.log('value=',value);
console.log('data=',data);
if (!value) return true;
// return data.label.indexOf(value) !== -1;
return data.boardName.indexOf(value) !== -1;
},
// 按栏目名搜索栏目
findBoard(){
findBoard({boardName:this.boardNameSearch,deptId:32}).then(res=>{
if(res.success){
}
})
},
//获取全区法院 //获取全区法院
getAllCourts(){ getAllCourts(){
getAllCourts().then(res=>{ getAllCourts().then(res=>{
...@@ -761,8 +707,14 @@ export default { ...@@ -761,8 +707,14 @@ export default {
}, },
initializationList(){ initializationList(){
newsFromBoard({boardId:'1930',page:1,size:5}).then(res=>{ // newsFromBoard({boardId:'1930',page:1,size:5}).then(res=>{
this.tableData = res.data.newsList.records // this.tableData = res.data.newsList.records
// })
//获取法院业务初始加载全部信息 130
getBoardAndSubAllNews({boardId:130,page:1,size:10}).then(res=>{
if(res.success){
this.tableData=res.data.records;
}
}) })
newsFromBoard({boardId:'135',page:1,size:5}).then(res=>{ newsFromBoard({boardId:'135',page:1,size:5}).then(res=>{
...@@ -776,7 +728,7 @@ export default { ...@@ -776,7 +728,7 @@ export default {
// 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=>{ latestNewOfGXCourt({page:1,size:5}).then(res=>{
this.whole = res.data.records this.whole = res.data.records
}) })
}, },
...@@ -792,7 +744,7 @@ export default { ...@@ -792,7 +744,7 @@ export default {
console.log(val); console.log(val);
this.workActive=index; this.workActive=index;
if(val.boardName=='全部'){ if(val.boardName=='全部'){
this.getBoardAndSubAllNews();//获取全部新闻 this.getBoardAndSubAllNews(1929);//获取全部新闻 即工作信息大栏目1929id
}else{ }else{
this.newsFromBoard(val); this.newsFromBoard(val);
} }
...@@ -817,11 +769,11 @@ export default { ...@@ -817,11 +769,11 @@ export default {
}) })
}, },
showHide(e){console.log(e);}, showHide(e){console.log(e);},
changeFlag(i) { // changeFlag(i) {
// console.log('ghjgjkjgl===', i) // // console.log('ghjgjkjgl===', i)
this.treeData[i].openFlag=!this.treeData[i].openFlag; // this.treeData[i].openFlag=!this.treeData[i].openFlag;
this.$forceUpdate();//强制赋值 // this.$forceUpdate();//强制赋值
}, // },
showMeetingInfo(){}, showMeetingInfo(){},
switchBtn(i){ switchBtn(i){
console.log('111===', i) console.log('111===', i)
...@@ -839,12 +791,12 @@ export default { ...@@ -839,12 +791,12 @@ export default {
// let val = {boardId:''} // let val = {boardId:''}
// let val = {boardId:1929} // let val = {boardId:1929}
// this.newsFromBoard(val) // this.newsFromBoard(val)
this.getBoardAndSubAllNews();//获取全部新闻的列表 this.getBoardAndSubAllNews(1929);//获取全部的新闻的列表，工作信息1929
} }
}, },
// 获取栏目及子栏目全部新闻列表 // 获取栏目及子栏目全部新闻列表
getBoardAndSubAllNews(){ getBoardAndSubAllNews(boardId){
getBoardAndSubAllNews({boardId:1929,page:1,size:10}).then(res=>{ getBoardAndSubAllNews({boardId:boardId,page:1,size:10}).then(res=>{
if(res.success){ if(res.success){
this.workList=res.data.records; this.workList=res.data.records;
} }
...@@ -861,8 +813,8 @@ export default { ...@@ -861,8 +813,8 @@ export default {
this.tableData = res.data.newsList.records this.tableData = res.data.newsList.records
}) })
}, },
// 跳转到更所模块 // 跳转到全区速递和视频点播更多模块
toMorelist(activeItemPolice){ toAllMorelist(activeItemPolice){
if(activeItemPolice==0){ if(activeItemPolice==0){
this.$router.push({ this.$router.push({
path: "/list", //跳转路由 path: "/list", //跳转路由
...@@ -880,14 +832,20 @@ export default { ...@@ -880,14 +832,20 @@ export default {
}, },
}); });
} }
},
// 跳转到更所模块
toMorelist(boardId){
this.$router.push({
path: "/list", //跳转路由
query: {
//参数对象
boardId: boardId,//视频点播
},
});
},
}
}, },
} }
</script> </script>
......
src/views/list/index.vue
...@@ -25,7 +25,7 @@ ...@@ -25,7 +25,7 @@
</ul>--> </ul>-->
<!-- <el-tree :data="dataTreeFile" :props="defaultProps"></el-tree> --> <!-- <el-tree :data="dataTreeFile" :props="defaultProps"></el-tree> -->
<div style="height: 65vh;over-flow:hidden;overflow:auto;"> <div style="height: 65vh;over-flow:hidden;overflow:auto;">
<el-tree :data="dataTreeFile" :props="defaultProps" @node-click="handleNodeClick"></el-tree> <el-tree default-expand-all :data="dataTreeFile" :props="defaultProps" @node-click="handleNodeClick"></el-tree>
</div> </div>
</div> </div>
</el-col> </el-col>
...@@ -182,6 +182,9 @@ import { ...@@ -182,6 +182,9 @@ import {
newsFromBoard, //获取栏目下的新闻列表 newsFromBoard, //获取栏目下的新闻列表
getSubLevelBoard getSubLevelBoard
} from "@/api/list.js"; } from "@/api/list.js";
import {
getSelectedBoardTree,//获取指定栏目树
} from "@/api/homePage.js"
export default { export default {
name: "show", name: "show",
...@@ -313,8 +316,12 @@ export default { ...@@ -313,8 +316,12 @@ export default {
getSubLevelBoardF(boardId){ getSubLevelBoardF(boardId){
var params={}; var params={};
params.boardId=boardId; params.boardId=boardId;
getSubLevelBoard(JSON.stringify(params)).then(res=>{ // getSubLevelBoard(JSON.stringify(params)).then(res=>{
console.log(res); // console.log(res);
// this.dataTreeFile = res.data
// })
getSelectedBoardTree(params).then(res=>{
console.log('获取指定栏目树=',res);
this.dataTreeFile = res.data this.dataTreeFile = res.data
}) })
}, },
......
src/views/zone/index.vue
...@@ -118,7 +118,7 @@ export default { ...@@ -118,7 +118,7 @@ export default {
}, },
methods:{ methods:{
getLatestNewOfGXCourt(){ getLatestNewOfGXCourt(){
this.pageInfo.deptId=32; // this.pageInfo.deptId=32;
latestNewOfGXCourt(this.pageInfo).then(res=>{ latestNewOfGXCourt(this.pageInfo).then(res=>{
if(res.success){ if(res.success){
this.moreNewsList=res.data.records; this.moreNewsList=res.data.records;
......
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