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