Skip to content

C
court-inner
Commit 217936bc by 杨琪琪
Options

信息发布系统--修复查询，实现收报信息

parent 6ab3fcfb
Showing with 540 additions and 475 deletions
src/api/manage/manage.js
......@@ -77,8 +77,8 @@ export const assInfoList = (data) => {
}
//获取收报信息列表
export const getSBList = (data) => {
//获取收报信息列表---接收
export const getSBReceiveList = (data) => {
return request({
url: 'websiteCluster/website/getSBList',
method: 'POST',
......@@ -86,6 +86,16 @@ export const getSBList = (data) => {
})
}
//获取收报信息列表---报送
export const getSBSubmittedList = (data) => {
return request({
url: 'websiteCluster/website/getReportList',
method: 'POST',
data
})
}
//管理列表--新闻详情
export const newsDetail = (data) => {
return request({
......@@ -165,6 +175,15 @@ export const sbBatch = (data) => {
})
}
// 收报批量采用或不采用
export const sbBatchUseOrNot = (data) => {
return request({
url: 'websiteCluster/website/sbBatchUseOrNot',
method: 'POST',
data
})
}
//日志详情
......
src/router/routers.js
......@@ -52,7 +52,7 @@ const constantRouterMap = [
{
path: "/manage",
name: 'manage',
meta: { title: '栏目', icon: '' },
meta: { title: '信息发布系统', icon: '' },
component: resolve => require(["@/views/manage"], resolve),
},
{
......
src/views/home.vue
......@@ -124,6 +124,7 @@ export default {
loginOut() {
logout().then((res) => {
removeToken();
window.localStorage.removeItem('publishFlag');
// this.$router.push("/");
location.href = res.data;
});
......@@ -135,7 +136,7 @@ export default {
location.href = process.env.VUE_APP_LOGIN_API
},
enableTurnOnSystem(){
enableTurnOnSystem({fyId:32}).then((res) => {
enableTurnOnSystem().then((res) => {
sessionStorage.setItem('publishFlag',res.success);
});
}
......
src/views/homePage/index.vue
......@@ -60,7 +60,6 @@
<div style="font-size:8px;" class="tab-item" :class="[workActive==index? 'tab-item-active':'']" @click="informationSelection(item,index)">
{{item.boardName}}
</div>
</div>
</el-col >
<el-col :span="16" style="">
......
src/views/layout/menu--yy.vue
<template>
<div>
<el-row >
<el-col class="my-menu" :span="18" :offset="3">
<div class="nav k-flex-between-center">
<div class="nav-a">
<ul class="nav-a-ul">
<li class="nav-a-li" :class="classA == index ? 'active' : '' " @click="selected(index)" v-for="(item,index) in configNav" :key="index">
<router-link :to='item.path' class="nav-a-text" @click="showToggle(index)">{{item.name}}</router-link>
<div v-if="item.subItems" class="submenu-container" >
<ul class="menu_ul" :class="{'active' :index===isShow}">
<li class="menu_li" v-for = "(nav,index) in item.subItems" :class="classB == nav ? 'active' : '' " @click="menuselected(nav)" :key="index">
<router-link class="menu_ul_text" :to="nav.link" :class="{'active':nav.link == linkClick}" @click = "treeNavSwitch(nav)">{{nav.text}}</router-link>
</li>
</ul>
</div>
<div>
<el-row>
<el-col class="my-menu" :span="18" :offset="3">
<div class="nav k-flex-between-center">
<div class="nav-a">
<ul class="nav-a-ul">
<li
class="nav-a-li"
:class="classA == index ? 'active' : ''"
@click="selected(index)"
v-for="(item, index) in configNav"
:key="index"
>
<router-link
:to="item.path"
class="nav-a-text"
@click="showToggle(index)"
>{{ item.name }}</router-link
>
<div v-if="item.subItems" class="submenu-container">
<ul class="menu_ul" :class="{ active: index === isShow }">
<li
class="menu_li"
v-for="(nav, index) in item.subItems"
:class="classB == nav ? 'active' : ''"
@click="menuselected(nav)"
:key="index"
>
<router-link
class="menu_ul_text"
:to="nav.link"
:class="{ active: nav.link == linkClick }"
@click="treeNavSwitch(nav)"
>{{ nav.text }}</router-link
>
</li>
</ul>
</div>
<div class="k-flex seach-input k-align-center" style="width:180px;">
<el-input
placeholder="请输入内容"
clearable>
<i @click="searchEvent" slot="suffix" class="el-input__icon el-icon-search"></i>
</el-input>
</div>
</div>
</el-col>
</el-row>
</div>
</ul>
</div>
</li>
</ul>
</div>
<div class="k-flex seach-input k-align-center" style="width: 180px">
<el-input placeholder="请输入内容" clearable>
<i
@click="searchEvent"
slot="suffix"
class="el-input__icon el-icon-search"
></i>
</el-input>
</div>
</div>
</el-col>
</el-row>
</div>
</template>
<script>
export default {
data(){
return{
classA: 0,
data() {
return {
classA: 0,
classB: 0,
isShow: 0,
linkClick: "",
configNav: [
configNav: [
{
name: "首页",
path:'homePage',
path: "homePage",
},
{
name: "法院新闻",
path:'',
subItems:[
{ link:'/education',text: '教学管理系统'},
{ link:'/yingxiaozhaosheng',text: '营销招生系统' },
{ link:'',text: '视频直播系统' },
{ link:'',text: '个性化定制服务' }
]
path: "",
subItems: [
{ link: "/education", text: "教学管理系统" },
{ link: "/yingxiaozhaosheng", text: "营销招生系统" },
{ link: "", text: "视频直播系统" },
{ link: "", text: "个性化定制服务" },
],
},
{
name: "工作信息",
path:'/show',
path: "/show",
},
{
name: "法院业务",
path:'/aboutour',
path: "/aboutour",
},
{
name: "干警作品",
path:'/aboutour',
path: "/aboutour",
},
{
name: "娱乐",
path:'/aboutour',
path: "/aboutour",
},
{
name: "全区法院",
path:'/aboutour',
path: "/aboutour",
},
{
name: "信息发布系统",
path:'/aboutour',
},
]
}
],
pFlag: false, // 是否显示信息发布系统
};
},
created(){
this.isPublishOut();
},
methods: {
selected() {},
menuselected() {},
// 是否显示信息发布系统
isPublishOut() {
this.pFlag = window.sessionStorage.getItem("publishFlag");
console.log('-=-====-=-=-=======-==-是否显示信息发布系统',this.pFlag);
// if(this.pFlag){
// var pObj = {
// name: "信息发布系统",
// path: "/aboutour",
// };
// this.configNav.push(pObj);
// }
},
methods:{
selected(){},
menuselected(){},
}
}
},
};
</script>
<style lang="scss" scoped>
// 路由导航
// .el-menu--horizontal>.el-menu-item{
// background-color: rgb(58, 94, 131);
// color:#fff;
// }
// .el-menu--horizontal>.el-menu-item{
// border-bottom:none;
// background:rgb(58, 94, 131);
// }
// .el-menu--horizontal>.el-menu-item{
// background:rgb(22, 22, 22)!important;
// height:40px;
// line-height:40px;
// margin-right:10px;
// border-radius:5px 5px 0 0;
// font-size:12px;
// font-weight:bold;
// 路由导航
// .el-menu--horizontal>.el-menu-item{
// background-color: rgb(58, 94, 131);
// color:#fff;
// }
// .el-menu--horizontal>.el-menu-item{
// border-bottom:none;
// background:rgb(58, 94, 131);
// }
// .el-menu--horizontal>.el-menu-item{
// background:rgb(22, 22, 22)!important;
// height:40px;
// line-height:40px;
// margin-right:10px;
// border-radius:5px 5px 0 0;
// font-size:12px;
// font-weight:bold;
// }
// .el-menu--horizontal>.el-menu-item.is-active{
// background-color: rgb(58, 94, 131)!important;
// }
// .el-menu.el-menu--horizontal{
// border-bottom:none;
// }
// .icon-size{
// font-size:15px;margin-right:5px;
// }
ul,li{
padding:0;
margin:0;
// }
// .el-menu--horizontal>.el-menu-item.is-active{
// background-color: rgb(58, 94, 131)!important;
// }
// .el-menu.el-menu--horizontal{
// border-bottom:none;
// }
// .icon-size{
// font-size:15px;margin-right:5px;
// }
ul,
li {
padding: 0;
margin: 0;
}
.nav {
width: 100%;
......@@ -129,11 +166,11 @@ export default {
border-bottom: none;
line-height: 65px;
// padding:5px 0;
background: #D33237;
box-sizing:border-box;
background: #d33237;
box-sizing: border-box;
// box-sizing:border-box;
border-radius:7px;
padding:0 15px;
border-radius: 7px;
padding: 0 15px;
}
.nav-a {
cursor: pointer;
......@@ -141,28 +178,27 @@ export default {
// margin-left: 50px;
letter-spacing: 4px;
position: relative;
text-align:center;
text-align: center;
}
.nav-a-ul {
list-style: none;
line-height:50px;
line-height: 50px;
}
.nav-a-li {
position: relative;
display: inline-block;
// margin-left: 30px;
// height: 60px;
margin:0 20px;
margin: 0 20px;
}
.nav-a-text {
font-size: 14px;
color: #fff;
// line-height: 58px;
font-weight:bold;
font-weight: bold;
text-decoration: none;
}
.menu_ul{
.menu_ul {
list-style: none;
background: #fff;
border-radius: 3px;
......@@ -176,31 +212,29 @@ export default {
}
.submenu-container {
// width: 130px;
// top: 58px;
// left: 67px;
// left:0;
// display: none;
margin-top:10px;
margin-top: 10px;
width: 100%;
position:absolute;
width:300px;
border:1px solid #ccc;
border-radius:5px;
padding:15px;
z-index:19;
position: absolute;
width: 300px;
border: 1px solid #ccc;
border-radius: 5px;
padding: 15px;
z-index: 19;
background: #fff;
box-shadow: -5px 0px 20px 5px rgba(0,0,0,0.05);
box-shadow: -5px 0px 20px 5px rgba(0, 0, 0, 0.05);
}
.menu_li {
float:left;
float: left;
height: 30px;
line-height: 30px;
padding:0 10px;
margin-bottom:10px;
border-right:1px solid #eee;
padding: 0 10px;
margin-bottom: 10px;
border-right: 1px solid #eee;
// padding-left: 12px;
}
.menu_ul_text {
......@@ -208,25 +242,23 @@ export default {
color: #666;
letter-spacing: 0;
line-height: 30px;
height:30px;
height: 30px;
text-decoration: none;
padding-left: 6px;
}
.nav-a-li:hover{
.nav-a-li:hover {
position: absolute;
// display:inline-block;
// border-bottom: 2px solid #fff !important;
border-bottom: 2px solid red !important;
box-sizing:border-box;
box-sizing: border-box;
}
.nav-a-li.active {
// border-bottom: 2px solid #fff;
}
.nav-a-li:active {
border-bottom: 2px solid #fff;
}
}
// .nav-a-li:hover .menu_ul {
// display: block;
// }
......@@ -236,25 +268,24 @@ export default {
.menu_ul_text:hover {
color: #2589ff;
}
.menu_li.active .menu_ul_text{
color: #2589ff;
.menu_li.active .menu_ul_text {
color: #2589ff;
}
.search-container{
.search-container {
// position:relative;
width: 100%;
height: 500px;
background-image: url(../../assets/pic.jpg);
background-repeat: no-repeat;
background-size: 100% 100%;
}
.index-div{
position:absolute;
.index-div {
position: absolute;
width: 100%;
border-radius: 5px;
top:30%;
top: 30%;
}
.indexConFind{
.indexConFind {
// position:absolute;
width: 60%;
height: 180px;
......@@ -263,7 +294,7 @@ export default {
// top:20%;
border-radius: 5px;
}
.seach-input{
width:60%;
.seach-input {
width: 60%;
}
</style>
src/views/layout/menu.vue
......@@ -14,7 +14,7 @@
<el-link
@click.native="menuRouterClick(item, index)"
class="nav-a-text"
:underline="false"
:underline="false"
>{{ item.meta.title }}</el-link
>
<div
......@@ -31,7 +31,7 @@
>
<el-link
class="menu_ul_text"
:underline="false"
:underline="false"
:class="{ active: nav.path == linkClick }"
>{{ nav.meta.title }}</el-link
>
......@@ -78,7 +78,11 @@
</div>
<div class="k-flex seach-input k-align-center" style="width: 180px">
<el-input v-model="searchSubject" placeholder="请输入内容" clearable>
<el-input
v-model="searchSubject"
placeholder="请输入内容"
clearable
>
<i
@click="searchEvent"
slot="suffix"
......@@ -231,13 +235,14 @@ import items from "./items.vue";
import {
getAllCourts, //获取全区法院
getSubLevelBoard, //获取子栏目
searchForNews,//搜索新闻
searchForNews, //搜索新闻
enableTurnOnSystem,
} from "@/api/homePage.js";
export default {
components: { sideItem, items },
data() {
return {
searchSubject:'',//搜索内容
searchSubject: "", //搜索内容
allCourtsData: [], //全区法院
childFlag: false,
activeIndex: "/homePage",
......@@ -255,29 +260,28 @@ export default {
name: "news",
path: "/news",
meta: { title: "法院新闻" },
children:[
{
name: "top",
path:'',
boardId:'',
type:'top',
meta:{title:'今日头条',},
},
{
name: "all",
path:'',
type:'all',
meta:{title:'全区速递',},
},
{
name: "vedio",
path:'',
boardId:1965,
type:'vedio',
meta:{title:'视频点播',},
},
]
children: [
{
name: "top",
path: "",
boardId: "",
type: "top",
meta: { title: "今日头条" },
},
{
name: "all",
path: "",
type: "all",
meta: { title: "全区速递" },
},
{
name: "vedio",
path: "",
boardId: 1965,
type: "vedio",
meta: { title: "视频点播" },
},
],
// children:[
// {
// name: "news",
......@@ -354,12 +358,8 @@ export default {
path: "",
meta: { title: "全区法院" },
},
{
name: "manage",
path: "/manage",
meta: { title: "信息发布系统" },
},
],
pFlag: false, // 是否显示信息发布系统
};
},
computed: {
......@@ -367,6 +367,8 @@ export default {
...mapGetters(["user"]),
},
created() {
// this.isPublishOut();
this.enableTurnOnSystem();
this.getAllCourts(); //获取全区法院
// this.getSubLevelBoard(1, 129); //法院新闻
this.getSubLevelBoard(2, 1929); //工作信息
......@@ -375,77 +377,102 @@ export default {
this.getSubLevelBoard(2, 130); //法院业务
},
methods: {
// 是否显示信息发布系统
enableTurnOnSystem() {
enableTurnOnSystem().then((res) => {
if (res.success) {
var pObj = {
name: "manage",
path: "/manage",
meta: { title: "信息发布系统" },
};
this.routesList.push(pObj);
}
});
},
// // 是否显示信息发布系统
// isPublishOut() {
// this.pFlag = window.sessionStorage.getItem("publishFlag");
// console.log(
// "-=-==-=-==-==-=-=-=-=-==-=是否显示信息发布系统1111111",
// this.pFlag
// );
// if (this.pFlag == "true") {
// var pObj = {
// name: "manage",
// path: "/manage",
// meta: { title: "信息发布系统" },
// };
// this.routesList.push(pObj);
// }
// },
//1、点击一级导航
menuRouterClick(item, index) {
console.log("menuRouterClick-index==", index);
console.log("menuRouterClick-item==", item);
console.log('this.routesList==',this.routesList);
console.log("this.routesList==", this.routesList);
// this.classA = index;
console.log("this.classA==", this.classA);
this.classA = index;
item=this.routesList[this.classA];
item = this.routesList[this.classA];
// return;
if (item.name == "manage") {
// var url=process.env.VUE_APP_LOGIN_API+'/manage'
// window.open(url)
// window.open("/#/manage");
var userInfo=sessionStorage.getItem('userInfo');
var publishFlag=sessionStorage.getItem('publishFlag');
console.log('user==',userInfo);
if(!userInfo){
var userInfo = sessionStorage.getItem("userInfo");
var publishFlag = sessionStorage.getItem("publishFlag");
console.log("user==", userInfo);
if (!userInfo) {
this.$message({
message:'请先登录！',
type:'error',
message: "请先登录！",
type: "error",
});
return;
}else{
console.log('publishFlag=',publishFlag);
if(publishFlag){
} else {
console.log("publishFlag=", publishFlag);
if (publishFlag) {
this.$router.push({
path: item.path, //跳转路由
});
}else{
} else {
this.$message({
message:'您的账号没有权限!',
type:'error',
message: "您的账号没有权限!",
type: "error",
});
return;
}
}
}else if(item.name == "homePage" || item.name == "news"){
} else if (item.name == "homePage" || item.name == "news") {
this.$router.push({
path: item.path, //跳转路由
});
}else if(item.name == "fun"){
path: item.path, //跳转路由
});
} else if (item.name == "fun") {
this.$message({
message:'维护中...',
type:'error',
duration:1000
message: "维护中...",
type: "error",
duration: 1000,
});
return;
}else{
} else {
this.$router.push({
path: "/list", //跳转路由
query: {
//参数对象
boardId: item.boardId,
type:'menu'
type: "menu",
},
});
}
},
// 2、点击二级子栏目--跳转到列表
menuselected(item, subItem) {
// alert('item');
console.log("点击子菜单1==", item);
console.log("点击子菜单2==", subItem);
console.log('this.routesList==',this.routesList);
console.log("this.routesList==", this.routesList);
for (var i = 0; i < this.routesList.length; i++) {
if (this.routesList[i].name == item.name) {
this.classA = i;
......@@ -459,30 +486,29 @@ export default {
// });
// return;
// }
if(subItem.name=='top' || subItem.name=='all' || subItem.name=='vedio'){
this.$router.push({
path: "/zone", //跳转路由
query: {
//参数对象
boardId: subItem.boardId,
type:subItem.type
},
});
}else{
this.$router.push({
path: "/list", //跳转路由
query: {
//参数对象
boardId: subItem.boardId,
type:'sub'
},
});
if (
subItem.name == "top" ||
subItem.name == "all" ||
subItem.name == "vedio"
) {
this.$router.push({
path: "/zone", //跳转路由
query: {
//参数对象
boardId: subItem.boardId,
type: subItem.type,
},
});
} else {
this.$router.push({
path: "/list", //跳转路由
query: {
//参数对象
boardId: subItem.boardId,
type: "sub",
},
});
}
},
// treeNavSwitch(){},
//获取全区法院
......@@ -544,7 +570,6 @@ export default {
subject: this.searchSubject,
},
});
},
toNews() {
console.log(4556);
......@@ -574,7 +599,6 @@ export default {
.el-menu--horizontal > .el-submenu .el-submenu__title {
font-size: 13px;
}
}
// $childs: false;
......@@ -698,7 +722,7 @@ li {
border-bottom: 2px solid #ffd04b;
}
.main-active .nav-a-text {
color: #ffd04b!important;
color: #ffd04b !important;
}
.menu_ul_text:hover {
......@@ -714,7 +738,7 @@ li {
width: 170px;
border-radius: 5px;
bottom: -65;
z-index:19;
z-index: 19;
}
.nav-a-li:hover .submenu-container-first {
display: block;
......@@ -756,7 +780,7 @@ li {
.search-container {
width: 100%;
height: 500px;
background-image: url('../../assets/pic.jpg');
background-image: url("../../assets/pic.jpg");
background-repeat: no-repeat;
background-size: 100% 100%;
}
......@@ -776,6 +800,4 @@ li {
.seach-input {
width: 60%;
}
</style>
src/views/manage/index.vue
This source diff could not be displayed because it is too large. You can view the blob instead.
src/views/news -old/index.vue
......@@ -92,13 +92,13 @@
<el-row :gutter="10">
<el-col :span="12">
<el-image style="" :src="require('../../assets/pic.jpg')"></el-image>
</el-col :span="12">
</el-col>
<el-col :span="12">
<div>
结果立刻发动进攻类库的结构来看到付即可购房贷款逛街看到路上经过考虑工具开发架构框架
<span style="color:red;font-size:10px;">[详细]</span>
</div>
</el-col :span="12">
</el-col>
</el-row>
<ul class="business-ul">
......@@ -219,11 +219,6 @@
</div>
</div>
</div>
</el-col>
</el-row>
......
src/views/news/index.vue
......@@ -130,7 +130,7 @@
</el-col >
<el-col :span="12">
<div v-if="highlightsData[0]" class="re-see">
<div class="hightlight-v" v-html="highlightsData[0].content"></div>
<div class="hightlight-v" v-html="highlightsData[0].content" @click="setParams(highlightsData[0])"></div>
<span @click="setParams(highlightsData[0])" style="color:red;font-size:10px;">[详细]</span>
</div>
</el-col >
......@@ -272,10 +272,10 @@ export default {
if(type==1){
params.byDay='1';//按日
}
if(type==2){
if(type==3){
params.byMonth='1';//按月
}
if(type==3){
if(type==2){
params.byWeek='1';//按周
}
......@@ -535,6 +535,7 @@ ul{
margin-right:5px;
position:relative;
color:black;
cursor: default;
}
.line-div{
position:absolute;
......@@ -745,9 +746,11 @@ ul{
}
@keyframes infiniteScroll {
// 动画开始时间
0% {
transform: translate3d(0, 0, 0);
}
// 动画结束时间
100% {
transform: translate3d(-100%, 0, 0);
}
......
src/views/zone/index.vue
<template>
<div >
<el-row >
<div>
<el-row>
<el-col :span="18" :offset="3">
<el-row class="mt-20" :gutter="20">
<!--左边栏目开始-->
......@@ -8,9 +8,9 @@
<div class="list-container" style="">
<div class="list-title mb-10" style="">按分类查看</div>
<ul class="type-list">
<li @click="switchMenu('top')"><a href="#">今日头条</a></li>
<li @click="switchMenu('all')"><a href="#">全区速递</a></li>
<li @click="switchMenu('vedio')"><a href="#">音视频点播</a></li>
<li @click="switchMenu('top')"><a href="#">今日头条</a></li>
<li @click="switchMenu('all')"><a href="#">全区速递</a></li>
<li @click="switchMenu('vedio')"><a href="#">音视频点播</a></li>
</ul>
</div>
</el-col>
......@@ -18,57 +18,65 @@
<el-col :span="19">
<div class="zone-style">
<div style="min-height:76vh;">
<div class="mb-10" style="font-size:12px;font-weight:bold;">法院新闻：{{ menuName }}</div>
<div style="min-height: 76vh">
<div class="mb-10" style="font-size: 12px; font-weight: bold">
法院新闻：{{ menuName }}
</div>
<!-- <el-breadcrumb-item v-for="(v,i) in breadList" :key="i">
<router-link :to="v.path" >{{ v.meta.title}}</router-link>
</el-breadcrumb-item> -->
<el-table
:header-cell-style="{'text-align':'center','font-size':'15px','color':'black'}"
:cell-style="{'font-size':'13px','border-bottom':'none'}"
: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="标题">
style="width: 100%"
>
<el-table-column align="left" property="subject" label="标题">
</el-table-column>
<el-table-column
align="center"
property="newsTime"
label="时间"
width="150">
width="150"
>
</el-table-column>
<el-table-column
align="center"
property="clickCount"
label="点击"
width="120">
width="120"
>
<template slot-scope="scope">
<span v-if="scope.row.clickCount == null">0</span>
<span v-else>{{ scope.row.clickCount }}</span>
</template>
</el-table-column>
<el-table-column
align="center"
property="commentCount"
label="评论"
width="50">
</el-table-column>
<el-table-column
label="操作"
width="50"
align="center"
>
>
</el-table-column>
<el-table-column label="操作" width="50" align="center">
<template slot-scope="scope">
<el-button
@click="setParams(scope.row)"
@click="setParams(scope.row)"
type="text"
size="mini">
size="mini"
>
查看
</el-button>
</template>
</el-table-column>
</el-table>
<div style="margin-top:10px;">
<div style="margin-top: 10px">
<el-pagination
prev-text="上一页"
next-text="下一页"
......@@ -80,12 +88,9 @@
@size-change="sizeChange"
/>
</div>
</div>
</div>
</el-col>
</el-row>
</el-col>
</el-row>
......@@ -94,218 +99,208 @@
<script>
import {
newsFromBoard,
latestNewOfGXCourt,//获取全区速递
topList,//今日头条
} from "@/api/homePage.js"
latestNewOfGXCourt, //获取全区速递
topList, //今日头条
} from "@/api/homePage.js";
export default {
name: "show",
data() {
return {
menuName:'',
breadList:[],//面包屑列表
pageInfo:{
page:1,
size:10,
total:0
},
moreNewsList:[],//搜索出来的新闻
name: "show",
}
},
created() {
// this.getBreadcrumb();
var type=this.$route.query.type;
if(type=='vedio'){
this.getVedio();
this.menuName='音视频点播'
}else if(type=='top'){
this.topListFun();//今日头条
this.menuName='今日头条'
}else if(type=='all'){
this.getLatestNewOfGXCourt();//获取全区速递
this.menuName='全区速递'
}
},
//监听路由获取面包屑
watch: {
$route() {
if (this.$route.query.type) {
// this.getBreadcrumb();
var type=this.$route.query.type;
if(type=='vedio'){
this.getVedio();
this.menuName='音视频点播'
}else if(type=='top'){
this.topListFun();//今日头条
this.menuName='今日头条'
}else if(type=='all'){
this.getLatestNewOfGXCourt();//获取全区速递
this.menuName='全区速递 '
}
}
data() {
return {
menuName: "",
breadList: [], //面包屑列表
pageInfo: {
page: 1,
size: 10,
total: 0,
},
moreNewsList: [], //搜索出来的新闻
};
},
created() {
// this.getBreadcrumb();
var type = this.$route.query.type;
if (type == "vedio") {
this.getVedio();
this.menuName = "音视频点播";
} else if (type == "top") {
this.topListFun(); //今日头条
this.menuName = "今日头条";
} else if (type == "all") {
this.getLatestNewOfGXCourt(); //获取全区速递
this.menuName = "全区速递";
}
},
//监听路由获取面包屑
watch: {
$route() {
if (this.$route.query.type) {
// this.getBreadcrumb();
var type = this.$route.query.type;
if (type == "vedio") {
this.getVedio();
this.menuName = "音视频点播";
} else if (type == "top") {
this.topListFun(); //今日头条
this.menuName = "今日头条";
} else if (type == "all") {
this.getLatestNewOfGXCourt(); //获取全区速递
this.menuName = "全区速递 ";
}
}
},
methods:{
// 获取面包屑
},
methods: {
// 获取面包屑
// getBreadcrumb(){
// this.breadList=this.$route.matched.filter(item=>item.meta && item.meta.title);
// console.log('this.breadList==',this.breadList);
// },
//全区速递
getLatestNewOfGXCourt(){
// this.pageInfo.deptId=32;
latestNewOfGXCourt(this.pageInfo).then(res=>{
if(res.success){
this.moreNewsList=res.data.records;
this.pageInfo.total=res.data.total;
}
})
},
//今日头条
topListFun(){
this.pageInfo.fyId=32;
topList(this.pageInfo).then(res=>{
// this.topList = res.data.records
// this.headlineRotation = res.data.records
this.moreNewsList=res.data.records;
this.pageInfo.total=res.data.total;
})
},
// 视频点播
// 视频点播boardId是1965
getVedio(){
this.pageInfo.fyId=1965;
newsFromBoard(this.pageInfo).then(res=>{
// this.videoLiet = res.data.newsList.records
this.moreNewsList=res.data.newsList.records;
this.pageInfo.total=res.data.total;
})
},
pageChange(e) {
this.pageInfo.page = e;
// this.getLatestNewOfGXCourt();
var type=this.$route.query.type;
if(type=='vedio'){
this.getVedio();
}else if(type=='top'){
this.topListFun();//今日头条
}else if(type=='all'){
this.getLatestNewOfGXCourt();//获取全区速递
//全区速递
getLatestNewOfGXCourt() {
// this.pageInfo.deptId=32;
latestNewOfGXCourt(this.pageInfo).then((res) => {
if (res.success) {
this.moreNewsList = res.data.records;
this.pageInfo.total = res.data.total;
}
},
sizeChange(e) {
this.pageInfo.size = e;
this.pageChange(1);
},
// 查看详情
setParams(val){
this.$router.push({
path:'/detail',//跳转路由
query:{//参数对象
newsId:val.newsId
}
});
},
switchMenu(type){
this.pageInfo.page=1;
this.pageInfo.size=10;
this.pageInfo.total=0;
if(type=='vedio'){
this.getVedio();
this.menuName='音视频点播'
}else if(type=='top'){
this.topListFun();//今日头条
this.menuName='今日头条'
}else if(type=='all'){
this.getLatestNewOfGXCourt();//获取全区速递
this.menuName='全区速递'
}
}
});
},
//今日头条
topListFun() {
this.pageInfo.fyId = 32;
topList(this.pageInfo).then((res) => {
// this.topList = res.data.records
// this.headlineRotation = res.data.records
this.moreNewsList = res.data.records;
this.pageInfo.total = res.data.total;
});
},
// 视频点播
// 视频点播boardId是1965
getVedio() {
this.pageInfo.fyId = 1965;
newsFromBoard(this.pageInfo).then((res) => {
// this.videoLiet = res.data.newsList.records
this.moreNewsList = res.data.newsList.records;
this.pageInfo.total = res.data.total;
});
},
}
}
pageChange(e) {
this.pageInfo.page = e;
// this.getLatestNewOfGXCourt();
var type = this.$route.query.type;
if (type == "vedio") {
this.getVedio();
} else if (type == "top") {
this.topListFun(); //今日头条
} else if (type == "all") {
this.getLatestNewOfGXCourt(); //获取全区速递
}
},
sizeChange(e) {
this.pageInfo.size = e;
this.pageChange(1);
},
// 查看详情
setParams(val) {
this.$router.push({
path: "/detail", //跳转路由
query: {
//参数对象
newsId: val.newsId,
},
});
},
switchMenu(type) {
this.pageInfo.page = 1;
this.pageInfo.size = 10;
this.pageInfo.total = 0;
if (type == "vedio") {
this.getVedio();
this.menuName = "音视频点播";
} else if (type == "top") {
this.topListFun(); //今日头条
this.menuName = "今日头条";
} else if (type == "all") {
this.getLatestNewOfGXCourt(); //获取全区速递
this.menuName = "全区速递";
}
},
},
};
</script>
<style lang="scss" scoped>
// 树形菜单图标start-----------------------
.el-tree{
background:transparent;
.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;
}
.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;
.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;
.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{
.list-container {
// border:2px solid #34bab2;
// padding:15px 15px;
// margin-top:40px;
}
.list-title{
border-bottom:1px dashed #ccc;
.list-title {
border-bottom: 1px dashed #ccc;
line-height: 35px;
}
// 列表start
.type-list li{
.type-list li {
list-style-type: square;
// color: #0099ff;
color: blue;
......@@ -313,39 +308,38 @@ export default {
line-height: 35px;
border-bottom: 1px dashed #ccc;
}
.type-list li a{
.type-list li a {
color: #333;
font-size: 14px;
text-decoration:none;
text-decoration: none;
}
.type-list li:hover{
.type-list li:hover {
// color: #ff6900;
color: red;
}
.type-list li:hover a{
.type-list li:hover a {
// color: #ff6900
color:red;
color: red;
}
.type-list li:last-of-type {
border-bottom: none;
}
.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);
}
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;
}
::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