Skip to content

C
court-inner
Commit e2f86dbe by Yang
Options

问题修复--更新

parent dc325ac6
Showing with 2299 additions and 1865 deletions
public/index.html
......@@ -5,7 +5,7 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
<title>court-oa-meeting</title>
<title>内部信息网</title>
<!-- <title></title> -->
</head>
<body>
......
src/api/homePage.js
......@@ -127,3 +127,12 @@ export function enableTurnOnSystem(data) {
})
}
// // 干警栏目
// export function getBoardAndSubAllNews(data) {
// return request({
// url: `/websiteCluster/web/getBoardAndSubAllNews`,
// method: 'POST',
// data,
// })
// }
src/api/manage/manage.js
......@@ -233,3 +233,36 @@ export const sendBatchAssRemindSms = (data) => {
})
}
//获取指定栏目审核人
export const getAssUserList = (data) => {
return request({
url: 'websiteCluster/website/getAssUserList',
method: 'POST',
data
})
}
export const getAssUserRecently = (data) => {
return request({
url: 'websiteCluster/website/getAssUserRecently',
method: 'POST',
data
})
}
export const boardList = (data) => {
return request({
url: 'websiteCluster/website/boardList',
method: 'POST',
data
})
}
export const boardDetail = (data) => {
return request({
url: 'websiteCluster/board/boardDetail',
method: 'POST',
data
})
}
src/views/detail/index.vue
......@@ -5,30 +5,38 @@
<el-row class="mt-20" :gutter="20">
<el-col :span="16">
<div class="zone-style">
<div style="">
<div style="">
<div style>
<div style>
<span>当前位置:</span>
<el-breadcrumb
style="display: inline-block"
separator-class="el-icon-arrow-right"
>
<!-- <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
<el-breadcrumb-item>活动管理</el-breadcrumb-item> -->
<el-breadcrumb-item>活动管理</el-breadcrumb-item>-->
<el-breadcrumb-item v-for="(v,i) in breadList" :key="i">
<!-- <span v-if="i==breadList.length-1">{{ v.meta.title}}</span>
<router-link v-else>{{ v.meta.title}}</router-link> -->
<router-link :to="{name: v.name}" >{{ v.meta.title}}</router-link>
<router-link v-else>{{ v.meta.title}}</router-link>-->
<router-link :to="{name: v.name}">{{ v.meta.title}}</router-link>
<!-- <router-link :to="v.path" >{{ v.meta.title}}</router-link> -->
</el-breadcrumb-item>
</el-breadcrumb>
</div>
<!-- 文章内容 -->
<el-row>
<h2 style=" text-align: center;">{{article.subject}}</h2>
<div v-if="article.newsTime" style="color: #999999; font-size: 12px;text-align:right">发布时间：{{article.newsTime.substring(0,10)}}</div>
<div>
<el-image style="margin-top:5px;width:100%;margin-bottom:5px;" fit="contain" v-for="item in attachList" :key="item.id" :src="item.downloadPath"></el-image>
<div
v-if="article.newsTime"
style="color: #999999; font-size: 12px;text-align:right"
>发布时间：{{article.newsTime.substring(0,10)}}</div>
<div class="article-img">
<el-image
style="margin-top:5px;width:100%;margin-bottom:5px;"
fit="contain"
v-for="item in attachList"
:key="item.id"
:src="item.downloadPath"
></el-image>
</div>
<div class="view-html" style="width:100%;" v-html="article.content"></div>
<div class="wiriter-intro">作者: {{ article.provider }}</div>
......@@ -43,17 +51,11 @@
>
<el-col>
<el-row :gutter="40">
<el-col v-for="item in attachList" :key="item.id" class="mb-10" :span="24" >
<el-col v-for="item in attachList" :key="item.id" class="mb-10" :span="24">
<div @click="downLoadFile(item)" class="k-flex k-align-center">
<img
class="mr-5 gong-icon"
style=""
src="../../assets/home/file.png"
/>
<img class="mr-5 gong-icon" style src="../../assets/home/file.png" />
<div>下载附件：</div>
<div class="file-name">
{{item.attachName}}
</div>
<div class="file-name">{{item.attachName}}</div>
</div>
</el-col>
<!-- <el-col class="mb-10" :span="12">
......@@ -79,7 +81,7 @@
namehghjsd结果来看和可管理回馈老顾客
</div>
</div>
</el-col> -->
</el-col>-->
</el-row>
</el-col>
</el-row>
......@@ -88,41 +90,56 @@
<h5 v-if="messageDetailData.length==0" style="text-align: center">暂无评论</h5>
<h5 v-else style="text-align: center">评论</h5>
<div v-for="(item,index) in messageDetailData" :key="item.id" class="k-flex mb-15">
<el-image style="width:30px;height:30px;" fit="contain" :src="require('../../assets/home/user-o.png')"></el-image>
<el-image
style="width:30px;height:30px;"
fit="contain"
:src="require('../../assets/home/user-o.png')"
></el-image>
<div class="ml-5 k-all">
<div class="k-flex k-space-between" style="font-size:12px;color:#ccc;">
<div class="ml-5">{{item.userId}}</div>
<div class="mr-15">{{item.reTime}}</div>
</div>
<div class="mt-10" style="font-size:9px;">{{item.content}}</div>
<div v-if="item.subComments.length>0" style="margin-top:10px;font-size:9px;background:#eee;border-radius:5px;padding:15px;">
<div
v-if="item.subComments.length>0"
style="margin-top:10px;font-size:9px;background:#eee;border-radius:5px;padding:15px;"
>
<!-- {{item.content}} -->
<div class="mb-5" v-for="tab in item.subComments" :key="tab.id">
<span>{{tab.nickName}}</span>
<span>{{ tab.content }}</span>
</div>
</div>
<div @click="returnEvent(item,index)" v-if=" user.id && !item.returnFlag" class="mt-10" style="font-size:10px;margin-left:10px;color:blue;">回复</div>
<div
@click="returnEvent(item,index)"
v-if=" user.id && !item.returnFlag"
class="mt-10"
style="font-size:10px;margin-left:10px;color:blue;"
>回复</div>
<!-- 回复开始 -->
<div v-if="item.returnFlag" class="k-flex k-align-center return-comment mt-15">
<el-input
class=""
class
type="textarea"
:rows="1"
v-model="reCommentContent"
placeholder="请输入回复内容"
></el-input>
<el-button class="ml-10 " type="primary" size="mini" @click="commentEvent(1,item.content,item.id)">发送</el-button>
<el-button
class="ml-10"
type="primary"
size="mini"
@click="commentEvent(1,item.content,item.id)"
>发送</el-button>
</div>
<!-- 回复结束 -->
</div>
</div>
<!-- <div>
<button size="mini" type="primary">回复</button>
</div> -->
</div>-->
<el-input
class="mt-15"
......@@ -132,13 +149,17 @@
placeholder="发表评论"
></el-input>
<div v-if="user.id" style="text-align:center;">
<el-button class="mt-15" s type="danger" size="mini" @click="commentEvent(0,'','')">发表</el-button>
<el-button
class="mt-15"
s
type="danger"
size="mini"
@click="commentEvent(0,'','')"
>发表</el-button>
</div>
<div
v-if="!user.id"
style="text-align: center; font-size: 14px; margin-top: 15px"
>
您必须先的<span style="color: #d33237" @click="loginEvent">登录</span>才能发表评论或者回复
<div v-if="!user.id" style="text-align: center; font-size: 14px; margin-top: 15px">
您必须先的
<span style="color: #d33237" @click="loginEvent">登录</span>才能发表评论或者回复
</div>
</el-row>
</div>
......@@ -147,11 +168,7 @@
<div class="zone-style">
<div @click="seeMoreEvent(5)" class="k-flex-between-center">
<div class="k-flex k-align-center">
<el-image
class="mr-5 gong-icon"
style=""
:src="require('../../assets/news/3.png')"
></el-image>
<el-image class="mr-5 gong-icon" style :src="require('../../assets/news/3.png')"></el-image>
<div>精彩回顾</div>
</div>
<div @click="seeMoreEvent(5)" style="font-size: 12px; color: #999999">
......@@ -159,11 +176,7 @@
</div>
</div>
<div @click="seeParams(highlightsData[0])" class="mt-10 mb-5 k-flex k-align-center">
<img
class="mr-5 gong-icon"
style=""
src="../../assets/home/gonggao.png"
/>
<img class="mr-5 gong-icon" style src="../../assets/home/gonggao.png" />
<div v-if="highlightsData[0]" class="gonggao-text">
<span>{{ highlightsData[0].subject }}</span>
<!-- <span v-html="highlightsData[0].content"></span> -->
......@@ -173,7 +186,8 @@
v-for="item in highlightsData"
:key="item.newsId"
class="k-flex k-space-between top-list"
@click="seeParams(item)">
@click="seeParams(item)"
>
<div class="article-name">
<span class="right-line">
{{ item.boardName }}
......@@ -191,22 +205,21 @@
<el-button
@click.native="switchBtn(0)"
:class="['btn-item', { sanjiao: activeItem == 0 }]"
>本月阅读排行</el-button
>
>本月阅读排行</el-button>
<el-button
@click.native="switchBtn(1)"
:class="['btn-item', { sanjiao: activeItem == 1 }]"
>评论排行</el-button
>
>评论排行</el-button>
</div>
<div
v-for="(item, index) in commentRankData"
:key="index"
class="k-flex k-space-between top-list"
@click="seeParams(item)">
@click="seeParams(item)"
>
<div class="article-name">
<span class="num" style="">{{ index + 1 }}</span>
<span class="num" style>{{ index + 1 }}</span>
<span class="right-line">
{{ item.boardName }}
<span class="line-div"></span>
......@@ -229,7 +242,7 @@
<span>{{ item.name }}</span>
</div>
<div>{{item.date}}</div>
</div> -->
</div>-->
</div>
</el-col>
</el-row>
......@@ -313,14 +326,14 @@
</div>
</template>
<script>
import {newsDetail} from "@/api/homePage.js"
import { newsDetail } from "@/api/homePage.js";
import { messageDetail } from "@/api/manage/manage";
import { removeToken } from "@/utils/auth";
import { createMessage,commentRaking,monthClickRanking } from "@/api/detail";
import { createMessage, commentRaking, monthClickRanking } from "@/api/detail";
// import { getUserInfo } from "@/utils/auth";
import { mapGetters, mapMutations } from "vuex";
import {
highlights,//精彩回顾
highlights //精彩回顾
} from "@/api/news.js";
export default {
......@@ -328,68 +341,69 @@ export default {
data() {
return {
highlightsData:[],//精彩回顾集合
commentRankData:[],//本月评论
reCommentContent:'',//回复内容
messageDetailData:[],//评论详情
returnFlag:false,//回复判断
commentContent:'',//评论内容
highlightsData: [], //精彩回顾集合
commentRankData: [], //本月评论
reCommentContent: "", //回复内容
messageDetailData: [], //评论详情
returnFlag: false, //回复判断
commentContent: "", //评论内容
activeItem: 0,
topList: [
{
name: "开展司法教助全集中发放活动尽量克服冠军费德勒冠军费德勒空军航空发货过来会考虑好看",
date: "09-23",
name:
"开展司法教助全集中发放活动尽量克服冠军费德勒冠军费德勒空军航空发货过来会考虑好看",
date: "09-23"
},
{
name: "开展司法教助全集中发放活动",
date: "09-23",
date: "09-23"
},
{
name: "开展司法教助全集中发放活动",
date: "09-23",
date: "09-23"
},
{
name: "开展司法教助全集中发放活动",
date: "09-23",
date: "09-23"
},
{
name: "开展司法教助全集中发放活动",
date: "09-23",
date: "09-23"
},
{
name: "开展司法教助全集中发放活动",
date: "09-23",
date: "09-23"
},
{
name: "开展司法教助全集中发放活动",
date: "09-23",
},
date: "09-23"
}
],
tableData: [
{
date: "2016-05-02 12:00:00",
name: "24",
address: "【广西高院队...】广西高院队伍整顿简报",
address: "【广西高院队...】广西高院队伍整顿简报"
},
{
date: "2016-05-04 12:00:00",
name: "45",
address: "上海市普陀区金沙江路 1517 弄",
address: "上海市普陀区金沙江路 1517 弄"
},
{
date: "2016-05-01 12:00:00",
name: "67",
address: "上海市普陀区金沙江路 1519 弄",
address: "上海市普陀区金沙江路 1519 弄"
},
{
date: "2016-05-03 12:00:00",
name: "89",
address: "上海市普陀区金沙江路 1516 弄",
},
address: "上海市普陀区金沙江路 1516 弄"
}
],
article:{},
attachList:[],//附件
breadList:[],//面包屑列表
article: {},
attachList: [], //附件
breadList: [] //面包屑列表
};
},
created() {
......@@ -398,97 +412,93 @@ export default {
self.getParams();
},
//从vuex store获取用户信息判断是否登录
computed:{
...mapGetters(['user']),
computed: {
...mapGetters(["user"])
},
//监听路由获取面包屑
watch:{
$route(to,from){
console.log('to===',to);
console.log('from===',from);
watch: {
$route(to, from) {
console.log("to===", to);
console.log("from===", from);
this.getBreadcrumb();
// if(next.path.indexOf("/detail")!=-1){
// next.meta.title =next.query+"异动情况详情"
// }
// let {path, meta, query} = next;
// this.pushTopTab({meta.title: meta.title, path, query});
}
},
methods: {
seeMoreEvent(type) {
// type=3；3是最新消息，1是关注自己的法院 5,精彩回顾
console.log("更多",type);
console.log("更多", type);
this.$router.push({
path: "/more", //跳转路由
query: {
//参数对象
type: type,
},
type: type
}
});
},
// 获取面包屑
getBreadcrumb(){
this.breadList=this.$route.matched.filter(item=>item.meta && item.meta.title);
console.log('this.breadList==',this.breadList);
console.log('this.$route==',this.$route);
getBreadcrumb() {
this.breadList = this.$route.matched.filter(
item => item.meta && item.meta.title
);
console.log("this.breadList==", this.breadList);
console.log("this.$route==", this.$route);
},
// 获取精彩回顾
highlights(){
highlights({page:1,size:5,fyId:32}).then(res=>{
if(res.success){
this.highlightsData=res.data.records;
this.highlightsData.forEach(item=>{
item.date=(item.newsTime).substring(5,10);
})
highlights() {
highlights({ page: 1, size: 5, fyId: 32 }).then(res => {
if (res.success) {
this.highlightsData = res.data.records;
this.highlightsData.forEach(item => {
item.date = item.newsTime.substring(5, 10);
});
}
})
});
},
//本月阅读排行
monthClickRanking(){
let params={};
monthClickRanking() {
let params = {};
var myDate = new Date();
var curMonth=myDate.getMonth(); //获取当前月份(0-11,0代表1月);
params.fyId=32;//传法院id，固定写死32，是固定的高院内网所以传 32
params.byMonth=curMonth;//按月
console.log('当前月份==',curMonth);//当前月份
monthClickRanking(JSON.stringify(params)).then(res=>{
if(res.success){
this.commentRankData=res.data;
var curMonth = myDate.getMonth(); //获取当前月份(0-11,0代表1月);
params.fyId = 32; //传法院id，固定写死32，是固定的高院内网所以传 32
params.byMonth = curMonth; //按月
console.log("当前月份==", curMonth); //当前月份
monthClickRanking(JSON.stringify(params)).then(res => {
if (res.success) {
this.commentRankData = res.data;
}
})
});
},
//本月评论排行
commentRaking(){
let params={};
commentRaking() {
let params = {};
var myDate = new Date();
var curMonth=myDate.getMonth(); //获取当前月份(0-11,0代表1月);
params.fyId=32;//传法院id，固定写死32，是固定的高院内网所以传 32
params.byMonth=curMonth;//按月
console.log('当前月份==',curMonth);//当前月份
commentRaking(JSON.stringify(params)).then(res=>{
if(res.success){
this.commentRankData=res.data;
var curMonth = myDate.getMonth(); //获取当前月份(0-11,0代表1月);
params.fyId = 32; //传法院id，固定写死32，是固定的高院内网所以传 32
params.byMonth = curMonth; //按月
console.log("当前月份==", curMonth); //当前月份
commentRaking(JSON.stringify(params)).then(res => {
if (res.success) {
this.commentRankData = res.data;
}
})
});
},
returnEvent(item,index){
console.log('回复',);
this.messageDetailData[index].returnFlag=!item.returnFlag;
returnEvent(item, index) {
console.log("回复");
this.messageDetailData[index].returnFlag = !item.returnFlag;
this.$forceUpdate();
console.log('回复==',this.messageDetailData);
console.log("回复==", this.messageDetailData);
},
//下载文件
downLoadFile(item){
downLoadFile(item) {
// alert('111');
console.log('下载附件==',item)
console.log("下载附件==", item);
// 创建a标签
// let a = document.createElement('a')
// a.download = item.attachName; //下载后文件名
......@@ -496,128 +506,126 @@ export default {
// a.click(); //点击下载
// 创建a标签
let link = document.createElement('a')
let link = document.createElement("a");
// href链接
link.download = item.attachName; //下载后文件名
link.setAttribute('href',item.downloadPath);
link.setAttribute("href", item.downloadPath);
// 自执行点击事件
link.click();
},
getParams(){//接收函数
console.log(this.$router.history.current.query.newsId)
getParams() {
//接收函数
console.log(this.$router.history.current.query.newsId);
// this.msg = this.$router.history.current.query.name;
this.newsDetailFun(this.$router.history.current.query.newsId);
this.messageDetail(this.$router.history.current.query.newsId);//获取评论详情
this.messageDetail(this.$router.history.current.query.newsId); //获取评论详情
// this.commentRaking();//获取本月评论排行
this.monthClickRanking();//获取本月阅读排行
this.highlights();//获取精彩回顾
this.monthClickRanking(); //获取本月阅读排行
this.highlights(); //获取精彩回顾
},
newsDetailFun(val){
newsDetail({newsId:val}).then(res=>{
let {newsDetail,attachList}=res.data;
newsDetailFun(val) {
newsDetail({ newsId: val }).then(res => {
let { newsDetail, attachList } = res.data;
this.article = newsDetail;
this.attachList=attachList;
})
this.attachList = attachList;
});
},
//评论详情
messageDetail(newsId){
let params={};
params.newsId=newsId;
messageDetail(newsId) {
let params = {};
params.newsId = newsId;
// params.newsId='f4bf8ffc4ec54e98a180f36b95668ec6';
messageDetail(JSON.stringify(params)).then(res=>{
if(res.success){
this.messageDetailData=res.data;
this.messageDetailData.forEach(item=>{
item.returnFlag=false;
})
messageDetail(JSON.stringify(params)).then(res => {
if (res.success) {
this.messageDetailData = res.data;
this.messageDetailData.forEach(item => {
item.returnFlag = false;
});
}
})
});
},
switchBtn(i) {
console.log("111===", i);
this.activeItem = i;
if(this.activeItem==0){
this.monthClickRanking();//本月阅读排行
}else{
this.commentRaking();//获取评论排行
if (this.activeItem == 0) {
this.monthClickRanking(); //本月阅读排行
} else {
this.commentRaking(); //获取评论排行
}
},
//发表评论
commentEvent(type,content,commentId){
var oldContent=content;
var params={};
commentEvent(type, content, commentId) {
var oldContent = content;
var params = {};
// type=1是回复，type=0是发表评论
// this.reCommentContent=
if(type==0){
if(this.commentContent==''){
if (type == 0) {
if (this.commentContent == "") {
this.$message({
message:'请输入评论内容!',
type:'success'
message: "请输入评论内容!",
type: "success"
});
return;
}
params.content=this.commentContent;
params.newsId=this.$router.history.current.query.newsId;
params.content = this.commentContent;
params.newsId = this.$router.history.current.query.newsId;
}
if(type==1){
if(this.reCommentContent==''){
if (type == 1) {
if (this.reCommentContent == "") {
this.$message({
message:'请输入回复内容!',
type:'success'
message: "请输入回复内容!",
type: "success"
});
return;
}
// params.content=oldContent+'回复:'+this.reCommentContent+'。';
params.content='回复:'+this.reCommentContent+'。';
params.newsId=this.$router.history.current.query.newsId;
params.parentId=commentId;
params.content = "回复:" + this.reCommentContent + "。";
params.newsId = this.$router.history.current.query.newsId;
params.parentId = commentId;
}
createMessage(JSON.stringify(params)).then(res=>{
createMessage(JSON.stringify(params)).then(res => {
this.messageDetail(this.$router.history.current.query.newsId);
if(res.success){
if (res.success) {
this.$message({
message:'评论成功!',
type:'success'
})
message: "评论成功!",
type: "success"
});
}
})
});
},
loginEvent(){
loginEvent() {
removeToken();
// alert('11111',process.env.VUE_APP_LOGIN_API);
// removeToken();
// console.log('loginURL11111111111111==',loginURL );
// var loginURL  = process.env.VUE_APP_LOGIN_API;
console.log('loginURL222222222222==',process.env.VUE_APP_LOGIN_API);
console.log("loginURL222222222222==", process.env.VUE_APP_LOGIN_API);
// location.href = loginURL ;
location.href = process.env.VUE_APP_LOGIN_API
location.href = process.env.VUE_APP_LOGIN_API;
},
// 查看详情
seeParams(val){
seeParams(val) {
this.$router.push({
path:'/detail',//跳转路由
query:{//参数对象
newsId:val.newsId
path: "/detail", //跳转路由
query: {
//参数对象
newsId: val.newsId
}
});
this.getParams();
},
},
}
}
};
</script>
<style lang="scss" scoped>
.wiriter-intro{
text-align:right;
margin-top:10px;
font-size:13px;
.wiriter-intro {
text-align: right;
margin-top: 10px;
font-size: 13px;
}
// 切换气泡按钮
.btns-switch .btn-item {
......@@ -715,8 +723,6 @@ export default {
margin: 15px 0;
border-bottom: 2px solid #34bab2;
padding-bottom: 15px;
}
.fist-text {
display: inline-block;
......@@ -752,7 +758,6 @@ export default {
color: #333;
font-size: 14px;
text-decoration: none;
}
.type-list li:hover {
// color: #ff6900;
......@@ -777,11 +782,11 @@ ul {
background: #eee;
color: #fff;
position: relative;
padding:10px;
margin-top:10px;
margin-bottom:10px;
border-radius:5px;
border:1px solid #eee;
padding: 10px;
margin-top: 10px;
margin-bottom: 10px;
border-radius: 5px;
border: 1px solid #eee;
}
.return-comment:after {
position: absolute;
......@@ -794,9 +799,11 @@ ul {
content: "";
}
// 图片溢出
::v-deep{
.view-html p img{
width: 100% !important;
}
::v-deep {
.view-html p {
img {
width: 100% !important;
}
}
}
</style>
\ No newline at end of file
src/views/home.vue
......@@ -87,9 +87,9 @@ import { mapGetters, mapMutations } from "vuex";
import { setUserInfo } from "@/utils/auth";
import { getInfo,logout } from "@/api/login";
import { removeToken,getToken } from "@/utils/auth";
import {
// import {
// enableTurnOnSystem
} from "@/api/homePage.js"
// } from "@/api/homePage.js"
export default {
components: {
......
src/views/homePage/index.vue
<template>
<div >
<el-row >
<div>
<el-row>
<el-col :span="18" :offset="3">
<!--第一栏开始-->
<el-row :gutter="20" class="mt-15 first-zone-style">
<el-col :span="10" style="padding-left:0;padding-right:0;">
<div >
<div>
<el-carousel style="border-radius:8px;" height="280px" :interval="4000">
<el-carousel-item style="border-radius:8px;" v-for="(item,index) in headlineRotation.slice(0,3)" :key="index" >
<div v-if="item.attInfoList" 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="">
<el-carousel-item
style="border-radius:8px;"
v-for="(item,index) in headlineRotation.slice(0,3)"
:key="index"
>
<div
v-if="item.attInfoList"
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>
</div>
</div>
......@@ -20,14 +32,20 @@
</el-carousel>
</div>
</el-col>
<el-col :span="10" style="">
<el-col :span="10" style>
<div class="zone-style">
<div class="k-flex-between-center">
<!--<span class="fist-text" style="">今</span>
<span>日头条</span>-->
<div class="btns-switch">
<el-button @click.native="switchBtn(0)" :class="['btn-item',{'sanjiao':activeItem==0}]">今日头条</el-button>
<el-button @click.native="switchBtn(1)" :class="['btn-item',{'sanjiao':activeItem==1}]">工作信息</el-button>
<el-button
@click.native="switchBtn(0)"
:class="['btn-item',{'sanjiao':activeItem==0}]"
>今日头条</el-button>
<el-button
@click.native="switchBtn(1)"
:class="['btn-item',{'sanjiao':activeItem==1}]"
>工作信息</el-button>
</div>
<!-- 工作信息的boardId=1929 -->
<div @click="toTopMorelist(activeItem)" style="font-size:12px;color: #999999;">
......@@ -37,50 +55,78 @@
<!--今日头条开始-->
<div v-if="activeItem==0">
<div class="mt-10 mb-5 k-flex k-align-center">
<img class="mr-5 gong-icon" style="" src="../../assets/home/gonggao.png"/>
<img class="mr-5 gong-icon" style src="../../assets/home/gonggao.png" />
<div v-if="topList" class="gonggao-text">
<span v-if="topList[0]">{{ topList[0].boardName }}&ensp;</span>
<span v-if="topList[0]">{{ topList[0].subject }}</span>
</div>
</div>
<div v-for="(item,index) in topList" :key="index" class="k-flex k-space-between top-list" @click="setParams(item)">
<div
v-for="(item,index) in topList"
:key="index"
class="k-flex k-space-between top-list"
@click="setParams(item)"
>
<div class="article-name k-flex k-align-center">
<span class="right-line">{{item.boardName}}</span>
<div class="k-all" style="overflow:hidden;text-overflow:ellipsis;">{{item.subject}}</div>
<div
class="k-all"
style="overflow:hidden;text-overflow:ellipsis;"
>{{item.subject}}</div>
</div>
<div v-if="item.newsTime" style="white-space:nowrap;">{{item.newsTime.substring(5,10)}}</div>
<div
v-if="item.newsTime"
style="white-space:nowrap;"
>{{item.newsTime.substring(5,10)}}</div>
</div>
</div>
<!--今日头条结束-->
<!--工作信息开始-->
<div v-if="activeItem==1" class="mt-15">
<el-row :gutter="20">
<el-col :span="8" style="">
<div class="work-tab-list" v-for="(item,index) in WorkButton" :key="index" >
<div style="font-size:8px;" class="tab-item" :class="[workActive==index? 'tab-item-active':'']" @click="informationSelection(item,index)">
{{item.boardName}}
<el-col :span="8" style>
<div class="work-tab-list" v-for="(item,index) in WorkButton" :key="index">
<div
style="font-size:8px;"
class="tab-item"
:class="[workActive==index? 'tab-item-active':'']"
@click="informationSelection(item,index)"
>{{item.boardName}}</div>
</div>
</div>
</el-col >
<el-col :span="16" style="">
<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 k-flex k-align-center " style="overflow:h">
</el-col>
<el-col :span="16" style>
<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 k-flex k-align-center" style="overflow:h">
<span class="right-line">{{item.boardName}}</span>
<div class="k-all" style="overflow:hidden;text-overflow:ellipsis;">{{item.subject}}</div>
<div
class="k-all"
style="overflow:hidden;text-overflow:ellipsis;"
>{{item.subject}}</div>
</div>
<div v-if="item.newsTime" style="white-space:nowrap;">{{item.newsTime.substring(5,10)}}</div>
<div
v-if="item.newsTime"
style="white-space:nowrap;"
>{{item.newsTime.substring(5,10)}}</div>
</div>
</el-col >
</el-col>
</el-row>
</div>
<!--工作信息结束-->
</div>
</el-col>
<el-col :span="4" style="background:#fff;box-shadow: -5px 0px 20px 5px rgba(0,0,0,0.05); ">
<el-col
:span="4"
style="background:#fff;box-shadow: -5px 0px 20px 5px rgba(0,0,0,0.05); "
>
<div class="partnerInfo">
<ul class="ul-list">
<li v-for="(item,index) in headlist" :key="index" class="k-flex k-align-center" >
<li v-for="(item,index) in headlist" :key="index" class="k-flex k-align-center">
<el-image class="mr-5" :src="item.icon"></el-image>
<div>
<div style="font-size:14px;">{{ item.name }}</div>
......@@ -93,9 +139,8 @@
</el-row>
<!--第一栏结束-->
<!--第二栏按钮列表开始-->
<el-row class="mt-15 out-zone-style" :gutter="10" >
<el-row class="mt-15 out-zone-style" :gutter="10">
<el-col class="mb-10" :span="3" v-for="(item,index) in btnsList" :key="index">
<el-button style="width:100%;">
<el-image class="mr-5 gong-icon" :src="item.icon"></el-image>
......@@ -105,14 +150,12 @@
</el-row>
<!--第二栏按钮列表结束-->
<!--第三栏法院业务开始-->
<el-row class="mt-15 out-zone-style" :gutter="20" >
<el-row class="mt-15 out-zone-style" :gutter="20">
<el-col :span="13">
<div class="k-flex-between-center">
<div class="k-flex k-align-center">
<img class="mr-5 gong-icon" style="" src="../../assets/home/third.png"/>
<img class="mr-5 gong-icon" style src="../../assets/home/third.png" />
<div>法院业务</div>
</div>
<div @click="toMorelist(130)" style="font-size:12px;color: #999999;">
......@@ -120,14 +163,10 @@
</div>
</div>
<el-row class="mt-10" :gutter="20">
<el-col :span="10" style="background: #fafafa;padding:15px;">
<div style="height:250px;overflow-y:auto;">
<div class="tree-search mb-15">
<el-input
v-model="filterText"
placeholder="请输入内容"
clearable>
<el-input v-model="filterText" placeholder="请输入内容" clearable>
<!-- <i @click="findBoard" slot="suffix" class="el-input__icon el-icon-search"></i> -->
</el-input>
</div>
......@@ -135,22 +174,30 @@
ref="tree"
default-expand-all
:filter-node-method="filterNode"
:data="dataTreeFile" :props="defaultProps" @node-click="handleNodeClick">
</el-tree>
:data="dataTreeFile"
:props="defaultProps"
@node-click="handleNodeClick"
></el-tree>
</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)" >
<li
v-for="(item,index) in tableData"
:key="index"
class="k-flex k-space-between"
@click="setParams(item)"
>
<div class="article-name">
<span>【</span>
<span>{{item.boardName}}</span>
<span>】</span>
<span>{{item.subject}}</span></div>
<span>{{item.subject}}</span>
</div>
<div>
<span class="" v-if="item.newsTime">{{item.newsTime.substring(5,10)}}</span></div>
<span class v-if="item.newsTime">{{item.newsTime.substring(5,10)}}</span>
</div>
</li>
</ul>
</el-col>
......@@ -159,27 +206,40 @@
<!-- 法院业务右边轮播轮播图 -->
<el-col :span="11">
<el-carousel style="border-radius:8px;" height="280px" :interval="4000">
<el-carousel-item style="border-radius:8px;" v-for="(item,index) in tableDataAll.slice(0,3)" :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="">
<el-carousel-item
style="border-radius:8px;"
v-for="(item,index) in tableDataAll.slice(0,3)"
: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>
</div>
</div>
</el-carousel-item>
</el-carousel>
</el-col>
</el-row>
<!--第三栏法院业务结束-->
<!--第四栏干警作品开始-->
<el-row class="mt-15" :gutter="20">
<el-col :span="14" >
<el-col :span="14">
<div class="zone-style">
<div class="k-flex-between-center">
<div class="k-flex k-align-center">
<img class="mr-5 gong-icon" style="" src="../../assets/home/fourth.png"/>
<img class="mr-5 gong-icon" style src="../../assets/home/fourth.png" />
<div>干警作品</div>
</div>
<div @click="toMorelist(135)" style="font-size:12px;color: #999999;">
......@@ -187,18 +247,59 @@
</div>
</div>
<el-row class="mt-15" :gutter="20">
<!--<el-col :span="8"></el-col>
<el-col :span="8"></el-col>
<el-col :span="8"></el-col>-->
<el-col style="border-radius:5px;" :span="8" v-for="item in policeOfficer.slice(0,5)" :key="item.id" >
<div v-if="item.attInfoList.length>0" class="imgs-div" style="width:100%;border-radius:8px;" @click="setParams(item)">
<el-image :src="item.attInfoList[0].downloadPath" fit="contain" style="width:100%;display:block;border-radius:5px;">
</el-image>
<!-- old ---- start -->
<!-- <el-col
style="border-radius:5px;"
:span="8"
v-for="item in policeOfficer.slice(0,5)"
:key="item.id"
>
<div
v-if="item.attInfoList.length>0"
class="imgs-div"
style="width:100%;border-radius:8px;"
@click="setParams(item)"
>
<el-image
:src="item.attInfoList[0].downloadPath"
fit="contain"
style="width:100%;display:block;border-radius:5px;"
></el-image>
<div class="imgs-intro" style="width:100%;border-radius:0 0 5px 5px;">
<span>&ensp;{{item.subject}}&ensp;</span>
</div>
</div>
</el-col>-->
<!-- old ---- end -->
<!-- new --- start -->
<el-col style="border-radius:5px;" :span="8">
<el-carousel style="border-radius:8px;" height="280px" :interval="4000">
<el-carousel-item
style="border-radius:8px;"
v-for="(item,index) in policeOfficer.slice(0,5)"
:key="index"
>
<div
v-if="item.attInfoList"
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>
</div>
</div>
</el-carousel-item>
</el-carousel>
</el-col>
<!-- new --- end -->
</el-row>
</div>
</el-col>
......@@ -207,14 +308,22 @@
<div class="zone-style">
<div class="k-flex-between-center">
<div class="btns-switch">
<el-button @click.native="switchBtnPolice(0)" :class="['btn-item',{'sanjiao':activeItemPolice==0}]">视频点播</el-button>
<el-button @click.native="switchBtnPolice(1)" :class="['btn-item',{'sanjiao':activeItemPolice==1}]">全区速递</el-button>
<el-button
@click.native="switchBtnPolice(0)"
:class="['btn-item',{'sanjiao':activeItemPolice==0}]"
>视频点播</el-button>
<el-button
@click.native="switchBtnPolice(1)"
:class="['btn-item',{'sanjiao':activeItemPolice==1}]"
>全区速递</el-button>
</div>
<!-- 视频点播的id1965 -->
<div @click="toAllMorelist(activeItemPolice)" style="font-size:12px;color: #999999;">
<div
@click="toAllMorelist(activeItemPolice)"
style="font-size:12px;color: #999999;"
>
<span>MORE></span>
</div>
</div>
<!--视频开始-->
<div class="mt-15" v-if="activeItemPolice==0">
......@@ -225,10 +334,15 @@
<span>鹿心社与自治区级政法机关领导班子成立交付给来访登记过了多久</span>
</div>
</div>-->
<div v-for="(item,index) in videoLiet" :key="'info2-'+index" class=" k-flex k-space-between top-list" @click="setParams(item)">
<div
v-for="(item,index) in videoLiet"
:key="'info2-'+index"
class="k-flex k-space-between top-list"
@click="setParams(item)"
>
<div class="article-name">
<!--<span class="right-line">我为群众办实事</span>-->
<span >{{item.subject}}</span>
<span>{{item.subject}}</span>
</div>
<div v-if="item.newsTime">{{item.newsTime.substring(5,10)}}</div>
</div>
......@@ -236,59 +350,54 @@
<!--全部-->
<div v-if="activeItemPolice==1" class="mt-15">
<div v-for="(item,index) in whole" :key="index" class="k-flex k-space-between work-top-list" @click="setParams(item)">
<div class="article-name" style="">
<span >{{item.subject}}</span>
<div
v-for="(item,index) in whole"
:key="index"
class="k-flex k-space-between work-top-list"
@click="setParams(item)"
>
<div class="article-name" style>
<span>{{item.subject}}</span>
</div>
<div v-if="item.newsTime">{{item.newsTime.substring(5,10)}}</div>
</div>
</div>
</div>
</el-col>
</el-row >
</el-row>
<!--第四栏干警作品结束-->
<!--第五栏地区开始-->
<el-row class="mt-15" :gutter="20">
<el-col :span="22" :offset="1">
<el-row :gutter="20">
<el-col :span="4" >
<el-col :span="4">
<div class="k-flex k-center mt-10 info-tap">
<el-image style="width:35px;" :src="require('../../assets/home/bottom.png')"></el-image>
<div class="ml-10" style="font-weight:bold;font-size:15px;">
<div>
全国高院
</div>
<div style="text-align:right;">
网站群
</div>
<div>全国高院</div>
<div style="text-align:right;">网站群</div>
</div>
<div class="line-div"></div>
</div>
</el-col>
<el-col :span="20">
<el-row :gutter="20">
<el-col style="text-align:center;" :span="2" v-for="(item,index) in placeList" :key="index">
<el-col
style="text-align:center;"
:span="2"
v-for="(item,index) in placeList"
:key="index"
>
<span style="font-size:10px;color:#444444;">{{item.name}}</span>
</el-col>
</el-row >
</el-row>
</el-col>
</el-row >
</el-row>
</el-col>
</el-row >
</el-row>
<!--第五栏地区结束-->
</el-col>
</el-row>
</div>
</template>
......@@ -298,192 +407,192 @@ import {
topList,
newsFromBoard,
getSubLevelBoard,
getAllCourts,//获取全区法院
getAllCourts, //获取全区法院
// searchForNews,//搜索新闻
getBoardAndSubAllNews,//获取栏目及子栏目全部新闻列表
getSelectedBoardTree,//获取指定栏目树
latestNewOfGXCourt,//获取全区速递
findBoard,//按栏目名搜索栏目
} from "@/api/homePage.js"
getBoardAndSubAllNews, //获取栏目及子栏目全部新闻列表
getSelectedBoardTree, //获取指定栏目树
latestNewOfGXCourt, //获取全区速递
findBoard //按栏目名搜索栏目
} from "@/api/homePage.js";
export default {
data() {
return {
filterText:'',//按栏目名搜索栏目
filterText: "", //按栏目名搜索栏目
// boardNameSearch:'',//按栏目名搜索栏目
workActive:0,//工作信息选中
workList:[],//工作信息
allCourtsData:[],//全区法院
input:'',
activeItem:0,
activeItemPolice:0,
headlist:[
workActive: 0, //工作信息选中
workList: [], //工作信息
allCourtsData: [], //全区法院
input: "",
activeItem: 0,
activeItemPolice: 0,
headlist: [
{
icon:require("../../assets/home/head/1.png"),
name:'绩效考评',
nickName:'Assessment'
icon: require("../../assets/home/head/1.png"),
name: "绩效考评",
nickName: "Assessment"
},
{
icon:require("../../assets/home/head/2.png"),
name:'建党专栏',
nickName:'Special column'
icon: require("../../assets/home/head/2.png"),
name: "建党专栏",
nickName: "Special column"
},
{
icon:require("../../assets/home/head/3.png"),
name:'审判管理',
nickName:'Administer'
icon: require("../../assets/home/head/3.png"),
name: "审判管理",
nickName: "Administer"
},
{
icon:require("../../assets/home/head/4.png"),
name:'论坛交流',
nickName:'Forum'
icon: require("../../assets/home/head/4.png"),
name: "论坛交流",
nickName: "Forum"
},
{
icon:require("../../assets/home/head/5.png"),
name:'案例与期刊',
nickName:'Case-Jourbal'
},
icon: require("../../assets/home/head/5.png"),
name: "案例与期刊",
nickName: "Case-Jourbal"
}
],
btnsList:[
btnsList: [
{
icon:require("../../assets/home/btns/1-1.png"),
name:'综合门户',
icon: require("../../assets/home/btns/1-1.png"),
name: "综合门户"
},
{
icon:require("../../assets/home/btns/1.png"),
name:'公文汇总',
icon: require("../../assets/home/btns/1.png"),
name: "公文汇总"
},
{
icon:require("../../assets/home/btns/2.png"),
name:'法律总库',
icon: require("../../assets/home/btns/2.png"),
name: "法律总库"
},
{
icon:require("../../assets/home/btns/3.png"),
name:'法律法规',
icon: require("../../assets/home/btns/3.png"),
name: "法律法规"
},
{
icon:require("../../assets/home/btns/4.png"),
name:'数据集中',
icon: require("../../assets/home/btns/4.png"),
name: "数据集中"
},
// {
// icon:require("../../assets/home/btns/5.png"),
// name:'公文汇总',
// },
{
icon:require("../../assets/home/btns/5.png"),
name:'即时通讯',
icon: require("../../assets/home/btns/5.png"),
name: "即时通讯"
},
{
icon:require("../../assets/home/btns/6.png"),
name:'办公系统',
icon: require("../../assets/home/btns/6.png"),
name: "办公系统"
},
{
icon:require("../../assets/home/btns/7.png"),
name:'公文处理',
icon: require("../../assets/home/btns/7.png"),
name: "公文处理"
},
{
icon:require("../../assets/home/btns/8.png"),
name:'内部邮件',
icon: require("../../assets/home/btns/8.png"),
name: "内部邮件"
},
{
icon:require("../../assets/home/btns/9.png"),
name:'院务公告',
icon: require("../../assets/home/btns/9.png"),
name: "院务公告"
},
{
icon:require("../../assets/home/btns/10.png"),
name:'手机短信',
icon: require("../../assets/home/btns/10.png"),
name: "手机短信"
},
{
icon:require("../../assets/home/btns/11.png"),
name:'工作流程',
icon: require("../../assets/home/btns/11.png"),
name: "工作流程"
},
{
icon:require("../../assets/home/btns/12.png"),
name:'文章简章',
icon: require("../../assets/home/btns/12.png"),
name: "文章简章"
},
{
icon:require("../../assets/home/btns/13.png"),
name:'人员查询',
icon: require("../../assets/home/btns/13.png"),
name: "人员查询"
},
{
icon:require("../../assets/home/btns/14.png"),
name:'科技法庭',
icon: require("../../assets/home/btns/14.png"),
name: "科技法庭"
},
{
icon:require("../../assets/home/btns/15.png"),
name:'通讯录',
icon: require("../../assets/home/btns/15.png"),
name: "通讯录"
},
{
icon:require("../../assets/home/btns/16.png"),
name:'文书上网',
icon: require("../../assets/home/btns/16.png"),
name: "文书上网"
},
{
icon:require("../../assets/home/btns/17.png"),
name:'图书馆',
icon: require("../../assets/home/btns/17.png"),
name: "图书馆"
},
{
icon:require("../../assets/home/btns/18.png"),
name:'执行文书',
icon: require("../../assets/home/btns/18.png"),
name: "执行文书"
},
{
icon:require("../../assets/home/btns/19.png"),
name:'人民法院内网',
icon: require("../../assets/home/btns/19.png"),
name: "人民法院内网"
},
{
icon:require("../../assets/home/btns/20.png"),
name:'智能报表',
icon: require("../../assets/home/btns/20.png"),
name: "智能报表"
},
{
icon:require("../../assets/home/btns/21.png"),
name:'移动微学苑',
},
icon: require("../../assets/home/btns/21.png"),
name: "移动微学苑"
}
],
imagesBox:[
{id:0,idView:require("../../assets/pic.jpg")},
{id:1,idView:require("../../assets/1.png")},
{id:2,idView:require("../../assets/2.png")},
{id:3,idView:require("../../assets/3.png")},
{id:0,idView:require("../../assets/pic.jpg")},
{id:1,idView:require("../../assets/1.png")},
{id:2,idView:require("../../assets/2.png")},
{id:3,idView:require("../../assets/3.png")},
imagesBox: [
{ id: 0, idView: require("../../assets/pic.jpg") },
{ id: 1, idView: require("../../assets/1.png") },
{ id: 2, idView: require("../../assets/2.png") },
{ id: 3, idView: require("../../assets/3.png") },
{ id: 0, idView: require("../../assets/pic.jpg") },
{ id: 1, idView: require("../../assets/1.png") },
{ id: 2, idView: require("../../assets/2.png") },
{ id: 3, idView: require("../../assets/3.png") }
],
policeOfficer:[],
policeOfficer: [],
fiveNews: [],
topList:[],
headlineRotation:[],
topList2:[
topList: [],
headlineRotation: [],
topList2: [
{
name:'开展司法教助全集中发放活动尽量克服冠军费德勒冠军费德勒空军航空发货过来会考虑好看',
date:'09-23'
name:
"开展司法教助全集中发放活动尽量克服冠军费德勒冠军费德勒空军航空发货过来会考虑好看",
date: "09-23"
},
{
name:'开展司法教助全集中发放活动',
date:'09-23'
name: "开展司法教助全集中发放活动",
date: "09-23"
},
{
name:'开展司法教助全集中发放活动',
date:'09-23'
name: "开展司法教助全集中发放活动",
date: "09-23"
},
{
name:'开展司法教助全集中发放活动',
date:'09-23'
name: "开展司法教助全集中发放活动",
date: "09-23"
},
{
name:'开展司法教助全集中发放活动',
date:'09-23'
name: "开展司法教助全集中发放活动",
date: "09-23"
},
{
name:'开展司法教助全集中发放活动',
date:'09-23'
name: "开展司法教助全集中发放活动",
date: "09-23"
},
{
name:'开展司法教助全集中发放活动',
date:'09-23'
},
name: "开展司法教助全集中发放活动",
date: "09-23"
}
],
tableDataAll:[],//法院业务轮播图
tableDataAll: [], //法院业务轮播图
tableData: [
// {
// date: '2016-05-02 12:00:00',
......@@ -508,313 +617,316 @@ export default {
{
month: "1月",
meeting: 0,
openFlag:true,
openFlag: true
},
{
month: "2月",
meeting: 0,
openFlag:false,
openFlag: false
},
{
month: "3月",
meeting: 0,
openFlag:false,
openFlag: false
},
{
month: "4月",
meeting: 0,
openFlag:false,
openFlag: false
},
{
month: "5月",
meeting: 0,
openFlag:false,
openFlag: false
},
{
month: "6月",
meeting: 0,
openFlag:false,
openFlag: false
},
{
month: "7月",
meeting: 0,
meeting: 0
},
{
month: "8月",
meeting: 0,
openFlag:false,
openFlag: false
},
{
month: "9月",
meeting: 0,
openFlag:false,
openFlag: false
},
{
month: "10月",
meeting: 0,
openFlag:false,
openFlag: false
},
{
month: "11月",
meeting: 0,
openFlag:false,
openFlag: false
},
{
month: "12月",
meeting: 0,
openFlag:false,
},
openFlag: false
}
],
groupList:[
groupList: [
{
name:'最高法',
name: "最高法"
},
{
name:'北京',
name: "北京"
},
{
name:'天津',
name: "天津"
},
{
name:'河北',
name: "河北"
},
{
name:'山西',
name: "山西"
},
{
name:'内蒙古',
name: "内蒙古"
},
{
name:'辽宁',
name: "辽宁"
},
{
name:'吉林',
name: "吉林"
},
{
name:'上海',
name: "上海"
},
{
name:'江苏',
name: "江苏"
},
{
name:'浙江',
name: "浙江"
},
{
name:'安徽',
name: "安徽"
},
{
name:'福建',
name: "福建"
},
{
name:'黑龙江',
},
name: "黑龙江"
}
],
dataTreeFile: [],
defaultProps: {
children: 'children',
label: 'boardName'
},
placeList:[
{name:'最高法'},
{name:'北京'},
{name:'天津'},
{name:'河北'},
{name:'山西'},
{name:'内蒙古'},
{name:'辽宁'},
{name:'吉林'},
{name:'黑龙江'},
{name:'上海'},
{name:'江苏'},
{name:'浙江'},
{name:'安徽'},
{name:'福建'},
{name:'江西'},
{name:'山东'},
{name:'河南'},
{name:'湖北'},
{name:'湖南'},
{name:'广东'},
{name:'广西'},
{name:'海南'},
{name:'重庆'},
{name:'四川'},
{name:'贵州'},
{name:'云南'},
{name:'西藏'},
{name:'陕西'},
{name:'甘肃'},
{name:'青海'},
{name:'宁夏'},
{name:'新疆'},
{name:'新疆兵团'},
children: "children",
label: "boardName"
},
placeList: [
{ name: "最高法" },
{ name: "北京" },
{ name: "天津" },
{ name: "河北" },
{ name: "山西" },
{ name: "内蒙古" },
{ name: "辽宁" },
{ name: "吉林" },
{ name: "黑龙江" },
{ name: "上海" },
{ name: "江苏" },
{ name: "浙江" },
{ name: "安徽" },
{ name: "福建" },
{ name: "江西" },
{ name: "山东" },
{ name: "河南" },
{ name: "湖北" },
{ name: "湖南" },
{ name: "广东" },
{ name: "广西" },
{ name: "海南" },
{ name: "重庆" },
{ name: "四川" },
{ name: "贵州" },
{ name: "云南" },
{ name: "西藏" },
{ name: "陕西" },
{ name: "甘肃" },
{ name: "青海" },
{ name: "宁夏" },
{ name: "新疆" },
{ name: "新疆兵团" }
],
WorkButton:[{
boardName:'全部',
boardId:'1929',
}],
videoLiet:[],
whole:[],
WorkButton: [
{
boardName: "全部",
boardId: "1929"
}
],
videoLiet: [],
whole: []
};
},
watch: {
filterText(val) {
this.$refs.tree.filter(val);
}
},
created(){
this.getSubLevelBoardF()
this.topListFun()
created() {
this.getSubLevelBoardF();
this.topListFun();
this.initializationList();
// this.getAllCourts();//获取全区法院
},
methods: {
filterNode(value, data) {
console.log('value=',value);
console.log('data=',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){
findBoard() {
findBoard({ boardName: this.boardNameSearch, deptId: 32 }).then(res => {
if (res.success) {
}
})
});
},
//获取全区法院
getAllCourts(){
getAllCourts().then(res=>{
if(res.success){
this.allCourtsData=res.data;
}
})
},
setParams(val){
this.$router.push({
path:'/detail',//跳转路由
query:{//参数对象
newsId:val.newsId
getAllCourts() {
getAllCourts().then(res => {
if (res.success) {
this.allCourtsData = res.data;
}
});
},
initializationList(){
setParams(val) {
window.open(`/#/detail?newsId=${val.newsId}`, "_blank");
// this.$router.push({
// path:'/detail',//跳转路由
// query:{//参数对象
// newsId:val.newsId
// }
// });
},
initializationList() {
// 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;
this.tableDataAll=res.data.records;
getBoardAndSubAllNews({ boardId: 130, page: 1, size: 10 }).then(res => {
if (res.success) {
this.tableData = res.data.records;
this.tableDataAll = res.data.records;
}
})
});
newsFromBoard({boardId:'135',page:1,size:5}).then(res=>{
this.policeOfficer = res.data.newsList.records
})
// new---干警栏目
getBoardAndSubAllNews({ boardId: "135", page: 1, size: 5 }).then(res => {
this.policeOfficer = res.data.records;
});
// old---干警栏目
// newsFromBoard({boardId:'135',page:1,size:5}).then(res=>{
// this.policeOfficer = res.data.newsList.records
// })
// 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
})
newsFromBoard({ boardId: "1965", page: 1, size: 5 }).then(res => {
this.videoLiet = res.data.newsList.records;
});
// newsFromBoard({boardId:'130',page:1,size:5}).then(res=>{
// this.whole = res.data.newsList.records
// })
latestNewOfGXCourt({page:1,size:5}).then(res=>{
this.whole = res.data.records
})
latestNewOfGXCourt({ page: 1, size: 5 }).then(res => {
this.whole = res.data.records;
});
},
newsFromBoard(val){
newsFromBoard({boardId:val.boardId,page:1,size:5}).then(res=>{
newsFromBoard(val) {
newsFromBoard({ boardId: val.boardId, page: 1, size: 5 }).then(res => {
// this.topList = res.data.newsList.records
this.workList = res.data.newsList.records;//工作信息
})
this.workList = res.data.newsList.records; //工作信息
});
},
// 工作信息切换
informationSelection(val,index){
informationSelection(val, index) {
console.log(val);
this.workActive=index;
if(val.boardName=='全部'){
this.getBoardAndSubAllNews(1929);//获取全部新闻 即工作信息大栏目1929id
}else{
this.workActive = index;
if (val.boardName == "全部") {
this.getBoardAndSubAllNews(1929); //获取全部新闻 即工作信息大栏目1929id
} else {
this.newsFromBoard(val);
}
},
topListFun(){
topList({fyId:32,page:1,size:5}).then(res=>{
this.topList = res.data.records
this.headlineRotation = res.data.records
})
topListFun() {
topList({ fyId: 32, page: 1, size: 5 }).then(res => {
this.topList = res.data.records;
this.headlineRotation = res.data.records;
});
},
getSubLevelBoardF(){
getSubLevelBoardF() {
// getSubLevelBoard({boardId:130}).then(res=>{
// console.log(res);
// this.dataTreeFile = res.data
// })
getSelectedBoardTree({boardId:130}).then(res=>{
console.log('获取指定栏目树=',res);
this.dataTreeFile = res.data
})
getSelectedBoardTree({ boardId: 130 }).then(res => {
console.log("获取指定栏目树=", res);
this.dataTreeFile = res.data;
});
},
showHide(e) {
console.log(e);
},
showHide(e){console.log(e);},
// changeFlag(i) {
// // console.log('ghjgjkjgl===', i)
// this.treeData[i].openFlag=!this.treeData[i].openFlag;
// this.$forceUpdate();//强制赋值
// },
showMeetingInfo(){},
switchBtn(i){
console.log('111===', i)
this.activeItem=i;
if (i==0) {
this.topListFun()
}else{
getSubLevelBoard({boardId:1929,}).then(res=>{
this.WorkButton = [{ boardName:'全部',boardId:1929}]
showMeetingInfo() {},
switchBtn(i) {
console.log("111===", i);
this.activeItem = i;
if (i == 0) {
this.topListFun();
} else {
getSubLevelBoard({ boardId: 1929 }).then(res => {
this.WorkButton = [{ boardName: "全部", boardId: 1929 }];
res.data.forEach(item => {
this.WorkButton.push(item)
this.WorkButton.push(item);
});
});
})
// let val = {boardId:''}
// let val = {boardId:1929}
// this.newsFromBoard(val)
this.getBoardAndSubAllNews(1929);//获取全部的新闻的列表，工作信息1929
this.getBoardAndSubAllNews(1929); //获取全部的新闻的列表，工作信息1929
}
},
// 获取栏目及子栏目全部新闻列表
getBoardAndSubAllNews(boardId){
getBoardAndSubAllNews({boardId:boardId,page:1,size:10}).then(res=>{
if(res.success){
this.workList=res.data.records;
getBoardAndSubAllNews(boardId) {
getBoardAndSubAllNews({ boardId: boardId, page: 1, size: 10 }).then(
res => {
if (res.success) {
this.workList = res.data.records;
}
}
})
);
},
switchBtnPolice(i){
console.log('2222===', i)
this.activeItemPolice=i;
switchBtnPolice(i) {
console.log("2222===", i);
this.activeItemPolice = i;
},
searchEvent(){},
handleNodeClick(data,node,obj){
console.log(data,node,obj);
newsFromBoard({boardId:data.boardId,page:1,size:5}).then(res=>{
this.tableData = res.data.newsList.records
})
searchEvent() {},
handleNodeClick(data, node, obj) {
console.log(data, node, obj);
newsFromBoard({ boardId: data.boardId, page: 1, size: 5 }).then(res => {
this.tableData = res.data.newsList.records;
});
},
// 跳转到全区速递和视频点播更多模块
toAllMorelist(activeItemPolice){
if(activeItemPolice==0){
toAllMorelist(activeItemPolice) {
if (activeItemPolice == 0) {
// this.$router.push({
// path: "/list", //跳转路由
// query: {
......@@ -827,182 +939,176 @@ export default {
path: "/zone", //跳转路由
query: {
//参数对象
type: 'vedio',
},
type: "vedio"
}
});
}else if(activeItemPolice==1){
} else if (activeItemPolice == 1) {
this.$router.push({
path: "/zone", //跳转路由
query: {
//参数对象
type: 'all',
},
type: "all"
}
});
}
},
// 跳转到全区速递和视频点播更多模块
toTopMorelist(activeItem){
if(activeItem==0){
toTopMorelist(activeItem) {
if (activeItem == 0) {
this.$router.push({
path: "/zone", //跳转路由
query: {
//参数对象
type: 'top',
},
type: "top"
}
});
}else if(activeItem==1){
} else if (activeItem == 1) {
this.$router.push({
path: "/list", //跳转路由工作信息
query: {
//参数对象
boardId: 1929,
type:'menu'
},
type: "menu"
}
});
}
},
// 跳转到更所模块
toMorelist(boardId){
toMorelist(boardId) {
this.$router.push({
path: "/list", //跳转路由
query: {
//参数对象
boardId: boardId,
type:'menu'
},
type: "menu"
}
});
},
},
}
}
}
};
</script>
<style lang="scss" scoped>
.el-col {
border-radius: 4px;
}
.bg-purple-dark {
}
.bg-purple-dark {
background: #99a9bf;
}
.bg-purple {
}
.bg-purple {
background: #d3dce6;
}
.bg-purple-light {
}
.bg-purple-light {
background: #e5e9f2;
}
.grid-content {
}
.grid-content {
border-radius: 4px;
min-height: 36px;
}
}
// 切换气泡按钮
.btns-switch .btn-item{
display:inline-block;
text-align:center;
.btns-switch .btn-item {
display: inline-block;
text-align: center;
border: 1px solid #ff756d;
border-radius: 5px;
color:#ff756d;
color: #ff756d;
}
.btns-switch .sanjiao{
background:#D33237;
color:#fff;
position:relative;
.btns-switch .sanjiao {
background: #d33237;
color: #fff;
position: relative;
}
.sanjiao:after {
position: absolute;
display: inline-block;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-top: 8px solid #D33237;
left:30px;
border-top: 8px solid #d33237;
left: 30px;
bottom: -8px;
content: '';
content: "";
}
// 公告
.gong-icon{
width:13px;
height:13px;
}
.gonggao-text{
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
color:#FF756D;
.gong-icon {
width: 13px;
height: 13px;
}
.gonggao-text {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: #ff756d;
font-family: PingFang SC, PingFang SC-Medium;
font-size:13px;
font-size: 13px;
}
.partnerInfo ul li {
list-style: none;
line-height: 1;
}
.ul-list li{
border-radius:5px;
background:#fff;
padding:10px 10px;
font-size:12px;
.ul-list li {
border-radius: 5px;
background: #fff;
padding: 10px 10px;
font-size: 12px;
}
.ul-list li .el-image{
width:30px;
height:30px;
.ul-list li .el-image {
width: 30px;
height: 30px;
}
.ul-list li:hover{
background:#D33237;
color:#fff;
.ul-list li:hover {
background: #d33237;
color: #fff;
}
// 按钮模块
.item-btns{
.item-btns {
}
// 工作信息
.work-tab-list .tab-item:not(:nth-child(1)){
margin-top:5px;
}
.work-tab-list .tab-item{
padding:5px 0;
text-align:center;
background:#ccc;
cursor: pointer;
// font-size:10px;
font-size:10px !important;
border-radius:5px;
color:#fff;
}
.work-tab-list .tab-item:hover{
background:red;
}
.work-tab-list .tab-item-active{
background:red;
}
.work-top-list{
padding:5px 0;
font-size:10px;
}
.work-top-list:hover{
color:red;
}
.article-name{
width:85%;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.search-container{
.work-tab-list .tab-item:not(:nth-child(1)) {
margin-top: 5px;
}
.work-tab-list .tab-item {
padding: 5px 0;
text-align: center;
background: #ccc;
cursor: pointer;
// font-size:10px;
font-size: 10px !important;
border-radius: 5px;
color: #fff;
}
.work-tab-list .tab-item:hover {
background: red;
}
.work-tab-list .tab-item-active {
background: red;
}
.work-top-list {
padding: 5px 0;
font-size: 10px;
}
.work-top-list:hover {
color: red;
}
.article-name {
width: 85%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.search-container {
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;
......@@ -1011,157 +1117,155 @@ color:#fff;
// top:20%;
border-radius: 5px;
}
.seach-input{
width:60%;
.seach-input {
width: 60%;
}
.button-list{
margin-top:15px;
.button-list {
margin-top: 15px;
}
.button-list .el-button{
border-color:red;
font-size:12px;
color:black;
.button-list .el-button {
border-color: red;
font-size: 12px;
color: black;
// width:11%;
}
::v-deep{
.button-list .el-button .el-icon-message{
color:red;
::v-deep {
.button-list .el-button .el-icon-message {
color: red;
}
// 设置轮播图指示器大小
.el-carousel__button{
width:5px;
.el-carousel__button {
width: 5px;
}
// .el-carousel__indicators--horizontal{
// right:0;
// }
}
.top-info{
margin:15px 0 5px 0;
border-bottom:2px solid #34bab2;
padding-bottom:5px;
}
.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;
.top-info {
margin: 15px 0 5px 0;
border-bottom: 2px solid #34bab2;
padding-bottom: 5px;
}
.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;
}
// 轮播图
.carousel-div{
position:relative;
height:100%;
}
.carousel-intro{
position:absolute;
width:100%;
height:25px;
line-height:25px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
background:rgba(5, 23, 17, 0.21);
color:#fff;
padding:0 5px;
font-size:12px;
left:0;
bottom:0;
}
.top-line{
padding:5px 15px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
border-bottom:1px solid #ccc;
}
.right-line{
display:inline-block;
.carousel-div {
position: relative;
height: 100%;
}
.carousel-intro {
position: absolute;
width: 100%;
height: 25px;
line-height: 25px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
background: rgba(5, 23, 17, 0.21);
color: #fff;
padding: 0 5px;
font-size: 12px;
left: 0;
bottom: 0;
}
.top-line {
padding: 5px 15px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
border-bottom: 1px solid #ccc;
}
.right-line {
display: inline-block;
// width:20%;
overflow: hidden;
text-overflow: ellipsis;
padding-right:2px;
border-right:2px solid black;
margin-right:5px;
color:black;
padding-right: 2px;
border-right: 2px solid black;
margin-right: 5px;
color: black;
}
.top-list{
padding:5px 0;
font-size:10px;
color:#999999;
.top-list {
padding: 5px 0;
font-size: 10px;
color: #999999;
}
.top-list:hover{
color:red;
.top-list:hover {
color: red;
}
.top-list :hover .right-line {
color:red !important;
}
.left-tab-list .tab-item:not(:nth-child(1)){
margin-top:5px;
}
.tab-item{
// margin: 10px 0;
margin: 7px 0;
padding:10px 0;
text-align:center;
background:#ccc;
cursor: pointer;
}
.left-tab-list .tab-item:hover{
background:red;
}
.right-list{
padding:5px 10px;
font-size:10px;
}
.job-btn-list .el-button{
width:100%;
color:#fff;
font-size:15px;
padding:10px
color: red !important;
}
.job-btn-list .el-button+.el-button{
margin-left:0;
.left-tab-list .tab-item:not(:nth-child(1)) {
margin-top: 5px;
}
.job-btn-list .el-button .button-inner{
width:100%;
background:red;
padding:8px 0;
.tab-item {
// margin: 10px 0;
margin: 7px 0;
padding: 10px 0;
text-align: center;
background: #ccc;
cursor: pointer;
}
.left-tab-list .tab-item:hover {
background: red;
}
.right-list {
padding: 5px 10px;
font-size: 10px;
}
.job-btn-list .el-button {
width: 100%;
color: #fff;
font-size: 15px;
padding: 10px;
}
.job-btn-list .el-button + .el-button {
margin-left: 0;
}
.job-btn-list .el-button .button-inner {
width: 100%;
background: red;
padding: 8px 0;
// padding-left:40%;
letter-spacing:10px;
}
.job-btn-list .el-button .el-image{
width:20px;
height:20px;
margin-right:10px;
margin-left:15%;
}
.business-ul{
margin:0;
margin-top:10px;
width:100%;
// white-space:nowrap;
// overflow:hidden;
// text-overflow:ellipsis;
list-style:none;
margin:0;
padding:0;
letter-spacing: 10px;
}
.business-ul li{
width:100%;
font-size:13px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
.job-btn-list .el-button .el-image {
width: 20px;
height: 20px;
margin-right: 10px;
margin-left: 15%;
}
.business-ul {
margin: 0;
margin-top: 10px;
width: 100%;
// white-space:nowrap;
// overflow:hidden;
// text-overflow:ellipsis;
list-style: none;
margin: 0;
padding: 0;
}
.business-ul li {
width: 100%;
font-size: 13px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.business-ul li:hover {
color:red;
color: red;
}
// .business-ul li .el-link{
// display:inline-block;
......@@ -1178,8 +1282,8 @@ padding:0;
// .business-ul li:hover .el-link{
// text-decoration:none;
// }
.business-ul li+li{
margin-top:5px;
.business-ul li + li {
margin-top: 5px;
}
// 树形菜单开始
.search-box {
......@@ -1225,13 +1329,12 @@ padding:0;
display: flex;
flex-direction: column;
border-left: 1px dashed #6e6e6e;
}
&-title {
width: 90%;
height: 30px;
// color: #fff;
font-size:12px;
font-size: 12px;
display: flex;
justify-content: flex-start;
align-items: center;
......@@ -1258,10 +1361,10 @@ padding:0;
line-height: 50px;
padding: 0 15px;
border-radius: 5px;
font-size:12px;
font-size: 12px;
img {
margin-right: 5px;
width:15%;
width: 15%;
}
&-blue {
background-color: #304d79;
......@@ -1321,128 +1424,122 @@ padding:0;
}
// 树形菜单结束
// 图片墙
.imgs-div{
position:relative;
height:100%;
.imgs-div {
position: relative;
height: 100%;
}
.imgs-div{
margin-bottom:10px;
.imgs-div {
margin-bottom: 10px;
}
.imgs-intro{
position:absolute;
.imgs-intro {
position: absolute;
// width:100%;
height:25px;
line-height:25px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
height: 25px;
line-height: 25px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
// background:rgba(5, 23, 17, 0.21);
background:#ccc;
color:#fff;
background: #ccc;
color: #fff;
// padding:0 5px;
font-size:12px;
left:0;
bottom:0;
font-size: 12px;
left: 0;
bottom: 0;
}
.group-list{
border:1px solid #34bab2;
padding:15px;
.group-list {
border: 1px solid #34bab2;
padding: 15px;
}
// 网站群
.group-ul{
margin:0;
padding:0;
list-style:none;
.group-ul {
margin: 0;
padding: 0;
list-style: none;
}
.group-ul li{
float:left;
.group-ul li {
float: left;
// padding:0 10px;
width:60px;
margin-right:6px;
text-align:center;
font-size:12px;
margin-bottom:10px;
width: 60px;
margin-right: 6px;
text-align: center;
font-size: 12px;
margin-bottom: 10px;
}
// 树形菜单图标start-----------------------
.el-tree /deep/ .el-tree-node__expand-icon.expanded
{
.el-tree /deep/ .el-tree-node__expand-icon.expanded {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
/*//有子节点 且未展开*/
.el-tree /deep/ .el-icon-caret-right:before
{
}
/*//有子节点 且未展开*/
.el-tree /deep/ .el-icon-caret-right:before {
background: url("../../assets/wjjg.png") no-repeat 0 3px;
content: '';
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
{
}
/*//有子节点 且已展开*/
.el-tree /deep/ .el-tree-node__expand-icon.expanded.el-icon-caret-right:before {
background: url("../../assets/wjjk.png") no-repeat 0 3px;
content: '';
content: "";
display: block;
width: 16px;
height: 16px;
font-size: 16px;
background-size: 16px;
}
/*//没有子节点*/
.el-tree /deep/ .el-tree-node__expand-icon.is-leaf::before
{
}
/*//没有子节点*/
.el-tree /deep/ .el-tree-node__expand-icon.is-leaf::before {
background: url("../../assets/wj.png") no-repeat 0 3px;
content: '';
content: "";
display: block;
width: 16px;
height: 16px;
font-size: 16px;
background-size: 16px;
}
}
// 树形菜单图标end-----------------------
::v-deep{
.tree-search{
margin:0 15px;
.el-input__inner{
height:30px;
line-height:30px;
::v-deep {
.tree-search {
margin: 0 15px;
.el-input__inner {
height: 30px;
line-height: 30px;
}
}
}
.zone-style{
background-color:#fff;
padding:15px 15px;
border-radius:5px;
box-shadow: -5px 0px 20px 5px rgba(0,0,0,0.05);
}
.out-zone-style{
background-color:#fff;
margin-left:0!important;
margin-right:0!important;
padding:15px;
border-radius:5px;
box-shadow: -5px 0px 20px 5px rgba(0,0,0,0.05);
}
.first-zone-style{
margin-left:0!important;
margin-right:0!important;
.zone-style {
background-color: #fff;
padding: 15px 15px;
border-radius: 5px;
box-shadow: -5px 0px 20px 5px rgba(0, 0, 0, 0.05);
}
.out-zone-style {
background-color: #fff;
margin-left: 0 !important;
margin-right: 0 !important;
padding: 15px;
border-radius: 5px;
box-shadow: -5px 0px 20px 5px rgba(0, 0, 0, 0.05);
}
.first-zone-style {
margin-left: 0 !important;
margin-right: 0 !important;
// padding:15px;
}
.info-tap{
position:relative;
.info-tap {
position: relative;
}
.line-div{
.line-div {
width: 1px;
height: 30px;
background: #ccc;
position: absolute;
right: -1px;
top: 10px;
}
</style>
src/views/layout/menu.vue
......@@ -345,7 +345,8 @@ export default {
path: "/manage",
meta: { title: "信息发布系统" }
}
]
],
isAdmmin: false // 当前用户是否为高院内部人员
};
},
computed: {
......@@ -362,7 +363,6 @@ export default {
this.getSubLevelBoard(2, 130); //法院业务
},
methods: {
//1、点击一级导航
menuRouterClick(item, index) {
console.log("menuRouterClick-index==", index);
......@@ -388,9 +388,17 @@ export default {
} else {
enableTurnOnSystem().then(res => {
if (res.success) {
res.data == "K00"
? (this.isAdmmin = true)
: (this.isAdmmin = false);
if (!this.isAdmmin) {
this.$message.error("无访问权限");
} else {
this.$router.push({
path: item.path //跳转路由
});
}
} else {
this.$message({
message: "您的账号没有权限!",
......
src/views/list/index.vue
......@@ -388,12 +388,13 @@ export default {
},
// 查看详情
setParams(val){
this.$router.push({
path:'/detail',//跳转路由
query:{//参数对象
newsId:val.newsId
}
});
window.open(`/#/detail?newsId=${val.newsId}`,'_blank');
// this.$router.push({
// path:'/detail',//跳转路由
// query:{//参数对象
// newsId:val.newsId
// }
// });
},
},
};
......
src/views/manage/audit.vue 0 → 100644
<template>
<div>
<el-dialog :visible.sync="visible" title="提交审核" width="380px">
<div>
<el-input
type="textarea"
disabled
placeholder="请选择用户"
:value="selectUser.nickName || ''"
></el-input>
</div>
<div class="mt-10 text-center">
<el-button @click="getAssUserRecently" size="mini"
>最近联系人</el-button
>
<el-button @click="userShow = true" size="mini">选择审核用户</el-button>
<el-button @click="selectUser = {}" size="mini">清空</el-button>
</div>
<div class="mt-15 text-center">
<el-button @click="submit" size="mini" type="primary"
>确认</el-button
>
<el-button @click="visible = false" size="mini" type="danger"
>关闭</el-button
>
</div>
</el-dialog>
<el-dialog :visible.sync="userShow" title="选择审核人" width="380px">
<div>
<div>
<div class="title">板块负责人</div>
<div
v-for="(item, index) in assUserList.moderatorList"
:key="index"
class="list"
@click="select(item)"
>
{{ item.nickName }}
</div>
</div>
<div class="mt-20">
<div class="title">板块审核人</div>
<div
v-for="(item, index) in assUserList.assessorList"
:key="index"
class="list"
@click="select(item)"
>
{{ item.nickName }}
</div>
</div>
</div>
</el-dialog>
</div>
</template>
<script>
import { getAssUserList, getAssUserRecently } from "@/api/manage/manage";
export default {
data() {
return {
visible: false,
param: {},
//审核列表
userShow: false,
assUserList: {},
selectUser: {},
};
},
created() {},
methods: {
//显示审核框
dialogShow(param) {
console.log(param);
this.visible = true;
this.param = param;
this.getAssUserList();
},
//隐藏提交审核框
dialogClose() {
this.visible = false;
},
select(item) {
this.selectUser = item;
console.log(item);
this.userShow = false;
},
//获取审核人员
getAssUserList() {
getAssUserList({
boardId: this.param.boardId,
}).then((res) => {
if (res) {
this.assUserList = res.data;
} else {
this.$message.error(res.errMsg);
}
});
},
//最近审核人
getAssUserRecently() {
getAssUserRecently({
boardId: this.param.boardId,
}).then((res) => {
if (res.success) {
this.selectUser = res.data.id ? res.data : {};
} else {
this.$message.error(res.errMsg);
}
});
},
//提交
submit() {
this.$emit("submit", this.selectUser);
this.dialogClose();
},
},
};
</script>
<style lang="scss" scoped>
::v-deep {
.el-textarea__inner {
font-size: 18px;
}
.el-textarea.is-disabled .el-textarea__inner {
color: #303133;
}
}
.title {
line-height: 30px;
color: #333333;
background: #eeeeee;
text-align: center;
}
.list {
line-height: 30px;
// border-radius: 4px;
padding: 0 10px;
margin-top: 5px;
// text-align: center;
}
.list:hover {
background: #e6a23c;
// border-radius: 4px;
color: #ffffff;
font-weight: bold;
cursor: pointer;
}
</style>
\ No newline at end of file
src/views/manage/index.vue
......@@ -5,14 +5,10 @@
<el-row class="mt-20 zone-style" :gutter="20">
<!--左边栏目开始-->
<el-col :span="5" class="border-zone">
<div class="list-container" style="">
<div class="list-container" style>
<!-- <a :href="process.env.VUE_APP_LOGIN_API">点击</a> -->
<div class="list-title mb-10" @click="loginEvent">选择栏目</div>
<el-tree
:data="dataTreeFile"
:props="defaultProps"
@node-click="handleNodeClick"
></el-tree>
<el-tree :data="dataTreeFile" :props="defaultProps" @node-click="handleNodeClick"></el-tree>
</div>
</el-col>
<!--左边栏目结束-->
......@@ -20,15 +16,11 @@
<el-col :span="19">
<div v-if="!curBoardId == ''">
<div>
<el-tabs
type="border-card"
v-model="activeName"
@tab-click="handleTabClick"
>
<el-tabs type="border-card" v-model="activeName" @tab-click="handleTabClick">
<el-tab-pane name="first">
<span slot="label"
><i class="el-icon-date"></i> 管理列表</span
>
<span slot="label">
<i class="el-icon-date"></i> 管理列表
</span>
<el-table
border
ref="multipleTable"
......@@ -37,52 +29,41 @@
height="550"
@selection-change="handleSelectionChange1"
>
<el-table-column type="selection" width="55">
</el-table-column>
<el-table-column type="selection" width="55"></el-table-column>
<el-table-column label="标题" prop="subject">
<template slot-scope="scope">
<span
class="subject"
@click="handleEdit(scope.row.newsId)"
>{{ scope.row.subject }}</span>
</template>
</el-table-column>
<el-table-column prop="boardName" label="所属栏目">
</el-table-column>
<el-table-column prop="provider" label="责任编辑">
</el-table-column>
<el-table-column prop="newsTime" label="创建/修改时间">
</el-table-column>
<el-table-column
prop="clickCount"
label="点击次数"
width="50"
align="center"
>
<el-table-column prop="boardName" label="所属栏目"></el-table-column>
<el-table-column prop="provider" label="责任编辑"></el-table-column>
<el-table-column prop="newsTime" label="创建/修改时间"></el-table-column>
<el-table-column prop="clickCount" label="点击次数" width="50" align="center">
<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
prop="commentCount"
label="评论(条)"
width="50"
align="center"
>
</el-table-column>
<el-table-column
prop="adviceCount"
label="建议(条)"
width="50"
align="center"
>
</el-table-column>
<el-table-column prop="commentCount" label="评论(条)" width="50" align="center"></el-table-column>
<el-table-column prop="adviceCount" label="建议(条)" width="50" align="center"></el-table-column>
<el-table-column prop="publish" label="审核发布状态">
<template slot-scope="scope">
<el-tag :type="scope.row.publish | statusFilters">
{{ scope.row.publish | getStatus }}
</el-tag>
<el-tag
:type="scope.row.publish | statusFilters"
>{{ scope.row.publish | getStatus }}</el-tag>
</template>
</el-table-column>
<el-table-column label="报送状态">
<template slot-scope="scope">
<div v-if="scope.row.sbGy == '1'">已报高院</div>
<div v-if="scope.row.sbZy == '1'">已报中院</div>
<div v-if="scope.row.sbGy == '1'">已报高院，未读</div>
<div v-if="scope.row.sbGy == '2'">已报高院，已阅</div>
<div v-if="scope.row.sbGy == '3'">已报高院，采用</div>
<div v-if="scope.row.sbZy == '1'">已报中院，未读</div>
<div v-if="scope.row.sbZy == '2'">已报中院，已阅</div>
<div v-if="scope.row.sbZy == '3'">已报中院，采用</div>
</template>
<!--<template slot-scope="scope">
<el-tag :type="scope.row.status | statusFilters">
......@@ -96,40 +77,50 @@
@click="logDetailEvent(scope.row.newsId)"
type="text"
size="mini"
>
日志
</el-button>
>日志</el-button>
<el-button
@click="handleCheck(scope.row.newsId)"
type="text"
size="mini"
>查看</el-button>
<el-button
@click="handleEdit(scope.row.newsId)"
type="text"
size="mini"
>
修改
</el-button>
>修改</el-button>
<el-button
@click="handleDelete(scope.row.newsId)"
type="text"
size="mini"
>
删除
</el-button>
>删除</el-button>
<el-button
@click="commentEvent(scope.row.newsId)"
type="text"
size="mini"
>
评论
</el-button>
>评论</el-button>
<el-button
v-if="
scope.row.publish == 5 || scope.row.publish == 3
"
@click="
newsFormEdit = scope.row;
updateNews('4');
"
type="text"
size="mini"
>提交审核</el-button>
<el-button
@click="openCheckSuggest(scope.row.newsId)"
type="text"
size="mini"
>建议查看</el-button>
</template>
</el-table-column>
</el-table>
<el-row class="mt-10">
<el-button
type="primary"
size="mini"
@click="upLetterEvent"
>发送审批提醒短信</el-button
>
<el-button type="primary" size="mini" @click="upLetterEvent">发送审批提醒短信</el-button>
</el-row>
<div style="margin-top: 10px">
<el-pagination
......@@ -150,24 +141,21 @@
</span>
<el-form ref="form" :model="newsForm" label-width="120px">
<el-form-item label="格式">
<el-select
v-model="newsForm.geshi"
placeholder="请选择格式"
>
<el-select v-model="newsForm.geshi" placeholder="请选择格式">
<el-option label="普通格式" value="0"></el-option>
<!--<el-option label="区域二" value="beijing"></el-option>-->
</el-select>
<span class="ml-15"
>提示：在word文档中编辑好后，复制黏贴到编辑框</span
>
<span class="ml-15">提示：在word文档中编辑好后，复制黏贴到编辑框</span>
</el-form-item>
<el-form-item label="所属栏目" v-show="isShowColumn">
<el-row>
<el-col :span="6">
<!-- 工作信息->最高人民法院简报 -->
<span style="color: red">{{
<span style="color: red">
{{
newsForm.boardName
}}</span>
}}
</span>
</el-col>
</el-row>
<el-row>
......@@ -175,9 +163,7 @@
<el-radio-group v-model="newsForm.sendToBoards">
<el-radio :label="'0'">无</el-radio>
<el-radio :label="'4263'">政治教育</el-radio>
<el-radio :label="'4264'">
警示教育和英模教育
</el-radio>
<el-radio :label="'4264'">警示教育和英模教育</el-radio>
</el-radio-group>
</el-row>
</el-form-item>
......@@ -200,7 +186,7 @@
浏览文件
</el-button>
</el-upload>
</el-form-item> -->
</el-form-item>-->
<el-form-item label="多附件上传">
<el-upload
class="upload-demo"
......@@ -214,23 +200,24 @@
:on-change="uploadSuccess"
:on-remove="handleRemove"
>
<el-button class="area-btn"> 浏览文件 </el-button>
<el-button class="area-btn">浏览文件</el-button>
</el-upload>
</el-form-item>
<el-form-item label="今日头条">
<el-checkbox
v-model="newsForm.isTop"
true-label="1"
false-label="0"
>置于头条</el-checkbox
>
<el-checkbox v-model="newsForm.isTop" true-label="1" false-label="0">置于头条</el-checkbox>
</el-form-item>
<el-form-item label="审核人">
<div class="k-flex">
<el-input type="text" v-model="newsForm.nickName" disabled />
<el-button @click="selectUser" class="ml-8">选择审核人</el-button>
</div>
</el-form-item>
<el-form-item label="信息所属部门">
<el-select v-model="newsForm.labelDept" clearable="">
<div class="searchDiv">
<el-select v-model="newsForm.labelDept" clearable filterable>
<!-- <div class="searchDiv">
<el-input placeholder="请输入" v-model="searchTxt">
</el-input>
</div>
</div>-->
<el-option
v-for="item in searchResult"
:key="item.value"
......@@ -243,56 +230,32 @@
</el-form-item>
<el-form-item label="信息所属分类">
<el-checkbox-group v-model="newsForm.typeIds">
<el-checkbox :label="'1'"
>党员心得体会(篇)</el-checkbox
>
<el-checkbox :label="'1'">党员心得体会(篇)</el-checkbox>
<el-checkbox :label="'2'">支部风采(次)</el-checkbox>
<el-checkbox :label="'11'"
>党员大会（次）</el-checkbox
>
<el-checkbox :label="'12'"
>支部学习（次）</el-checkbox
>
<el-checkbox :label="'13'"
>主题党日（次）</el-checkbox
>
<el-checkbox :label="'11'">党员大会（次）</el-checkbox>
<el-checkbox :label="'12'">支部学习（次）</el-checkbox>
<el-checkbox :label="'13'">主题党日（次）</el-checkbox>
<el-checkbox :label="'14'">党课（次）</el-checkbox>
<el-checkbox :label="'15'">组织生活会</el-checkbox>
</el-checkbox-group>
</el-form-item>
<div class="mb-15" style="width: 100%">
<vue-ueditor-wrap
v-model="htmlContent"
:config="myConfig"
></vue-ueditor-wrap>
<vue-ueditor-wrap v-model="htmlContent" :config="myConfig"></vue-ueditor-wrap>
</div>
<!-- 如果是高院的就都没有上报高院和上报中院，中院有上报高院 ，就是sbGy，基层院有上报高院 还要上报中院 sbZy -->
<el-form-item label="上报高院" v-if="userLevel != '高院'">
<el-checkbox
v-model="newsForm.sbGy"
true-label="1"
false-label="0"
></el-checkbox>
<el-checkbox v-model="newsForm.sbGy" true-label="1" false-label="0"></el-checkbox>
</el-form-item>
<el-form-item
label="上报中院"
v-if="userLevel != '高院' && userLevel != '中院'"
>
<el-checkbox
v-model="newsForm.sbZy"
true-label="1"
false-label="0"
></el-checkbox>
<el-form-item label="上报中院" v-if="userLevel != '高院' && userLevel != '中院'">
<el-checkbox v-model="newsForm.sbZy" true-label="1" false-label="0"></el-checkbox>
</el-form-item>
<el-form-item align="center">
<!-- // 然后是publish ，点击发布的话是1，提交审核是4，保存是5 -->
<!-- <el-button type="primary" @click="createNewsEvent('1')">发布</el-button> -->
<!-- <el-button type="primary" @click="createNewsEvent('4')">提交审核</el-button>
<el-button type="primary" >建议</el-button> -->
<el-button type="primary" @click="createNewsEvent('5')">
保存
</el-button>
<el-button type="primary" >建议</el-button>-->
<el-button type="primary" @click="createNewsEvent('5')">保存</el-button>
<el-button>取消</el-button>
</el-form-item>
</el-form>
......@@ -311,58 +274,24 @@
height="550"
@selection-change="handleSelectionChange2"
>
<el-table-column type="selection" width="55">
</el-table-column>
<el-table-column prop="subject" label="标题" width="">
</el-table-column>
<el-table-column
prop="boardName"
label="所属栏目"
width=""
>
</el-table-column>
<el-table-column
prop="provider"
label="责任编辑"
show-overflow-tooltip
>
</el-table-column>
<el-table-column
prop="newsTime"
label="创建/修改时间"
width=""
>
</el-table-column>
<el-table-column
prop="clickCount"
label="点击次数"
width="70"
align="center"
>
<el-table-column type="selection" width="55"></el-table-column>
<el-table-column prop="subject" label="标题" width></el-table-column>
<el-table-column prop="boardName" label="所属栏目" width></el-table-column>
<el-table-column prop="provider" label="责任编辑" show-overflow-tooltip></el-table-column>
<el-table-column prop="newsTime" label="创建/修改时间" width></el-table-column>
<el-table-column prop="clickCount" label="点击次数" width="70" align="center">
<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
prop="commentCount"
label="评论(条)"
width="70"
align="center"
>
</el-table-column>
<el-table-column
prop="adviceCount"
label="建议(条)"
width="70"
align="center"
>
</el-table-column>
<el-table-column prop="publish" label="状态" width="">
<el-table-column prop="commentCount" label="评论(条)" width="70" align="center"></el-table-column>
<el-table-column prop="adviceCount" label="建议(条)" width="70" align="center"></el-table-column>
<el-table-column prop="publish" label="状态" width>
<template slot-scope="scope">
<el-tag :type="scope.row.publish | statusFilters">
{{ scope.row.publish | getStatus }}
</el-tag>
<el-tag
:type="scope.row.publish | statusFilters"
>{{ scope.row.publish | getStatus }}</el-tag>
</template>
</el-table-column>
<el-table-column label="操作" width="120">
......@@ -371,39 +300,20 @@
@click="openAudit(scope.row.newsId)"
type="text"
size="small"
>
审核
</el-button>
>审核</el-button>
<el-button
@click="openSuggest(scope.row.newsId)"
type="text"
size="small"
>
提建议
</el-button>
>提建议</el-button>
</template>
</el-table-column>
</el-table>
<el-row class="mt-10">
<!-- 创建未提交审核为5，提交审核为4，审核不通过为3，通过已发布为1 -->
<el-button
type="primary"
size="mini"
@click="assInfoBatch"
>批量打开</el-button
>
<el-button
type="primary"
size="mini"
@click="assInfoBatchOp(1)"
>批量审核通过并发布</el-button
>
<el-button
type="primary"
size="mini"
@click="assInfoBatchOp(3)"
>批量审核不通过</el-button
>
<el-button type="primary" size="mini" @click="assInfoBatch">批量打开</el-button>
<el-button type="primary" size="mini" @click="assInfoBatchOp(1)">批量审核通过并发布</el-button>
<el-button type="primary" size="mini" @click="assInfoBatchOp(3)">批量审核不通过</el-button>
</el-row>
<div style="margin-top: 10px">
<el-pagination
......@@ -423,10 +333,7 @@
<i class="el-icon-date"></i>收报信息
</span>
<div class="report-radiogroup">
<el-radio-group
v-model="reportRadio"
@change="reportRadioChange"
>
<el-radio-group v-model="reportRadio" @change="reportRadioChange">
<el-radio :label="1">接收</el-radio>
<el-radio :label="2">报送</el-radio>
</el-radio-group>
......@@ -442,44 +349,28 @@
style="width: 100%"
@selection-change="handleSelectionChange3"
>
<el-table-column type="selection" width="55">
</el-table-column>
<el-table-column type="selection" width="55"></el-table-column>
<el-table-column label="法院" prop="fyJc">
<template slot-scope="scope">
{{ scope.row.fyJc }}
</template>
</el-table-column>
<el-table-column prop="subject" label="标题">
</el-table-column>
<el-table-column
prop="boardName"
label="类型"
></el-table-column>
<el-table-column prop="provider" label="责任编辑">
</el-table-column>
<el-table-column
prop="newsTime"
label="创建/修改时间"
show-overflow-tooltip
>
</el-table-column>
<el-table-column prop="commentCount" label="留言(条)">
<template slot-scope="scope">{{ scope.row.fyJc }}</template>
</el-table-column>
<el-table-column prop="subject" label="标题"></el-table-column>
<el-table-column prop="boardName" label="类型"></el-table-column>
<el-table-column prop="provider" label="责任编辑"></el-table-column>
<el-table-column prop="newsTime" label="创建/修改时间" show-overflow-tooltip></el-table-column>
<el-table-column prop="commentCount" label="留言(条)"></el-table-column>
<el-table-column label="报送状态">
<template slot-scope="scope">
<div v-if="scope.row.sbGy == '1'">已报高院</div>
<div v-if="scope.row.sbZy == '1'">已报中院</div>
<div v-if="scope.row.sbGy == '1'">已报高院，未读</div>
<div v-if="scope.row.sbGy == '2'">已报高院，已阅</div>
<div v-if="scope.row.sbGy == '3'">已报高院，采用</div>
<div v-if="scope.row.sbZy == '1'">已报中院，未读</div>
<div v-if="scope.row.sbZy == '2'">已报中院，已阅</div>
<div v-if="scope.row.sbZy == '3'">已报中院，采用</div>
</template>
</el-table-column>
<el-table-column label="操作">
<template slot-scope="scope">
<el-button
@click="leaveDia(scope.row.newsId)"
type="text"
size="small"
>
留言
</el-button>
<el-button @click="leaveDia(scope.row.newsId)" type="text" size="small">留言</el-button>
</template>
</el-table-column>
</el-table>
......@@ -499,25 +390,13 @@
false-label="0"
></el-checkbox
>
</el-form-item> -->
</el-form-item>-->
<el-row class="mt-10">
<!-- 创建未提交审核为5，提交审核为4，审核不通过为3，通过已发布为1 -->
<el-button type="primary" size="mini" @click="sbBatch"
>批量打开</el-button
>
<el-button type="primary" size="mini" @click="sbBatch">批量打开</el-button>
<!-- 是否采用,3为采用，2为不采用即已阅 -->
<el-button
type="primary"
size="mini"
@click="sbBatchUseOrNot(3)"
>批量采用</el-button
>
<el-button
type="primary"
size="mini"
@click="sbBatchUseOrNot(2)"
>批量不采用</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>
<div style="margin-top: 10px">
<el-pagination
......@@ -533,44 +412,35 @@
</div>
</el-tab-pane>
<el-tab-pane name="fifth">
<span slot="label"><i class="el-icon-date"></i>查询</span>
<span slot="label">
<i class="el-icon-date"></i>查询
</span>
<el-form ref="searchForm" :model="form" label-width="80px">
<el-form-item label="格式">
<el-select
v-model="pageInfoSearch.geshi"
placeholder="请选择格式"
clearable
>
<el-select v-model="pageInfoSearch.geshi" placeholder="请选择格式" clearable>
<el-option label="普通格式" value="0"></el-option>
</el-select>
</el-form-item>
<el-form-item label="类型">
<!-- 创建未提交审核为5，提交审核为4，审核不通过为3，通过已发布为1 -->
<el-select
v-model="pageInfoSearch.publish"
placeholder="请选择类型"
v-model="pageInfoSearch.boardId"
disabled
placeholder="栏目类型"
clearable
>
<el-option
label="创建未提交审核"
value="5"
:label="item.boardName"
:value="item.boardId"
v-for="item in boardLists"
:key="item.boardId"
></el-option>
<el-option label="提交审核" value="4"></el-option>
<el-option label="审核不通过" value="3"></el-option>
<el-option label="通过已发布" value="1"></el-option>
</el-select>
</el-form-item>
<el-form-item label="状态">
<!-- 创建未提交审核为5，提交审核为4，审核不通过为3，通过已发布为1 -->
<el-select
v-model="pageInfoSearch.publish"
placeholder="请选择类型"
clearable
>
<el-option
label="创建未提交审核"
value="5"
></el-option>
<el-select v-model="pageInfoSearch.publish" placeholder="请选择状态" clearable>
<el-option label="创建未提交审核" value="5"></el-option>
<el-option label="提交审核" value="4"></el-option>
<el-option label="审核不通过" value="3"></el-option>
<el-option label="通过已发布" value="1"></el-option>
......@@ -578,59 +448,40 @@
</el-form-item>
<el-form-item label="标题">
<el-col
:span="11"
style="padding-left: 0; padding-right: 0"
>
<el-col :span="11" style="padding-left: 0; padding-right: 0">
<el-input v-model="pageInfoSearch.subject"></el-input>
</el-col>
</el-form-item>
<el-form-item label="发布日期">
<el-col
:span="11"
style="padding-left: 0; padding-right: 0"
>
<el-col :span="11" style="padding-left: 0; padding-right: 0">
<el-date-picker
v-model="pageInfoSearch.stime"
type="datetime"
placeholder="选择开始日期时间"
default-time="12:00:00"
default-time="00:00:00"
value-format="yyyy-MM-dd HH:mm:ss"
style="width: 100%"
>
</el-date-picker>
></el-date-picker>
</el-col>
<el-col
class="line"
:span="2"
style="text-align: center"
>-</el-col
>
<el-col class="line" :span="2" style="text-align: center">-</el-col>
<el-col :span="11">
<el-date-picker
v-model="pageInfoSearch.etime"
type="datetime"
placeholder="选择结束日期时间"
default-time="12:00:00"
default-time="00:00:00"
value-format="yyyy-MM-dd HH:mm:ss"
style="width: 100%"
>
</el-date-picker>
></el-date-picker>
</el-col>
</el-form-item>
<el-form-item label="内容">
<el-col
:span="11"
style="padding-left: 0; padding-right: 0"
>
<el-col :span="11" style="padding-left: 0; padding-right: 0">
<el-input v-model="pageInfoSearch.content"></el-input>
</el-col>
</el-form-item>
<el-form-item label="点击次数">
<el-col
:span="11"
style="padding-left: 0; padding-right: 0"
>
<el-col :span="11" style="padding-left: 0; padding-right: 0">
<el-input
v-model="pageInfoSearch.minClick"
@input="changeInput1"
......@@ -645,8 +496,7 @@
white-space: nowrap;
font-size: 12px;
"
>至</el-col
>
>至</el-col>
<el-col :span="11">
<el-input
type="number"
......@@ -657,60 +507,40 @@
</el-col>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="findNews()"
>查询</el-button
>
<el-button type="primary" @click="findNews()">查询</el-button>
<el-button @click="resetSearch()">重置</el-button>
</el-form-item>
</el-form>
<el-row>
<el-table
border
:data="manageListSearch"
style="width: 100%"
>
<el-table-column label="标题" prop="subject">
</el-table-column>
<el-table-column prop="boardName" label="所属栏目">
</el-table-column>
<el-table-column prop="provider" label="责任编辑">
</el-table-column>
<el-table-column prop="newsTime" label="创建/修改时间">
</el-table-column>
<el-table-column
prop="clickCount"
label="点击次数"
align="center"
>
<el-table border :data="manageListSearch" style="width: 100%">
<el-table-column label="标题" prop="subject"></el-table-column>
<el-table-column prop="boardName" label="所属栏目"></el-table-column>
<el-table-column prop="provider" label="责任编辑"></el-table-column>
<el-table-column prop="newsTime" label="创建/修改时间"></el-table-column>
<el-table-column prop="clickCount" label="点击次数" align="center">
<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
prop="commentCount"
label="评论(条)"
align="center"
>
</el-table-column>
<el-table-column
prop="adviceCount"
label="建议(条)"
align="center"
>
</el-table-column>
<el-table-column prop="commentCount" label="评论(条)" align="center"></el-table-column>
<el-table-column prop="adviceCount" label="建议(条)" align="center"></el-table-column>
<el-table-column prop="publish" label="审核发布状态">
<template slot-scope="scope">
<el-tag :type="scope.row.publish | statusFilters">
{{ scope.row.publish | getStatus }}
</el-tag>
<el-tag
:type="scope.row.publish | statusFilters"
>{{ scope.row.publish | getStatus }}</el-tag>
</template>
</el-table-column>
<el-table-column prop="" label="报送状态">
<el-table-column prop label="报送状态">
<template slot-scope="scope">
<div v-if="scope.row.sbGy == '1'">已报高院</div>
<div v-if="scope.row.sbZy == '1'">已报中院</div>
<div v-if="scope.row.sbGy == '1'">已报高院，未读</div>
<div v-if="scope.row.sbGy == '2'">已报高院，已阅</div>
<div v-if="scope.row.sbGy == '3'">已报高院，采用</div>
<div v-if="scope.row.sbZy == '1'">已报中院，未读</div>
<div v-if="scope.row.sbZy == '2'">已报中院，已阅</div>
<div v-if="scope.row.sbZy == '3'">已报中院，采用</div>
</template>
</el-table-column>
</el-table>
......@@ -736,21 +566,112 @@
</el-col>
</el-row>
<!--1、管理列表---修改管理列表弹窗开始 -->
<el-dialog
title="修改"
width="70%"
:visible.sync="editVisible"
:before-close="handleCloseEdit"
<!--0、管理列表---查看管理列表弹窗开始 -->
<el-dialog title="查看" width="70%" :visible.sync="checkVisible" :before-close="handleCloseCheck">
<el-form ref="form" :model="newsFormEdit" label-width="120px">
<el-form-item label="格式">
<el-select disabled v-model="newsFormEdit.geshi" placeholder="请选择格式">
<el-option label="普通格式" value="0"></el-option>
</el-select>
<span class="ml-15">提示：仅查看不可编辑</span>
</el-form-item>
<el-form-item label="标题">
<el-input disabled v-model="newsFormEdit.subject"></el-input>
</el-form-item>
<!-- <el-form-item label="附件">
<el-upload
class="upload-demo"
ref="noticeUpload"
multiple
:file-list="fileList"
:auto-upload="false"
action="#"
name="fileList"
:show-file-list="true"
:on-change="uploadSuccess"
>
<el-button class="area-btn" >
浏览文件
</el-button>
</el-upload>
</el-form-item>-->
<el-form-item label="多附件上传">
<el-upload
disabled
class="upload-demo"
ref="fileUpload"
multiple
:file-list="fileListEdit"
:auto-upload="false"
action="#"
name="fileList"
:show-file-list="true"
:on-change="uploadSuccessEdit"
:on-remove="handleRemoveEdit"
>
<el-button disabled class="area-btn">浏览文件</el-button>
</el-upload>
</el-form-item>
<el-form-item label="今日头条">
<el-checkbox disabled v-model="newsFormEdit.isTop" true-label="1" false-label="0">置于头条</el-checkbox>
</el-form-item>
<el-form-item label="信息所属部门">
<el-select disabled v-model="newsFormEdit.labelDept" clearable>
<div class="searchDiv">
<el-input placeholder="请输入" v-model="searchTxt"></el-input>
</div>
<el-option
v-for="item in searchResult"
:key="item.value"
:label="item.name"
:value="item.deptId"
>
<span v-html="listHtml(item)"></span>
</el-option>
</el-select>
</el-form-item>
<el-form-item label="信息所属分类" v-if="newsFormEdit.typeIds">
<el-checkbox-group v-model="newsFormEdit.typeIds">
<el-checkbox disabled :label="'1'">党员心得体会(篇)</el-checkbox>
<el-checkbox disabled :label="'2'">支部风采(次)</el-checkbox>
<el-checkbox disabled :label="'11'">党员大会（次）</el-checkbox>
<el-checkbox disabled :label="'12'">支部学习（次）</el-checkbox>
<el-checkbox disabled :label="'13'">主题党日（次）</el-checkbox>
<el-checkbox disabled :label="'14'">党课（次）</el-checkbox>
<el-checkbox disabled :label="'15'">组织生活会</el-checkbox>
</el-checkbox-group>
</el-form-item>
<div class="mb-15" style="width: 100%">
<vue-ueditor-wrap v-model="newsFormEdit.content" :config="checkConfig"></vue-ueditor-wrap>
</div>
<el-form-item label="上报高院" v-if="userLevel != '高院'">
<el-checkbox disabled v-model="newsFormEdit.sbGy" true-label="1" false-label="0"></el-checkbox>
</el-form-item>
<el-form-item label="上报中院" v-if="userLevel != '高院' && userLevel != '中院'">
<el-checkbox disabled v-model="newsFormEdit.sbZy" true-label="1" false-label="0"></el-checkbox>
</el-form-item>
<el-form-item align="center">
<!-- //创建未提交审核即保存为5，提交审核为4，审核不通过为3，通过已发布为1
<el-button type="primary" @click="updateNews('4')"
>提交审核</el-button
>
<el-button type="primary" @click="openSuggest(newsFormEdit.newsId)"
>建议</el-button
>
<el-button type="primary" @click="updateNews('5')">保存</el-button>-->
<el-button @click="handleCloseCheck">关闭</el-button>
</el-form-item>
</el-form>
</el-dialog>
<!--1、管理列表---修改管理列表弹窗开始 -->
<el-dialog title="修改" width="70%" :visible.sync="editVisible" :before-close="handleCloseEdit">
<el-form ref="form" :model="newsFormEdit" label-width="120px">
<el-form-item label="格式">
<el-select v-model="newsFormEdit.geshi" placeholder="请选择格式">
<el-option label="普通格式" value="0"></el-option>
</el-select>
<span class="ml-15"
>提示：在word文档中编辑好后，复制黏贴到编辑框</span
>
<span class="ml-15">提示：在word文档中编辑好后，复制黏贴到编辑框</span>
</el-form-item>
<el-form-item label="标题">
<el-input v-model="newsFormEdit.subject"></el-input>
......@@ -771,7 +692,7 @@
浏览文件
</el-button>
</el-upload>
</el-form-item> -->
</el-form-item>-->
<el-form-item label="多附件上传">
<el-upload
class="upload-demo"
......@@ -785,21 +706,16 @@
:on-change="uploadSuccessEdit"
:on-remove="handleRemoveEdit"
>
<el-button class="area-btn"> 浏览文件 </el-button>
<el-button class="area-btn">浏览文件</el-button>
</el-upload>
</el-form-item>
<el-form-item label="今日头条">
<el-checkbox
v-model="newsFormEdit.isTop"
true-label="1"
false-label="0"
>置于头条</el-checkbox
>
<el-checkbox v-model="newsFormEdit.isTop" true-label="1" false-label="0">置于头条</el-checkbox>
</el-form-item>
<el-form-item label="信息所属部门">
<el-select v-model="newsFormEdit.labelDept" clearable="">
<el-select v-model="newsFormEdit.labelDept" clearable>
<div class="searchDiv">
<el-input placeholder="请输入" v-model="searchTxt"> </el-input>
<el-input placeholder="请输入" v-model="searchTxt"></el-input>
</div>
<el-option
v-for="item in searchResult"
......@@ -823,36 +739,18 @@
</el-checkbox-group>
</el-form-item>
<div class="mb-15" style="width: 100%">
<vue-ueditor-wrap
v-model="newsFormEdit.content"
:config="myConfig"
></vue-ueditor-wrap>
<vue-ueditor-wrap v-model="newsFormEdit.content" :config="myConfig"></vue-ueditor-wrap>
</div>
<el-form-item label="上报高院" v-if="userLevel != '高院'">
<el-checkbox
v-model="newsFormEdit.sbGy"
true-label="1"
false-label="0"
></el-checkbox>
<el-checkbox v-model="newsFormEdit.sbGy" true-label="1" false-label="0"></el-checkbox>
</el-form-item>
<el-form-item
label="上报中院"
v-if="userLevel != '高院' && userLevel != '中院'"
>
<el-checkbox
v-model="newsFormEdit.sbZy"
true-label="1"
false-label="0"
></el-checkbox>
<el-form-item label="上报中院" v-if="userLevel != '高院' && userLevel != '中院'">
<el-checkbox v-model="newsFormEdit.sbZy" true-label="1" false-label="0"></el-checkbox>
</el-form-item>
<el-form-item align="center">
<!-- //创建未提交审核即保存为5，提交审核为4，审核不通过为3，通过已发布为1 -->
<el-button type="primary" @click="updateNews('4')"
>提交审核</el-button
>
<el-button type="primary" @click="openSuggest(newsFormEdit.newsId)"
>建议</el-button
>
<el-button type="primary" @click="updateNews('4')">提交审核</el-button>
<el-button type="primary" @click="openSuggest(newsFormEdit.newsId)">建议</el-button>
<el-button type="primary" @click="updateNews('5')">保存</el-button>
<el-button @click="handleCloseEdit">关闭</el-button>
</el-form-item>
......@@ -860,12 +758,7 @@
</el-dialog>
<!-- 1、管理列表---修改管理列表弹窗结束 -->
<!-- 2、管理列表---评论弹窗start-->
<el-dialog
title="评论列表"
:visible.sync="commentDialog"
width="40%"
:before-close="handleComment"
>
<el-dialog title="评论列表" :visible.sync="commentDialog" width="40%" :before-close="handleComment">
<div>
<el-table
:data="messageDetailDataList"
......@@ -876,9 +769,9 @@
default-expand-all
:tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
>
<el-table-column prop="content" label="评论内容"> </el-table-column>
<el-table-column prop="userId" label="评论人"> </el-table-column>
<el-table-column prop="reTime" label="时间"> </el-table-column>
<el-table-column prop="content" label="评论内容"></el-table-column>
<el-table-column prop="userId" label="评论人"></el-table-column>
<el-table-column prop="reTime" label="时间"></el-table-column>
</el-table>
</div>
<span slot="footer" class="dialog-footer">
......@@ -887,23 +780,13 @@
</el-dialog>
<!--2、管理列表---评论弹窗end-->
<!--3、审核列表--审核弹窗开始 -->
<el-dialog
width="70%"
:visible.sync="auditVisible"
:before-close="handleCloseAudit"
>
<el-dialog width="70%" :visible.sync="auditVisible" :before-close="handleCloseAudit">
<el-form ref="form" :model="newsForm" label-width="120px">
<el-form-item label="格式">
<el-select
v-model="newsFormEdit.geshi"
placeholder="请选择格式"
disabled
>
<el-select v-model="newsFormEdit.geshi" placeholder="请选择格式" disabled>
<el-option label="普通格式" value="0"></el-option>
</el-select>
<span class="ml-15"
>提示：在word文档中编辑好后，复制黏贴到编辑框</span
>
<span class="ml-15">提示：在word文档中编辑好后，复制黏贴到编辑框</span>
</el-form-item>
<el-form-item label="所属栏目">
<el-row>
......@@ -944,7 +827,7 @@
浏览文件
</el-button>
</el-upload>
</el-form-item> -->
</el-form-item>-->
<el-form-item label="多附件上传">
<el-upload
disabled
......@@ -959,22 +842,17 @@
:on-change="uploadSuccessEdit"
:on-remove="handleRemoveEdit"
>
<el-button class="area-btn"> 浏览文件 </el-button>
<el-button class="area-btn">浏览文件</el-button>
</el-upload>
</el-form-item>
<el-form-item label="今日头条">
<el-checkbox
disabled
v-model="newsFormEdit.isTop"
true-label="1"
false-label="0"
>置于头条</el-checkbox
>
<el-checkbox disabled v-model="newsFormEdit.isTop" true-label="1" false-label="0">置于头条</el-checkbox>
</el-form-item>
<el-form-item label="信息所属部门">
<el-select v-model="newsFormEdit.labelDept" clearable disabled>
<div class="searchDiv">
<el-input placeholder="请输入" v-model="searchTxt"> </el-input>
<el-input placeholder="请输入" v-model="searchTxt"></el-input>
</div>
<el-option
v-for="item in searchResult"
......@@ -1021,11 +899,7 @@
<div>
<el-form ref="refAdviceForm" :model="adviceForm" label-width="80px">
<el-form-item label="内容:">
<el-input
type="textarea"
v-model="adviceForm.content"
:rows="5"
></el-input>
<el-input type="textarea" v-model="adviceForm.content" :rows="5"></el-input>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="saveAdvise">确 定</el-button>
......@@ -1038,11 +912,9 @@
<!-- <el-button style="float: right; padding: 3px 0" type="text">操作按钮</el-button> -->
</div>
<el-table :data="adviceDetailData" border style="width: 100%">
<el-table-column prop="fromId" label="建议人" width="180">
</el-table-column>
<el-table-column prop="content" label="内容" width="180">
</el-table-column>
<el-table-column prop="sendTime" label="时间"> </el-table-column>
<el-table-column prop="fromId" label="建议人" width="180"></el-table-column>
<el-table-column prop="content" label="内容" width="180"></el-table-column>
<el-table-column prop="sendTime" label="时间"></el-table-column>
</el-table>
</el-card>
</div>
......@@ -1053,12 +925,7 @@
<!---4、审核列表--提建议弹窗end-->
<!---5、收报信息--留言弹窗start-->
<el-dialog
title="留言"
:visible.sync="leaveVisible"
width="40%"
:before-close="handleCloseLeave"
>
<el-dialog title="留言" :visible.sync="leaveVisible" width="40%" :before-close="handleCloseLeave">
<div>
<el-table
:data="messageDetailDataList"
......@@ -1069,9 +936,9 @@
default-expand-all
:tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
>
<el-table-column prop="content" label="评论内容"> </el-table-column>
<el-table-column prop="userId" label="评论人"> </el-table-column>
<el-table-column prop="reTime" label="时间"> </el-table-column>
<el-table-column prop="content" label="评论内容"></el-table-column>
<el-table-column prop="userId" label="评论人"></el-table-column>
<el-table-column prop="reTime" label="时间"></el-table-column>
</el-table>
</div>
<span slot="footer" class="dialog-footer">
......@@ -1084,12 +951,7 @@
<dept-list ref="refDept" :deptVisible.sync="deptVisible"></dept-list>
<!---6、所属部门弹窗end-->
<!-- 7、日志弹窗start-->
<el-dialog
title="日志"
:visible.sync="logVisible"
width="40%"
:before-close="handleCloseLog"
>
<el-dialog title="日志" :visible.sync="logVisible" width="40%" :before-close="handleCloseLog">
<div class="log-detail-dialog">
<el-scrollbar style="height: 100%">
<p v-for="(item, index) in logContent" :key="index">{{ item }}</p>
......@@ -1113,10 +975,7 @@
center
>
<div style="height: 650px; over-flow: hidden; overflow-y: auto">
<el-checkbox-group
v-model="checkedCities"
@change="handleCheckedCitiesChange"
>
<el-checkbox-group v-model="checkedCities" @change="handleCheckedCitiesChange">
<el-row style="padding: 0 15px">
<div class="mb-30" v-for="(item, index) in batchList" :key="index">
<h2
......@@ -1125,15 +984,11 @@
font-size: 13px;
text-align: center !important;
"
>
{{ item.newsDetail.subject }}
</h2>
>{{ item.newsDetail.subject }}</h2>
<div
v-if="item.newsDetail.newsTime"
style="color: #999999; font-size: 12px; text-align: right"
>
发布时间：{{ item.newsDetail.newsTime.substring(0, 10) }}
</div>
>发布时间：{{ item.newsDetail.newsTime.substring(0, 10) }}</div>
<div v-if="item.attachList">
<el-image
style="margin-top: 5px; width: 100%; margin-bottom: 5px"
......@@ -1143,26 +998,15 @@
:src="v.downloadPath"
></el-image>
</div>
<div
class="view-html"
style="width: 100%"
v-html="item.newsDetail.content"
></div>
<div class="wiriter-intro">
作者: {{ item.newsDetail.provider }}
</div>
<div class="view-html" style="width: 100%" v-html="item.newsDetail.content"></div>
<div class="wiriter-intro">作者: {{ item.newsDetail.provider }}</div>
<div style="text-align: center; margin-top: 10px">
<el-checkbox
:label="item.newsDetail.newsId"
:key="item.newsDetail.newsId"
>标记</el-checkbox
>
<el-checkbox :label="item.newsDetail.newsId" :key="item.newsDetail.newsId">标记</el-checkbox>
<el-button
class="ml-15"
type="primary"
@click="openSuggest(item.newsDetail.newsId)"
>提建议</el-button
>
>提建议</el-button>
</div>
</div>
</el-row>
......@@ -1174,11 +1018,8 @@
:indeterminate="isIndeterminate"
v-model="checkAll"
@change="handleCheckAllChange"
>全部标记</el-checkbox
>
<el-button class="ml-15" type="primary" @click="assInfoBatchOp(1)"
>通过</el-button
>
>全部标记</el-checkbox>
<el-button class="ml-15" type="primary" @click="assInfoBatchOp(1)">通过</el-button>
<el-button @click="assInfoBatchOp(3)">不通过</el-button>
<el-button @click="handleColseAssInfo">关闭</el-button>
</span>
......@@ -1194,10 +1035,7 @@
center
>
<div style="height: 650px; over-flow: hidden; overflow-y: auto">
<el-checkbox-group
v-model="checkedCities"
@change="handleCheckedCitiesChangegGet"
>
<el-checkbox-group v-model="checkedCities" @change="handleCheckedCitiesChangegGet">
<el-row style="padding: 0 15px">
<div class="mb-30" v-for="(item, index) in batchList" :key="index">
<h2
......@@ -1206,15 +1044,11 @@
font-size: 13px;
text-align: center !important;
"
>
{{ item.newsDetail.subject }}
</h2>
>{{ item.newsDetail.subject }}</h2>
<div
v-if="item.newsDetail.newsTime"
style="color: #999999; font-size: 12px; text-align: right"
>
发布时间：{{ item.newsDetail.newsTime.substring(0, 10) }}
</div>
>发布时间：{{ item.newsDetail.newsTime.substring(0, 10) }}</div>
<div v-if="item.attachList">
<el-image
style="margin-top: 5px; width: 100%; margin-bottom: 5px"
......@@ -1224,26 +1058,15 @@
:src="v.downloadPath"
></el-image>
</div>
<div
class="view-html"
style="width: 100%"
v-html="item.newsDetail.content"
></div>
<div class="wiriter-intro">
作者: {{ item.newsDetail.provider }}
</div>
<div class="view-html" style="width: 100%" v-html="item.newsDetail.content"></div>
<div class="wiriter-intro">作者: {{ item.newsDetail.provider }}</div>
<div style="text-align: center; margin-top: 10px">
<el-checkbox
:label="item.newsDetail.newsId"
:key="item.newsDetail.newsId"
>标记</el-checkbox
>
<el-checkbox :label="item.newsDetail.newsId" :key="item.newsDetail.newsId">标记</el-checkbox>
<el-button
class="ml-15"
type="primary"
@click="openSuggest(item.newsDetail.newsId)"
>提建议</el-button
>
>提建议</el-button>
</div>
</div>
</el-row>
......@@ -1251,17 +1074,36 @@
</div>
<span slot="footer" class="dialog-footer">
<el-checkbox v-model="checkAll" @change="handleCheckAllChange2"
>全部标记</el-checkbox
>
<el-button class="ml-15" type="primary" @click="sbBatchUseOrNot(3)"
>采用</el-button
>
<el-checkbox v-model="checkAll" @change="handleCheckAllChange2">全部标记</el-checkbox>
<el-button class="ml-15" type="primary" @click="sbBatchUseOrNot(3)">采用</el-button>
<el-button @click="sbBatchUseOrNot(1)">不采用</el-button>
<el-button @click="handleCloseGet">关闭</el-button>
</span>
</el-dialog>
<!-- 9、收报批量打开end -->
<!-- 10、查看建议 -->
<el-dialog
title="查看建议"
:visible.sync="suggestCheckVisible"
width="40%"
:before-close="handleCloseSuggestCheck"
>
<div>
<el-card class="box-card">
<el-table :data="adviceDetailData" border style="width: 100%">
<el-table-column prop="fromId" label="建议人" width="180"></el-table-column>
<el-table-column prop="content" label="内容" width="180"></el-table-column>
<el-table-column prop="sendTime" label="时间"></el-table-column>
</el-table>
</el-card>
</div>
<span slot="footer" class="dialog-footer">
<el-button type="primary" @click="handleCloseSuggestCheck">关闭</el-button>
</span>
</el-dialog>
<audit ref="audit" @submit="getAuditUser"></audit>
</div>
</template>
<script>
......@@ -1291,16 +1133,21 @@ import {
findNews, //搜索信息
delFile, //删除附件
sendBatchAssRemindSms, //批量短信
boardList,
boardDetail // 栏目详情
} from "@/api/manage/manage";
import { removeToken } from "@/utils/auth";
import { getInfo, logout } from "@/api/login";
import { getUserInfo } from "@/utils/auth";
import audit from "./audit";
export default {
name: "show",
components: {
vueUeditorWrap,
deptList, //所属部门组件
audit
},
data() {
return {
......@@ -1327,7 +1174,7 @@ export default {
multipleSelection3: [], //勾选1
manageSearchList: [], //管理列表查询搜索
adviceForm: {
content: "",
content: ""
}, //提建议
adviceDetailData: [], //历史建议列表
commentDialog: false, //管理列表--评论弹窗
......@@ -1335,27 +1182,28 @@ export default {
pageInfo: {
page: 1,
size: 10,
total: 0,
total: 0
}, //管理
pageInfoSearch: {
page: 1,
size: 10,
total: 0,
total: 0
}, //管理
manageListSearch: [],
pageInfoAss: {
page: 1,
size: 10,
total: 0,
total: 0
}, //审核列表
pageInfoRe: {
page: 1,
size: 10,
total: 0,
total: 0
}, //收报信息
assList: [], //审核列表
reportList: [], //收报信息
editVisible: false, //修改管理列表
checkVisible: false, //查看管理列表
userLevel: "", //用户法院等级
auditVisible: false, //审核弹窗
suggestVisible: false, //提建议弹窗
......@@ -1366,6 +1214,23 @@ export default {
htmlContent: "",
// 富文本配置
myConfig: {
//是否自动清除编辑器初始内容
autoClearinitialContent: true,
// 编辑器不自动被内容撑高
autoHeightEnabled: false,
enableAutoSave: false,
// 初始容器高度
initialFrameHeight: 300,
// 初始容器宽度
initialFrameWidth: "99%",
// 上传文件接口
// serverUrl: "",
UEDITOR_HOME_URL: "/UEditor/"
},
checkConfig: {
//查看功能的富文本编辑器
//编辑区域是否是只读的
readonly: true,
// 编辑器不自动被内容撑高
autoHeightEnabled: false,
// 初始容器高度
......@@ -1374,7 +1239,7 @@ export default {
initialFrameWidth: "99%",
// 上传文件接口
// serverUrl: "",
UEDITOR_HOME_URL: "/UEditor/",
UEDITOR_HOME_URL: "/UEditor/"
},
deptList: [], //本院部门
manageList: [], //获取管理列表
......@@ -1389,7 +1254,7 @@ export default {
sendToBoards: "0", //发送到教育整顿
// labelDept:null,//信息所属部门
sbGy: "0", //上报高院
sbZy: "0", //上报中院
sbZy: "0" //上报中院
// name: '',
// region: '',
// date1: '',
......@@ -1407,14 +1272,14 @@ export default {
delivery: false,
type: [],
resource: "",
desc: "",
desc: ""
},
activeName: "first",
// multipleSelection: [],
dataTreeFile: [],
defaultProps: {
children: "children",
label: "boardName",
label: "boardName"
},
logContent: [], // 正则后日志详情
......@@ -1423,8 +1288,20 @@ export default {
reportRadio: 1, // 收报信息---1：接收，2：报送
reportListLoading: false, // 收报信息列表加载
isShowColumn: false, // 添加信息---是否显示所属栏目
boardLists: [],
suggestCheckVisible: false
};
},
mounted() {},
// watch: {
// "newsForm.boardId":{
// handler(){
// this.boardList(this.curBoardId);
// },
// deep: true
// }
// },
created() {
console.log("登录路径==", process.env.VUE_APP_LOGIN_API);
this.getBoardTree(); //获取左边栏目树
......@@ -1433,6 +1310,8 @@ export default {
this.getUserInfo();
// let userInfo=getUserInfo();
// console.log('userInfo==',userInfo);
// this.boardList();
},
filters: {
statusFilters(status) {
......@@ -1454,13 +1333,13 @@ export default {
default:
return data;
}
},
}
},
// 模糊搜索所属部门start
computed: {
searchResult() {
if (this.searchTxt) {
return this.deptListData.filter((item) =>
return this.deptListData.filter(item =>
item.name.includes(this.searchTxt)
);
} else {
......@@ -1470,10 +1349,34 @@ export default {
VUE_APP_LOGIN_API() {
console.log("登录路径", process.env.VUE_APP_LOGIN_API);
return process.env.VUE_APP_LOGIN_API;
},
}
},
// 模糊搜索所属部门end
methods: {
selectUser() {
this.$refs.audit.dialogShow({ boardId: this.newsForm.boardId });
},
getAuditUser(param) {
console.log(param);
this.$set(this.newsForm, "assUser", param.userName);
this.$set(this.newsForm, "nickName", param.nickName);
},
boardList(boardId) {
boardDetail({ boardId: boardId }).then(res => {
if (res.success) {
this.boardLists = [];
this.boardLists.push(res.data);
this.pageInfoSearch.boardId = res.data.boardId;
this.$forceUpdate();
console.log("----------------栏目类型获取", this.boardLists);
} else {
this.$message.error(res.errMsg);
}
});
},
//选择标记--审核
handleCheckedCitiesChange(value) {
console.log("批量选择标记=", value);
......@@ -1483,7 +1386,7 @@ export default {
handleCheckAllChange(val) {
console.log("批量选择标记全选=", val);
let arr = [];
this.batchList.forEach((item) => {
this.batchList.forEach(item => {
arr.push(item.newsDetail.newsId);
});
this.checkedCities = val ? arr : [];
......@@ -1500,7 +1403,7 @@ export default {
handleCheckAllChange2(val) {
console.log("批量选择标记全选=", val);
let arr = [];
this.batchList.forEach((item) => {
this.batchList.forEach(item => {
arr.push(item.newsDetail.newsId);
});
this.checkedCities = val ? arr : [];
......@@ -1510,7 +1413,7 @@ export default {
},
getUserInfo() {
getInfo().then((res) => {
getInfo().then(res => {
this.userInfo = res.user;
console.log("userInfo=======================", this.userInfo);
// this.SET_USER(res.user);
......@@ -1522,7 +1425,7 @@ export default {
console.log("勾选1==", val);
// this.multipleSelection1 = val;
var newsIdArr = [];
val.forEach((item) => {
val.forEach(item => {
newsIdArr.push(item.newsId);
});
this.multipleSelection1 = newsIdArr;
......@@ -1532,12 +1435,12 @@ export default {
let params = {};
params.newsIds = this.multipleSelection1;
// params.publish=publish;
sendBatchAssRemindSms(JSON.stringify(params)).then((res) => {
sendBatchAssRemindSms(JSON.stringify(params)).then(res => {
if (res.success) {
this.getManageList(); //刷新列表
this.$message({
message: "发送审核提醒成功!",
type: "success",
type: "success"
});
} else {
this.$message.error(res.errMsg);
......@@ -1548,7 +1451,7 @@ export default {
handleSelectionChange2(val) {
console.log("勾选2==", val);
var newsIdArr = [];
val.forEach((item) => {
val.forEach(item => {
newsIdArr.push(item.newsId);
});
this.multipleSelection2 = newsIdArr;
......@@ -1558,7 +1461,7 @@ export default {
console.log("勾选3==", val);
// this.multipleSelection3 = val;
var newsIdArr = [];
val.forEach((item) => {
val.forEach(item => {
newsIdArr.push(item.newsId);
});
this.multipleSelection3 = newsIdArr;
......@@ -1568,14 +1471,14 @@ export default {
if (this.multipleSelection2.length == 0) {
this.$message({
message: "请选择新闻！",
type: "warning",
type: "warning"
});
return;
}
this.batchDialogVisible = true; //批量打开弹窗
let params = {};
params.newsIds = this.multipleSelection2;
batchOpenNews(JSON.stringify(params)).then((res) => {
batchOpenNews(JSON.stringify(params)).then(res => {
if (res.success) {
this.batchList = res.data;
}
......@@ -1586,12 +1489,12 @@ export default {
let params = {};
params.newsIds = this.multipleSelection2;
params.publish = publish;
assInfoBatchOp(JSON.stringify(params)).then((res) => {
assInfoBatchOp(JSON.stringify(params)).then(res => {
if (res.success) {
this.getAssInfoList(); //刷新列表
this.$message({
message: "批量审核成功!",
type: "success",
type: "success"
});
}
});
......@@ -1610,7 +1513,7 @@ export default {
if (this.multipleSelection3.length == 0) {
this.$message({
message: "请选择新闻！",
type: "warning",
type: "warning"
});
return;
}
......@@ -1619,7 +1522,7 @@ export default {
params.newsIds = this.multipleSelection3;
// params.publish
// assInfoBatch(JSON.stringify(params)).then(res=>{
batchOpenNews(JSON.stringify(params)).then((res) => {
batchOpenNews(JSON.stringify(params)).then(res => {
if (res.success) {
this.batchList = res.data;
}
......@@ -1641,7 +1544,7 @@ export default {
params.isUse = status.toString();
params.newsIds = this.multipleSelection3;
// params.publish=publish;
sbBatchUseOrNot(JSON.stringify(params)).then((res) => {
sbBatchUseOrNot(JSON.stringify(params)).then(res => {
if (res.success) {
this.getReportList(); //刷新列表
var msg = "收报批量采用成功!";
......@@ -1652,7 +1555,7 @@ export default {
}
this.$message({
message: msg,
type: "success",
type: "success"
});
this.opendialogVisible = false;
} else {
......@@ -1694,7 +1597,7 @@ export default {
this.pageInfo.page = 1;
this.getManageList(); //获取管理列表
} else if (tab.name == "second") {
return
return;
} else if (tab.name == "third") {
this.pageInfoAss.page = 1;
this.getAssInfoList(); //获取审核列表
......@@ -1702,12 +1605,12 @@ export default {
this.pageInfoRe.page = 1;
this.getReportList(); //获取收报信息列表
} else if (tab.name == "fifth") {
return
return;
}
},
//用户法院等级
getUserCourtLevel() {
userCourtLevel().then((res) => {
userCourtLevel().then(res => {
console.log("用户等级==", res);
if (res.success) {
let { courtCode, courtLevel } = res.data;
......@@ -1724,7 +1627,7 @@ export default {
},
//获取左边栏目树
getBoardTree() {
getBoardTree().then((res) => {
getBoardTree().then(res => {
if (res.success) {
this.dataTreeFile = res.data;
}
......@@ -1732,7 +1635,7 @@ export default {
},
//获取用户所在法院部门
findCurrentDepts() {
findCurrentDepts().then((res) => {
findCurrentDepts().then(res => {
// console.log("获取本院部门==", res);
if (res.success) {
// console.log("筛选本院部门前==", res.data);
......@@ -1749,7 +1652,7 @@ export default {
}
}
}
let newArr = res.data.filter((item) => {
let newArr = res.data.filter(item => {
return item.pid == this.userCourt;
});
this.deptListData = newArr;
......@@ -1777,7 +1680,7 @@ export default {
console.log(222);
this.$message({
type: "error",
message: "结束时间不能小于开始时间",
message: "结束时间不能小于开始时间"
});
return;
}
......@@ -1787,22 +1690,23 @@ export default {
if (this.pageInfo.minClick >= this.pageInfo.maxClick) {
this.$message({
type: "error",
message: "最大点击数不能小于最小点击数",
message: "最大点击数不能小于最小点击数"
});
return;
}
}
console.log("获取管理列表 管理列表参数==", this.pageInfo);
getManageList(JSON.stringify(this.pageInfo)).then((res) => {
getManageList(JSON.stringify(this.pageInfo)).then(res => {
console.log("获取管理列表==", res);
if (res.success) {
this.manageList = res.data.records;
this.pageInfo.total = res.data.total;
this.boardList(this.curBoardId);
} else {
this.$message({
type: "error",
message: res.errMsg,
message: res.errMsg
});
}
});
......@@ -1810,6 +1714,7 @@ export default {
// 查询
findNews() {
this.pageInfoSearch.boardId = this.curBoardId;
console.log("=-----------当前栏目", this.pageInfoSearch.boardId);
if (this.pageInfoSearch.stime && this.pageInfoSearch.etime) {
var oDateStart = new Date(this.pageInfoSearch.stime);
var oDateEnd = new Date(this.pageInfoSearch.etime);
......@@ -1817,7 +1722,7 @@ export default {
console.log(222);
this.$message({
type: "error",
message: "结束时间不能小于开始时间",
message: "结束时间不能小于开始时间"
});
return;
}
......@@ -1830,7 +1735,7 @@ export default {
if (this.pageInfoSearch.minClick >= this.pageInfoSearch.maxClick) {
this.$message({
type: "error",
message: "最大点击数不能小于最小点击数",
message: "最大点击数不能小于最小点击数"
});
return;
}
......@@ -1845,7 +1750,7 @@ export default {
}
}
console.log("管理查询参数==", this.pageInfoSearch);
findNews(JSON.stringify(this.pageInfoSearch)).then((res) => {
findNews(JSON.stringify(this.pageInfoSearch)).then(res => {
console.log("获取查询列表==", res);
if (res.success) {
this.manageListSearch = res.data.records;
......@@ -1860,7 +1765,7 @@ export default {
this.pageInfoSearch = {
page: 1,
size: 10,
total: 0,
total: 0
}; //管理
},
// 管理列表--页面切换
......@@ -1917,17 +1822,25 @@ export default {
if (this.newsForm.subject == "") {
this.$message({
message: "请输入标题!",
type: "warning",
});
return;
}
if (this.fileList.length == 0) {
this.$message({
message: "请上传图片附件!",
type: "warning",
type: "warning"
});
return;
}
// if(!this.newsForm.assUser){
// this.$message({
// message: "请选择审核人",
// type: "warning",
// });
// return;
// }
// if (this.fileList.length == 0) {
// this.$message({
// message: "请上传图片附件!",
// type: "warning",
// });
// return;
// }
if (this.newsForm.sendToBoards == "0") {
delete this.newsForm["sendToBoards"]; // 选 无 则不传该字段
}
......@@ -1939,7 +1852,7 @@ export default {
}
formData.append("content", this.htmlContent);
this.fileList.forEach((item) => {
this.fileList.forEach(item => {
formData.append("fileList", item.raw);
});
......@@ -1947,20 +1860,36 @@ export default {
console.log("formData==", formData);
createNews(formData).then((res) => {
createNews(formData).then(res => {
this.newsForm.subject = "";
if (res.success) {
this.$message({
message: "添加信息成功!",
type: "success",
type: "success"
});
this.newsForm.sendToBoards == "0";
// this.activeName="first"; //跳转到管理
// this.getManageList();//刷新列表
this.activeName = "first"; //跳转到管理
this.getManageList(); //刷新列表
this.htmlContent = ""; //添加信息成功之后编辑器内容为空
this.fileList = []; //添加信息成功之后上传附件为空
this.newsForm = {
geshi: "0", //格式
subject: "", //标题
boardName: "", //当前栏目名
boardId: "", //当前栏目id
isTop: "0", //是否头条 0否1是
typeIds: [], //信息所属分类
// deptId:2547,//用户部门id
sendToBoards: "0", //发送到教育整顿
// labelDept:null,//信息所属部门
sbGy: "0", //上报高院
sbZy: "0" //上报中院
};
} else {
this.$message({
type: "error",
message: res.errMsg,
message: res.errMsg
});
}
});
......@@ -1970,7 +1899,7 @@ export default {
if (this.newsFormEdit.subject == "") {
this.$message({
message: "请输入标题!",
type: "warning",
type: "warning"
});
return;
}
......@@ -1995,6 +1924,7 @@ export default {
// if(this.newsFormEdit.fileList==null){
// this.newsFormEdit.fileList=[];
// }
console.log("xxxxxxxxxxxxxxxxxxxxxxxxxxxx提交审核", this.newsFormEdit);
delete this.newsFormEdit.attInfoList; //删除attInfoList参数不传这个参数否则接口报错
if (this.newsFormEdit.labelDept == null) {
delete this.newsFormEdit.labelDept;
......@@ -2014,7 +1944,7 @@ export default {
// );
var delFileList = {};
delFileList.delFileList = this.delFileList;
delFile(JSON.stringify(delFileList)).then((res) => {
delFile(JSON.stringify(delFileList)).then(res => {
if (res.success) {
// console.log("-=-=-=-=-=-=-=-=-==-===-=-=删除附件接口", res);
}
......@@ -2022,15 +1952,15 @@ export default {
}
// console.log("-=-=-=-=-=-=-=--=需提交保存的附件列表", this.fileListEdit);
if (this.fileListEdit.length == 0) {
this.$message({
message: "请上传图片附件!",
type: "warning",
});
return;
}
// if (this.fileListEdit.length == 0) {
// this.$message({
// message: "请上传图片附件!",
// type: "warning",
// });
// return;
// }
this.fileListEdit = [...new Set(this.fileListEdit)];
this.fileListEdit.forEach((item) => {
this.fileListEdit.forEach(item => {
if (item.raw) {
formData.append("fileList", item.raw);
console.log(11111);
......@@ -2047,7 +1977,7 @@ export default {
console.log("formData==", formData);
// console.log('formData==',formData);
updateNews(formData).then((res) => {
updateNews(formData).then(res => {
// <!-- //创建未提交审核保存为5，提交审核为4，审核不通过为3，通过已发布为1 -->
var msg = "修改保存成功！";
if (num == "4") {
......@@ -2076,7 +2006,7 @@ export default {
if (res.success) {
this.$message({
message: msg,
type: "success",
type: "success"
});
}
});
......@@ -2121,13 +2051,45 @@ export default {
this.pageInfo.size = e;
this.pageChange(1);
},
// 管理列表--查看
handleCheck(newsId) {
console.log("编辑", newsId);
let params = {};
params.newsId = newsId;
console.log("修改", newsId);
newsDetail(JSON.stringify(params)).then(res => {
if (res.success) {
let { newsDetail, attachList } = res.data;
// this.newsListDetail=res.data;
Object.assign({}, this.newsFormEdit, newsDetail);
this.newsFormEdit = newsDetail;
this.newsFormEdit.geshi = "0";
this.fileListEdit = attachList;
// });
console.log("详情this.newsFormEdit===", this.newsFormEdit);
console.log("文件this.fileList===", this.fileListEdit);
if (attachList.length > 0) {
//显示已上传附件列表
for (let i = 0; i < this.fileListEdit.length; i++) {
this.fileListEdit[i].name = this.fileListEdit[i].attachName;
}
}
}
});
this.checkVisible = true;
},
// 管理列表--查看--关闭弹窗
handleCloseCheck() {
this.checkVisible = false;
},
// 管理列表--修改
handleEdit(newsId) {
console.log("编辑", newsId);
let params = {};
params.newsId = newsId;
console.log("修改", newsId);
newsDetail(JSON.stringify(params)).then((res) => {
newsDetail(JSON.stringify(params)).then(res => {
if (res.success) {
let { newsDetail, attachList } = res.data;
// this.newsListDetail=res.data;
......@@ -2160,16 +2122,16 @@ export default {
this.$confirm("确定删除吗?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
type: "warning"
})
.then(() => {
deleteNews(JSON.stringify(params)).then((res) => {
deleteNews(JSON.stringify(params)).then(res => {
if (res.success) {
//刷新列表
this.getManageList();
this.$message({
message: "删除成功",
type: "success",
type: "success"
});
}
});
......@@ -2183,11 +2145,11 @@ export default {
let params = {};
params.newsId = newsId;
// params.newsId='f4bf8ffc4ec54e98a180f36b95668ec6';
messageDetail(JSON.stringify(params)).then((res) => {
messageDetail(JSON.stringify(params)).then(res => {
if (res.success) {
this.messageDetailDataList = res.data;
//改变回复的属性名
this.messageDetailDataList.forEach((item) => {
this.messageDetailDataList.forEach(item => {
if (item.subComments) {
item.children = item.subComments;
delete item.subComments;
......@@ -2210,11 +2172,17 @@ export default {
params.newsId = newsId;
var reg = new RegExp();
reg = /\*\d+-\d+-\d+\s\d+:\d+:\d+\s[\u4e00-\u9fa5]+\u3002/g;
logDetail(JSON.stringify(params)).then((res) => {
logDetail(JSON.stringify(params)).then(res => {
if (res.success) {
this.logDetailData = res.data;
var str = res.data.match(reg);
this.logContent = str;
// var str = res.data.match(reg);
// this.logContent = str;
// console.log( this.logDetailData,str);
let strArr = res.data.split("*");
this.logContent = strArr;
}
});
this.logVisible = true;
......@@ -2227,14 +2195,14 @@ export default {
// 获取审核列表
getAssInfoList() {
console.log("审核列表参数==", this.pageInfoAss);
assInfoList(JSON.stringify(this.pageInfoAss)).then((res) => {
assInfoList(JSON.stringify(this.pageInfoAss)).then(res => {
if (res.success) {
this.assList = res.data.records;
this.pageInfoAss.total = res.data.total;
} else {
this.$message({
type: "error",
message: res.errMsg,
message: res.errMsg
});
}
});
......@@ -2267,7 +2235,7 @@ export default {
this.reportListLoading = true;
if (this.reportRadio == 1) {
// 接收
getSBReceiveList(JSON.stringify(this.pageInfoRe)).then((res) => {
getSBReceiveList(JSON.stringify(this.pageInfoRe)).then(res => {
if (res.success) {
this.reportListLoading = false;
this.reportList = res.data.records;
......@@ -2280,8 +2248,8 @@ export default {
// 报送
getSBSubmittedList({
page: this.pageInfoRe.page,
size: this.pageInfoRe.size,
}).then((res) => {
size: this.pageInfoRe.size
}).then(res => {
if (res.success) {
this.reportListLoading = false;
this.reportList = res.data.records;
......@@ -2309,7 +2277,7 @@ export default {
let params = {};
params.newsId = newsId;
console.log("修改", newsId);
newsDetail(JSON.stringify(params)).then((res) => {
newsDetail(JSON.stringify(params)).then(res => {
if (res.success) {
let { newsDetail, attachList } = res.data;
// this.newsListDetail=res.data;
......@@ -2325,11 +2293,6 @@ export default {
this.newsFormEdit.sendToBoards = newsDetail.sendToBoards[0];
}
this.fileListEdit = attachList;
console.log(
"新闻详情this.fileList===",
this.fileListEdit,
this.newsFormEdit
);
if (attachList.length > 0) {
//显示已上传附件列表
for (let i = 0; i < this.fileListEdit.length; i++) {
......@@ -2356,7 +2319,7 @@ export default {
adviceDetail() {
let params = {};
params.newsId = this.adviceForm.proId;
adviceDetail(JSON.stringify(params)).then((res) => {
adviceDetail(JSON.stringify(params)).then(res => {
if (res.success) {
this.adviceDetailData = res.data;
}
......@@ -2372,18 +2335,18 @@ export default {
if (this.adviceForm.content == "") {
this.$message({
message: "请输入内容!",
type: "warning",
type: "warning"
});
return;
}
let params = {};
params.content = this.adviceForm.content;
params.proId = this.adviceForm.proId;
giveAdvise(JSON.stringify(params)).then((res) => {
giveAdvise(JSON.stringify(params)).then(res => {
if (res.success) {
this.$message({
message: "提建议成功！",
type: "success",
type: "success"
});
this.clearSuggestForm();
// 刷新列表
......@@ -2402,10 +2365,10 @@ export default {
let params = {};
// params.newsId=newsId;
params.newsId = "f4bf8ffc4ec54e98a180f36b95668ec6";
messageDetail(JSON.stringify(params)).then((res) => {
messageDetail(JSON.stringify(params)).then(res => {
if (res.success) {
this.messageDetailDataList = res.data;
this.messageDetailDataList.forEach((item) => {
this.messageDetailDataList.forEach(item => {
//改变回复的属性名
if (item.subComments) {
item.children = item.subComments;
......@@ -2429,7 +2392,23 @@ export default {
handleCloseLog() {
this.logVisible = false;
},
// 打开--查看建议弹窗
openCheckSuggest(newsId) {
var params = {};
params.newsId = newsId;
this.suggestCheckVisible = true;
adviceDetail(JSON.stringify(params)).then(res => {
if (res.success) {
this.adviceDetailData = res.data;
}
});
},
handleCloseSuggestCheck() {
this.suggestCheckVisible = false;
}
}
};
</script>
<style lang="scss" scoped>
......@@ -2624,4 +2603,12 @@ ul {
.report-radiogroup {
margin-bottom: 15px;
}
// 图片溢出
::v-deep {
.view-html p {
img {
width: 100% !important;
}
}
}
</style>
\ No newline at end of file
src/views/news/index.vue
......@@ -2,7 +2,6 @@
<div>
<el-row>
<el-col :span="18" :offset="3">
<!--<el-row class="top-info" style="">
<div >
<span>当前位置:</span>
......@@ -16,14 +15,25 @@
<!--第一栏开始-->
<el-row :gutter="20" class="mt-15 first-zone-style">
<el-col :span="8" style="padding-left:0;padding-right:0;">
<div >
<div>
<el-carousel style="border-radius:8px;" height="280px" :interval="4000">
<el-carousel-item style="border-radius:8px;" v-for="item in newestList.slice(0,3)" :key="item.newsId">
<div v-if="item.attInfoList" 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" style="width:100%;height:100%;"></el-image>
<div class="carousel-intro" style="">
{{item.subject}}
</div>
<el-carousel-item
style="border-radius:8px;"
v-for="(item,index) in newestList.slice(0,3)"
:key="index"
>
<div
v-if="item.attInfoList"
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"
style="width:100%;height:100%;"
></el-image>
<div class="carousel-intro" style>{{item.subject}}</div>
</div>
</el-carousel-item>
</el-carousel>
......@@ -32,41 +42,55 @@
<div class="mt-10 zone-style">
<div class="mb-15 k-flex-between-center">
<div class="k-flex k-align-center">
<el-image class="mr-5 gong-icon" style="" :src="require('../../assets/news/1.png')"></el-image>
<el-image class="mr-5 gong-icon" style :src="require('../../assets/news/1.png')"></el-image>
<div>新闻总类排行</div>
</div>
<div style="font-size:12px;color: #999999;">
<!--<span>MORE></span>-->
<el-button :class="[{'active-btn':activeBtn==1}]" style="" @click="fyxwClickRaking(1)">今天</el-button>
<el-button
:class="[{'active-btn':activeBtn==1}]"
style
@click="fyxwClickRaking(1)"
>今天</el-button>
<el-button :class="[{'active-btn':activeBtn==2}]" @click="fyxwClickRaking(2)">一周</el-button>
<el-button :class="[{'active-btn':activeBtn==3}]" @click="fyxwClickRaking(3)">一个月</el-button>
</div>
</div>
<div v-for="(item,index) in newsRankList" :key="index" class="k-flex k-space-between top-list" @click="setParams(item)">
<div
v-for="(item,index) in newsRankList"
:key="index"
class="k-flex k-space-between top-list"
@click="setParams(item)"
>
<div class="article-name">
<span class="right-line">
{{ item.boardName }}
<span class="line-div"></span>
</span>
<span >{{item.subject}}</span>
<span>{{item.subject}}</span>
</div>
<div>{{item.date}}</div>
</div>
</div>
</el-col>
<el-col :span="16" style="">
<el-col :span="16" style>
<el-row :gutter="20">
<el-col :span="12" style="">
<el-col :span="12" style>
<div class="zone-style">
<div class="k-flex-between-center">
<!--<span class="fist-text" style="">今</span>
<span>日头条</span>-->
<div class="btns-switch">
<el-button @click.native="switchBtn(3)" :class="['btn-item',{'sanjiao':activeItem==3}]">最新消息</el-button>
<el-button @click.native="switchBtn(1)" :class="['btn-item',{'sanjiao':activeItem==1}]">关注自己的法院</el-button>
<el-button
@click.native="switchBtn(3)"
:class="['btn-item',{'sanjiao':activeItem==3}]"
>最新消息</el-button>
<el-button
@click.native="switchBtn(1)"
:class="['btn-item',{'sanjiao':activeItem==1}]"
>关注自己的法院</el-button>
</div>
<div @click="seeMoreEvent(activeItem)" style="font-size:12px;color: #999999;">
<span>MORE></span>
......@@ -75,20 +99,29 @@
<!--最新消息开始-->
<div v-if="activeItem==3">
<div @click="setParams(newestList[0])" class="mt-10 mb-5 k-flex k-align-center">
<el-image class="mr-5 gong-icon" style="width:13px;height:13px;" :src="require('../../assets/home/gonggao.png')"></el-image>
<el-image
class="mr-5 gong-icon"
style="width:13px;height:13px;"
:src="require('../../assets/home/gonggao.png')"
></el-image>
<div v-if="newestList[0]" class="gonggao-text">
<!-- <span >{{ newestList[0].boardName }}</span> -->
<span>{{newestList[0].subject}}</span>
</div>
</div>
<div v-for="(item,index) in newestList" :key="index" class="k-flex k-space-between top-list" @click="setParams(item)">
<div
v-for="(item,index) in newestList"
:key="index"
class="k-flex k-space-between top-list"
@click="setParams(item)"
>
<div class="article-name">
<span class="right-line">
{{item.boardName}}
<span class="line-div"></span>
</span>
<span >{{item.subject}}</span>
<span>{{item.subject}}</span>
</div>
<div>{{item.date}}</div>
</div>
......@@ -97,27 +130,35 @@
<!-- 关注自己的法院开始 -->
<div v-if="activeItem==1" class="mt-10">
<div v-for="(item,index) in newsConernList" :key="index" class="k-flex k-space-between top-list" @click="setParams(item)">
<div
v-for="(item,index) in newsConernList"
:key="index"
class="k-flex k-space-between top-list"
@click="setParams(item)"
>
<div class="article-name">
<span class="right-line">
{{item.boardName}}
<span class="line-div"></span>
</span>
<span >{{item.subject}}</span>
<span>{{item.subject}}</span>
</div>
<div>{{item.date}}</div>
</div>
</div>
<!--关注自己的法院结束-->
</div>
</el-col>
<el-col :span="12" >
<el-col :span="12">
<div class="zone-style">
<div class="k-flex-between-center">
<div class="k-flex k-align-center">
<el-image class="mr-5 gong-icon" style="" :src="require('../../assets/news/3.png')"></el-image>
<el-image
class="mr-5 gong-icon"
style
:src="require('../../assets/news/3.png')"
></el-image>
<div>精彩回顾</div>
</div>
<div @click="seeMoreEvent(5)" style="font-size:12px;color: #999999;">
......@@ -126,16 +167,32 @@
</div>
<el-row class="mt-10 mb-10" :gutter="10">
<el-col :span="12" v-if="highlightsData[0]">
<el-image v-if="highlightsData[0].attInfoList && highlightsData[0].attInfoList[0]" style="" :src="highlightsData[0].attInfoList[0].downloadPath"></el-image>
</el-col >
<el-image
v-if="highlightsData[0].attInfoList && highlightsData[0].attInfoList[0]"
style
:src="highlightsData[0].attInfoList[0].downloadPath"
></el-image>
</el-col>
<el-col :span="12">
<div v-if="highlightsData[0]" class="re-see">
<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
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 >
</el-col>
</el-row>
<div v-for="item in highlightsData" :key="item.newsId" class="k-flex k-space-between top-list" @click="setParams(item)">
<div
v-for="item in highlightsData"
:key="item.newsId"
class="k-flex k-space-between top-list"
@click="setParams(item)"
>
<div class="article-name">
<span class="right-line">{{item.subject}}</span>
</div>
......@@ -149,23 +206,75 @@
<div class="zone-style">
<div class="k-flex-between-center">
<div class="k-flex k-align-center">
<el-image class="mr-5 gong-icon" style="" :src="require('../../assets/news/2.png')"></el-image>
<el-image
class="mr-5 gong-icon"
style
:src="require('../../assets/news/2.png')"
></el-image>
<div>干警作品</div>
</div>
<div @click="toMorelist(135)" style="font-size:12px;color: #999999;">
<span>MORE></span>
</div>
</div>
<el-row class="mt-15" :gutter="20">
<el-col style="border-radius:5px;" :span="8" v-for="item in newsGanList.slice(0,5)" :key="item.id" >
<div class="imgs-div" style="width:100%;border-radius:8px;" @click="setParams(item)">
<el-image :src="item.attInfoList[0].downloadPath" style="width:100%;display:block;border-radius:5px;">
</el-image>
<el-row class="mt-15">
<!-- old ---- start -->
<!-- <el-col
style="border-radius:5px;"
:span="8"
v-for="(item,index) in newsGanList.slice(0,5)"
:key="index"
>
<div
v-if="item.attInfoList"
class="imgs-div"
style="width:100%;border-radius:8px;"
@click="setParams(item)"
>
<el-image
v-if="item.attInfoList[0] && item.attInfoList[0].downloadPath"
:src="item.attInfoList[0].downloadPath"
style="width:100%;display:block;border-radius:5px;"
></el-image>
<div class="imgs-intro" style="width:100%;border-radius:0 0 5px 5px;">
<span>&ensp;{{item.subject}}&ensp;</span>
</div>
</div>
</el-col>-->
<!-- old --- end -->
<!-- new ---- start -->
<el-col style="border-radius:5px;" :span="24">
<el-carousel
style="border-radius:8px;width:100%"
height="280px"
:interval="4000"
>
<el-carousel-item
style="border-radius:8px; width:100%"
v-for="(item,index) in newsGanList.slice(0,5)"
:key="index"
>
<div
v-if="item.attInfoList"
class="carousel-div"
style="border-radius:8px;width:100%"
@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>
</div>
</div>
</el-carousel-item>
</el-carousel>
</el-col>
<!-- new --- end -->
</el-row>
</div>
</el-row>
......@@ -174,109 +283,114 @@
<!--第一栏结束-->
</el-col>
</el-row>
</div>
</template>
<script>
import {
fyxwfromCourt, //获取法院新闻
fyxwClickRaking,//法院新闻排行
highlights,//精彩回顾
fyxwClickRaking, //法院新闻排行
highlights //精彩回顾
} from "@/api/news.js";
import {
newsFromBoard, //获取栏目下的新闻列表
getBoardAndSubAllNews //获取栏目及子栏目全部新闻列表
} from "@/api/homePage.js";
import {
newsFromBoard //获取栏目下的新闻列表
// getSubLevelBoard
} from "@/api/list.js"
} from "@/api/list.js";
export default {
data() {
return {
highlightsData:[],//精彩回顾集合
activeBtn:1,//新闻分类排行
pageInfo:{
page:1,
size:6,
highlightsData: [], //精彩回顾集合
activeBtn: 3, //新闻分类排行
pageInfo: {
page: 1,
size: 6
},
newestList:[],//最新消息
newsConernList:[],//关注自己的法院
newsRankList:[],//法院新闻排行
newsGanList:[],//干警作品
activeItem:3,
newestList: [], //最新消息
newsConernList: [], //关注自己的法院
newsRankList: [], //法院新闻排行
newsGanList: [], //干警作品
activeItem: 3,
newsList: [
// {'title': 'A simple, seamless scrolling for Vue.js'},
// {'title': 'A curated list of awesome things related to Vue.js'}
],
}
]
};
},
created() {
this.fyxwfromCourt(3);//一加载先获取最新消息
this.fyxwClickRaking(1);//获取法院新闻排行
this.newsFromBoard();//干警作品
this.highlights();//获取精彩回顾
this.fyxwfromCourt(3); //一加载先获取最新消息
this.fyxwClickRaking(3); //获取法院新闻排行
this.newsFromBoard(); //干警作品
this.highlights(); //获取精彩回顾
},
methods: {
// 跳转到更所模块
toMorelist(boardId){
toMorelist(boardId) {
this.$router.push({
path: "/list", //跳转路由
query: {
//参数对象
boardId: boardId,
type:'menu'
},
type: "menu"
}
});
},
// 获取精彩回顾
highlights(){
highlights({page:1,size:5,fyId:32}).then(res=>{
if(res.success){
this.highlightsData=res.data.records;
this.highlightsData.forEach(item=>{
item.date=(item.newsTime).substring(5,10);
})
highlights() {
highlights({ page: 1, size: 5, fyId: 32 }).then(res => {
if (res.success) {
this.highlightsData = res.data.records;
this.highlightsData.forEach(item => {
item.date = item.newsTime.substring(5, 10);
});
}
})
});
},
// 获取最新消息和关注自己法院
fyxwfromCourt(type){
fyxwfromCourt(type) {
// 法院新闻类型，1本院，2全市，3全区 即最新消息是3 关注是1;fyId是写死的默认高院
fyxwfromCourt({fyId:32,page:1,size:5,type:type}).then(res=>{
if(res.success){
res.data.records.forEach(item=>{
item.date=(item.newsTime).substring(5,10);
})
if(type==3){
this.newestList=res.data.records;
console.log('this.newestList==',this.newestList);
}else if(type==1){
this.newsConernList=res.data.records;
console.log('this.newsConernList==',this.newsConernList);
fyxwfromCourt({ fyId: 32, page: 1, size: 5, type: type }).then(res => {
if (res.success) {
res.data.records.forEach(item => {
item.date = item.newsTime.substring(5, 10);
});
if (type == 3) {
this.newestList = res.data.records;
this.$forceUpdate();
console.log(
"--------添加强制刷新----this.newestList==",
this.newestList
);
} else if (type == 1) {
this.newsConernList = res.data.records;
this.$forceUpdate();
console.log(
"--------添加强制刷新----this.newsConernList==",
this.newsConernList
);
}
}
})
});
},
//法院新闻排行
fyxwClickRaking(type){
this.activeBtn=type;
var params={};
fyxwClickRaking(type) {
this.activeBtn = type;
var params = {};
// type为1按日,2按月,3按周
if(type==1){
params.byDay='1';//按日
if (type == 1) {
params.byDay = "1"; //按日
}
if(type==3){
params.byMonth='1';//按月
if (type == 3) {
params.byMonth = "1"; //按月
}
if(type==2){
params.byWeek='1';//按周
if (type == 2) {
params.byWeek = "1"; //按周
}
// params.byDay='';//按日
......@@ -286,27 +400,46 @@ export default {
// params.weekEnd=32;//周结束日
// params.weekStart=32;//周开始日
fyxwClickRaking(JSON.stringify(params)).then(res=>{
if(res.success){
this.newsRankList=res.data;
this.newsRankList.forEach(item=>{
item.date=(item.newsTime).substring(5,10);
})
console.log('this.newsRankList==',this.newsRankList);
fyxwClickRaking(JSON.stringify(params)).then(res => {
if (res.success) {
this.newsRankList = res.data;
this.newsRankList.forEach(item => {
item.date = item.newsTime.substring(5, 10);
});
this.$forceUpdate();
console.log(
"--------添加强制刷新----this.newsRankList==",
this.newsRankList
);
}
})
});
},
//获取法院新闻列表--传固定boardId干警作品
newsFromBoard() {
this.pageInfo.boardId=135;//干警作品总的boardId
newsFromBoard(JSON.stringify(this.pageInfo)).then((res) => {
this.pageInfo.boardId = 135; //干警作品总的boardId
// new --- 干警作品
getBoardAndSubAllNews(JSON.stringify(this.pageInfo)).then(res => {
if (res.success) {
console.log(res);
let {newsList,top}=res.data;
this.newsGanList=newsList.records;
// this.pageInfo.total=newsList.total;
console.log(res.data);
this.newsGanList = res.data.records;
this.$forceUpdate();
console.log(
"------------添加强制刷新---------干警内容",
this.newsGanList
);
}
});
// new --- end
// old --- 干警作品
// newsFromBoard(JSON.stringify(this.pageInfo)).then((res) => {
// if (res.success) {
// console.log(res);
// let {newsList,top}=res.data;
// this.newsGanList=newsList.records;
// // this.pageInfo.total=newsList.total;
// }
// });
// old --- end
},
_getItemLength() {
......@@ -314,354 +447,351 @@ export default {
console.log(children.length);
return children.length;
},
switchBtn(i){
console.log('111===', i)
this.activeItem=i;
switchBtn(i) {
console.log("111===", i);
this.activeItem = i;
this.fyxwfromCourt(i);
},
// 查看详情
setParams(val){
console.log('val==',val);
this.$router.push({
path:'/detail',//跳转路由
query:{//参数对象
newsId:val.newsId
}
});
setParams(val) {
console.log("val==", val);
window.open(`/#/detail?newsId=${val.newsId}`, "_blank");
// this.$router.push({
// path:'/detail',//跳转路由
// query:{//参数对象
// newsId:val.newsId
// }
// });
},
seeMoreEvent(type) {
// type=3；3是最新消息，1是关注自己的法院 5,精彩回顾
console.log("更多",type);
console.log("更多", type);
this.$router.push({
path: "/more", //跳转路由
query: {
//参数对象
type: type,
},
type: type
}
});
},
}
}
}
};
</script>
<style lang="scss" scoped>
// 精彩回顾
.hightlight-v{
.hightlight-v {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
::v-deep{
::v-deep {
// 设置轮播图指示器大小
.el-carousel__button{
width:5px;
.el-carousel__button {
width: 5px;
}
}
.active-btn{
background:#D33237;
color:#fff;
.active-btn {
background: #d33237;
color: #fff;
}
// 第一栏
.first-zone-style{
margin-left:0!important;
margin-right:0!important;
}
.zone-style{
background-color:#fff;
padding:15px 15px;
border-radius:5px;
box-shadow: -5px 0px 20px 5px rgba(0,0,0,0.05);
}
.carousel-div{
position:relative;
height:100%;
}
.carousel-intro{
position:absolute;
width:100%;
height:25px;
line-height:25px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
background:rgba(5, 23, 17, 0.21);
color:#fff;
padding:0 5px;
font-size:12px;
left:0;
bottom:0;
}
.zone-style{
background-color:#fff;
padding:15px 15px;
border-radius:5px;
box-shadow: -5px 0px 20px 5px rgba(0,0,0,0.05);
.first-zone-style {
margin-left: 0 !important;
margin-right: 0 !important;
}
.zone-style {
background-color: #fff;
padding: 15px 15px;
border-radius: 5px;
box-shadow: -5px 0px 20px 5px rgba(0, 0, 0, 0.05);
}
.carousel-div {
position: relative;
height: 100%;
}
.carousel-intro {
position: absolute;
width: 100%;
height: 25px;
line-height: 25px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
background: rgba(5, 23, 17, 0.21);
color: #fff;
padding: 0 5px;
font-size: 12px;
left: 0;
bottom: 0;
}
.zone-style {
background-color: #fff;
padding: 15px 15px;
border-radius: 5px;
box-shadow: -5px 0px 20px 5px rgba(0, 0, 0, 0.05);
}
// 切换气泡按钮
.btns-switch .btn-item{
display:inline-block;
text-align:center;
.btns-switch .btn-item {
display: inline-block;
text-align: center;
border: 1px solid #ff756d;
border-radius: 5px;
color:#ff756d;
color: #ff756d;
}
.btns-switch .sanjiao{
background:#D33237;
color:#fff;
position:relative;
.btns-switch .sanjiao {
background: #d33237;
color: #fff;
position: relative;
}
.sanjiao:after {
position: absolute;
display: inline-block;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-top: 8px solid #D33237;
left:30px;
border-top: 8px solid #d33237;
left: 30px;
bottom: -8px;
content: '';
content: "";
}
// 公告
.gong-icon{
width:15px;
height:15px;
}
.gonggao-text{
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
color:#FF756D;
.gong-icon {
width: 15px;
height: 15px;
}
.gonggao-text {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: #ff756d;
font-family: PingFang SC, PingFang SC-Medium;
font-size:13px;
}
.top-info{
margin:15px 0;
border-bottom:2px solid #34bab2;
padding-bottom:15px;
}
.top-info-title{
border-bottom:2px solid #34bab2;
padding-bottom:5px;
font-weight:bold;
}
.top-info-news{
border-bottom:2px solid black;
padding-bottom:5px;
font-weight:bold;
padding-left:5px;
}
.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;
font-size: 13px;
}
.top-info {
margin: 15px 0;
border-bottom: 2px solid #34bab2;
padding-bottom: 15px;
}
.top-info-title {
border-bottom: 2px solid #34bab2;
padding-bottom: 5px;
font-weight: bold;
}
.top-info-news {
border-bottom: 2px solid black;
padding-bottom: 5px;
font-weight: bold;
padding-left: 5px;
}
.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{
.type-list li {
list-style-type: square;
color: blue;
font-size: 16px;
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 {
color: red;
}
.type-list li:hover{
.type-list li:hover a {
color: red;
}
.type-list li:hover a{
color:red;
.type-list li:last-of-type {
border-bottom: none;
}
.type-list li:last-of-type{border-bottom:none;}
// 列表end
ul{
ul {
margin: 0px;
padding: 0px;
padding-left: 15px;
}
}
// 轮播图
.carousel-div{
position:relative;
height:100%;
}
.carousel-intro{
position:absolute;
width:100%;
height:25px;
line-height:25px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
background:rgba(5, 23, 17, 0.21);
color:#fff;
padding:0 5px;
font-size:12px;
left:0;
bottom:0;
}
.top-line{
padding:5px 15px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
border-bottom:1px solid #ccc;
}
.top-list .article-name .right-line{
padding-right:2px;
margin-right:5px;
position:relative;
color:black;
.carousel-div {
position: relative;
height: 100%;
}
.carousel-intro {
position: absolute;
width: 100%;
height: 25px;
line-height: 25px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
background: rgba(5, 23, 17, 0.21);
color: #fff;
padding: 0 5px;
font-size: 12px;
left: 0;
bottom: 0;
}
.top-line {
padding: 5px 15px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
border-bottom: 1px solid #ccc;
}
.top-list .article-name .right-line {
padding-right: 2px;
margin-right: 5px;
position: relative;
color: black;
cursor: default;
}
.line-div{
position:absolute;
right:0;
top:0;
height:30px;
width:2px;
background:black;
}
.top-list .article-name{
width:85%;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
color:#999999;
}
.re-see{
font-size:12px;
.line-div {
position: absolute;
right: 0;
top: 0;
height: 30px;
width: 2px;
background: black;
}
.top-list .article-name {
width: 85%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: #999999;
}
.re-see {
font-size: 12px;
color: #333333;
}
.top-list{
padding:5px 0;
font-size:10px;
color:black;
.top-list {
padding: 5px 0;
font-size: 10px;
color: black;
}
.top-list:hover{
color:red;
.top-list:hover {
color: red;
}
.top-list:hover .article-name{
color:red;
.top-list:hover .article-name {
color: red;
}
.top-list:hover .right-line{
color:red ;
.top-list:hover .right-line {
color: red;
}
// 图片墙
.imgs-div{
position:relative;
height:100%;
}
.imgs-div{
margin-bottom:10px;
}
.imgs-intro{
position:absolute;
height:25px;
line-height:25px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
background:#ccc;
color:#fff;
font-size:12px;
left:0;
bottom:0;
}
.business-ul{
margin:0;
margin-top:10px;
}
.business-ul li{
width:100%;
font-size:13px;
}
.business-ul li .name-txt{
max-width:90%;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
.imgs-div {
position: relative;
height: 100%;
}
.imgs-div {
margin-bottom: 10px;
}
.imgs-intro {
position: absolute;
height: 25px;
line-height: 25px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
background: #ccc;
color: #fff;
font-size: 12px;
left: 0;
bottom: 0;
}
.business-ul {
margin: 0;
margin-top: 10px;
}
.business-ul li {
width: 100%;
font-size: 13px;
}
.business-ul li .name-txt {
max-width: 90%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.business-ul li {
text-decoration:none;
width:100%;
text-decoration: none;
width: 100%;
}
.business-ul li :hover {
text-decoration:none;
color:red;
text-decoration: none;
color: red;
}
.business-ul li+li{
margin-top:5px;
.business-ul li + li {
margin-top: 5px;
}
.type-div{
padding:5px;
border-left:2px solid #34bab2;
border-right:2px solid #34bab2;
border-bottom:2px solid #34bab2;
.type-div {
padding: 5px;
border-left: 2px solid #34bab2;
border-right: 2px solid #34bab2;
border-bottom: 2px solid #34bab2;
}
.left-business-ul{
margin:0;
padding-left:0;
padding:5px;
.left-business-ul {
margin: 0;
padding-left: 0;
padding: 5px;
}
.left-business-ul li{
width:100%;
font-size:13px;
height:30px;
line-height:30px;
margin:0 !important;
padding:0 !important;
.left-business-ul li {
width: 100%;
font-size: 13px;
height: 30px;
line-height: 30px;
margin: 0 !important;
padding: 0 !important;
}
.left-business-ul li:not(:last-child) {
border-bottom:1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.left-business-ul li .name-txt{
max-width:90%;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
.left-business-ul li .name-txt {
max-width: 90%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.left-business-ul li {
text-decoration:none;
width:100%;
text-decoration: none;
width: 100%;
}
.left-business-ul li :hover {
text-decoration:none;
color:red;
text-decoration: none;
color: red;
}
.left-business-ul li+li{
margin-top:5px;
.left-business-ul li + li {
margin-top: 5px;
}
// 图片持续滚动动画
.scroll-imgs-list {
list-style: none;
......@@ -675,14 +805,13 @@ ul{
.scroll-imgs-list {
width: 200%;
height: 100%;
animation:move 4s linear infinite;
animation: move 4s linear infinite;
}
.scroll-imgs-li{
.scroll-imgs-li {
float: left;
}
.scroll-imgs-list .scroll-img{
.scroll-imgs-list .scroll-img {
width: 250px;
height: 170px;
float: left;
......@@ -692,16 +821,15 @@ ul{
animation-play-state: paused;
}
.seamless-warp3 {
overflow: hidden;
height: 25px;
// width: 380px;
width: 100%;
ul{
list-style:none;
margin:0;
padding:0;
ul {
list-style: none;
margin: 0;
padding: 0;
}
ul .item {
width: 120%;
......@@ -714,14 +842,17 @@ ul{
// margin-right: 10px;
}
}
}
}
::v-deep {
// 设置轮播图指示器大小
.el-carousel__button {
width: 5px;
}
}
</style>
<style lang="scss" scoped>
.container {
.container {
width: 100%;
height: 300px;
display: inline-block;
......@@ -755,6 +886,5 @@ ul{
transform: translate3d(-100%, 0, 0);
}
}
</style>
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