Skip to content

C
court-inner
Commit eb47f27e by 杨琪琪
Options

Merge branch 'master' of http://139.159.239.83:9093/mxl/court-inner 

# Conflicts:
#	.env.development
合并
parents 8ce51df8 c103cc9a
Showing with 2767 additions and 2254 deletions
.env.development
ENV = 'development' ENV = 'development'
VUE_APP_BASE_API = 'http://192.168.0.138:9888' VUE_APP_BASE_API = 'http://192.168.11.45:9888'
VUE_APP_WS_API = 'ws://192.168..0.138:9888' VUE_APP_WS_API = 'ws://192.168..11.45:9888'
VUE_APP_FILE_API = 'http://192.168.0.138:9888' VUE_APP_FILE_API = 'http://192.168.11.45:9888'
VUE_APP_LOGIN_API = 'http://171.106.48.55:36003/cas/login?service=http://192.168.0.138:9888/oauth/login?systemTag=oa-interInformation' VUE_APP_LOGIN_API = 'http://171.106.48.55:36003/cas/login?service=http://192.168.11.45:9888/oauth/login?systemTag=oa-interInformation'
#获取菜单标识 #获取菜单标识
VUE_APP_SYSTEAMTAG = '' VUE_APP_SYSTEAMTAG = ''
......
public/index.html
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0"> <meta name="viewport" content="width=device-width,initial-scale=1.0">
<link rel="icon" href="<%= BASE_URL %>favicon.ico"> <link rel="icon" href="<%= BASE_URL %>favicon.ico">
<title>court-oa-meeting</title> <title>内部信息网</title>
<!-- <title></title> --> <!-- <title></title> -->
</head> </head>
<body> <body>
......
src/api/homePage.js
...@@ -127,3 +127,12 @@ export function enableTurnOnSystem(data) { ...@@ -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) => { ...@@ -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 @@ ...@@ -5,30 +5,38 @@
<el-row class="mt-20" :gutter="20"> <el-row class="mt-20" :gutter="20">
<el-col :span="16"> <el-col :span="16">
<div class="zone-style"> <div class="zone-style">
<div style=""> <div style>
<div style=""> <div style>
<span>当前位置:</span> <span>当前位置:</span>
<el-breadcrumb <el-breadcrumb
style="display: inline-block" style="display: inline-block"
separator-class="el-icon-arrow-right" separator-class="el-icon-arrow-right"
> >
<!-- <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item> <!-- <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"> <el-breadcrumb-item v-for="(v,i) in breadList" :key="i">
<!-- <span v-if="i==breadList.length-1">{{ v.meta.title}}</span> <!-- <span v-if="i==breadList.length-1">{{ v.meta.title}}</span>
<router-link v-else>{{ 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="{name: v.name}">{{ v.meta.title}}</router-link>
<!-- <router-link :to="v.path" >{{ v.meta.title}}</router-link> --> <!-- <router-link :to="v.path" >{{ v.meta.title}}</router-link> -->
</el-breadcrumb-item> </el-breadcrumb-item>
</el-breadcrumb> </el-breadcrumb>
</div> </div>
<!-- 文章内容 --> <!-- 文章内容 -->
<el-row> <el-row>
<h2 style=" text-align: center;">{{article.subject}}</h2> <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
<div> v-if="article.newsTime"
<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> 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>
<div class="view-html" style="width:100%;" v-html="article.content"></div> <div class="view-html" style="width:100%;" v-html="article.content"></div>
<div class="wiriter-intro">作者: {{ article.provider }}</div> <div class="wiriter-intro">作者: {{ article.provider }}</div>
...@@ -43,17 +51,11 @@ ...@@ -43,17 +51,11 @@
> >
<el-col> <el-col>
<el-row :gutter="40"> <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"> <div @click="downLoadFile(item)" class="k-flex k-align-center">
<img <img class="mr-5 gong-icon" style src="../../assets/home/file.png" />
class="mr-5 gong-icon"
style=""
src="../../assets/home/file.png"
/>
<div>下载附件：</div> <div>下载附件：</div>
<div class="file-name"> <div class="file-name">{{item.attachName}}</div>
{{item.attachName}}
</div>
</div> </div>
</el-col> </el-col>
<!-- <el-col class="mb-10" :span="12"> <!-- <el-col class="mb-10" :span="12">
...@@ -79,7 +81,7 @@ ...@@ -79,7 +81,7 @@
namehghjsd结果来看和可管理回馈老顾客 namehghjsd结果来看和可管理回馈老顾客
</div> </div>
</div> </div>
</el-col> --> </el-col>-->
</el-row> </el-row>
</el-col> </el-col>
</el-row> </el-row>
...@@ -88,57 +90,76 @@ ...@@ -88,57 +90,76 @@
<h5 v-if="messageDetailData.length==0" style="text-align: center">暂无评论</h5> <h5 v-if="messageDetailData.length==0" style="text-align: center">暂无评论</h5>
<h5 v-else 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"> <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="ml-5 k-all">
<div class="k-flex k-space-between" style="font-size:12px;color:#ccc;"> <div class="k-flex k-space-between" style="font-size:12px;color:#ccc;">
<div class="ml-5">{{item.userId}}</div> <div class="ml-5">{{item.userId}}</div>
<div class="mr-15">{{item.reTime}}</div> <div class="mr-15">{{item.reTime}}</div>
</div> </div>
<div class="mt-10" style="font-size:9px;">{{item.content}}</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}} --> <!-- {{item.content}} -->
<div class="mb-5" v-for="tab in item.subComments" :key="tab.id"> <div class="mb-5" v-for="tab in item.subComments" :key="tab.id">
<span>{{tab.nickName}}</span> <span>{{tab.nickName}}</span>
<span>{{ tab.content }}</span> <span>{{ tab.content }}</span>
</div> </div>
</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"> <div v-if="item.returnFlag" class="k-flex k-align-center return-comment mt-15">
<el-input <el-input
class="" class
type="textarea" type="textarea"
:rows="1" :rows="1"
v-model="reCommentContent" v-model="reCommentContent"
placeholder="请输入回复内容" placeholder="请输入回复内容"
></el-input> ></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>
</div> </div>
<!-- <div> <!-- <div>
<button size="mini" type="primary">回复</button> <button size="mini" type="primary">回复</button>
</div> --> </div>-->
<el-input <el-input
class="mt-15" class="mt-15"
type="textarea" type="textarea"
:rows="10" :rows="10"
v-model="commentContent" v-model="commentContent"
placeholder="发表评论" placeholder="发表评论"
></el-input> ></el-input>
<div v-if="user.id" style="text-align:center;"> <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>
<div <div v-if="!user.id" style="text-align: center; font-size: 14px; margin-top: 15px">
v-if="!user.id" 您必须先的
style="text-align: center; font-size: 14px; margin-top: 15px" <span style="color: #d33237" @click="loginEvent">登录</span>才能发表评论或者回复
>
您必须先的<span style="color: #d33237" @click="loginEvent">登录</span>才能发表评论或者回复
</div> </div>
</el-row> </el-row>
</div> </div>
...@@ -147,33 +168,26 @@ ...@@ -147,33 +168,26 @@
<div class="zone-style"> <div class="zone-style">
<div @click="seeMoreEvent(5)" class="k-flex-between-center"> <div @click="seeMoreEvent(5)" class="k-flex-between-center">
<div class="k-flex k-align-center"> <div class="k-flex k-align-center">
<el-image <el-image class="mr-5 gong-icon" style :src="require('../../assets/news/3.png')"></el-image>
class="mr-5 gong-icon"
style=""
:src="require('../../assets/news/3.png')"
></el-image>
<div>精彩回顾</div> <div>精彩回顾</div>
</div> </div>
<div @click="seeMoreEvent(5)" style="font-size: 12px; color: #999999"> <div @click="seeMoreEvent(5)" style="font-size: 12px; color: #999999">
<span>MORE></span> <span>MORE></span>
</div> </div>
</div> </div>
<div @click="seeParams(highlightsData[0])" class="mt-10 mb-5 k-flex k-align-center"> <div @click="seeParams(highlightsData[0])" class="mt-10 mb-5 k-flex k-align-center">
<img <img class="mr-5 gong-icon" style src="../../assets/home/gonggao.png" />
class="mr-5 gong-icon"
style=""
src="../../assets/home/gonggao.png"
/>
<div v-if="highlightsData[0]" class="gonggao-text"> <div v-if="highlightsData[0]" class="gonggao-text">
<span>{{ highlightsData[0].subject }}</span> <span>{{ highlightsData[0].subject }}</span>
<!-- <span v-html="highlightsData[0].content"></span> --> <!-- <span v-html="highlightsData[0].content"></span> -->
</div> </div>
</div> </div>
<div <div
v-for="item in highlightsData" v-for="item in highlightsData"
:key="item.newsId" :key="item.newsId"
class="k-flex k-space-between top-list" class="k-flex k-space-between top-list"
@click="seeParams(item)"> @click="seeParams(item)"
>
<div class="article-name"> <div class="article-name">
<span class="right-line"> <span class="right-line">
{{ item.boardName }} {{ item.boardName }}
...@@ -191,22 +205,21 @@ ...@@ -191,22 +205,21 @@
<el-button <el-button
@click.native="switchBtn(0)" @click.native="switchBtn(0)"
:class="['btn-item', { sanjiao: activeItem == 0 }]" :class="['btn-item', { sanjiao: activeItem == 0 }]"
>本月阅读排行</el-button >本月阅读排行</el-button>
>
<el-button <el-button
@click.native="switchBtn(1)" @click.native="switchBtn(1)"
:class="['btn-item', { sanjiao: activeItem == 1 }]" :class="['btn-item', { sanjiao: activeItem == 1 }]"
>评论排行</el-button >评论排行</el-button>
>
</div> </div>
<div <div
v-for="(item, index) in commentRankData" v-for="(item, index) in commentRankData"
:key="index" :key="index"
class="k-flex k-space-between top-list" class="k-flex k-space-between top-list"
@click="seeParams(item)"> @click="seeParams(item)"
>
<div class="article-name"> <div class="article-name">
<span class="num" style="">{{ index + 1 }}</span> <span class="num" style>{{ index + 1 }}</span>
<span class="right-line"> <span class="right-line">
{{ item.boardName }} {{ item.boardName }}
<span class="line-div"></span> <span class="line-div"></span>
...@@ -229,7 +242,7 @@ ...@@ -229,7 +242,7 @@
<span>{{ item.name }}</span> <span>{{ item.name }}</span>
</div> </div>
<div>{{item.date}}</div> <div>{{item.date}}</div>
</div> --> </div>-->
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
...@@ -313,14 +326,14 @@ ...@@ -313,14 +326,14 @@
</div> </div>
</template> </template>
<script> <script>
import {newsDetail} from "@/api/homePage.js" import { newsDetail } from "@/api/homePage.js";
import { messageDetail } from "@/api/manage/manage"; import { messageDetail } from "@/api/manage/manage";
import { removeToken } from "@/utils/auth"; 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 { getUserInfo } from "@/utils/auth";
import { mapGetters, mapMutations } from "vuex"; import { mapGetters, mapMutations } from "vuex";
import { import {
highlights,//精彩回顾 highlights //精彩回顾
} from "@/api/news.js"; } from "@/api/news.js";
export default { export default {
...@@ -328,68 +341,69 @@ export default { ...@@ -328,68 +341,69 @@ export default {
data() { data() {
return { return {
highlightsData:[],//精彩回顾集合 highlightsData: [], //精彩回顾集合
commentRankData:[],//本月评论 commentRankData: [], //本月评论
reCommentContent:'',//回复内容 reCommentContent: "", //回复内容
messageDetailData:[],//评论详情 messageDetailData: [], //评论详情
returnFlag:false,//回复判断 returnFlag: false, //回复判断
commentContent:'',//评论内容 commentContent: "", //评论内容
activeItem: 0, activeItem: 0,
topList: [ topList: [
{ {
name: "开展司法教助全集中发放活动尽量克服冠军费德勒冠军费德勒空军航空发货过来会考虑好看", name:
date: "09-23", "开展司法教助全集中发放活动尽量克服冠军费德勒冠军费德勒空军航空发货过来会考虑好看",
date: "09-23"
}, },
{ {
name: "开展司法教助全集中发放活动", name: "开展司法教助全集中发放活动",
date: "09-23", date: "09-23"
}, },
{ {
name: "开展司法教助全集中发放活动", name: "开展司法教助全集中发放活动",
date: "09-23", date: "09-23"
}, },
{ {
name: "开展司法教助全集中发放活动", name: "开展司法教助全集中发放活动",
date: "09-23", date: "09-23"
}, },
{ {
name: "开展司法教助全集中发放活动", name: "开展司法教助全集中发放活动",
date: "09-23", date: "09-23"
}, },
{ {
name: "开展司法教助全集中发放活动", name: "开展司法教助全集中发放活动",
date: "09-23", date: "09-23"
}, },
{ {
name: "开展司法教助全集中发放活动", name: "开展司法教助全集中发放活动",
date: "09-23", date: "09-23"
}, }
], ],
tableData: [ tableData: [
{ {
date: "2016-05-02 12:00:00", date: "2016-05-02 12:00:00",
name: "24", name: "24",
address: "【广西高院队...】广西高院队伍整顿简报", address: "【广西高院队...】广西高院队伍整顿简报"
}, },
{ {
date: "2016-05-04 12:00:00", date: "2016-05-04 12:00:00",
name: "45", name: "45",
address: "上海市普陀区金沙江路 1517 弄", address: "上海市普陀区金沙江路 1517 弄"
}, },
{ {
date: "2016-05-01 12:00:00", date: "2016-05-01 12:00:00",
name: "67", name: "67",
address: "上海市普陀区金沙江路 1519 弄", address: "上海市普陀区金沙江路 1519 弄"
}, },
{ {
date: "2016-05-03 12:00:00", date: "2016-05-03 12:00:00",
name: "89", name: "89",
address: "上海市普陀区金沙江路 1516 弄", address: "上海市普陀区金沙江路 1516 弄"
}, }
], ],
article:{}, article: {},
attachList:[],//附件 attachList: [], //附件
breadList:[],//面包屑列表 breadList: [] //面包屑列表
}; };
}, },
created() { created() {
...@@ -398,226 +412,220 @@ export default { ...@@ -398,226 +412,220 @@ export default {
self.getParams(); self.getParams();
}, },
//从vuex store获取用户信息判断是否登录 //从vuex store获取用户信息判断是否登录
computed:{ computed: {
...mapGetters(['user']), ...mapGetters(["user"])
}, },
//监听路由获取面包屑 //监听路由获取面包屑
watch:{ watch: {
$route(to,from){ $route(to, from) {
console.log('to===',to); console.log("to===", to);
console.log('from===',from); console.log("from===", from);
this.getBreadcrumb(); this.getBreadcrumb();
// if(next.path.indexOf("/detail")!=-1){ // if(next.path.indexOf("/detail")!=-1){
// next.meta.title =next.query+"异动情况详情" // next.meta.title =next.query+"异动情况详情"
// } // }
// let {path, meta, query} = next; // let {path, meta, query} = next;
// this.pushTopTab({meta.title: meta.title, path, query}); // this.pushTopTab({meta.title: meta.title, path, query});
} }
}, },
methods: { methods: {
seeMoreEvent(type) { seeMoreEvent(type) {
// type=3；3是最新消息，1是关注自己的法院 5,精彩回顾 // type=3；3是最新消息，1是关注自己的法院 5,精彩回顾
console.log("更多",type); console.log("更多", type);
this.$router.push({ this.$router.push({
path: "/more", //跳转路由 path: "/more", //跳转路由
query: { query: {
//参数对象 //参数对象
type: type, type: type
}, }
}); });
}, },
// 获取面包屑 // 获取面包屑
getBreadcrumb(){ getBreadcrumb() {
this.breadList=this.$route.matched.filter(item=>item.meta && item.meta.title); this.breadList = this.$route.matched.filter(
console.log('this.breadList==',this.breadList); item => item.meta && item.meta.title
console.log('this.$route==',this.$route); );
console.log("this.breadList==", this.breadList);
console.log("this.$route==", this.$route);
}, },
// 获取精彩回顾 // 获取精彩回顾
highlights(){ highlights() {
highlights({page:1,size:5,fyId:32}).then(res=>{ highlights({ page: 1, size: 5, fyId: 32 }).then(res => {
if(res.success){ if (res.success) {
this.highlightsData=res.data.records; this.highlightsData = res.data.records;
this.highlightsData.forEach(item=>{ this.highlightsData.forEach(item => {
item.date=(item.newsTime).substring(5,10); item.date = item.newsTime.substring(5, 10);
}) });
} }
}) });
}, },
//本月阅读排行 //本月阅读排行
monthClickRanking(){ monthClickRanking() {
let params={}; let params = {};
var myDate = new Date(); var myDate = new Date();
var curMonth=myDate.getMonth(); //获取当前月份(0-11,0代表1月); var curMonth = myDate.getMonth(); //获取当前月份(0-11,0代表1月);
params.fyId=32;//传法院id，固定写死32，是固定的高院内网所以传 32 params.fyId = 32; //传法院id，固定写死32，是固定的高院内网所以传 32
params.byMonth=curMonth;//按月 params.byMonth = curMonth; //按月
console.log('当前月份==',curMonth);//当前月份 console.log("当前月份==", curMonth); //当前月份
monthClickRanking(JSON.stringify(params)).then(res=>{ monthClickRanking(JSON.stringify(params)).then(res => {
if(res.success){ if (res.success) {
this.commentRankData=res.data; this.commentRankData = res.data;
} }
}) });
}, },
//本月评论排行 //本月评论排行
commentRaking(){ commentRaking() {
let params={}; let params = {};
var myDate = new Date(); var myDate = new Date();
var curMonth=myDate.getMonth(); //获取当前月份(0-11,0代表1月); var curMonth = myDate.getMonth(); //获取当前月份(0-11,0代表1月);
params.fyId=32;//传法院id，固定写死32，是固定的高院内网所以传 32 params.fyId = 32; //传法院id，固定写死32，是固定的高院内网所以传 32
params.byMonth=curMonth;//按月 params.byMonth = curMonth; //按月
console.log('当前月份==',curMonth);//当前月份 console.log("当前月份==", curMonth); //当前月份
commentRaking(JSON.stringify(params)).then(res=>{ commentRaking(JSON.stringify(params)).then(res => {
if(res.success){ if (res.success) {
this.commentRankData=res.data; this.commentRankData = res.data;
} }
}) });
}, },
returnEvent(item,index){ returnEvent(item, index) {
console.log('回复',); console.log("回复");
this.messageDetailData[index].returnFlag=!item.returnFlag; this.messageDetailData[index].returnFlag = !item.returnFlag;
this.$forceUpdate(); this.$forceUpdate();
console.log('回复==',this.messageDetailData); console.log("回复==", this.messageDetailData);
}, },
//下载文件
downLoadFile(item){
// alert('111');
console.log('下载附件==',item)
// 创建a标签
// let a = document.createElement('a')
// a.download = item.attachName; //下载后文件名
// a.setAttribute('href',item.downLoadFile)
// a.click(); //点击下载
// 创建a标签 //下载文件
let link = document.createElement('a') downLoadFile(item) {
// href链接 // alert('111');
link.download = item.attachName; //下载后文件名 console.log("下载附件==", item);
link.setAttribute('href',item.downloadPath); // 创建a标签
// 自执行点击事件 // let a = document.createElement('a')
link.click(); // a.download = item.attachName; //下载后文件名
// a.setAttribute('href',item.downLoadFile)
// a.click(); //点击下载
}, // 创建a标签
getParams(){//接收函数 let link = document.createElement("a");
console.log(this.$router.history.current.query.newsId) // href链接
link.download = item.attachName; //下载后文件名
link.setAttribute("href", item.downloadPath);
// 自执行点击事件
link.click();
},
getParams() {
//接收函数
console.log(this.$router.history.current.query.newsId);
// this.msg = this.$router.history.current.query.name; // this.msg = this.$router.history.current.query.name;
this.newsDetailFun(this.$router.history.current.query.newsId); 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.commentRaking();//获取本月评论排行
this.monthClickRanking();//获取本月阅读排行 this.monthClickRanking(); //获取本月阅读排行
this.highlights();//获取精彩回顾 this.highlights(); //获取精彩回顾
}, },
newsDetailFun(val){ newsDetailFun(val) {
newsDetail({newsId:val}).then(res=>{ newsDetail({ newsId: val }).then(res => {
let {newsDetail,attachList}=res.data; let { newsDetail, attachList } = res.data;
this.article = newsDetail; this.article = newsDetail;
this.attachList=attachList; this.attachList = attachList;
}) });
}, },
//评论详情 //评论详情
messageDetail(newsId){ messageDetail(newsId) {
let params={}; let params = {};
params.newsId=newsId; params.newsId = newsId;
// params.newsId='f4bf8ffc4ec54e98a180f36b95668ec6'; // params.newsId='f4bf8ffc4ec54e98a180f36b95668ec6';
messageDetail(JSON.stringify(params)).then(res=>{ messageDetail(JSON.stringify(params)).then(res => {
if(res.success){ if (res.success) {
this.messageDetailData=res.data; this.messageDetailData = res.data;
this.messageDetailData.forEach(item=>{ this.messageDetailData.forEach(item => {
item.returnFlag=false; item.returnFlag = false;
}) });
} }
}) });
}, },
switchBtn(i) { switchBtn(i) {
console.log("111===", i); console.log("111===", i);
this.activeItem = i; this.activeItem = i;
if(this.activeItem==0){ if (this.activeItem == 0) {
this.monthClickRanking();//本月阅读排行 this.monthClickRanking(); //本月阅读排行
}else{ } else {
this.commentRaking();//获取评论排行 this.commentRaking(); //获取评论排行
} }
}, },
//发表评论 //发表评论
commentEvent(type,content,commentId){ commentEvent(type, content, commentId) {
var oldContent=content; var oldContent = content;
var params={}; var params = {};
// type=1是回复，type=0是发表评论 // type=1是回复，type=0是发表评论
// this.reCommentContent= // this.reCommentContent=
if(type==0){ if (type == 0) {
if(this.commentContent==''){ if (this.commentContent == "") {
this.$message({ this.$message({
message:'请输入评论内容!', message: "请输入评论内容!",
type:'success' type: "success"
}); });
return; return;
} }
params.content=this.commentContent; params.content = this.commentContent;
params.newsId=this.$router.history.current.query.newsId; params.newsId = this.$router.history.current.query.newsId;
} }
if(type==1){ if (type == 1) {
if(this.reCommentContent==''){ if (this.reCommentContent == "") {
this.$message({ this.$message({
message:'请输入回复内容!', message: "请输入回复内容!",
type:'success' type: "success"
}); });
return; return;
} }
// params.content=oldContent+'回复:'+this.reCommentContent+'。'; // params.content=oldContent+'回复:'+this.reCommentContent+'。';
params.content='回复:'+this.reCommentContent+'。'; params.content = "回复:" + this.reCommentContent + "。";
params.newsId=this.$router.history.current.query.newsId; params.newsId = this.$router.history.current.query.newsId;
params.parentId=commentId; params.parentId = commentId;
} }
createMessage(JSON.stringify(params)).then(res=>{ createMessage(JSON.stringify(params)).then(res => {
this.messageDetail(this.$router.history.current.query.newsId); this.messageDetail(this.$router.history.current.query.newsId);
if(res.success){ if (res.success) {
this.$message({ this.$message({
message:'评论成功!', message: "评论成功!",
type:'success' type: "success"
}) });
} }
}) });
},
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);
// location.href = loginURL ;
location.href = process.env.VUE_APP_LOGIN_API;
}, },
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);
// location.href = loginURL ;
location.href = process.env.VUE_APP_LOGIN_API
},
// 查看详情 // 查看详情
seeParams(val){ seeParams(val) {
this.$router.push({ this.$router.push({
path:'/detail',//跳转路由 path: "/detail", //跳转路由
query:{//参数对象 query: {
newsId:val.newsId //参数对象
} newsId: val.newsId
}
}); });
this.getParams(); this.getParams();
}
}, }
},
}; };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.wiriter-intro{ .wiriter-intro {
text-align:right; text-align: right;
margin-top:10px; margin-top: 10px;
font-size:13px; font-size: 13px;
} }
// 切换气泡按钮 // 切换气泡按钮
.btns-switch .btn-item { .btns-switch .btn-item {
...@@ -715,8 +723,6 @@ export default { ...@@ -715,8 +723,6 @@ export default {
margin: 15px 0; margin: 15px 0;
border-bottom: 2px solid #34bab2; border-bottom: 2px solid #34bab2;
padding-bottom: 15px; padding-bottom: 15px;
} }
.fist-text { .fist-text {
display: inline-block; display: inline-block;
...@@ -752,7 +758,6 @@ export default { ...@@ -752,7 +758,6 @@ export default {
color: #333; color: #333;
font-size: 14px; font-size: 14px;
text-decoration: none; text-decoration: none;
} }
.type-list li:hover { .type-list li:hover {
// color: #ff6900; // color: #ff6900;
...@@ -777,11 +782,11 @@ ul { ...@@ -777,11 +782,11 @@ ul {
background: #eee; background: #eee;
color: #fff; color: #fff;
position: relative; position: relative;
padding:10px; padding: 10px;
margin-top:10px; margin-top: 10px;
margin-bottom:10px; margin-bottom: 10px;
border-radius:5px; border-radius: 5px;
border:1px solid #eee; border: 1px solid #eee;
} }
.return-comment:after { .return-comment:after {
position: absolute; position: absolute;
...@@ -794,9 +799,11 @@ ul { ...@@ -794,9 +799,11 @@ ul {
content: ""; content: "";
} }
// 图片溢出 // 图片溢出
::v-deep{ ::v-deep {
.view-html p img{ .view-html p {
width: 100% !important; img {
} width: 100% !important;
}
}
} }
</style> </style>
\ No newline at end of file
src/views/home.vue
...@@ -87,9 +87,9 @@ import { mapGetters, mapMutations } from "vuex"; ...@@ -87,9 +87,9 @@ import { mapGetters, mapMutations } from "vuex";
import { setUserInfo } from "@/utils/auth"; import { setUserInfo } from "@/utils/auth";
import { getInfo,logout } from "@/api/login"; import { getInfo,logout } from "@/api/login";
import { removeToken,getToken } from "@/utils/auth"; import { removeToken,getToken } from "@/utils/auth";
import { // import {
enableTurnOnSystem // enableTurnOnSystem
} from "@/api/homePage.js" // } from "@/api/homePage.js"
export default { export default {
components: { components: {
...@@ -104,7 +104,7 @@ export default { ...@@ -104,7 +104,7 @@ export default {
created() { created() {
if(getToken()){ if(getToken()){
this.getUserInfo(); this.getUserInfo();
this.enableTurnOnSystem(); // this.enableTurnOnSystem();
} }
}, },
...@@ -135,11 +135,11 @@ export default { ...@@ -135,11 +135,11 @@ export default {
console.log('loginURL222222222222==',process.env.VUE_APP_LOGIN_API); console.log('loginURL222222222222==',process.env.VUE_APP_LOGIN_API);
location.href = process.env.VUE_APP_LOGIN_API location.href = process.env.VUE_APP_LOGIN_API
}, },
enableTurnOnSystem(){ // enableTurnOnSystem(){
enableTurnOnSystem().then((res) => { // enableTurnOnSystem().then((res) => {
sessionStorage.setItem('publishFlag',res.success); // sessionStorage.setItem('publishFlag',res.success);
}); // });
} // }
}, },
}; };
</script> </script>
......
src/views/homePage/index.vue
<template> <template>
<div > <div>
<el-row>
<el-row > <el-col :span="18" :offset="3">
<el-col :span="18" :offset="3">
<!--第一栏开始--> <!--第一栏开始-->
<el-row :gutter="20" class="mt-15 first-zone-style"> <el-row :gutter="20" class="mt-15 first-zone-style">
<el-col :span="10" style="padding-left:0;padding-right:0;"> <el-col :span="10" style="padding-left:0;padding-right:0;">
<div > <div>
<el-carousel style="border-radius:8px;" height="280px" :interval="4000"> <el-carousel style="border-radius:8px;" height="280px" :interval="4000">
<el-carousel-item style="border-radius:8px;" v-for="(item,index) in headlineRotation.slice(0,3)" :key="index" > <el-carousel-item
<div v-if="item.attInfoList" class="carousel-div" style="border-radius:8px;" @click="setParams(item)"> style="border-radius:8px;"
<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> v-for="(item,index) in headlineRotation.slice(0,3)"
<div class="carousel-intro" style=""> :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> <span>&ensp;{{item.subject}}&ensp;</span>
</div> </div>
</div> </div>
...@@ -20,14 +32,20 @@ ...@@ -20,14 +32,20 @@
</el-carousel> </el-carousel>
</div> </div>
</el-col> </el-col>
<el-col :span="10" style=""> <el-col :span="10" style>
<div class="zone-style"> <div class="zone-style">
<div class="k-flex-between-center"> <div class="k-flex-between-center">
<!--<span class="fist-text" style="">今</span> <!--<span class="fist-text" style="">今</span>
<span>日头条</span>--> <span>日头条</span>-->
<div class="btns-switch"> <div class="btns-switch">
<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> @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> </div>
<!-- 工作信息的boardId=1929 --> <!-- 工作信息的boardId=1929 -->
<div @click="toTopMorelist(activeItem)" style="font-size:12px;color: #999999;"> <div @click="toTopMorelist(activeItem)" style="font-size:12px;color: #999999;">
...@@ -37,50 +55,78 @@ ...@@ -37,50 +55,78 @@
<!--今日头条开始--> <!--今日头条开始-->
<div v-if="activeItem==0"> <div v-if="activeItem==0">
<div class="mt-10 mb-5 k-flex k-align-center"> <div class="mt-10 mb-5 k-flex k-align-center">
<img class="mr-5 gong-icon" style="" src="../../assets/home/gonggao.png"/> <img class="mr-5 gong-icon" style src="../../assets/home/gonggao.png" />
<div v-if="topList" class="gonggao-text"> <div v-if="topList" class="gonggao-text">
<span v-if="topList[0]">{{ topList[0].boardName }}&ensp;</span> <span v-if="topList[0]">{{ topList[0].boardName }}&ensp;</span>
<span v-if="topList[0]">{{ topList[0].subject }}</span> <span v-if="topList[0]">{{ topList[0].subject }}</span>
</div> </div>
</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"> <div class="article-name k-flex k-align-center">
<span class="right-line">{{item.boardName}}</span> <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>
<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> </div>
<!--今日头条结束--> <!--今日头条结束-->
<!--工作信息开始--> <!--工作信息开始-->
<div v-if="activeItem==1" class="mt-15"> <div v-if="activeItem==1" class="mt-15">
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="8" style=""> <el-col :span="8" style>
<div class="work-tab-list" v-for="(item,index) in WorkButton" :key="index" > <div class="work-tab-list" v-for="(item,index) in WorkButton" :key="index">
<div style="font-size:8px;" class="tab-item" :class="[workActive==index? 'tab-item-active':'']" @click="informationSelection(item,index)"> <div
{{item.boardName}} style="font-size:8px;"
</div> class="tab-item"
:class="[workActive==index? 'tab-item-active':'']"
@click="informationSelection(item,index)"
>{{item.boardName}}</div>
</div> </div>
</el-col > </el-col>
<el-col :span="16" style=""> <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
<div class="article-name k-flex k-align-center " style="overflow:h"> 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> <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>
<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>
</el-col > </el-col>
</el-row> </el-row>
</div> </div>
<!--工作信息结束--> <!--工作信息结束-->
</div> </div>
</el-col> </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"> <div class="partnerInfo">
<ul class="ul-list"> <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> <el-image class="mr-5" :src="item.icon"></el-image>
<div> <div>
<div style="font-size:14px;">{{ item.name }}</div> <div style="font-size:14px;">{{ item.name }}</div>
...@@ -93,9 +139,8 @@ ...@@ -93,9 +139,8 @@
</el-row> </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-col class="mb-10" :span="3" v-for="(item,index) in btnsList" :key="index">
<el-button style="width:100%;"> <el-button style="width:100%;">
<el-image class="mr-5 gong-icon" :src="item.icon"></el-image> <el-image class="mr-5 gong-icon" :src="item.icon"></el-image>
...@@ -105,14 +150,12 @@ ...@@ -105,14 +150,12 @@
</el-row> </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"> <el-col :span="13">
<div class="k-flex-between-center"> <div class="k-flex-between-center">
<div class="k-flex k-align-center"> <div class="k-flex k-align-center">
<img class="mr-5 gong-icon" style="" src="../../assets/home/third.png"/> <img class="mr-5 gong-icon" style src="../../assets/home/third.png" />
<div>法院业务</div> <div>法院业务</div>
</div> </div>
<div @click="toMorelist(130)" style="font-size:12px;color: #999999;"> <div @click="toMorelist(130)" style="font-size:12px;color: #999999;">
...@@ -120,37 +163,41 @@ ...@@ -120,37 +163,41 @@
</div> </div>
</div> </div>
<el-row class="mt-10" :gutter="20"> <el-row class="mt-10" :gutter="20">
<el-col :span="10" style="background: #fafafa;padding:15px;"> <el-col :span="10" style="background: #fafafa;padding:15px;">
<div style="height:250px;overflow-y:auto;"> <div style="height:250px;overflow-y:auto;">
<div class="tree-search mb-15"> <div class="tree-search mb-15">
<el-input <el-input v-model="filterText" placeholder="请输入内容" clearable>
v-model="filterText" <!-- <i @click="findBoard" slot="suffix" class="el-input__icon el-icon-search"></i> -->
placeholder="请输入内容" </el-input>
clearable>
<!-- <i @click="findBoard" slot="suffix" class="el-input__icon el-icon-search"></i> -->
</el-input>
</div> </div>
<el-tree <el-tree
ref="tree" ref="tree"
default-expand-all default-expand-all
:filter-node-method="filterNode" :filter-node-method="filterNode"
:data="dataTreeFile" :props="defaultProps" @node-click="handleNodeClick"> :data="dataTreeFile"
</el-tree> :props="defaultProps"
@node-click="handleNodeClick"
></el-tree>
</div> </div>
</el-col> </el-col>
<el-col :span="14"> <el-col :span="14">
<ul class="business-ul"> <ul class="business-ul">
<li v-for="(item,index) in tableData" :key="index" class="k-flex k-space-between " @click="setParams(item)" > <li
v-for="(item,index) in tableData"
:key="index"
class="k-flex k-space-between"
@click="setParams(item)"
>
<div class="article-name"> <div class="article-name">
<span>【</span> <span>【</span>
<span>{{item.boardName}}</span> <span>{{item.boardName}}</span>
<span>】</span> <span>】</span>
<span>{{item.subject}}</span></div> <span>{{item.subject}}</span>
</div>
<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> </li>
</ul> </ul>
</el-col> </el-col>
...@@ -158,28 +205,41 @@ ...@@ -158,28 +205,41 @@
</el-col> </el-col>
<!-- 法院业务右边轮播轮播图 --> <!-- 法院业务右边轮播轮播图 -->
<el-col :span="11"> <el-col :span="11">
<el-carousel style="border-radius:8px;" height="280px" :interval="4000"> <el-carousel style="border-radius:8px;" height="280px" :interval="4000">
<el-carousel-item style="border-radius:8px;" v-for="(item,index) in tableDataAll.slice(0,3)" :key="item.id"> <el-carousel-item
<div v-if="item.attInfoList && index<3" class="carousel-div" style="border-radius:8px;" @click="setParams(item)"> style="border-radius:8px;"
<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> v-for="(item,index) in tableDataAll.slice(0,3)"
<div class="carousel-intro" style=""> :key="item.id"
<span>&ensp;{{item.subject}}&ensp;</span> >
</div> <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> </div>
</el-carousel> </el-carousel-item>
</el-carousel>
</el-col> </el-col>
</el-row> </el-row>
<!--第三栏法院业务结束--> <!--第三栏法院业务结束-->
<!--第四栏干警作品开始--> <!--第四栏干警作品开始-->
<el-row class="mt-15" :gutter="20"> <el-row class="mt-15" :gutter="20">
<el-col :span="14" > <el-col :span="14">
<div class="zone-style"> <div class="zone-style">
<div class="k-flex-between-center"> <div class="k-flex-between-center">
<div class="k-flex k-align-center"> <div class="k-flex k-align-center">
<img class="mr-5 gong-icon" style="" src="../../assets/home/fourth.png"/> <img class="mr-5 gong-icon" style src="../../assets/home/fourth.png" />
<div>干警作品</div> <div>干警作品</div>
</div> </div>
<div @click="toMorelist(135)" style="font-size:12px;color: #999999;"> <div @click="toMorelist(135)" style="font-size:12px;color: #999999;">
...@@ -187,18 +247,59 @@ ...@@ -187,18 +247,59 @@
</div> </div>
</div> </div>
<el-row class="mt-15" :gutter="20"> <el-row class="mt-15" :gutter="20">
<!--<el-col :span="8"></el-col> <!-- old ---- start -->
<el-col :span="8"></el-col> <!-- <el-col
<el-col :span="8"></el-col>--> style="border-radius:5px;"
<el-col style="border-radius:5px;" :span="8" v-for="item in policeOfficer.slice(0,5)" :key="item.id" > :span="8"
<div v-if="item.attInfoList.length>0" class="imgs-div" style="width:100%;border-radius:8px;" @click="setParams(item)"> v-for="item in policeOfficer.slice(0,5)"
<el-image :src="item.attInfoList[0].downloadPath" fit="contain" style="width:100%;display:block;border-radius:5px;"> :key="item.id"
</el-image> >
<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;"> <div class="imgs-intro" style="width:100%;border-radius:0 0 5px 5px;">
<span>&ensp;{{item.subject}}&ensp;</span> <span>&ensp;{{item.subject}}&ensp;</span>
</div> </div>
</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> </el-col>
<!-- new --- end -->
</el-row> </el-row>
</div> </div>
</el-col> </el-col>
...@@ -207,14 +308,22 @@ ...@@ -207,14 +308,22 @@
<div class="zone-style"> <div class="zone-style">
<div class="k-flex-between-center"> <div class="k-flex-between-center">
<div class="btns-switch"> <div class="btns-switch">
<el-button @click.native="switchBtnPolice(0)" :class="['btn-item',{'sanjiao':activeItemPolice==0}]">视频点播</el-button> <el-button
<el-button @click.native="switchBtnPolice(1)" :class="['btn-item',{'sanjiao':activeItemPolice==1}]">全区速递</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> </div>
<!-- 视频点播的id1965 --> <!-- 视频点播的id1965 -->
<div @click="toAllMorelist(activeItemPolice)" style="font-size:12px;color: #999999;"> <div
@click="toAllMorelist(activeItemPolice)"
style="font-size:12px;color: #999999;"
>
<span>MORE></span> <span>MORE></span>
</div> </div>
</div> </div>
<!--视频开始--> <!--视频开始-->
<div class="mt-15" v-if="activeItemPolice==0"> <div class="mt-15" v-if="activeItemPolice==0">
...@@ -225,70 +334,70 @@ ...@@ -225,70 +334,70 @@
<span>鹿心社与自治区级政法机关领导班子成立交付给来访登记过了多久</span> <span>鹿心社与自治区级政法机关领导班子成立交付给来访登记过了多久</span>
</div> </div>
</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"> <div class="article-name">
<!--<span class="right-line">我为群众办实事</span>--> <!--<span class="right-line">我为群众办实事</span>-->
<span >{{item.subject}}</span> <span>{{item.subject}}</span>
</div> </div>
<div v-if="item.newsTime">{{item.newsTime.substring(5,10)}}</div> <div v-if="item.newsTime">{{item.newsTime.substring(5,10)}}</div>
</div> </div>
</div> </div>
<!--全部--> <!--全部-->
<div v-if="activeItemPolice==1" class="mt-15"> <div v-if="activeItemPolice==1" class="mt-15">
<div
<div v-for="(item,index) in whole" :key="index" class="k-flex k-space-between work-top-list" @click="setParams(item)"> v-for="(item,index) in whole"
<div class="article-name" style=""> :key="index"
<span >{{item.subject}}</span> class="k-flex k-space-between work-top-list"
</div> @click="setParams(item)"
<div v-if="item.newsTime">{{item.newsTime.substring(5,10)}}</div> >
</div> <div class="article-name" style>
<span>{{item.subject}}</span>
</div>
<div v-if="item.newsTime">{{item.newsTime.substring(5,10)}}</div>
</div>
</div> </div>
</div> </div>
</el-col> </el-col>
</el-row > </el-row>
<!--第四栏干警作品结束--> <!--第四栏干警作品结束-->
<!--第五栏地区开始--> <!--第五栏地区开始-->
<el-row class="mt-15" :gutter="20"> <el-row class="mt-15" :gutter="20">
<el-col :span="22" :offset="1"> <el-col :span="22" :offset="1">
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="4" > <el-col :span="4">
<div class="k-flex k-center mt-10 info-tap"> <div class="k-flex k-center mt-10 info-tap">
<el-image style="width:35px;" :src="require('../../assets/home/bottom.png')"></el-image> <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 class="ml-10" style="font-weight:bold;font-size:15px;">
<div> <div>全国高院</div>
全国高院 <div style="text-align:right;">网站群</div>
</div>
<div style="text-align:right;">
网站群
</div>
</div> </div>
<div class="line-div"></div> <div class="line-div"></div>
</div> </div>
</el-col> </el-col>
<el-col :span="20"> <el-col :span="20">
<el-row :gutter="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> <span style="font-size:10px;color:#444444;">{{item.name}}</span>
</el-col> </el-col>
</el-row > </el-row>
</el-col> </el-col>
</el-row > </el-row>
</el-col> </el-col>
</el-row > </el-row>
<!--第五栏地区结束--> <!--第五栏地区结束-->
</el-col> </el-col>
</el-row> </el-row>
</div> </div>
</template> </template>
...@@ -298,192 +407,192 @@ import { ...@@ -298,192 +407,192 @@ import {
topList, topList,
newsFromBoard, newsFromBoard,
getSubLevelBoard, getSubLevelBoard,
getAllCourts,//获取全区法院 getAllCourts, //获取全区法院
// searchForNews,//搜索新闻 // searchForNews,//搜索新闻
getBoardAndSubAllNews,//获取栏目及子栏目全部新闻列表 getBoardAndSubAllNews, //获取栏目及子栏目全部新闻列表
getSelectedBoardTree,//获取指定栏目树 getSelectedBoardTree, //获取指定栏目树
latestNewOfGXCourt,//获取全区速递 latestNewOfGXCourt, //获取全区速递
findBoard,//按栏目名搜索栏目 findBoard //按栏目名搜索栏目
} from "@/api/homePage.js" } from "@/api/homePage.js";
export default { export default {
data() { data() {
return { return {
filterText:'',//按栏目名搜索栏目 filterText: "", //按栏目名搜索栏目
// boardNameSearch:'',//按栏目名搜索栏目 // boardNameSearch:'',//按栏目名搜索栏目
workActive:0,//工作信息选中 workActive: 0, //工作信息选中
workList:[],//工作信息 workList: [], //工作信息
allCourtsData:[],//全区法院 allCourtsData: [], //全区法院
input:'', input: "",
activeItem:0, activeItem: 0,
activeItemPolice:0, activeItemPolice: 0,
headlist:[ headlist: [
{ {
icon:require("../../assets/home/head/1.png"), icon: require("../../assets/home/head/1.png"),
name:'绩效考评', name: "绩效考评",
nickName:'Assessment' nickName: "Assessment"
}, },
{ {
icon:require("../../assets/home/head/2.png"), icon: require("../../assets/home/head/2.png"),
name:'建党专栏', name: "建党专栏",
nickName:'Special column' nickName: "Special column"
}, },
{ {
icon:require("../../assets/home/head/3.png"), icon: require("../../assets/home/head/3.png"),
name:'审判管理', name: "审判管理",
nickName:'Administer' nickName: "Administer"
}, },
{ {
icon:require("../../assets/home/head/4.png"), icon: require("../../assets/home/head/4.png"),
name:'论坛交流', name: "论坛交流",
nickName:'Forum' nickName: "Forum"
}, },
{ {
icon:require("../../assets/home/head/5.png"), icon: require("../../assets/home/head/5.png"),
name:'案例与期刊', name: "案例与期刊",
nickName:'Case-Jourbal' nickName: "Case-Jourbal"
}, }
], ],
btnsList:[ btnsList: [
{ {
icon:require("../../assets/home/btns/1-1.png"), icon: require("../../assets/home/btns/1-1.png"),
name:'综合门户', name: "综合门户"
}, },
{ {
icon:require("../../assets/home/btns/1.png"), icon: require("../../assets/home/btns/1.png"),
name:'公文汇总', name: "公文汇总"
}, },
{ {
icon:require("../../assets/home/btns/2.png"), icon: require("../../assets/home/btns/2.png"),
name:'法律总库', name: "法律总库"
}, },
{ {
icon:require("../../assets/home/btns/3.png"), icon: require("../../assets/home/btns/3.png"),
name:'法律法规', name: "法律法规"
}, },
{ {
icon:require("../../assets/home/btns/4.png"), icon: require("../../assets/home/btns/4.png"),
name:'数据集中', name: "数据集中"
}, },
// { // {
// icon:require("../../assets/home/btns/5.png"), // icon:require("../../assets/home/btns/5.png"),
// name:'公文汇总', // name:'公文汇总',
// }, // },
{ {
icon:require("../../assets/home/btns/5.png"), icon: require("../../assets/home/btns/5.png"),
name:'即时通讯', name: "即时通讯"
}, },
{ {
icon:require("../../assets/home/btns/6.png"), icon: require("../../assets/home/btns/6.png"),
name:'办公系统', name: "办公系统"
}, },
{ {
icon:require("../../assets/home/btns/7.png"), icon: require("../../assets/home/btns/7.png"),
name:'公文处理', name: "公文处理"
}, },
{ {
icon:require("../../assets/home/btns/8.png"), icon: require("../../assets/home/btns/8.png"),
name:'内部邮件', name: "内部邮件"
}, },
{ {
icon:require("../../assets/home/btns/9.png"), icon: require("../../assets/home/btns/9.png"),
name:'院务公告', name: "院务公告"
}, },
{ {
icon:require("../../assets/home/btns/10.png"), icon: require("../../assets/home/btns/10.png"),
name:'手机短信', name: "手机短信"
}, },
{ {
icon:require("../../assets/home/btns/11.png"), icon: require("../../assets/home/btns/11.png"),
name:'工作流程', name: "工作流程"
}, },
{ {
icon:require("../../assets/home/btns/12.png"), icon: require("../../assets/home/btns/12.png"),
name:'文章简章', name: "文章简章"
}, },
{ {
icon:require("../../assets/home/btns/13.png"), icon: require("../../assets/home/btns/13.png"),
name:'人员查询', name: "人员查询"
}, },
{ {
icon:require("../../assets/home/btns/14.png"), icon: require("../../assets/home/btns/14.png"),
name:'科技法庭', name: "科技法庭"
}, },
{ {
icon:require("../../assets/home/btns/15.png"), icon: require("../../assets/home/btns/15.png"),
name:'通讯录', name: "通讯录"
}, },
{ {
icon:require("../../assets/home/btns/16.png"), icon: require("../../assets/home/btns/16.png"),
name:'文书上网', name: "文书上网"
}, },
{ {
icon:require("../../assets/home/btns/17.png"), icon: require("../../assets/home/btns/17.png"),
name:'图书馆', name: "图书馆"
}, },
{ {
icon:require("../../assets/home/btns/18.png"), icon: require("../../assets/home/btns/18.png"),
name:'执行文书', name: "执行文书"
}, },
{ {
icon:require("../../assets/home/btns/19.png"), icon: require("../../assets/home/btns/19.png"),
name:'人民法院内网', name: "人民法院内网"
}, },
{ {
icon:require("../../assets/home/btns/20.png"), icon: require("../../assets/home/btns/20.png"),
name:'智能报表', name: "智能报表"
}, },
{ {
icon:require("../../assets/home/btns/21.png"), icon: require("../../assets/home/btns/21.png"),
name:'移动微学苑', 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:[ policeOfficer: [],
{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:[],
fiveNews: [], fiveNews: [],
topList:[], topList: [],
headlineRotation:[], headlineRotation: [],
topList2:[ topList2: [
{ {
name:'开展司法教助全集中发放活动尽量克服冠军费德勒冠军费德勒空军航空发货过来会考虑好看', name:
date:'09-23' "开展司法教助全集中发放活动尽量克服冠军费德勒冠军费德勒空军航空发货过来会考虑好看",
date: "09-23"
}, },
{ {
name:'开展司法教助全集中发放活动', name: "开展司法教助全集中发放活动",
date:'09-23' date: "09-23"
}, },
{ {
name:'开展司法教助全集中发放活动', name: "开展司法教助全集中发放活动",
date:'09-23' date: "09-23"
}, },
{ {
name:'开展司法教助全集中发放活动', name: "开展司法教助全集中发放活动",
date:'09-23' date: "09-23"
}, },
{ {
name:'开展司法教助全集中发放活动', name: "开展司法教助全集中发放活动",
date:'09-23' date: "09-23"
}, },
{ {
name:'开展司法教助全集中发放活动', name: "开展司法教助全集中发放活动",
date:'09-23' date: "09-23"
}, },
{ {
name:'开展司法教助全集中发放活动', name: "开展司法教助全集中发放活动",
date:'09-23' date: "09-23"
}, }
], ],
tableDataAll:[],//法院业务轮播图 tableDataAll: [], //法院业务轮播图
tableData: [ tableData: [
// { // {
// date: '2016-05-02 12:00:00', // date: '2016-05-02 12:00:00',
...@@ -503,506 +612,503 @@ export default { ...@@ -503,506 +612,503 @@ export default {
// address: '上海市普陀区金沙江路 1516 弄合适的哈哈和' // address: '上海市普陀区金沙江路 1516 弄合适的哈哈和'
// } // }
], ],
monthMeeting: [ monthMeeting: [
{ {
month: "1月", month: "1月",
meeting: 0, meeting: 0,
openFlag:true, openFlag: true
}, },
{ {
month: "2月", month: "2月",
meeting: 0, meeting: 0,
openFlag:false, openFlag: false
}, },
{ {
month: "3月", month: "3月",
meeting: 0, meeting: 0,
openFlag:false, openFlag: false
}, },
{ {
month: "4月", month: "4月",
meeting: 0, meeting: 0,
openFlag:false, openFlag: false
}, },
{ {
month: "5月", month: "5月",
meeting: 0, meeting: 0,
openFlag:false, openFlag: false
}, },
{ {
month: "6月", month: "6月",
meeting: 0, meeting: 0,
openFlag:false, openFlag: false
}, },
{ {
month: "7月", month: "7月",
meeting: 0, meeting: 0
}, },
{ {
month: "8月", month: "8月",
meeting: 0, meeting: 0,
openFlag:false, openFlag: false
}, },
{ {
month: "9月", month: "9月",
meeting: 0, meeting: 0,
openFlag:false, openFlag: false
}, },
{ {
month: "10月", month: "10月",
meeting: 0, meeting: 0,
openFlag:false, openFlag: false
}, },
{ {
month: "11月", month: "11月",
meeting: 0, meeting: 0,
openFlag:false, openFlag: false
}, },
{ {
month: "12月", month: "12月",
meeting: 0, 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: [], dataTreeFile: [],
defaultProps: { defaultProps: {
children: 'children', children: "children",
label: 'boardName' label: "boardName"
}, },
placeList:[ 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:'河南'}, { 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: [
WorkButton:[{ {
boardName:'全部', boardName: "全部",
boardId:'1929', boardId: "1929"
}], }
videoLiet:[], ],
whole:[], videoLiet: [],
whole: []
};
},
watch: {
filterText(val) {
this.$refs.tree.filter(val);
} }
}, },
watch: { created() {
filterText(val) { this.getSubLevelBoardF();
this.$refs.tree.filter(val); this.topListFun();
}
},
created(){
this.getSubLevelBoardF()
this.topListFun()
this.initializationList(); this.initializationList();
// this.getAllCourts();//获取全区法院 // this.getAllCourts();//获取全区法院
}, },
methods: { methods: {
filterNode(value, data) { filterNode(value, data) {
console.log('value=',value); console.log("value=", value);
console.log('data=',data); console.log("data=", data);
if (!value) return true; if (!value) return true;
// return data.label.indexOf(value) !== -1; // return data.label.indexOf(value) !== -1;
return data.boardName.indexOf(value) !== -1; return data.boardName.indexOf(value) !== -1;
}, },
// 按栏目名搜索栏目 // 按栏目名搜索栏目
findBoard(){ findBoard() {
findBoard({boardName:this.boardNameSearch,deptId:32}).then(res=>{ findBoard({ boardName: this.boardNameSearch, deptId: 32 }).then(res => {
if(res.success){ if (res.success) {
} }
}) });
}, },
//获取全区法院 //获取全区法院
getAllCourts(){ getAllCourts() {
getAllCourts().then(res=>{ getAllCourts().then(res => {
if(res.success){ if (res.success) {
this.allCourtsData=res.data; this.allCourtsData = res.data;
} }
}) });
}, },
setParams(val){ setParams(val) {
this.$router.push({ window.open(`/#/detail?newsId=${val.newsId}`, "_blank");
path:'/detail',//跳转路由 // this.$router.push({
query:{//参数对象 // path:'/detail',//跳转路由
newsId:val.newsId // query:{//参数对象
} // newsId:val.newsId
}); // }
// });
}, },
initializationList(){ initializationList() {
// newsFromBoard({boardId:'1930',page:1,size:5}).then(res=>{ // newsFromBoard({boardId:'1930',page:1,size:5}).then(res=>{
// this.tableData = res.data.newsList.records // this.tableData = res.data.newsList.records
// }) // })
//获取法院业务初始加载全部信息 130 //获取法院业务初始加载全部信息 130
getBoardAndSubAllNews({boardId:130,page:1,size:10}).then(res=>{ getBoardAndSubAllNews({ boardId: 130, page: 1, size: 10 }).then(res => {
if(res.success){ if (res.success) {
this.tableData=res.data.records; this.tableData = res.data.records;
this.tableDataAll=res.data.records; this.tableDataAll = res.data.records;
} }
}) });
newsFromBoard({boardId:'135',page:1,size:5}).then(res=>{ // new---干警栏目
this.policeOfficer = res.data.newsList.records 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=>{ // newsFromBoard({boardId:'3826',page:1,size:5}).then(res=>{
// 视频点播boardId是1965 // 视频点播boardId是1965
newsFromBoard({boardId:'1965',page:1,size:5}).then(res=>{ newsFromBoard({ boardId: "1965", page: 1, size: 5 }).then(res => {
this.videoLiet = res.data.newsList.records this.videoLiet = res.data.newsList.records;
}) });
// newsFromBoard({boardId:'130',page:1,size:5}).then(res=>{ // newsFromBoard({boardId:'130',page:1,size:5}).then(res=>{
// this.whole = res.data.newsList.records // this.whole = res.data.newsList.records
// }) // })
latestNewOfGXCourt({page:1,size:5}).then(res=>{ latestNewOfGXCourt({ page: 1, size: 5 }).then(res => {
this.whole = res.data.records this.whole = res.data.records;
}) });
}, },
newsFromBoard(val){ newsFromBoard(val) {
newsFromBoard({boardId:val.boardId,page:1,size:5}).then(res=>{ newsFromBoard({ boardId: val.boardId, page: 1, size: 5 }).then(res => {
// this.topList = res.data.newsList.records // this.topList = res.data.newsList.records
this.workList = res.data.newsList.records;//工作信息 this.workList = res.data.newsList.records; //工作信息
});
})
}, },
// 工作信息切换 // 工作信息切换
informationSelection(val,index){ informationSelection(val, index) {
console.log(val); console.log(val);
this.workActive=index; this.workActive = index;
if(val.boardName=='全部'){ if (val.boardName == "全部") {
this.getBoardAndSubAllNews(1929);//获取全部新闻 即工作信息大栏目1929id this.getBoardAndSubAllNews(1929); //获取全部新闻 即工作信息大栏目1929id
}else{ } else {
this.newsFromBoard(val); this.newsFromBoard(val);
} }
}, },
topListFun(){ topListFun() {
topList({fyId:32,page:1,size:5}).then(res=>{ topList({ fyId: 32, page: 1, size: 5 }).then(res => {
this.topList = res.data.records this.topList = res.data.records;
this.headlineRotation = res.data.records this.headlineRotation = res.data.records;
}) });
}, },
getSubLevelBoardF(){ getSubLevelBoardF() {
// getSubLevelBoard({boardId:130}).then(res=>{ // getSubLevelBoard({boardId:130}).then(res=>{
// console.log(res); // console.log(res);
// this.dataTreeFile = res.data // this.dataTreeFile = res.data
// }) // })
getSelectedBoardTree({boardId:130}).then(res=>{ getSelectedBoardTree({ boardId: 130 }).then(res => {
console.log('获取指定栏目树=',res); console.log("获取指定栏目树=", res);
this.dataTreeFile = res.data this.dataTreeFile = res.data;
}) });
},
showHide(e) {
console.log(e);
}, },
showHide(e){console.log(e);},
// changeFlag(i) { // changeFlag(i) {
// // console.log('ghjgjkjgl===', i) // // console.log('ghjgjkjgl===', i)
// this.treeData[i].openFlag=!this.treeData[i].openFlag; // this.treeData[i].openFlag=!this.treeData[i].openFlag;
// this.$forceUpdate();//强制赋值 // this.$forceUpdate();//强制赋值
// }, // },
showMeetingInfo(){}, showMeetingInfo() {},
switchBtn(i){ switchBtn(i) {
console.log('111===', i) console.log("111===", i);
this.activeItem=i; this.activeItem = i;
if (i==0) { if (i == 0) {
this.topListFun() this.topListFun();
} else {
}else{ getSubLevelBoard({ boardId: 1929 }).then(res => {
getSubLevelBoard({boardId:1929,}).then(res=>{ this.WorkButton = [{ boardName: "全部", boardId: 1929 }];
this.WorkButton = [{ boardName:'全部',boardId:1929}]
res.data.forEach(item => { res.data.forEach(item => {
this.WorkButton.push(item) this.WorkButton.push(item);
}); });
}) });
// let val = {boardId:''} // let val = {boardId:''}
// let val = {boardId:1929} // let val = {boardId:1929}
// this.newsFromBoard(val) // this.newsFromBoard(val)
this.getBoardAndSubAllNews(1929);//获取全部的新闻的列表，工作信息1929 this.getBoardAndSubAllNews(1929); //获取全部的新闻的列表，工作信息1929
} }
}, },
// 获取栏目及子栏目全部新闻列表 // 获取栏目及子栏目全部新闻列表
getBoardAndSubAllNews(boardId){ getBoardAndSubAllNews(boardId) {
getBoardAndSubAllNews({boardId:boardId,page:1,size:10}).then(res=>{ getBoardAndSubAllNews({ boardId: boardId, page: 1, size: 10 }).then(
if(res.success){ res => {
this.workList=res.data.records; if (res.success) {
this.workList = res.data.records;
}
} }
}) );
}, },
switchBtnPolice(i){ switchBtnPolice(i) {
console.log('2222===', i) console.log("2222===", i);
this.activeItemPolice=i; this.activeItemPolice = i;
}, },
searchEvent(){}, searchEvent() {},
handleNodeClick(data,node,obj){ handleNodeClick(data, node, obj) {
console.log(data,node,obj); console.log(data, node, obj);
newsFromBoard({boardId:data.boardId,page:1,size:5}).then(res=>{ newsFromBoard({ boardId: data.boardId, page: 1, size: 5 }).then(res => {
this.tableData = res.data.newsList.records this.tableData = res.data.newsList.records;
}) });
}, },
// 跳转到全区速递和视频点播更多模块 // 跳转到全区速递和视频点播更多模块
toAllMorelist(activeItemPolice){ toAllMorelist(activeItemPolice) {
if(activeItemPolice==0){ if (activeItemPolice == 0) {
// this.$router.push({ // this.$router.push({
// path: "/list", //跳转路由 // path: "/list", //跳转路由
// query: { // query: {
// //参数对象 // //参数对象
// boardId: 1965,//视频点播 // boardId: 1965,//视频点播
// type:'menu' // type:'menu'
// }, // },
// }); // });
this.$router.push({ this.$router.push({
path: "/zone", //跳转路由 path: "/zone", //跳转路由
query: { query: {
//参数对象 //参数对象
type: 'vedio', type: "vedio"
}, }
}); });
}else if(activeItemPolice==1){ } else if (activeItemPolice == 1) {
this.$router.push({ this.$router.push({
path: "/zone", //跳转路由 path: "/zone", //跳转路由
query: { query: {
//参数对象 //参数对象
type: 'all', type: "all"
}, }
}); });
} }
}, },
// 跳转到全区速递和视频点播更多模块 // 跳转到全区速递和视频点播更多模块
toTopMorelist(activeItem){ toTopMorelist(activeItem) {
if(activeItem==0){ if (activeItem == 0) {
this.$router.push({ this.$router.push({
path: "/zone", //跳转路由 path: "/zone", //跳转路由
query: { query: {
//参数对象 //参数对象
type: 'top', type: "top"
}, }
}); });
}else if(activeItem==1){ } else if (activeItem == 1) {
this.$router.push({ this.$router.push({
path: "/list", //跳转路由工作信息 path: "/list", //跳转路由工作信息
query: { query: {
//参数对象 //参数对象
boardId: 1929, boardId: 1929,
type:'menu' type: "menu"
}, }
}); });
} }
}, },
// 跳转到更所模块 // 跳转到更所模块
toMorelist(boardId){ toMorelist(boardId) {
this.$router.push({ this.$router.push({
path: "/list", //跳转路由 path: "/list", //跳转路由
query: { query: {
//参数对象 //参数对象
boardId: boardId, boardId: boardId,
type:'menu' type: "menu"
}, }
}); });
}
}, }
};
},
}
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.el-col { .el-col {
border-radius: 4px; border-radius: 4px;
} }
.bg-purple-dark { .bg-purple-dark {
background: #99a9bf; background: #99a9bf;
} }
.bg-purple { .bg-purple {
background: #d3dce6; background: #d3dce6;
} }
.bg-purple-light { .bg-purple-light {
background: #e5e9f2; background: #e5e9f2;
} }
.grid-content { .grid-content {
border-radius: 4px; border-radius: 4px;
min-height: 36px; min-height: 36px;
} }
// 切换气泡按钮 // 切换气泡按钮
.btns-switch .btn-item{ .btns-switch .btn-item {
display:inline-block; display: inline-block;
text-align:center; text-align: center;
border: 1px solid #ff756d; border: 1px solid #ff756d;
border-radius: 5px; border-radius: 5px;
color:#ff756d; color: #ff756d;
} }
.btns-switch .sanjiao{ .btns-switch .sanjiao {
background:#D33237; background: #d33237;
color:#fff; color: #fff;
position:relative; position: relative;
} }
.sanjiao:after { .sanjiao:after {
position: absolute; position: absolute;
display: inline-block; display: inline-block;
border-left: 8px solid transparent; border-left: 8px solid transparent;
border-right: 8px solid transparent; border-right: 8px solid transparent;
border-top: 8px solid #D33237; border-top: 8px solid #d33237;
left:30px; left: 30px;
bottom: -8px; bottom: -8px;
content: ''; content: "";
} }
// 公告 // 公告
.gong-icon{ .gong-icon {
width:13px; width: 13px;
height:13px; height: 13px;
} }
.gonggao-text{ .gonggao-text {
white-space:nowrap; white-space: nowrap;
overflow:hidden; overflow: hidden;
text-overflow:ellipsis; text-overflow: ellipsis;
color:#FF756D; color: #ff756d;
font-family: PingFang SC, PingFang SC-Medium; font-family: PingFang SC, PingFang SC-Medium;
font-size:13px; font-size: 13px;
} }
.partnerInfo ul li { .partnerInfo ul li {
list-style: none; list-style: none;
line-height: 1; line-height: 1;
} }
.ul-list li{ .ul-list li {
border-radius:5px; border-radius: 5px;
background:#fff; background: #fff;
padding:10px 10px; padding: 10px 10px;
font-size:12px; font-size: 12px;
} }
.ul-list li .el-image{ .ul-list li .el-image {
width:30px; width: 30px;
height:30px; height: 30px;
} }
.ul-list li:hover{ .ul-list li:hover {
background:#D33237; background: #d33237;
color:#fff; color: #fff;
} }
// 按钮模块 // 按钮模块
.item-btns{ .item-btns {
} }
// 工作信息 // 工作信息
.work-tab-list .tab-item:not(:nth-child(1)){ .work-tab-list .tab-item:not(:nth-child(1)) {
margin-top:5px; margin-top: 5px;
} }
.work-tab-list .tab-item{ .work-tab-list .tab-item {
padding:5px 0; padding: 5px 0;
text-align:center; text-align: center;
background:#ccc; background: #ccc;
cursor: pointer; cursor: pointer;
// font-size:10px; // font-size:10px;
font-size:10px !important; font-size: 10px !important;
border-radius:5px; border-radius: 5px;
color:#fff; color: #fff;
} }
.work-tab-list .tab-item:hover{ .work-tab-list .tab-item:hover {
background:red; background: red;
} }
.work-tab-list .tab-item-active{ .work-tab-list .tab-item-active {
background:red; background: red;
} }
.work-top-list{ .work-top-list {
padding:5px 0; padding: 5px 0;
font-size:10px; font-size: 10px;
} }
.work-top-list:hover{ .work-top-list:hover {
color:red; color: red;
} }
.article-name{ .article-name {
width:85%; width: 85%;
white-space:nowrap; white-space: nowrap;
overflow:hidden; overflow: hidden;
text-overflow:ellipsis; text-overflow: ellipsis;
} }
.search-container{ .search-container {
width: 100%; width: 100%;
height: 500px; height: 500px;
background-image: url(../../assets/pic.jpg); background-image: url(../../assets/pic.jpg);
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
.index-div{ .index-div {
position:absolute; position: absolute;
width: 100%; width: 100%;
border-radius: 5px; border-radius: 5px;
top:30%; top: 30%;
} }
.indexConFind{ .indexConFind {
// position:absolute; // position:absolute;
width: 60%; width: 60%;
height: 180px; height: 180px;
...@@ -1011,157 +1117,155 @@ color:#fff; ...@@ -1011,157 +1117,155 @@ color:#fff;
// top:20%; // top:20%;
border-radius: 5px; border-radius: 5px;
} }
.seach-input{ .seach-input {
width:60%; width: 60%;
} }
.button-list{ .button-list {
margin-top:15px; margin-top: 15px;
} }
.button-list .el-button{ .button-list .el-button {
border-color:red; border-color: red;
font-size:12px; font-size: 12px;
color:black; color: black;
// width:11%; // width:11%;
} }
::v-deep{ ::v-deep {
.button-list .el-button .el-icon-message{ .button-list .el-button .el-icon-message {
color:red; color: red;
} }
// 设置轮播图指示器大小 // 设置轮播图指示器大小
.el-carousel__button{ .el-carousel__button {
width:5px; width: 5px;
} }
// .el-carousel__indicators--horizontal{ // .el-carousel__indicators--horizontal{
// right:0; // right:0;
// } // }
} }
.top-info{ .top-info {
margin:15px 0 5px 0; margin: 15px 0 5px 0;
border-bottom:2px solid #34bab2; border-bottom: 2px solid #34bab2;
padding-bottom:5px; padding-bottom: 5px;
} }
.fist-text{ .fist-text {
display:inline-block; display: inline-block;
width:26px; width: 26px;
height:26px; height: 26px;
line-height:26px; line-height: 26px;
text-align:center; text-align: center;
font-size:15px; font-size: 15px;
color:#fff; color: #fff;
border-radius:50%; border-radius: 50%;
background:#1a3784; background: #1a3784;
margin-right:3px; margin-right: 3px;
} }
// 轮播图 // 轮播图
.carousel-div{ .carousel-div {
position:relative; position: relative;
height:100%; height: 100%;
} }
.carousel-intro{ .carousel-intro {
position:absolute; position: absolute;
width:100%; width: 100%;
height:25px; height: 25px;
line-height:25px; line-height: 25px;
white-space:nowrap; white-space: nowrap;
overflow:hidden; overflow: hidden;
text-overflow:ellipsis; text-overflow: ellipsis;
background:rgba(5, 23, 17, 0.21); background: rgba(5, 23, 17, 0.21);
color:#fff; color: #fff;
padding:0 5px; padding: 0 5px;
font-size:12px; font-size: 12px;
left:0; left: 0;
bottom:0; bottom: 0;
} }
.top-line{ .top-line {
padding:5px 15px; padding: 5px 15px;
white-space:nowrap; white-space: nowrap;
overflow:hidden; overflow: hidden;
text-overflow:ellipsis; text-overflow: ellipsis;
border-bottom:1px solid #ccc; border-bottom: 1px solid #ccc;
} }
.right-line{ .right-line {
display:inline-block; display: inline-block;
// width:20%; // width:20%;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
padding-right:2px; padding-right: 2px;
border-right:2px solid black; border-right: 2px solid black;
margin-right:5px; margin-right: 5px;
color:black; color: black;
} }
.top-list{ .top-list {
padding:5px 0; padding: 5px 0;
font-size:10px; font-size: 10px;
color:#999999; color: #999999;
} }
.top-list:hover{ .top-list:hover {
color:red; color: red;
} }
.top-list :hover .right-line { .top-list :hover .right-line {
color:red !important; 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
} }
.job-btn-list .el-button+.el-button{ .left-tab-list .tab-item:not(:nth-child(1)) {
margin-left:0; margin-top: 5px;
} }
.job-btn-list .el-button .button-inner{ .tab-item {
width:100%; // margin: 10px 0;
background:red; margin: 7px 0;
padding:8px 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%; // padding-left:40%;
letter-spacing:10px; letter-spacing: 10px;
} }
.job-btn-list .el-button .el-image{ .job-btn-list .el-button .el-image {
width:20px; width: 20px;
height:20px; height: 20px;
margin-right:10px; margin-right: 10px;
margin-left:15%; 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{ .business-ul {
width:100%; margin: 0;
font-size:13px; margin-top: 10px;
white-space:nowrap; width: 100%;
overflow:hidden; // white-space:nowrap;
text-overflow:ellipsis; // 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 { .business-ul li:hover {
color:red; color: red;
} }
// .business-ul li .el-link{ // .business-ul li .el-link{
// display:inline-block; // display:inline-block;
...@@ -1178,8 +1282,8 @@ padding:0; ...@@ -1178,8 +1282,8 @@ padding:0;
// .business-ul li:hover .el-link{ // .business-ul li:hover .el-link{
// text-decoration:none; // text-decoration:none;
// } // }
.business-ul li+li{ .business-ul li + li {
margin-top:5px; margin-top: 5px;
} }
// 树形菜单开始 // 树形菜单开始
.search-box { .search-box {
...@@ -1225,13 +1329,12 @@ padding:0; ...@@ -1225,13 +1329,12 @@ padding:0;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
border-left: 1px dashed #6e6e6e; border-left: 1px dashed #6e6e6e;
} }
&-title { &-title {
width: 90%; width: 90%;
height: 30px; height: 30px;
// color: #fff; // color: #fff;
font-size:12px; font-size: 12px;
display: flex; display: flex;
justify-content: flex-start; justify-content: flex-start;
align-items: center; align-items: center;
...@@ -1258,10 +1361,10 @@ padding:0; ...@@ -1258,10 +1361,10 @@ padding:0;
line-height: 50px; line-height: 50px;
padding: 0 15px; padding: 0 15px;
border-radius: 5px; border-radius: 5px;
font-size:12px; font-size: 12px;
img { img {
margin-right: 5px; margin-right: 5px;
width:15%; width: 15%;
} }
&-blue { &-blue {
background-color: #304d79; background-color: #304d79;
...@@ -1321,128 +1424,122 @@ padding:0; ...@@ -1321,128 +1424,122 @@ padding:0;
} }
// 树形菜单结束 // 树形菜单结束
// 图片墙 // 图片墙
.imgs-div{ .imgs-div {
position:relative; position: relative;
height:100%; height: 100%;
} }
.imgs-div{ .imgs-div {
margin-bottom:10px; margin-bottom: 10px;
} }
.imgs-intro{ .imgs-intro {
position:absolute; position: absolute;
// width:100%; // width:100%;
height:25px; height: 25px;
line-height:25px; line-height: 25px;
white-space:nowrap; white-space: nowrap;
overflow:hidden; overflow: hidden;
text-overflow:ellipsis; text-overflow: ellipsis;
// background:rgba(5, 23, 17, 0.21); // background:rgba(5, 23, 17, 0.21);
background:#ccc; background: #ccc;
color:#fff; color: #fff;
// padding:0 5px; // padding:0 5px;
font-size:12px; font-size: 12px;
left:0; left: 0;
bottom:0; bottom: 0;
} }
.group-list{ .group-list {
border:1px solid #34bab2; border: 1px solid #34bab2;
padding:15px; padding: 15px;
} }
// 网站群 // 网站群
.group-ul{ .group-ul {
margin:0; margin: 0;
padding:0; padding: 0;
list-style:none; list-style: none;
} }
.group-ul li{ .group-ul li {
float:left; float: left;
// padding:0 10px; // padding:0 10px;
width:60px; width: 60px;
margin-right:6px; margin-right: 6px;
text-align:center; text-align: center;
font-size:12px; font-size: 12px;
margin-bottom:10px; margin-bottom: 10px;
} }
// 树形菜单图标start----------------------- // 树形菜单图标start-----------------------
.el-tree /deep/ .el-tree-node__expand-icon.expanded .el-tree /deep/ .el-tree-node__expand-icon.expanded {
{ -webkit-transform: rotate(0deg);
-webkit-transform: rotate(0deg); 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: "";
background: url("../../assets/wjjg.png") no-repeat 0 3px; display: block;
content: ''; width: 16px;
display: block; height: 16px;
width: 16px; font-size: 16px;
height: 16px; background-size: 16px;
font-size: 16px; }
background-size: 16px; /*//有子节点 且已展开*/
} .el-tree /deep/ .el-tree-node__expand-icon.expanded.el-icon-caret-right:before {
/*//有子节点 且已展开*/ background: url("../../assets/wjjk.png") no-repeat 0 3px;
.el-tree /deep/ .el-tree-node__expand-icon.expanded.el-icon-caret-right:before content: "";
{ display: block;
background: url("../../assets/wjjk.png") no-repeat 0 3px; width: 16px;
content: ''; height: 16px;
display: block; font-size: 16px;
width: 16px; background-size: 16px;
height: 16px; }
font-size: 16px; /*//没有子节点*/
background-size: 16px; .el-tree /deep/ .el-tree-node__expand-icon.is-leaf::before {
} background: url("../../assets/wj.png") no-repeat 0 3px;
/*//没有子节点*/ content: "";
.el-tree /deep/ .el-tree-node__expand-icon.is-leaf::before display: block;
{ width: 16px;
background: url("../../assets/wj.png") no-repeat 0 3px; height: 16px;
content: ''; font-size: 16px;
display: block; background-size: 16px;
width: 16px; }
height: 16px;
font-size: 16px;
background-size: 16px;
}
// 树形菜单图标end----------------------- // 树形菜单图标end-----------------------
::v-deep{ ::v-deep {
.tree-search{ .tree-search {
margin:0 15px; margin: 0 15px;
.el-input__inner{ .el-input__inner {
height:30px; height: 30px;
line-height:30px; line-height: 30px;
} }
} }
} }
.zone-style{ .zone-style {
background-color:#fff; background-color: #fff;
padding:15px 15px; padding: 15px 15px;
border-radius:5px; border-radius: 5px;
box-shadow: -5px 0px 20px 5px rgba(0,0,0,0.05); box-shadow: -5px 0px 20px 5px rgba(0, 0, 0, 0.05);
} }
.out-zone-style{ .out-zone-style {
background-color:#fff; background-color: #fff;
margin-left:0!important; margin-left: 0 !important;
margin-right:0!important; margin-right: 0 !important;
padding:15px; padding: 15px;
border-radius:5px; border-radius: 5px;
box-shadow: -5px 0px 20px 5px rgba(0,0,0,0.05); box-shadow: -5px 0px 20px 5px rgba(0, 0, 0, 0.05);
} }
.first-zone-style{ .first-zone-style {
margin-left:0!important; margin-left: 0 !important;
margin-right:0!important; margin-right: 0 !important;
// padding:15px; // padding:15px;
} }
.info-tap{ .info-tap {
position:relative; position: relative;
} }
.line-div{ .line-div {
width: 1px; width: 1px;
height: 30px; height: 30px;
background: #ccc; background: #ccc;
position: absolute; position: absolute;
right: -1px; right: -1px;
top: 10px; top: 10px;
} }
</style> </style>
src/views/layout/menu.vue
...@@ -15,12 +15,8 @@ ...@@ -15,12 +15,8 @@
@click.native="menuRouterClick(item, index)" @click.native="menuRouterClick(item, index)"
class="nav-a-text" class="nav-a-text"
:underline="false" :underline="false"
>{{ item.meta.title }}</el-link >{{ item.meta.title }}</el-link>
> <div v-if="item.children && item.children.length > 0" class="submenu-container">
<div
v-if="item.children && item.children.length > 0"
class="submenu-container"
>
<ul class="menu_ul" :class="{ active: index === isShow }"> <ul class="menu_ul" :class="{ active: index === isShow }">
<li <li
class="menu_li" class="menu_li"
...@@ -33,15 +29,11 @@ ...@@ -33,15 +29,11 @@
class="menu_ul_text" class="menu_ul_text"
:underline="false" :underline="false"
:class="{ active: nav.path == linkClick }" :class="{ active: nav.path == linkClick }"
>{{ nav.meta.title }}</el-link >{{ nav.meta.title }}</el-link>
>
</li> </li>
</ul> </ul>
</div> </div>
<div <div v-if="item.name == 'allCourt'" class="submenu-container-first">
v-if="item.name == 'allCourt'"
class="submenu-container-first"
>
<ul class="menu_ul" :class="{ active: index === isShow }"> <ul class="menu_ul" :class="{ active: index === isShow }">
<li <li
class="menu_li_court" class="menu_li_court"
...@@ -55,10 +47,7 @@ ...@@ -55,10 +47,7 @@
v-if="item.children && item.children.length > 0" v-if="item.children && item.children.length > 0"
class="submenu-container-court" class="submenu-container-court"
> >
<ul <ul class="menu_ul" :class="{ active: index === isShow }">
class="menu_ul"
:class="{ active: index === isShow }"
>
<li <li
class="menu_li_court" class="menu_li_court"
v-for="(nav, index) in item.children" v-for="(nav, index) in item.children"
...@@ -78,16 +67,8 @@ ...@@ -78,16 +67,8 @@
</div> </div>
<div class="k-flex seach-input k-align-center" style="width: 180px"> <div class="k-flex seach-input k-align-center" style="width: 180px">
<el-input <el-input v-model="searchSubject" placeholder="请输入内容" clearable>
v-model="searchSubject" <i @click="searchEvent" slot="suffix" class="el-input__icon el-icon-search"></i>
placeholder="请输入内容"
clearable
>
<i
@click="searchEvent"
slot="suffix"
class="el-input__icon el-icon-search"
></i>
</el-input> </el-input>
</div> </div>
</div> </div>
...@@ -108,7 +89,7 @@ ...@@ -108,7 +89,7 @@
</li> </li>
</ul> </ul>
</div> </div>
</div> --> </div>-->
<!-- :default-active="this.$router.path" @select="handleSelect" --> <!-- :default-active="this.$router.path" @select="handleSelect" -->
<!-- <div> <!-- <div>
<ul class="nav-list"> <ul class="nav-list">
...@@ -116,12 +97,12 @@ ...@@ -116,12 +97,12 @@
1 1
</li> </li>
</ul> </ul>
</div> --> </div>-->
<!-- <div> <!-- <div>
<ul class="nav-list"> <ul class="nav-list">
<items v-for="(model, index) in list" :model="model" :key="index"></items> <items v-for="(model, index) in list" :model="model" :key="index"></items>
</ul> </ul>
</div> --> </div>-->
<el-row> <el-row>
<el-col class="my-menu k-flex-between-center" :span="18" :offset="3"> <el-col class="my-menu k-flex-between-center" :span="18" :offset="3">
...@@ -134,7 +115,7 @@ ...@@ -134,7 +115,7 @@
background-color="#D33237" background-color="#D33237"
text-color="#fff" text-color="#fff"
router router
> --> >-->
<!-- 遍历菜单 --> <!-- 遍历菜单 -->
<!-- <template v-for="item in routesList"> --> <!-- <template v-for="item in routesList"> -->
...@@ -147,7 +128,7 @@ ...@@ -147,7 +128,7 @@
</template> </template>
<sideItem v-for="(v,i) in item.children" :key="i" :item="v"/> <sideItem v-for="(v,i) in item.children" :key="i" :item="v"/>
</el-submenu> </el-submenu>
</template> --> </template>-->
<!-- 第一层 不含子菜单 --> <!-- 第一层 不含子菜单 -->
<!-- <template v-else> <!-- <template v-else>
...@@ -157,7 +138,7 @@ ...@@ -157,7 +138,7 @@
</template> </template>
</template> </template>
<el-menu-item @click="openManage" >信息发布系统</el-menu-item> <el-menu-item @click="openManage" >信息发布系统</el-menu-item>
</el-menu> --> </el-menu>-->
<!-- <el-menu <!-- <el-menu
:default-active="$route.path" :default-active="$route.path"
...@@ -214,7 +195,7 @@ ...@@ -214,7 +195,7 @@
<el-menu-item index="7-3">选项3</el-menu-item> <el-menu-item index="7-3">选项3</el-menu-item>
</el-submenu> </el-submenu>
<el-menu-item @click="openManage" >信息发布系统</el-menu-item> <el-menu-item @click="openManage" >信息发布系统</el-menu-item>
</el-menu> --> </el-menu>-->
<!-- <div class="k-flex seach-input k-align-center"> <!-- <div class="k-flex seach-input k-align-center">
<el-input <el-input
...@@ -223,7 +204,7 @@ ...@@ -223,7 +204,7 @@
clearable> clearable>
<i @click="searchEvent" slot="suffix" class="el-input__icon el-icon-search"></i> <i @click="searchEvent" slot="suffix" class="el-input__icon el-icon-search"></i>
</el-input> </el-input>
</div> --> </div>-->
</el-col> </el-col>
</el-row> </el-row>
</div> </div>
...@@ -232,11 +213,12 @@ ...@@ -232,11 +213,12 @@
import { mapGetters } from "vuex"; import { mapGetters } from "vuex";
import sideItem from "./sideItem.vue"; import sideItem from "./sideItem.vue";
import items from "./items.vue"; import items from "./items.vue";
import { getToken } from "@/utils/auth";
import { import {
getAllCourts, //获取全区法院 getAllCourts, //获取全区法院
getSubLevelBoard, //获取子栏目 getSubLevelBoard, //获取子栏目
searchForNews, //搜索新闻 searchForNews, //搜索新闻
enableTurnOnSystem, enableTurnOnSystem
} from "@/api/homePage.js"; } from "@/api/homePage.js";
export default { export default {
components: { sideItem, items }, components: { sideItem, items },
...@@ -254,7 +236,7 @@ export default { ...@@ -254,7 +236,7 @@ export default {
{ {
name: "homePage", name: "homePage",
path: "/homePage", path: "/homePage",
meta: { title: "首页" }, meta: { title: "首页" }
}, },
{ {
name: "news", name: "news",
...@@ -266,22 +248,22 @@ export default { ...@@ -266,22 +248,22 @@ export default {
path: "", path: "",
boardId: "", boardId: "",
type: "top", type: "top",
meta: { title: "今日头条" }, meta: { title: "今日头条" }
}, },
{ {
name: "all", name: "all",
path: "", path: "",
type: "all", type: "all",
meta: { title: "全区速递" }, meta: { title: "全区速递" }
}, },
{ {
name: "vedio", name: "vedio",
path: "", path: "",
boardId: 1965, boardId: 1965,
type: "vedio", type: "vedio",
meta: { title: "视频点播" }, meta: { title: "视频点播" }
}, }
], ]
// children:[ // children:[
// { // {
// name: "news", // name: "news",
...@@ -322,24 +304,24 @@ export default { ...@@ -322,24 +304,24 @@ export default {
name: "job", name: "job",
path: "", path: "",
boardId: 1929, boardId: 1929,
meta: { title: "工作信息" }, meta: { title: "工作信息" }
}, },
{ {
name: "business", name: "business",
path: "", path: "",
boardId: 130, boardId: 130,
meta: { title: "法院业务" }, meta: { title: "法院业务" }
}, },
{ {
name: "work", name: "work",
path: "", path: "",
boardId: 135, boardId: 135,
meta: { title: "干警作品" }, meta: { title: "干警作品" }
}, },
{ {
name: "fun", name: "fun",
path: "", path: "",
meta: { title: "娱乐" }, meta: { title: "娱乐" }
// children: [ // children: [
// { // {
// name: "fun1", // name: "fun1",
...@@ -356,19 +338,23 @@ export default { ...@@ -356,19 +338,23 @@ export default {
{ {
name: "allCourt", name: "allCourt",
path: "", path: "",
meta: { title: "全区法院" }, meta: { title: "全区法院" }
}, },
{
name: "manage",
path: "/manage",
meta: { title: "信息发布系统" }
}
], ],
pFlag: false, // 是否显示信息发布系统 isAdmmin: false // 当前用户是否为高院内部人员
}; };
}, },
computed: { computed: {
// ...mapGetters(["get_routes"]), // ...mapGetters(["get_routes"]),
...mapGetters(["user"]), ...mapGetters(["user"])
}, },
created() { created() {
// this.isPublishOut(); // this.isPublishOut();
this.enableTurnOnSystem();
this.getAllCourts(); //获取全区法院 this.getAllCourts(); //获取全区法院
// this.getSubLevelBoard(1, 129); //法院新闻 // this.getSubLevelBoard(1, 129); //法院新闻
this.getSubLevelBoard(2, 1929); //工作信息 this.getSubLevelBoard(2, 1929); //工作信息
...@@ -377,35 +363,6 @@ export default { ...@@ -377,35 +363,6 @@ export default {
this.getSubLevelBoard(2, 130); //法院业务 this.getSubLevelBoard(2, 130); //法院业务
}, },
methods: { methods: {
// 是否显示信息发布系统
enableTurnOnSystem() {
enableTurnOnSystem().then((res) => {
if (res.success) {
var pObj = {
name: "manage",
path: "/manage",
meta: { title: "信息发布系统" },
};
this.routesList.push(pObj);
}
});
},
// // 是否显示信息发布系统
// isPublishOut() {
// this.pFlag = window.sessionStorage.getItem("publishFlag");
// console.log(
// "-=-==-=-==-==-=-=-=-=-==-=是否显示信息发布系统1111111",
// this.pFlag
// );
// if (this.pFlag == "true") {
// var pObj = {
// name: "manage",
// path: "/manage",
// meta: { title: "信息发布系统" },
// };
// this.routesList.push(pObj);
// }
// },
//1、点击一级导航 //1、点击一级导航
menuRouterClick(item, index) { menuRouterClick(item, index) {
console.log("menuRouterClick-index==", index); console.log("menuRouterClick-index==", index);
...@@ -415,44 +372,51 @@ export default { ...@@ -415,44 +372,51 @@ export default {
console.log("this.classA==", this.classA); console.log("this.classA==", this.classA);
this.classA = index; this.classA = index;
item = this.routesList[this.classA]; item = this.routesList[this.classA];
// return;
if (item.name == "manage") { if (item.name == "manage") {
// var url=process.env.VUE_APP_LOGIN_API+'/manage' // var url=process.env.VUE_APP_LOGIN_API+'/manage'
// window.open(url) // window.open(url)
// window.open("/#/manage"); // window.open("/#/manage");
var userInfo = sessionStorage.getItem("userInfo"); var userInfo = sessionStorage.getItem("userInfo");
var publishFlag = sessionStorage.getItem("publishFlag");
console.log("user==", userInfo); console.log("user==", userInfo);
if (!userInfo) { if (!userInfo) {
this.$message({ this.$message({
message: "请先登录！", message: "请先登录！",
type: "error", type: "error"
}); });
return; return;
} else { } else {
console.log("publishFlag=", publishFlag); enableTurnOnSystem().then(res => {
if (publishFlag) { if (res.success) {
this.$router.push({ res.data == "K00"
path: item.path, //跳转路由 ? (this.isAdmmin = true)
}); : (this.isAdmmin = false);
} else {
this.$message({ if (!this.isAdmmin) {
message: "您的账号没有权限!", this.$message.error("无访问权限");
type: "error", } else {
}); this.$router.push({
return; path: item.path //跳转路由
} });
}
} else {
this.$message({
message: "您的账号没有权限!",
type: "error"
});
return;
}
});
} }
} else if (item.name == "homePage" || item.name == "news") { } else if (item.name == "homePage" || item.name == "news") {
this.$router.push({ this.$router.push({
path: item.path, //跳转路由 path: item.path //跳转路由
}); });
} else if (item.name == "fun") { } else if (item.name == "fun") {
this.$message({ this.$message({
message: "维护中...", message: "维护中...",
type: "error", type: "error",
duration: 1000, duration: 1000
}); });
return; return;
} else { } else {
...@@ -461,8 +425,8 @@ export default { ...@@ -461,8 +425,8 @@ export default {
query: { query: {
//参数对象 //参数对象
boardId: item.boardId, boardId: item.boardId,
type: "menu", type: "menu"
}, }
}); });
} }
}, },
...@@ -496,8 +460,8 @@ export default { ...@@ -496,8 +460,8 @@ export default {
query: { query: {
//参数对象 //参数对象
boardId: subItem.boardId, boardId: subItem.boardId,
type: subItem.type, type: subItem.type
}, }
}); });
} else { } else {
this.$router.push({ this.$router.push({
...@@ -505,15 +469,15 @@ export default { ...@@ -505,15 +469,15 @@ export default {
query: { query: {
//参数对象 //参数对象
boardId: subItem.boardId, boardId: subItem.boardId,
type: "sub", type: "sub"
}, }
}); });
} }
}, },
// treeNavSwitch(){}, // treeNavSwitch(){},
//获取全区法院 //获取全区法院
getAllCourts() { getAllCourts() {
getAllCourts().then((res) => { getAllCourts().then(res => {
if (res.success) { if (res.success) {
this.allCourtsData = res.data; this.allCourtsData = res.data;
} }
...@@ -525,11 +489,11 @@ export default { ...@@ -525,11 +489,11 @@ export default {
// params.boardId='1929' // params.boardId='1929'
params.boardId = boardId; params.boardId = boardId;
getSubLevelBoard(JSON.stringify(params)).then((res) => { getSubLevelBoard(JSON.stringify(params)).then(res => {
if (res.success) { if (res.success) {
// this.allCourtsData=res.data; // this.allCourtsData=res.data;
var arr = []; var arr = [];
res.data.forEach((item) => { res.data.forEach(item => {
var obj = {}; var obj = {};
obj.boardId = item.boardId; obj.boardId = item.boardId;
obj.meta = {}; obj.meta = {};
...@@ -567,15 +531,15 @@ export default { ...@@ -567,15 +531,15 @@ export default {
path: "/search", //跳转路由 path: "/search", //跳转路由
query: { query: {
//参数对象 //参数对象
subject: this.searchSubject, subject: this.searchSubject
}, }
}); });
}, },
toNews() { toNews() {
console.log(4556); console.log(4556);
this.$router.push({ name: "news" }); this.$router.push({ name: "news" });
}, }
}, }
}; };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
......
src/views/list/index.vue
...@@ -388,12 +388,13 @@ export default { ...@@ -388,12 +388,13 @@ export default {
}, },
// 查看详情 // 查看详情
setParams(val){ setParams(val){
this.$router.push({ window.open(`/#/detail?newsId=${val.newsId}`,'_blank');
path:'/detail',//跳转路由 // this.$router.push({
query:{//参数对象 // path:'/detail',//跳转路由
newsId:val.newsId // 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 @@ ...@@ -5,14 +5,10 @@
<el-row class="mt-20 zone-style" :gutter="20"> <el-row class="mt-20 zone-style" :gutter="20">
<!--左边栏目开始--> <!--左边栏目开始-->
<el-col :span="5" class="border-zone"> <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> --> <!-- <a :href="process.env.VUE_APP_LOGIN_API">点击</a> -->
<div class="list-title mb-10" @click="loginEvent">选择栏目</div> <div class="list-title mb-10" @click="loginEvent">选择栏目</div>
<el-tree <el-tree :data="dataTreeFile" :props="defaultProps" @node-click="handleNodeClick"></el-tree>
:data="dataTreeFile"
:props="defaultProps"
@node-click="handleNodeClick"
></el-tree>
</div> </div>
</el-col> </el-col>
<!--左边栏目结束--> <!--左边栏目结束-->
...@@ -20,69 +16,55 @@ ...@@ -20,69 +16,55 @@
<el-col :span="19"> <el-col :span="19">
<div v-if="!curBoardId == ''"> <div v-if="!curBoardId == ''">
<div> <div>
<el-tabs <el-tabs type="border-card" v-model="activeName" @tab-click="handleTabClick">
type="border-card"
v-model="activeName"
@tab-click="handleTabClick"
>
<el-tab-pane name="first"> <el-tab-pane name="first">
<span slot="label" <span slot="label">
><i class="el-icon-date"></i> 管理列表</span <i class="el-icon-date"></i> 管理列表
> </span>
<el-table <el-table
border border
ref="multipleTable" ref="multipleTable"
:data="manageList" :data="manageList"
style="width: 100%" style="width: 100%"
height="550" height="550"
@selection-change="handleSelectionChange1" @selection-change="handleSelectionChange1"
> >
<el-table-column type="selection" width="55"> <el-table-column type="selection" width="55"></el-table-column>
</el-table-column>
<el-table-column label="标题" prop="subject"> <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>
<el-table-column prop="boardName" label="所属栏目"> <el-table-column prop="boardName" label="所属栏目"></el-table-column>
</el-table-column> <el-table-column prop="provider" label="责任编辑"></el-table-column>
<el-table-column prop="provider" label="责任编辑"> <el-table-column prop="newsTime" label="创建/修改时间"></el-table-column>
</el-table-column> <el-table-column prop="clickCount" label="点击次数" width="50" align="center">
<el-table-column prop="newsTime" label="创建/修改时间">
</el-table-column>
<el-table-column
prop="clickCount"
label="点击次数"
width="50"
align="center"
>
<template slot-scope="scope"> <template slot-scope="scope">
<span v-if="scope.row.clickCount == null">0</span> <span v-if="scope.row.clickCount == null">0</span>
<span v-else>{{ scope.row.clickCount }}</span> <span v-else>{{ scope.row.clickCount }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column prop="commentCount" label="评论(条)" width="50" align="center"></el-table-column>
prop="commentCount" <el-table-column prop="adviceCount" label="建议(条)" width="50" align="center"></el-table-column>
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="审核发布状态"> <el-table-column prop="publish" label="审核发布状态">
<template slot-scope="scope"> <template slot-scope="scope">
<el-tag :type="scope.row.publish | statusFilters"> <el-tag
{{ scope.row.publish | getStatus }} :type="scope.row.publish | statusFilters"
</el-tag> >{{ scope.row.publish | getStatus }}</el-tag>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="报送状态"> <el-table-column label="报送状态">
<template slot-scope="scope"> <template slot-scope="scope">
<div v-if="scope.row.sbGy == '1'">已报高院</div> <div v-if="scope.row.sbGy == '1'">已报高院，未读</div>
<div v-if="scope.row.sbZy == '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>
<!--<template slot-scope="scope"> <!--<template slot-scope="scope">
<el-tag :type="scope.row.status | statusFilters"> <el-tag :type="scope.row.status | statusFilters">
...@@ -96,40 +78,50 @@ ...@@ -96,40 +78,50 @@
@click="logDetailEvent(scope.row.newsId)" @click="logDetailEvent(scope.row.newsId)"
type="text" type="text"
size="mini" size="mini"
> >日志</el-button>
日志 <el-button
</el-button> @click="handleCheck(scope.row.newsId)"
type="text"
size="mini"
>查看</el-button>
<el-button <el-button
@click="handleEdit(scope.row.newsId)" @click="handleEdit(scope.row.newsId)"
type="text" type="text"
size="mini" size="mini"
> >修改</el-button>
修改
</el-button>
<el-button <el-button
@click="handleDelete(scope.row.newsId)" @click="handleDelete(scope.row.newsId)"
type="text" type="text"
size="mini" size="mini"
> >删除</el-button>
删除
</el-button>
<el-button <el-button
@click="commentEvent(scope.row.newsId)" @click="commentEvent(scope.row.newsId)"
type="text" type="text"
size="mini" 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> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<el-row class="mt-10"> <el-row class="mt-10">
<el-button <el-button type="primary" size="mini" @click="upLetterEvent">发送审批提醒短信</el-button>
type="primary"
size="mini"
@click="upLetterEvent"
>发送审批提醒短信</el-button
>
</el-row> </el-row>
<div style="margin-top: 10px"> <div style="margin-top: 10px">
<el-pagination <el-pagination
...@@ -150,24 +142,22 @@ ...@@ -150,24 +142,22 @@
</span> </span>
<el-form ref="form" :model="newsForm" label-width="120px"> <el-form ref="form" :model="newsForm" label-width="120px">
<el-form-item label="格式"> <el-form-item label="格式">
<el-select <el-select v-model="newsForm.geshi" placeholder="请选择格式">
v-model="newsForm.geshi"
placeholder="请选择格式"
>
<el-option label="普通格式" value="0"></el-option> <el-option label="普通格式" value="0"></el-option>
<!--<el-option label="区域二" value="beijing"></el-option>--> <!--<el-option label="区域二" value="beijing"></el-option>-->
</el-select> </el-select>
<span class="ml-15" <span class="ml-15">提示：在word文档中编辑好后，复制黏贴到编辑框</span>
>提示：在word文档中编辑好后，复制黏贴到编辑框</span
>
</el-form-item> </el-form-item>
<el-form-item label="所属栏目" v-show="isShowColumn"> <!-- old --- v-show="isShowColumn" -->
<el-form-item label="所属栏目">
<el-row> <el-row>
<el-col :span="6"> <el-col :span="6">
<!-- 工作信息->最高人民法院简报 --> <!-- 工作信息->最高人民法院简报 -->
<span style="color: red">{{ <span style="color: red">
{{
newsForm.boardName newsForm.boardName
}}</span> }}
</span>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
...@@ -175,9 +165,7 @@ ...@@ -175,9 +165,7 @@
<el-radio-group v-model="newsForm.sendToBoards"> <el-radio-group v-model="newsForm.sendToBoards">
<el-radio :label="'0'">无</el-radio> <el-radio :label="'0'">无</el-radio>
<el-radio :label="'4263'">政治教育</el-radio> <el-radio :label="'4263'">政治教育</el-radio>
<el-radio :label="'4264'"> <el-radio :label="'4264'">警示教育和英模教育</el-radio>
警示教育和英模教育
</el-radio>
</el-radio-group> </el-radio-group>
</el-row> </el-row>
</el-form-item> </el-form-item>
...@@ -200,7 +188,7 @@ ...@@ -200,7 +188,7 @@
浏览文件 浏览文件
</el-button> </el-button>
</el-upload> </el-upload>
</el-form-item> --> </el-form-item>-->
<el-form-item label="多附件上传"> <el-form-item label="多附件上传">
<el-upload <el-upload
class="upload-demo" class="upload-demo"
...@@ -209,28 +197,30 @@ ...@@ -209,28 +197,30 @@
:file-list="fileList" :file-list="fileList"
:auto-upload="false" :auto-upload="false"
action="#" action="#"
accept=".doc, .docx, application/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document, .pdf, image/*, audio/*, video/*, .xls, .xlsx, .xml, .txt"
name="fileList" name="fileList"
:show-file-list="true" :show-file-list="true"
:on-change="uploadSuccess" :on-change="uploadSuccess"
:on-remove="handleRemove" :on-remove="handleRemove"
> >
<el-button class="area-btn"> 浏览文件 </el-button> <el-button class="area-btn">浏览文件</el-button>
</el-upload> </el-upload>
</el-form-item> </el-form-item>
<el-form-item label="今日头条"> <el-form-item label="今日头条">
<el-checkbox <el-checkbox v-model="newsForm.isTop" true-label="1" false-label="0">置于头条</el-checkbox>
v-model="newsForm.isTop" </el-form-item>
true-label="1" <el-form-item label="审核人">
false-label="0" <div class="k-flex">
>置于头条</el-checkbox <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>
<el-form-item label="信息所属部门"> <el-form-item label="信息所属部门">
<el-select v-model="newsForm.labelDept" clearable=""> <el-select v-model="newsForm.labelDept" clearable filterable>
<div class="searchDiv"> <!-- <div class="searchDiv">
<el-input placeholder="请输入" v-model="searchTxt"> <el-input placeholder="请输入" v-model="searchTxt">
</el-input> </el-input>
</div> </div>-->
<el-option <el-option
v-for="item in searchResult" v-for="item in searchResult"
:key="item.value" :key="item.value"
...@@ -243,56 +233,32 @@ ...@@ -243,56 +233,32 @@
</el-form-item> </el-form-item>
<el-form-item label="信息所属分类"> <el-form-item label="信息所属分类">
<el-checkbox-group v-model="newsForm.typeIds"> <el-checkbox-group v-model="newsForm.typeIds">
<el-checkbox :label="'1'" <el-checkbox :label="'1'">党员心得体会(篇)</el-checkbox>
>党员心得体会(篇)</el-checkbox
>
<el-checkbox :label="'2'">支部风采(次)</el-checkbox> <el-checkbox :label="'2'">支部风采(次)</el-checkbox>
<el-checkbox :label="'11'" <el-checkbox :label="'11'">党员大会（次）</el-checkbox>
>党员大会（次）</el-checkbox <el-checkbox :label="'12'">支部学习（次）</el-checkbox>
> <el-checkbox :label="'13'">主题党日（次）</el-checkbox>
<el-checkbox :label="'12'"
>支部学习（次）</el-checkbox
>
<el-checkbox :label="'13'"
>主题党日（次）</el-checkbox
>
<el-checkbox :label="'14'">党课（次）</el-checkbox> <el-checkbox :label="'14'">党课（次）</el-checkbox>
<el-checkbox :label="'15'">组织生活会</el-checkbox> <el-checkbox :label="'15'">组织生活会</el-checkbox>
</el-checkbox-group> </el-checkbox-group>
</el-form-item> </el-form-item>
<div class="mb-15" style="width: 100%"> <div class="mb-15" style="width: 100%">
<vue-ueditor-wrap <vue-ueditor-wrap v-model="htmlContent" :config="myConfig"></vue-ueditor-wrap>
v-model="htmlContent"
:config="myConfig"
></vue-ueditor-wrap>
</div> </div>
<!-- 如果是高院的就都没有上报高院和上报中院，中院有上报高院 ，就是sbGy，基层院有上报高院 还要上报中院 sbZy --> <!-- 如果是高院的就都没有上报高院和上报中院，中院有上报高院 ，就是sbGy，基层院有上报高院 还要上报中院 sbZy -->
<el-form-item label="上报高院" v-if="userLevel != '高院'"> <el-form-item label="上报高院" v-if="userLevel != '高院'">
<el-checkbox <el-checkbox v-model="newsForm.sbGy" true-label="1" false-label="0"></el-checkbox>
v-model="newsForm.sbGy"
true-label="1"
false-label="0"
></el-checkbox>
</el-form-item> </el-form-item>
<el-form-item <el-form-item label="上报中院" v-if="userLevel != '高院' && userLevel != '中院'">
label="上报中院" <el-checkbox v-model="newsForm.sbZy" true-label="1" false-label="0"></el-checkbox>
v-if="userLevel != '高院' && userLevel != '中院'"
>
<el-checkbox
v-model="newsForm.sbZy"
true-label="1"
false-label="0"
></el-checkbox>
</el-form-item> </el-form-item>
<el-form-item align="center"> <el-form-item align="center">
<!-- // 然后是publish ，点击发布的话是1，提交审核是4，保存是5 --> <!-- // 然后是publish ，点击发布的话是1，提交审核是4，保存是5 -->
<!-- <el-button type="primary" @click="createNewsEvent('1')">发布</el-button> --> <!-- <el-button type="primary" @click="createNewsEvent('1')">发布</el-button> -->
<!-- <el-button type="primary" @click="createNewsEvent('4')">提交审核</el-button> <!-- <el-button type="primary" @click="createNewsEvent('4')">提交审核</el-button>
<el-button type="primary" >建议</el-button> --> <el-button type="primary" >建议</el-button>-->
<el-button type="primary" @click="createNewsEvent('5')"> <el-button type="primary" @click="createNewsEvent('5')">保存</el-button>
保存
</el-button>
<el-button>取消</el-button> <el-button>取消</el-button>
</el-form-item> </el-form-item>
</el-form> </el-form>
...@@ -311,58 +277,24 @@ ...@@ -311,58 +277,24 @@
height="550" height="550"
@selection-change="handleSelectionChange2" @selection-change="handleSelectionChange2"
> >
<el-table-column type="selection" width="55"> <el-table-column type="selection" width="55"></el-table-column>
</el-table-column> <el-table-column prop="subject" label="标题" width></el-table-column>
<el-table-column prop="subject" label="标题" width=""> <el-table-column prop="boardName" label="所属栏目" width></el-table-column>
</el-table-column> <el-table-column prop="provider" label="责任编辑" show-overflow-tooltip></el-table-column>
<el-table-column <el-table-column prop="newsTime" label="创建/修改时间" width></el-table-column>
prop="boardName" <el-table-column prop="clickCount" label="点击次数" width="70" align="center">
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"> <template slot-scope="scope">
<span v-if="scope.row.clickCount == null">0</span> <span v-if="scope.row.clickCount == null">0</span>
<span v-else>{{ scope.row.clickCount }}</span> <span v-else>{{ scope.row.clickCount }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column prop="commentCount" label="评论(条)" width="70" align="center"></el-table-column>
prop="commentCount" <el-table-column prop="adviceCount" label="建议(条)" width="70" align="center"></el-table-column>
label="评论(条)" <el-table-column prop="publish" label="状态" width>
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"> <template slot-scope="scope">
<el-tag :type="scope.row.publish | statusFilters"> <el-tag
{{ scope.row.publish | getStatus }} :type="scope.row.publish | statusFilters"
</el-tag> >{{ scope.row.publish | getStatus }}</el-tag>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="操作" width="120"> <el-table-column label="操作" width="120">
...@@ -371,39 +303,20 @@ ...@@ -371,39 +303,20 @@
@click="openAudit(scope.row.newsId)" @click="openAudit(scope.row.newsId)"
type="text" type="text"
size="small" size="small"
> >审核</el-button>
审核
</el-button>
<el-button <el-button
@click="openSuggest(scope.row.newsId)" @click="openSuggest(scope.row.newsId)"
type="text" type="text"
size="small" size="small"
> >提建议</el-button>
提建议
</el-button>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<el-row class="mt-10"> <el-row class="mt-10">
<!-- 创建未提交审核为5，提交审核为4，审核不通过为3，通过已发布为1 --> <!-- 创建未提交审核为5，提交审核为4，审核不通过为3，通过已发布为1 -->
<el-button <el-button type="primary" size="mini" @click="assInfoBatch">批量打开</el-button>
type="primary" <el-button type="primary" size="mini" @click="assInfoBatchOp(1)">批量审核通过并发布</el-button>
size="mini" <el-button type="primary" size="mini" @click="assInfoBatchOp(3)">批量审核不通过</el-button>
@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> </el-row>
<div style="margin-top: 10px"> <div style="margin-top: 10px">
<el-pagination <el-pagination
...@@ -423,10 +336,7 @@ ...@@ -423,10 +336,7 @@
<i class="el-icon-date"></i>收报信息 <i class="el-icon-date"></i>收报信息
</span> </span>
<div class="report-radiogroup"> <div class="report-radiogroup">
<el-radio-group <el-radio-group v-model="reportRadio" @change="reportRadioChange">
v-model="reportRadio"
@change="reportRadioChange"
>
<el-radio :label="1">接收</el-radio> <el-radio :label="1">接收</el-radio>
<el-radio :label="2">报送</el-radio> <el-radio :label="2">报送</el-radio>
</el-radio-group> </el-radio-group>
...@@ -442,44 +352,28 @@ ...@@ -442,44 +352,28 @@
style="width: 100%" style="width: 100%"
@selection-change="handleSelectionChange3" @selection-change="handleSelectionChange3"
> >
<el-table-column type="selection" width="55"> <el-table-column type="selection" width="55"></el-table-column>
</el-table-column>
<el-table-column label="法院" prop="fyJc"> <el-table-column label="法院" prop="fyJc">
<template slot-scope="scope"> <template slot-scope="scope">{{ scope.row.fyJc }}</template>
{{ 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>
<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="报送状态"> <el-table-column label="报送状态">
<template slot-scope="scope"> <template slot-scope="scope">
<div v-if="scope.row.sbGy == '1'">已报高院</div> <div v-if="scope.row.sbGy == '1'">已报高院，未读</div>
<div v-if="scope.row.sbZy == '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>
</el-table-column> </el-table-column>
<el-table-column label="操作"> <el-table-column label="操作">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button <el-button @click="leaveDia(scope.row.newsId)" type="text" size="small">留言</el-button>
@click="leaveDia(scope.row.newsId)"
type="text"
size="small"
>
留言
</el-button>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
...@@ -499,25 +393,13 @@ ...@@ -499,25 +393,13 @@
false-label="0" false-label="0"
></el-checkbox ></el-checkbox
> >
</el-form-item> --> </el-form-item>-->
<el-row class="mt-10"> <el-row class="mt-10">
<!-- 创建未提交审核为5，提交审核为4，审核不通过为3，通过已发布为1 --> <!-- 创建未提交审核为5，提交审核为4，审核不通过为3，通过已发布为1 -->
<el-button type="primary" size="mini" @click="sbBatch" <el-button type="primary" size="mini" @click="sbBatch">批量打开</el-button>
>批量打开</el-button
>
<!-- 是否采用,3为采用，2为不采用即已阅 --> <!-- 是否采用,3为采用，2为不采用即已阅 -->
<el-button <el-button type="primary" size="mini" @click="sbBatchUseOrNot(3)" v-if="reportRadio == '1'">批量采用</el-button>
type="primary" <el-button type="primary" size="mini" @click="sbBatchUseOrNot(2)" v-if="reportRadio == '1'">批量已阅</el-button>
size="mini"
@click="sbBatchUseOrNot(3)"
>批量采用</el-button
>
<el-button
type="primary"
size="mini"
@click="sbBatchUseOrNot(2)"
>批量不采用</el-button
>
</el-row> </el-row>
<div style="margin-top: 10px"> <div style="margin-top: 10px">
<el-pagination <el-pagination
...@@ -533,44 +415,35 @@ ...@@ -533,44 +415,35 @@
</div> </div>
</el-tab-pane> </el-tab-pane>
<el-tab-pane name="fifth"> <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 ref="searchForm" :model="form" label-width="80px">
<el-form-item label="格式"> <el-form-item label="格式">
<el-select <el-select v-model="pageInfoSearch.geshi" placeholder="请选择格式" clearable>
v-model="pageInfoSearch.geshi"
placeholder="请选择格式"
clearable
>
<el-option label="普通格式" value="0"></el-option> <el-option label="普通格式" value="0"></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="类型"> <el-form-item label="类型">
<!-- 创建未提交审核为5，提交审核为4，审核不通过为3，通过已发布为1 --> <!-- 创建未提交审核为5，提交审核为4，审核不通过为3，通过已发布为1 -->
<el-select <el-select
v-model="pageInfoSearch.publish" v-model="pageInfoSearch.boardId"
placeholder="请选择类型" disabled
placeholder="栏目类型"
clearable clearable
> >
<el-option <el-option
label="创建未提交审核" :label="item.boardName"
value="5" :value="item.boardId"
v-for="item in boardLists"
:key="item.boardId"
></el-option> ></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-select>
</el-form-item> </el-form-item>
<el-form-item label="状态"> <el-form-item label="状态">
<!-- 创建未提交审核为5，提交审核为4，审核不通过为3，通过已发布为1 --> <!-- 创建未提交审核为5，提交审核为4，审核不通过为3，通过已发布为1 -->
<el-select <el-select v-model="pageInfoSearch.publish" placeholder="请选择状态" clearable>
v-model="pageInfoSearch.publish" <el-option label="创建未提交审核" value="5"></el-option>
placeholder="请选择类型"
clearable
>
<el-option
label="创建未提交审核"
value="5"
></el-option>
<el-option label="提交审核" value="4"></el-option> <el-option label="提交审核" value="4"></el-option>
<el-option label="审核不通过" value="3"></el-option> <el-option label="审核不通过" value="3"></el-option>
<el-option label="通过已发布" value="1"></el-option> <el-option label="通过已发布" value="1"></el-option>
...@@ -578,59 +451,40 @@ ...@@ -578,59 +451,40 @@
</el-form-item> </el-form-item>
<el-form-item label="标题"> <el-form-item label="标题">
<el-col <el-col :span="11" style="padding-left: 0; padding-right: 0">
:span="11"
style="padding-left: 0; padding-right: 0"
>
<el-input v-model="pageInfoSearch.subject"></el-input> <el-input v-model="pageInfoSearch.subject"></el-input>
</el-col> </el-col>
</el-form-item> </el-form-item>
<el-form-item label="发布日期"> <el-form-item label="发布日期">
<el-col <el-col :span="11" style="padding-left: 0; padding-right: 0">
:span="11"
style="padding-left: 0; padding-right: 0"
>
<el-date-picker <el-date-picker
v-model="pageInfoSearch.stime" v-model="pageInfoSearch.stime"
type="datetime" type="datetime"
placeholder="选择开始日期时间" placeholder="选择开始日期时间"
default-time="12:00:00" default-time="00:00:00"
value-format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss"
style="width: 100%" style="width: 100%"
> ></el-date-picker>
</el-date-picker>
</el-col> </el-col>
<el-col <el-col class="line" :span="2" style="text-align: center">-</el-col>
class="line"
:span="2"
style="text-align: center"
>-</el-col
>
<el-col :span="11"> <el-col :span="11">
<el-date-picker <el-date-picker
v-model="pageInfoSearch.etime" v-model="pageInfoSearch.etime"
type="datetime" type="datetime"
placeholder="选择结束日期时间" placeholder="选择结束日期时间"
default-time="12:00:00" default-time="00:00:00"
value-format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss"
style="width: 100%" style="width: 100%"
> ></el-date-picker>
</el-date-picker>
</el-col> </el-col>
</el-form-item> </el-form-item>
<el-form-item label="内容"> <el-form-item label="内容">
<el-col <el-col :span="11" style="padding-left: 0; padding-right: 0">
:span="11"
style="padding-left: 0; padding-right: 0"
>
<el-input v-model="pageInfoSearch.content"></el-input> <el-input v-model="pageInfoSearch.content"></el-input>
</el-col> </el-col>
</el-form-item> </el-form-item>
<el-form-item label="点击次数"> <el-form-item label="点击次数">
<el-col <el-col :span="11" style="padding-left: 0; padding-right: 0">
:span="11"
style="padding-left: 0; padding-right: 0"
>
<el-input <el-input
v-model="pageInfoSearch.minClick" v-model="pageInfoSearch.minClick"
@input="changeInput1" @input="changeInput1"
...@@ -645,8 +499,7 @@ ...@@ -645,8 +499,7 @@
white-space: nowrap; white-space: nowrap;
font-size: 12px; font-size: 12px;
" "
>至</el-col >至</el-col>
>
<el-col :span="11"> <el-col :span="11">
<el-input <el-input
type="number" type="number"
...@@ -657,60 +510,40 @@ ...@@ -657,60 +510,40 @@
</el-col> </el-col>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button type="primary" @click="findNews()" <el-button type="primary" @click="findNews()">查询</el-button>
>查询</el-button
>
<el-button @click="resetSearch()">重置</el-button> <el-button @click="resetSearch()">重置</el-button>
</el-form-item> </el-form-item>
</el-form> </el-form>
<el-row> <el-row>
<el-table <el-table border :data="manageListSearch" style="width: 100%">
border <el-table-column label="标题" prop="subject"></el-table-column>
:data="manageListSearch" <el-table-column prop="boardName" label="所属栏目"></el-table-column>
style="width: 100%" <el-table-column prop="provider" label="责任编辑"></el-table-column>
> <el-table-column prop="newsTime" label="创建/修改时间"></el-table-column>
<el-table-column label="标题" prop="subject"> <el-table-column prop="clickCount" label="点击次数" align="center">
</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"> <template slot-scope="scope">
<span v-if="scope.row.clickCount == null">0</span> <span v-if="scope.row.clickCount == null">0</span>
<span v-else>{{ scope.row.clickCount }}</span> <span v-else>{{ scope.row.clickCount }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column prop="commentCount" label="评论(条)" align="center"></el-table-column>
prop="commentCount" <el-table-column prop="adviceCount" label="建议(条)" align="center"></el-table-column>
label="评论(条)"
align="center"
>
</el-table-column>
<el-table-column
prop="adviceCount"
label="建议(条)"
align="center"
>
</el-table-column>
<el-table-column prop="publish" label="审核发布状态"> <el-table-column prop="publish" label="审核发布状态">
<template slot-scope="scope"> <template slot-scope="scope">
<el-tag :type="scope.row.publish | statusFilters"> <el-tag
{{ scope.row.publish | getStatus }} :type="scope.row.publish | statusFilters"
</el-tag> >{{ scope.row.publish | getStatus }}</el-tag>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="" label="报送状态"> <el-table-column prop label="报送状态">
<template slot-scope="scope"> <template slot-scope="scope">
<div v-if="scope.row.sbGy == '1'">已报高院</div> <div v-if="scope.row.sbGy == '1'">已报高院，未读</div>
<div v-if="scope.row.sbZy == '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>
</el-table-column> </el-table-column>
</el-table> </el-table>
...@@ -736,21 +569,113 @@ ...@@ -736,21 +569,113 @@
</el-col> </el-col>
</el-row> </el-row>
<!--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"
:on-preview="handlePreviewEdit"
>
<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、管理列表---修改管理列表弹窗开始 --> <!--1、管理列表---修改管理列表弹窗开始 -->
<el-dialog <el-dialog title="修改" width="70%" :visible.sync="editVisible" :before-close="handleCloseEdit">
title="修改"
width="70%"
:visible.sync="editVisible"
:before-close="handleCloseEdit"
>
<el-form ref="form" :model="newsFormEdit" label-width="120px"> <el-form ref="form" :model="newsFormEdit" label-width="120px">
<el-form-item label="格式"> <el-form-item label="格式">
<el-select v-model="newsFormEdit.geshi" placeholder="请选择格式"> <el-select v-model="newsFormEdit.geshi" placeholder="请选择格式">
<el-option label="普通格式" value="0"></el-option> <el-option label="普通格式" value="0"></el-option>
</el-select> </el-select>
<span class="ml-15" <span class="ml-15">提示：在word文档中编辑好后，复制黏贴到编辑框</span>
>提示：在word文档中编辑好后，复制黏贴到编辑框</span
>
</el-form-item> </el-form-item>
<el-form-item label="标题"> <el-form-item label="标题">
<el-input v-model="newsFormEdit.subject"></el-input> <el-input v-model="newsFormEdit.subject"></el-input>
...@@ -771,7 +696,7 @@ ...@@ -771,7 +696,7 @@
浏览文件 浏览文件
</el-button> </el-button>
</el-upload> </el-upload>
</el-form-item> --> </el-form-item>-->
<el-form-item label="多附件上传"> <el-form-item label="多附件上传">
<el-upload <el-upload
class="upload-demo" class="upload-demo"
...@@ -782,24 +707,21 @@ ...@@ -782,24 +707,21 @@
action="#" action="#"
name="fileList" name="fileList"
:show-file-list="true" :show-file-list="true"
accept=".doc, .docx, application/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document, .pdf, image/*, audio/*, video/*, .xls, .xlsx, .xml, .txt"
:on-change="uploadSuccessEdit" :on-change="uploadSuccessEdit"
:on-remove="handleRemoveEdit" :on-remove="handleRemoveEdit"
:on-preview="handlePreviewEdit"
> >
<el-button class="area-btn"> 浏览文件 </el-button> <el-button class="area-btn">浏览文件</el-button>
</el-upload> </el-upload>
</el-form-item> </el-form-item>
<el-form-item label="今日头条"> <el-form-item label="今日头条">
<el-checkbox <el-checkbox v-model="newsFormEdit.isTop" true-label="1" false-label="0">置于头条</el-checkbox>
v-model="newsFormEdit.isTop"
true-label="1"
false-label="0"
>置于头条</el-checkbox
>
</el-form-item> </el-form-item>
<el-form-item label="信息所属部门"> <el-form-item label="信息所属部门">
<el-select v-model="newsFormEdit.labelDept" clearable=""> <el-select v-model="newsFormEdit.labelDept" clearable>
<div class="searchDiv"> <div class="searchDiv">
<el-input placeholder="请输入" v-model="searchTxt"> </el-input> <el-input placeholder="请输入" v-model="searchTxt"></el-input>
</div> </div>
<el-option <el-option
v-for="item in searchResult" v-for="item in searchResult"
...@@ -823,36 +745,18 @@ ...@@ -823,36 +745,18 @@
</el-checkbox-group> </el-checkbox-group>
</el-form-item> </el-form-item>
<div class="mb-15" style="width: 100%"> <div class="mb-15" style="width: 100%">
<vue-ueditor-wrap <vue-ueditor-wrap v-model="newsFormEdit.content" :config="myConfig"></vue-ueditor-wrap>
v-model="newsFormEdit.content"
:config="myConfig"
></vue-ueditor-wrap>
</div> </div>
<el-form-item label="上报高院" v-if="userLevel != '高院'"> <el-form-item label="上报高院" v-if="userLevel != '高院'">
<el-checkbox <el-checkbox v-model="newsFormEdit.sbGy" true-label="1" false-label="0"></el-checkbox>
v-model="newsFormEdit.sbGy"
true-label="1"
false-label="0"
></el-checkbox>
</el-form-item> </el-form-item>
<el-form-item <el-form-item label="上报中院" v-if="userLevel != '高院' && userLevel != '中院'">
label="上报中院" <el-checkbox v-model="newsFormEdit.sbZy" true-label="1" false-label="0"></el-checkbox>
v-if="userLevel != '高院' && userLevel != '中院'"
>
<el-checkbox
v-model="newsFormEdit.sbZy"
true-label="1"
false-label="0"
></el-checkbox>
</el-form-item> </el-form-item>
<el-form-item align="center"> <el-form-item align="center">
<!-- //创建未提交审核即保存为5，提交审核为4，审核不通过为3，通过已发布为1 --> <!-- //创建未提交审核即保存为5，提交审核为4，审核不通过为3，通过已发布为1 -->
<el-button type="primary" @click="updateNews('4')" <el-button type="primary" @click="updateNews('4')">提交审核</el-button>
>提交审核</el-button <el-button type="primary" @click="openSuggest(newsFormEdit.newsId)">建议</el-button>
>
<el-button type="primary" @click="openSuggest(newsFormEdit.newsId)"
>建议</el-button
>
<el-button type="primary" @click="updateNews('5')">保存</el-button> <el-button type="primary" @click="updateNews('5')">保存</el-button>
<el-button @click="handleCloseEdit">关闭</el-button> <el-button @click="handleCloseEdit">关闭</el-button>
</el-form-item> </el-form-item>
...@@ -860,12 +764,7 @@ ...@@ -860,12 +764,7 @@
</el-dialog> </el-dialog>
<!-- 1、管理列表---修改管理列表弹窗结束 --> <!-- 1、管理列表---修改管理列表弹窗结束 -->
<!-- 2、管理列表---评论弹窗start--> <!-- 2、管理列表---评论弹窗start-->
<el-dialog <el-dialog title="评论列表" :visible.sync="commentDialog" width="40%" :before-close="handleComment">
title="评论列表"
:visible.sync="commentDialog"
width="40%"
:before-close="handleComment"
>
<div> <div>
<el-table <el-table
:data="messageDetailDataList" :data="messageDetailDataList"
...@@ -876,9 +775,9 @@ ...@@ -876,9 +775,9 @@
default-expand-all default-expand-all
:tree-props="{ children: 'children', hasChildren: 'hasChildren' }" :tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
> >
<el-table-column prop="content" 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="userId" label="评论人"></el-table-column>
<el-table-column prop="reTime" label="时间"> </el-table-column> <el-table-column prop="reTime" label="时间"></el-table-column>
</el-table> </el-table>
</div> </div>
<span slot="footer" class="dialog-footer"> <span slot="footer" class="dialog-footer">
...@@ -887,23 +786,13 @@ ...@@ -887,23 +786,13 @@
</el-dialog> </el-dialog>
<!--2、管理列表---评论弹窗end--> <!--2、管理列表---评论弹窗end-->
<!--3、审核列表--审核弹窗开始 --> <!--3、审核列表--审核弹窗开始 -->
<el-dialog <el-dialog width="70%" :visible.sync="auditVisible" :before-close="handleCloseAudit">
width="70%"
:visible.sync="auditVisible"
:before-close="handleCloseAudit"
>
<el-form ref="form" :model="newsForm" label-width="120px"> <el-form ref="form" :model="newsForm" label-width="120px">
<el-form-item label="格式"> <el-form-item label="格式">
<el-select <el-select v-model="newsFormEdit.geshi" placeholder="请选择格式" disabled>
v-model="newsFormEdit.geshi"
placeholder="请选择格式"
disabled
>
<el-option label="普通格式" value="0"></el-option> <el-option label="普通格式" value="0"></el-option>
</el-select> </el-select>
<span class="ml-15" <span class="ml-15">提示：在word文档中编辑好后，复制黏贴到编辑框</span>
>提示：在word文档中编辑好后，复制黏贴到编辑框</span
>
</el-form-item> </el-form-item>
<el-form-item label="所属栏目"> <el-form-item label="所属栏目">
<el-row> <el-row>
...@@ -944,7 +833,7 @@ ...@@ -944,7 +833,7 @@
浏览文件 浏览文件
</el-button> </el-button>
</el-upload> </el-upload>
</el-form-item> --> </el-form-item>-->
<el-form-item label="多附件上传"> <el-form-item label="多附件上传">
<el-upload <el-upload
disabled disabled
...@@ -954,27 +843,24 @@ ...@@ -954,27 +843,24 @@
:file-list="fileListEdit" :file-list="fileListEdit"
:auto-upload="false" :auto-upload="false"
action="#" action="#"
accept=".doc, .docx, application/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document, .pdf, image/*, audio/*, video/*, .xls, .xlsx, .xml, .txt"
name="fileList" name="fileList"
:show-file-list="true" :show-file-list="true"
:on-change="uploadSuccessEdit" :on-change="uploadSuccessEdit"
:on-remove="handleRemoveEdit" :on-remove="handleRemoveEdit"
:on-preview="handlePreviewEdit"
> >
<el-button class="area-btn"> 浏览文件 </el-button> <el-button class="area-btn">浏览文件</el-button>
</el-upload> </el-upload>
</el-form-item> </el-form-item>
<el-form-item label="今日头条"> <el-form-item label="今日头条">
<el-checkbox <el-checkbox disabled v-model="newsFormEdit.isTop" true-label="1" false-label="0">置于头条</el-checkbox>
disabled
v-model="newsFormEdit.isTop"
true-label="1"
false-label="0"
>置于头条</el-checkbox
>
</el-form-item> </el-form-item>
<el-form-item label="信息所属部门"> <el-form-item label="信息所属部门">
<el-select v-model="newsFormEdit.labelDept" clearable disabled> <el-select v-model="newsFormEdit.labelDept" clearable disabled>
<div class="searchDiv"> <div class="searchDiv">
<el-input placeholder="请输入" v-model="searchTxt"> </el-input> <el-input placeholder="请输入" v-model="searchTxt"></el-input>
</div> </div>
<el-option <el-option
v-for="item in searchResult" v-for="item in searchResult"
...@@ -1021,11 +907,7 @@ ...@@ -1021,11 +907,7 @@
<div> <div>
<el-form ref="refAdviceForm" :model="adviceForm" label-width="80px"> <el-form ref="refAdviceForm" :model="adviceForm" label-width="80px">
<el-form-item label="内容:"> <el-form-item label="内容:">
<el-input <el-input type="textarea" v-model="adviceForm.content" :rows="5"></el-input>
type="textarea"
v-model="adviceForm.content"
:rows="5"
></el-input>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button type="primary" @click="saveAdvise">确 定</el-button> <el-button type="primary" @click="saveAdvise">确 定</el-button>
...@@ -1038,11 +920,9 @@ ...@@ -1038,11 +920,9 @@
<!-- <el-button style="float: right; padding: 3px 0" type="text">操作按钮</el-button> --> <!-- <el-button style="float: right; padding: 3px 0" type="text">操作按钮</el-button> -->
</div> </div>
<el-table :data="adviceDetailData" border style="width: 100%"> <el-table :data="adviceDetailData" border style="width: 100%">
<el-table-column prop="fromId" label="建议人" width="180"> <el-table-column prop="fromId" label="建议人" width="180"></el-table-column>
</el-table-column> <el-table-column prop="content" label="内容" width="180"></el-table-column>
<el-table-column prop="content" label="内容" width="180"> <el-table-column prop="sendTime" label="时间"></el-table-column>
</el-table-column>
<el-table-column prop="sendTime" label="时间"> </el-table-column>
</el-table> </el-table>
</el-card> </el-card>
</div> </div>
...@@ -1053,12 +933,7 @@ ...@@ -1053,12 +933,7 @@
<!---4、审核列表--提建议弹窗end--> <!---4、审核列表--提建议弹窗end-->
<!---5、收报信息--留言弹窗start--> <!---5、收报信息--留言弹窗start-->
<el-dialog <el-dialog title="留言" :visible.sync="leaveVisible" width="40%" :before-close="handleCloseLeave">
title="留言"
:visible.sync="leaveVisible"
width="40%"
:before-close="handleCloseLeave"
>
<div> <div>
<el-table <el-table
:data="messageDetailDataList" :data="messageDetailDataList"
...@@ -1069,9 +944,9 @@ ...@@ -1069,9 +944,9 @@
default-expand-all default-expand-all
:tree-props="{ children: 'children', hasChildren: 'hasChildren' }" :tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
> >
<el-table-column prop="content" 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="userId" label="评论人"></el-table-column>
<el-table-column prop="reTime" label="时间"> </el-table-column> <el-table-column prop="reTime" label="时间"></el-table-column>
</el-table> </el-table>
</div> </div>
<span slot="footer" class="dialog-footer"> <span slot="footer" class="dialog-footer">
...@@ -1084,12 +959,7 @@ ...@@ -1084,12 +959,7 @@
<dept-list ref="refDept" :deptVisible.sync="deptVisible"></dept-list> <dept-list ref="refDept" :deptVisible.sync="deptVisible"></dept-list>
<!---6、所属部门弹窗end--> <!---6、所属部门弹窗end-->
<!-- 7、日志弹窗start--> <!-- 7、日志弹窗start-->
<el-dialog <el-dialog title="日志" :visible.sync="logVisible" width="40%" :before-close="handleCloseLog">
title="日志"
:visible.sync="logVisible"
width="40%"
:before-close="handleCloseLog"
>
<div class="log-detail-dialog"> <div class="log-detail-dialog">
<el-scrollbar style="height: 100%"> <el-scrollbar style="height: 100%">
<p v-for="(item, index) in logContent" :key="index">{{ item }}</p> <p v-for="(item, index) in logContent" :key="index">{{ item }}</p>
...@@ -1113,10 +983,7 @@ ...@@ -1113,10 +983,7 @@
center center
> >
<div style="height: 650px; over-flow: hidden; overflow-y: auto"> <div style="height: 650px; over-flow: hidden; overflow-y: auto">
<el-checkbox-group <el-checkbox-group v-model="checkedCities" @change="handleCheckedCitiesChange">
v-model="checkedCities"
@change="handleCheckedCitiesChange"
>
<el-row style="padding: 0 15px"> <el-row style="padding: 0 15px">
<div class="mb-30" v-for="(item, index) in batchList" :key="index"> <div class="mb-30" v-for="(item, index) in batchList" :key="index">
<h2 <h2
...@@ -1125,15 +992,11 @@ ...@@ -1125,15 +992,11 @@
font-size: 13px; font-size: 13px;
text-align: center !important; text-align: center !important;
" "
> >{{ item.newsDetail.subject }}</h2>
{{ item.newsDetail.subject }}
</h2>
<div <div
v-if="item.newsDetail.newsTime" v-if="item.newsDetail.newsTime"
style="color: #999999; font-size: 12px; text-align: right" 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"> <div v-if="item.attachList">
<el-image <el-image
style="margin-top: 5px; width: 100%; margin-bottom: 5px" style="margin-top: 5px; width: 100%; margin-bottom: 5px"
...@@ -1143,26 +1006,15 @@ ...@@ -1143,26 +1006,15 @@
:src="v.downloadPath" :src="v.downloadPath"
></el-image> ></el-image>
</div> </div>
<div <div class="view-html" style="width: 100%" v-html="item.newsDetail.content"></div>
class="view-html" <div class="wiriter-intro">作者: {{ item.newsDetail.provider }}</div>
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"> <div style="text-align: center; margin-top: 10px">
<el-checkbox <el-checkbox :label="item.newsDetail.newsId" :key="item.newsDetail.newsId">标记</el-checkbox>
:label="item.newsDetail.newsId"
:key="item.newsDetail.newsId"
>标记</el-checkbox
>
<el-button <el-button
class="ml-15" class="ml-15"
type="primary" type="primary"
@click="openSuggest(item.newsDetail.newsId)" @click="openSuggest(item.newsDetail.newsId)"
>提建议</el-button >提建议</el-button>
>
</div> </div>
</div> </div>
</el-row> </el-row>
...@@ -1174,11 +1026,8 @@ ...@@ -1174,11 +1026,8 @@
:indeterminate="isIndeterminate" :indeterminate="isIndeterminate"
v-model="checkAll" v-model="checkAll"
@change="handleCheckAllChange" @change="handleCheckAllChange"
>全部标记</el-checkbox >全部标记</el-checkbox>
> <el-button class="ml-15" type="primary" @click="assInfoBatchOp(1)">通过</el-button>
<el-button class="ml-15" type="primary" @click="assInfoBatchOp(1)"
>通过</el-button
>
<el-button @click="assInfoBatchOp(3)">不通过</el-button> <el-button @click="assInfoBatchOp(3)">不通过</el-button>
<el-button @click="handleColseAssInfo">关闭</el-button> <el-button @click="handleColseAssInfo">关闭</el-button>
</span> </span>
...@@ -1194,10 +1043,7 @@ ...@@ -1194,10 +1043,7 @@
center center
> >
<div style="height: 650px; over-flow: hidden; overflow-y: auto"> <div style="height: 650px; over-flow: hidden; overflow-y: auto">
<el-checkbox-group <el-checkbox-group v-model="checkedCities" @change="handleCheckedCitiesChangegGet">
v-model="checkedCities"
@change="handleCheckedCitiesChangegGet"
>
<el-row style="padding: 0 15px"> <el-row style="padding: 0 15px">
<div class="mb-30" v-for="(item, index) in batchList" :key="index"> <div class="mb-30" v-for="(item, index) in batchList" :key="index">
<h2 <h2
...@@ -1206,15 +1052,11 @@ ...@@ -1206,15 +1052,11 @@
font-size: 13px; font-size: 13px;
text-align: center !important; text-align: center !important;
" "
> >{{ item.newsDetail.subject }}</h2>
{{ item.newsDetail.subject }}
</h2>
<div <div
v-if="item.newsDetail.newsTime" v-if="item.newsDetail.newsTime"
style="color: #999999; font-size: 12px; text-align: right" 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"> <div v-if="item.attachList">
<el-image <el-image
style="margin-top: 5px; width: 100%; margin-bottom: 5px" style="margin-top: 5px; width: 100%; margin-bottom: 5px"
...@@ -1224,26 +1066,15 @@ ...@@ -1224,26 +1066,15 @@
:src="v.downloadPath" :src="v.downloadPath"
></el-image> ></el-image>
</div> </div>
<div <div class="view-html" style="width: 100%" v-html="item.newsDetail.content"></div>
class="view-html" <div class="wiriter-intro">作者: {{ item.newsDetail.provider }}</div>
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"> <div style="text-align: center; margin-top: 10px">
<el-checkbox <el-checkbox :label="item.newsDetail.newsId" :key="item.newsDetail.newsId">标记</el-checkbox>
:label="item.newsDetail.newsId"
:key="item.newsDetail.newsId"
>标记</el-checkbox
>
<el-button <el-button
class="ml-15" class="ml-15"
type="primary" type="primary"
@click="openSuggest(item.newsDetail.newsId)" @click="openSuggest(item.newsDetail.newsId)"
>提建议</el-button >提建议</el-button>
>
</div> </div>
</div> </div>
</el-row> </el-row>
...@@ -1251,17 +1082,36 @@ ...@@ -1251,17 +1082,36 @@
</div> </div>
<span slot="footer" class="dialog-footer"> <span slot="footer" class="dialog-footer">
<el-checkbox v-model="checkAll" @change="handleCheckAllChange2" <el-checkbox v-model="checkAll" @change="handleCheckAllChange2">全部标记</el-checkbox>
>全部标记</el-checkbox <el-button class="ml-15" type="primary" @click="sbBatchUseOrNot(3)">采用</el-button>
>
<el-button class="ml-15" type="primary" @click="sbBatchUseOrNot(3)"
>采用</el-button
>
<el-button @click="sbBatchUseOrNot(1)">不采用</el-button> <el-button @click="sbBatchUseOrNot(1)">不采用</el-button>
<el-button @click="handleCloseGet">关闭</el-button> <el-button @click="handleCloseGet">关闭</el-button>
</span> </span>
</el-dialog> </el-dialog>
<!-- 9、收报批量打开end --> <!-- 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> </div>
</template> </template>
<script> <script>
...@@ -1291,16 +1141,21 @@ import { ...@@ -1291,16 +1141,21 @@ import {
findNews, //搜索信息 findNews, //搜索信息
delFile, //删除附件 delFile, //删除附件
sendBatchAssRemindSms, //批量短信 sendBatchAssRemindSms, //批量短信
boardList,
boardDetail // 栏目详情
} from "@/api/manage/manage"; } from "@/api/manage/manage";
import { removeToken } from "@/utils/auth"; import { removeToken } from "@/utils/auth";
import { getInfo, logout } from "@/api/login"; import { getInfo, logout } from "@/api/login";
import { getUserInfo } from "@/utils/auth"; import { getUserInfo } from "@/utils/auth";
import audit from "./audit";
export default { export default {
name: "show", name: "show",
components: { components: {
vueUeditorWrap, vueUeditorWrap,
deptList, //所属部门组件 deptList, //所属部门组件
audit
}, },
data() { data() {
return { return {
...@@ -1327,7 +1182,7 @@ export default { ...@@ -1327,7 +1182,7 @@ export default {
multipleSelection3: [], //勾选1 multipleSelection3: [], //勾选1
manageSearchList: [], //管理列表查询搜索 manageSearchList: [], //管理列表查询搜索
adviceForm: { adviceForm: {
content: "", content: ""
}, //提建议 }, //提建议
adviceDetailData: [], //历史建议列表 adviceDetailData: [], //历史建议列表
commentDialog: false, //管理列表--评论弹窗 commentDialog: false, //管理列表--评论弹窗
...@@ -1335,27 +1190,28 @@ export default { ...@@ -1335,27 +1190,28 @@ export default {
pageInfo: { pageInfo: {
page: 1, page: 1,
size: 10, size: 10,
total: 0, total: 0
}, //管理 }, //管理
pageInfoSearch: { pageInfoSearch: {
page: 1, page: 1,
size: 10, size: 10,
total: 0, total: 0
}, //管理 }, //管理
manageListSearch: [], manageListSearch: [],
pageInfoAss: { pageInfoAss: {
page: 1, page: 1,
size: 10, size: 10,
total: 0, total: 0
}, //审核列表 }, //审核列表
pageInfoRe: { pageInfoRe: {
page: 1, page: 1,
size: 10, size: 10,
total: 0, total: 0
}, //收报信息 }, //收报信息
assList: [], //审核列表 assList: [], //审核列表
reportList: [], //收报信息 reportList: [], //收报信息
editVisible: false, //修改管理列表 editVisible: false, //修改管理列表
checkVisible: false, //查看管理列表
userLevel: "", //用户法院等级 userLevel: "", //用户法院等级
auditVisible: false, //审核弹窗 auditVisible: false, //审核弹窗
suggestVisible: false, //提建议弹窗 suggestVisible: false, //提建议弹窗
...@@ -1366,15 +1222,32 @@ export default { ...@@ -1366,15 +1222,32 @@ export default {
htmlContent: "", htmlContent: "",
// 富文本配置 // 富文本配置
myConfig: { myConfig: {
//是否自动清除编辑器初始内容
autoClearinitialContent: true,
// 编辑器不自动被内容撑高 // 编辑器不自动被内容撑高
autoHeightEnabled: false, autoHeightEnabled: false,
enableAutoSave: false,
// 初始容器高度 // 初始容器高度
initialFrameHeight: 300, initialFrameHeight: 300,
// 初始容器宽度 // 初始容器宽度
initialFrameWidth: "99%", initialFrameWidth: "99%",
// 上传文件接口 // 上传文件接口
// serverUrl: "", // serverUrl: "",
UEDITOR_HOME_URL: "/UEditor/", UEDITOR_HOME_URL: "/UEditor/"
},
checkConfig: {
//查看功能的富文本编辑器
//编辑区域是否是只读的
readonly: true,
// 编辑器不自动被内容撑高
autoHeightEnabled: false,
// 初始容器高度
initialFrameHeight: 300,
// 初始容器宽度
initialFrameWidth: "99%",
// 上传文件接口
// serverUrl: "",
UEDITOR_HOME_URL: "/UEditor/"
}, },
deptList: [], //本院部门 deptList: [], //本院部门
manageList: [], //获取管理列表 manageList: [], //获取管理列表
...@@ -1389,7 +1262,7 @@ export default { ...@@ -1389,7 +1262,7 @@ export default {
sendToBoards: "0", //发送到教育整顿 sendToBoards: "0", //发送到教育整顿
// labelDept:null,//信息所属部门 // labelDept:null,//信息所属部门
sbGy: "0", //上报高院 sbGy: "0", //上报高院
sbZy: "0", //上报中院 sbZy: "0" //上报中院
// name: '', // name: '',
// region: '', // region: '',
// date1: '', // date1: '',
...@@ -1407,14 +1280,14 @@ export default { ...@@ -1407,14 +1280,14 @@ export default {
delivery: false, delivery: false,
type: [], type: [],
resource: "", resource: "",
desc: "", desc: ""
}, },
activeName: "first", activeName: "first",
// multipleSelection: [], // multipleSelection: [],
dataTreeFile: [], dataTreeFile: [],
defaultProps: { defaultProps: {
children: "children", children: "children",
label: "boardName", label: "boardName"
}, },
logContent: [], // 正则后日志详情 logContent: [], // 正则后日志详情
...@@ -1423,8 +1296,20 @@ export default { ...@@ -1423,8 +1296,20 @@ export default {
reportRadio: 1, // 收报信息---1：接收，2：报送 reportRadio: 1, // 收报信息---1：接收，2：报送
reportListLoading: false, // 收报信息列表加载 reportListLoading: false, // 收报信息列表加载
isShowColumn: false, // 添加信息---是否显示所属栏目 isShowColumn: false, // 添加信息---是否显示所属栏目
boardLists: [],
suggestCheckVisible: false
}; };
}, },
mounted() {},
// watch: {
// "newsForm.boardId":{
// handler(){
// this.boardList(this.curBoardId);
// },
// deep: true
// }
// },
created() { created() {
console.log("登录路径==", process.env.VUE_APP_LOGIN_API); console.log("登录路径==", process.env.VUE_APP_LOGIN_API);
this.getBoardTree(); //获取左边栏目树 this.getBoardTree(); //获取左边栏目树
...@@ -1433,6 +1318,8 @@ export default { ...@@ -1433,6 +1318,8 @@ export default {
this.getUserInfo(); this.getUserInfo();
// let userInfo=getUserInfo(); // let userInfo=getUserInfo();
// console.log('userInfo==',userInfo); // console.log('userInfo==',userInfo);
// this.boardList();
}, },
filters: { filters: {
statusFilters(status) { statusFilters(status) {
...@@ -1454,13 +1341,13 @@ export default { ...@@ -1454,13 +1341,13 @@ export default {
default: default:
return data; return data;
} }
}, }
}, },
// 模糊搜索所属部门start // 模糊搜索所属部门start
computed: { computed: {
searchResult() { searchResult() {
if (this.searchTxt) { if (this.searchTxt) {
return this.deptListData.filter((item) => return this.deptListData.filter(item =>
item.name.includes(this.searchTxt) item.name.includes(this.searchTxt)
); );
} else { } else {
...@@ -1470,10 +1357,34 @@ export default { ...@@ -1470,10 +1357,34 @@ export default {
VUE_APP_LOGIN_API() { VUE_APP_LOGIN_API() {
console.log("登录路径", process.env.VUE_APP_LOGIN_API); console.log("登录路径", process.env.VUE_APP_LOGIN_API);
return process.env.VUE_APP_LOGIN_API; return process.env.VUE_APP_LOGIN_API;
}, }
}, },
// 模糊搜索所属部门end // 模糊搜索所属部门end
methods: { 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) { handleCheckedCitiesChange(value) {
console.log("批量选择标记=", value); console.log("批量选择标记=", value);
...@@ -1483,7 +1394,7 @@ export default { ...@@ -1483,7 +1394,7 @@ export default {
handleCheckAllChange(val) { handleCheckAllChange(val) {
console.log("批量选择标记全选=", val); console.log("批量选择标记全选=", val);
let arr = []; let arr = [];
this.batchList.forEach((item) => { this.batchList.forEach(item => {
arr.push(item.newsDetail.newsId); arr.push(item.newsDetail.newsId);
}); });
this.checkedCities = val ? arr : []; this.checkedCities = val ? arr : [];
...@@ -1500,7 +1411,7 @@ export default { ...@@ -1500,7 +1411,7 @@ export default {
handleCheckAllChange2(val) { handleCheckAllChange2(val) {
console.log("批量选择标记全选=", val); console.log("批量选择标记全选=", val);
let arr = []; let arr = [];
this.batchList.forEach((item) => { this.batchList.forEach(item => {
arr.push(item.newsDetail.newsId); arr.push(item.newsDetail.newsId);
}); });
this.checkedCities = val ? arr : []; this.checkedCities = val ? arr : [];
...@@ -1510,7 +1421,7 @@ export default { ...@@ -1510,7 +1421,7 @@ export default {
}, },
getUserInfo() { getUserInfo() {
getInfo().then((res) => { getInfo().then(res => {
this.userInfo = res.user; this.userInfo = res.user;
console.log("userInfo=======================", this.userInfo); console.log("userInfo=======================", this.userInfo);
// this.SET_USER(res.user); // this.SET_USER(res.user);
...@@ -1522,7 +1433,7 @@ export default { ...@@ -1522,7 +1433,7 @@ export default {
console.log("勾选1==", val); console.log("勾选1==", val);
// this.multipleSelection1 = val; // this.multipleSelection1 = val;
var newsIdArr = []; var newsIdArr = [];
val.forEach((item) => { val.forEach(item => {
newsIdArr.push(item.newsId); newsIdArr.push(item.newsId);
}); });
this.multipleSelection1 = newsIdArr; this.multipleSelection1 = newsIdArr;
...@@ -1532,12 +1443,12 @@ export default { ...@@ -1532,12 +1443,12 @@ export default {
let params = {}; let params = {};
params.newsIds = this.multipleSelection1; params.newsIds = this.multipleSelection1;
// params.publish=publish; // params.publish=publish;
sendBatchAssRemindSms(JSON.stringify(params)).then((res) => { sendBatchAssRemindSms(JSON.stringify(params)).then(res => {
if (res.success) { if (res.success) {
this.getManageList(); //刷新列表 this.getManageList(); //刷新列表
this.$message({ this.$message({
message: "发送审核提醒成功!", message: "发送审核提醒成功!",
type: "success", type: "success"
}); });
} else { } else {
this.$message.error(res.errMsg); this.$message.error(res.errMsg);
...@@ -1548,7 +1459,7 @@ export default { ...@@ -1548,7 +1459,7 @@ export default {
handleSelectionChange2(val) { handleSelectionChange2(val) {
console.log("勾选2==", val); console.log("勾选2==", val);
var newsIdArr = []; var newsIdArr = [];
val.forEach((item) => { val.forEach(item => {
newsIdArr.push(item.newsId); newsIdArr.push(item.newsId);
}); });
this.multipleSelection2 = newsIdArr; this.multipleSelection2 = newsIdArr;
...@@ -1558,7 +1469,7 @@ export default { ...@@ -1558,7 +1469,7 @@ export default {
console.log("勾选3==", val); console.log("勾选3==", val);
// this.multipleSelection3 = val; // this.multipleSelection3 = val;
var newsIdArr = []; var newsIdArr = [];
val.forEach((item) => { val.forEach(item => {
newsIdArr.push(item.newsId); newsIdArr.push(item.newsId);
}); });
this.multipleSelection3 = newsIdArr; this.multipleSelection3 = newsIdArr;
...@@ -1568,14 +1479,14 @@ export default { ...@@ -1568,14 +1479,14 @@ export default {
if (this.multipleSelection2.length == 0) { if (this.multipleSelection2.length == 0) {
this.$message({ this.$message({
message: "请选择新闻！", message: "请选择新闻！",
type: "warning", type: "warning"
}); });
return; return;
} }
this.batchDialogVisible = true; //批量打开弹窗 this.batchDialogVisible = true; //批量打开弹窗
let params = {}; let params = {};
params.newsIds = this.multipleSelection2; params.newsIds = this.multipleSelection2;
batchOpenNews(JSON.stringify(params)).then((res) => { batchOpenNews(JSON.stringify(params)).then(res => {
if (res.success) { if (res.success) {
this.batchList = res.data; this.batchList = res.data;
} }
...@@ -1586,12 +1497,12 @@ export default { ...@@ -1586,12 +1497,12 @@ export default {
let params = {}; let params = {};
params.newsIds = this.multipleSelection2; params.newsIds = this.multipleSelection2;
params.publish = publish; params.publish = publish;
assInfoBatchOp(JSON.stringify(params)).then((res) => { assInfoBatchOp(JSON.stringify(params)).then(res => {
if (res.success) { if (res.success) {
this.getAssInfoList(); //刷新列表 this.getAssInfoList(); //刷新列表
this.$message({ this.$message({
message: "批量审核成功!", message: "批量审核成功!",
type: "success", type: "success"
}); });
} }
}); });
...@@ -1610,7 +1521,7 @@ export default { ...@@ -1610,7 +1521,7 @@ export default {
if (this.multipleSelection3.length == 0) { if (this.multipleSelection3.length == 0) {
this.$message({ this.$message({
message: "请选择新闻！", message: "请选择新闻！",
type: "warning", type: "warning"
}); });
return; return;
} }
...@@ -1619,7 +1530,7 @@ export default { ...@@ -1619,7 +1530,7 @@ export default {
params.newsIds = this.multipleSelection3; params.newsIds = this.multipleSelection3;
// params.publish // params.publish
// assInfoBatch(JSON.stringify(params)).then(res=>{ // assInfoBatch(JSON.stringify(params)).then(res=>{
batchOpenNews(JSON.stringify(params)).then((res) => { batchOpenNews(JSON.stringify(params)).then(res => {
if (res.success) { if (res.success) {
this.batchList = res.data; this.batchList = res.data;
} }
...@@ -1641,7 +1552,7 @@ export default { ...@@ -1641,7 +1552,7 @@ export default {
params.isUse = status.toString(); params.isUse = status.toString();
params.newsIds = this.multipleSelection3; params.newsIds = this.multipleSelection3;
// params.publish=publish; // params.publish=publish;
sbBatchUseOrNot(JSON.stringify(params)).then((res) => { sbBatchUseOrNot(JSON.stringify(params)).then(res => {
if (res.success) { if (res.success) {
this.getReportList(); //刷新列表 this.getReportList(); //刷新列表
var msg = "收报批量采用成功!"; var msg = "收报批量采用成功!";
...@@ -1652,7 +1563,7 @@ export default { ...@@ -1652,7 +1563,7 @@ export default {
} }
this.$message({ this.$message({
message: msg, message: msg,
type: "success", type: "success"
}); });
this.opendialogVisible = false; this.opendialogVisible = false;
} else { } else {
...@@ -1694,7 +1605,7 @@ export default { ...@@ -1694,7 +1605,7 @@ export default {
this.pageInfo.page = 1; this.pageInfo.page = 1;
this.getManageList(); //获取管理列表 this.getManageList(); //获取管理列表
} else if (tab.name == "second") { } else if (tab.name == "second") {
return return;
} else if (tab.name == "third") { } else if (tab.name == "third") {
this.pageInfoAss.page = 1; this.pageInfoAss.page = 1;
this.getAssInfoList(); //获取审核列表 this.getAssInfoList(); //获取审核列表
...@@ -1702,12 +1613,12 @@ export default { ...@@ -1702,12 +1613,12 @@ export default {
this.pageInfoRe.page = 1; this.pageInfoRe.page = 1;
this.getReportList(); //获取收报信息列表 this.getReportList(); //获取收报信息列表
} else if (tab.name == "fifth") { } else if (tab.name == "fifth") {
return return;
} }
}, },
//用户法院等级 //用户法院等级
getUserCourtLevel() { getUserCourtLevel() {
userCourtLevel().then((res) => { userCourtLevel().then(res => {
console.log("用户等级==", res); console.log("用户等级==", res);
if (res.success) { if (res.success) {
let { courtCode, courtLevel } = res.data; let { courtCode, courtLevel } = res.data;
...@@ -1724,7 +1635,7 @@ export default { ...@@ -1724,7 +1635,7 @@ export default {
}, },
//获取左边栏目树 //获取左边栏目树
getBoardTree() { getBoardTree() {
getBoardTree().then((res) => { getBoardTree().then(res => {
if (res.success) { if (res.success) {
this.dataTreeFile = res.data; this.dataTreeFile = res.data;
} }
...@@ -1732,7 +1643,7 @@ export default { ...@@ -1732,7 +1643,7 @@ export default {
}, },
//获取用户所在法院部门 //获取用户所在法院部门
findCurrentDepts() { findCurrentDepts() {
findCurrentDepts().then((res) => { findCurrentDepts().then(res => {
// console.log("获取本院部门==", res); // console.log("获取本院部门==", res);
if (res.success) { if (res.success) {
// console.log("筛选本院部门前==", res.data); // console.log("筛选本院部门前==", res.data);
...@@ -1749,7 +1660,7 @@ export default { ...@@ -1749,7 +1660,7 @@ export default {
} }
} }
} }
let newArr = res.data.filter((item) => { let newArr = res.data.filter(item => {
return item.pid == this.userCourt; return item.pid == this.userCourt;
}); });
this.deptListData = newArr; this.deptListData = newArr;
...@@ -1777,7 +1688,7 @@ export default { ...@@ -1777,7 +1688,7 @@ export default {
console.log(222); console.log(222);
this.$message({ this.$message({
type: "error", type: "error",
message: "结束时间不能小于开始时间", message: "结束时间不能小于开始时间"
}); });
return; return;
} }
...@@ -1787,22 +1698,23 @@ export default { ...@@ -1787,22 +1698,23 @@ export default {
if (this.pageInfo.minClick >= this.pageInfo.maxClick) { if (this.pageInfo.minClick >= this.pageInfo.maxClick) {
this.$message({ this.$message({
type: "error", type: "error",
message: "最大点击数不能小于最小点击数", message: "最大点击数不能小于最小点击数"
}); });
return; return;
} }
} }
console.log("获取管理列表 管理列表参数==", this.pageInfo); console.log("获取管理列表 管理列表参数==", this.pageInfo);
getManageList(JSON.stringify(this.pageInfo)).then((res) => { getManageList(JSON.stringify(this.pageInfo)).then(res => {
console.log("获取管理列表==", res); console.log("获取管理列表==", res);
if (res.success) { if (res.success) {
this.manageList = res.data.records; this.manageList = res.data.records;
this.pageInfo.total = res.data.total; this.pageInfo.total = res.data.total;
this.boardList(this.curBoardId);
} else { } else {
this.$message({ this.$message({
type: "error", type: "error",
message: res.errMsg, message: res.errMsg
}); });
} }
}); });
...@@ -1810,6 +1722,7 @@ export default { ...@@ -1810,6 +1722,7 @@ export default {
// 查询 // 查询
findNews() { findNews() {
this.pageInfoSearch.boardId = this.curBoardId; this.pageInfoSearch.boardId = this.curBoardId;
console.log("=-----------当前栏目", this.pageInfoSearch.boardId);
if (this.pageInfoSearch.stime && this.pageInfoSearch.etime) { if (this.pageInfoSearch.stime && this.pageInfoSearch.etime) {
var oDateStart = new Date(this.pageInfoSearch.stime); var oDateStart = new Date(this.pageInfoSearch.stime);
var oDateEnd = new Date(this.pageInfoSearch.etime); var oDateEnd = new Date(this.pageInfoSearch.etime);
...@@ -1817,7 +1730,7 @@ export default { ...@@ -1817,7 +1730,7 @@ export default {
console.log(222); console.log(222);
this.$message({ this.$message({
type: "error", type: "error",
message: "结束时间不能小于开始时间", message: "结束时间不能小于开始时间"
}); });
return; return;
} }
...@@ -1830,7 +1743,7 @@ export default { ...@@ -1830,7 +1743,7 @@ export default {
if (this.pageInfoSearch.minClick >= this.pageInfoSearch.maxClick) { if (this.pageInfoSearch.minClick >= this.pageInfoSearch.maxClick) {
this.$message({ this.$message({
type: "error", type: "error",
message: "最大点击数不能小于最小点击数", message: "最大点击数不能小于最小点击数"
}); });
return; return;
} }
...@@ -1845,7 +1758,7 @@ export default { ...@@ -1845,7 +1758,7 @@ export default {
} }
} }
console.log("管理查询参数==", this.pageInfoSearch); console.log("管理查询参数==", this.pageInfoSearch);
findNews(JSON.stringify(this.pageInfoSearch)).then((res) => { findNews(JSON.stringify(this.pageInfoSearch)).then(res => {
console.log("获取查询列表==", res); console.log("获取查询列表==", res);
if (res.success) { if (res.success) {
this.manageListSearch = res.data.records; this.manageListSearch = res.data.records;
...@@ -1860,7 +1773,7 @@ export default { ...@@ -1860,7 +1773,7 @@ export default {
this.pageInfoSearch = { this.pageInfoSearch = {
page: 1, page: 1,
size: 10, size: 10,
total: 0, total: 0
}; //管理 }; //管理
}, },
// 管理列表--页面切换 // 管理列表--页面切换
...@@ -1875,7 +1788,24 @@ export default { ...@@ -1875,7 +1788,24 @@ export default {
//上传附件 //上传附件
uploadSuccess(file, list) { uploadSuccess(file, list) {
this.fileList = list; let fileSize = Number(file.size / 1024 / 1024);
if (fileSize > 20) {
this.$msgbox({
title: "",
message: "文件大小不能超过20MB，请重新上传。",
type: "warning"
});
list.forEach((el,index)=> {
if(file.uid == el.uid){
list.splice(index,1)
}
})
this.fileList = list;
return list;
} else {
this.fileList = list;
}
console.log("fileList----", this.fileList); console.log("fileList----", this.fileList);
}, },
...@@ -1885,9 +1815,26 @@ export default { ...@@ -1885,9 +1815,26 @@ export default {
}, },
//上传附件--编辑 //上传附件--编辑
uploadSuccessEdit(file, list) { uploadSuccessEdit(file, list) {
this.fileListEdit = list; let fileSize = Number(file.size / 1024 / 1024);
if (fileSize > 20) {
this.$msgbox({
title: "",
message: "文件大小不能超过20MB，请重新上传。",
type: "warning"
});
list.forEach((el,index)=> {
if(file.uid == el.uid){
list.splice(index,1)
}
})
this.fileListEdit = list;
return list;
} else {
this.fileListEdit = list;
}
// this.addFileListEdit=list; // this.addFileListEdit=list;
console.log("编辑新增----", this.list); console.log("编辑新增----", this.fileListEdit);
}, },
handleRemoveEdit(file, list) { handleRemoveEdit(file, list) {
console.log("fileListHandleRemove----", list); console.log("fileListHandleRemove----", list);
...@@ -1911,23 +1858,95 @@ export default { ...@@ -1911,23 +1858,95 @@ export default {
} }
} }
}, },
saveAs(blob, filename) {
if (window.navigator.msSaveOrOpenBlob) {
navigator.msSaveBlob(blob, filename);
} else {
var link = document.createElement("a");
var body = document.querySelector("body");
link.href = window.URL.createObjectURL(blob);
link.download = filename; // fix Firefox
link.style.display = "none";
body.appendChild(link);
link.click();
body.removeChild(link);
window.URL.revokeObjectURL(link.href);
}
},
download(url, filename) {
this.getBlob(url, blob => {
this.saveAs(blob, filename);
});
},
downloadFiles(file) {
this.download(file.downloadPath, file.attachName);
},
getBlob(url, cb) {
var xhr = new XMLHttpRequest();
xhr.open("GET", url, true);
xhr.responseType = "blob";
xhr.onload = function() {
if (xhr.status === 200) {
cb(xhr.response);
}
};
xhr.send();
},
// 点击已上传文件
handlePreviewEdit(file){
this.downloadFiles(file);
// // 创建a标签
// var link = document.createElement("a");
// // href链接
// link.setAttribute("download", file.attachName);
// // link.download = file.name; //下载后文件名
// link.setAttribute("href", file.downloadPath);
// link.setAttribute("target", "view_window");
// // 自执行点击事件
// link.click();
},
// 发布新闻 // 发布新闻
createNewsEvent(num) { createNewsEvent(num) {
// params.publish=num;// 然后是publish ，点击发布的话是1，提交审核是4，保存是5 // params.publish=num;// 然后是publish ，点击发布的话是1，提交审核是4，保存是5
if (this.newsForm.subject == "") { if (this.newsForm.subject == "") {
this.$message({ this.$message({
message: "请输入标题!", message: "请输入标题!",
type: "warning", type: "warning"
}); });
return; return;
} }
if (this.fileList.length == 0) {
this.$message({ // 总文件大小不超过50M
message: "请上传图片附件!", var allFileSize = 0;
type: "warning", this.fileList.forEach(el => {
allFileSize += el.size;
})
let fileSize = Number(allFileSize / 1024 / 1024);
if (fileSize > 50) {
this.$msgbox({
title: "",
message: "总文件大小不能超过50MB，请重新选择。",
type: "warning"
}); });
return; 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") { if (this.newsForm.sendToBoards == "0") {
delete this.newsForm["sendToBoards"]; // 选 无 则不传该字段 delete this.newsForm["sendToBoards"]; // 选 无 则不传该字段
} }
...@@ -1939,7 +1958,7 @@ export default { ...@@ -1939,7 +1958,7 @@ export default {
} }
formData.append("content", this.htmlContent); formData.append("content", this.htmlContent);
this.fileList.forEach((item) => { this.fileList.forEach(item => {
formData.append("fileList", item.raw); formData.append("fileList", item.raw);
}); });
...@@ -1947,20 +1966,36 @@ export default { ...@@ -1947,20 +1966,36 @@ export default {
console.log("formData==", formData); console.log("formData==", formData);
createNews(formData).then((res) => { createNews(formData).then(res => {
this.newsForm.subject = ""; this.newsForm.subject = "";
if (res.success) { if (res.success) {
this.$message({ this.$message({
message: "添加信息成功!", message: "添加信息成功!",
type: "success", type: "success"
}); });
this.newsForm.sendToBoards == "0"; this.newsForm.sendToBoards == "0";
// this.activeName="first"; //跳转到管理 this.activeName = "first"; //跳转到管理
// this.getManageList();//刷新列表 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 { } else {
this.$message({ this.$message({
type: "error", type: "error",
message: res.errMsg, message: res.errMsg
}); });
} }
}); });
...@@ -1970,7 +2005,7 @@ export default { ...@@ -1970,7 +2005,7 @@ export default {
if (this.newsFormEdit.subject == "") { if (this.newsFormEdit.subject == "") {
this.$message({ this.$message({
message: "请输入标题!", message: "请输入标题!",
type: "warning", type: "warning"
}); });
return; return;
} }
...@@ -1995,6 +2030,7 @@ export default { ...@@ -1995,6 +2030,7 @@ export default {
// if(this.newsFormEdit.fileList==null){ // if(this.newsFormEdit.fileList==null){
// this.newsFormEdit.fileList=[]; // this.newsFormEdit.fileList=[];
// } // }
console.log("xxxxxxxxxxxxxxxxxxxxxxxxxxxx提交审核", this.newsFormEdit);
delete this.newsFormEdit.attInfoList; //删除attInfoList参数不传这个参数否则接口报错 delete this.newsFormEdit.attInfoList; //删除attInfoList参数不传这个参数否则接口报错
if (this.newsFormEdit.labelDept == null) { if (this.newsFormEdit.labelDept == null) {
delete this.newsFormEdit.labelDept; delete this.newsFormEdit.labelDept;
...@@ -2014,7 +2050,7 @@ export default { ...@@ -2014,7 +2050,7 @@ export default {
// ); // );
var delFileList = {}; var delFileList = {};
delFileList.delFileList = this.delFileList; delFileList.delFileList = this.delFileList;
delFile(JSON.stringify(delFileList)).then((res) => { delFile(JSON.stringify(delFileList)).then(res => {
if (res.success) { if (res.success) {
// console.log("-=-=-=-=-=-=-=-=-==-===-=-=删除附件接口", res); // console.log("-=-=-=-=-=-=-=-=-==-===-=-=删除附件接口", res);
} }
...@@ -2022,15 +2058,32 @@ export default { ...@@ -2022,15 +2058,32 @@ export default {
} }
// console.log("-=-=-=-=-=-=-=--=需提交保存的附件列表", this.fileListEdit); // console.log("-=-=-=-=-=-=-=--=需提交保存的附件列表", this.fileListEdit);
if (this.fileListEdit.length == 0) { // if (this.fileListEdit.length == 0) {
this.$message({ // this.$message({
message: "请上传图片附件!", // message: "请上传图片附件!",
type: "warning", // type: "warning",
// });
// return;
// }
this.fileListEdit = [...new Set(this.fileListEdit)];
var allFileSize2 = 0;
this.fileListEdit.forEach(el => {
if(el.attachSize){
allFileSize2 += el.attachSize;
}else if(el.size){
allFileSize2 += el.size;
}
})
let fileSize = Number(allFileSize2 / 1024 / 1024);
if (fileSize > 50) {
this.$msgbox({
title: "",
message: "总文件大小不能超过50MB，请重新选择。",
type: "warning"
}); });
return; return
} }
this.fileListEdit = [...new Set(this.fileListEdit)]; this.fileListEdit.forEach(item => {
this.fileListEdit.forEach((item) => {
if (item.raw) { if (item.raw) {
formData.append("fileList", item.raw); formData.append("fileList", item.raw);
console.log(11111); console.log(11111);
...@@ -2047,7 +2100,7 @@ export default { ...@@ -2047,7 +2100,7 @@ export default {
console.log("formData==", formData); console.log("formData==", formData);
// console.log('formData==',formData); // console.log('formData==',formData);
updateNews(formData).then((res) => { updateNews(formData).then(res => {
// <!-- //创建未提交审核保存为5，提交审核为4，审核不通过为3，通过已发布为1 --> // <!-- //创建未提交审核保存为5，提交审核为4，审核不通过为3，通过已发布为1 -->
var msg = "修改保存成功！"; var msg = "修改保存成功！";
if (num == "4") { if (num == "4") {
...@@ -2076,7 +2129,7 @@ export default { ...@@ -2076,7 +2129,7 @@ export default {
if (res.success) { if (res.success) {
this.$message({ this.$message({
message: msg, message: msg,
type: "success", type: "success"
}); });
} }
}); });
...@@ -2121,13 +2174,45 @@ export default { ...@@ -2121,13 +2174,45 @@ export default {
this.pageInfo.size = e; this.pageInfo.size = e;
this.pageChange(1); 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) { handleEdit(newsId) {
console.log("编辑", newsId); console.log("编辑", newsId);
let params = {}; let params = {};
params.newsId = newsId; params.newsId = newsId;
console.log("修改", newsId); console.log("修改", newsId);
newsDetail(JSON.stringify(params)).then((res) => { newsDetail(JSON.stringify(params)).then(res => {
if (res.success) { if (res.success) {
let { newsDetail, attachList } = res.data; let { newsDetail, attachList } = res.data;
// this.newsListDetail=res.data; // this.newsListDetail=res.data;
...@@ -2160,16 +2245,16 @@ export default { ...@@ -2160,16 +2245,16 @@ export default {
this.$confirm("确定删除吗?", "提示", { this.$confirm("确定删除吗?", "提示", {
confirmButtonText: "确定", confirmButtonText: "确定",
cancelButtonText: "取消", cancelButtonText: "取消",
type: "warning", type: "warning"
}) })
.then(() => { .then(() => {
deleteNews(JSON.stringify(params)).then((res) => { deleteNews(JSON.stringify(params)).then(res => {
if (res.success) { if (res.success) {
//刷新列表 //刷新列表
this.getManageList(); this.getManageList();
this.$message({ this.$message({
message: "删除成功", message: "删除成功",
type: "success", type: "success"
}); });
} }
}); });
...@@ -2183,11 +2268,11 @@ export default { ...@@ -2183,11 +2268,11 @@ export default {
let params = {}; let params = {};
params.newsId = newsId; params.newsId = newsId;
// params.newsId='f4bf8ffc4ec54e98a180f36b95668ec6'; // params.newsId='f4bf8ffc4ec54e98a180f36b95668ec6';
messageDetail(JSON.stringify(params)).then((res) => { messageDetail(JSON.stringify(params)).then(res => {
if (res.success) { if (res.success) {
this.messageDetailDataList = res.data; this.messageDetailDataList = res.data;
//改变回复的属性名 //改变回复的属性名
this.messageDetailDataList.forEach((item) => { this.messageDetailDataList.forEach(item => {
if (item.subComments) { if (item.subComments) {
item.children = item.subComments; item.children = item.subComments;
delete item.subComments; delete item.subComments;
...@@ -2210,11 +2295,17 @@ export default { ...@@ -2210,11 +2295,17 @@ export default {
params.newsId = newsId; params.newsId = newsId;
var reg = new RegExp(); var reg = new RegExp();
reg = /\*\d+-\d+-\d+\s\d+:\d+:\d+\s[\u4e00-\u9fa5]+\u3002/g; 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) { if (res.success) {
this.logDetailData = res.data; this.logDetailData = res.data;
var str = res.data.match(reg); // var str = res.data.match(reg);
this.logContent = str; // this.logContent = str;
// console.log( this.logDetailData,str);
let strArr = res.data.split("*");
this.logContent = strArr;
} }
}); });
this.logVisible = true; this.logVisible = true;
...@@ -2227,14 +2318,14 @@ export default { ...@@ -2227,14 +2318,14 @@ export default {
// 获取审核列表 // 获取审核列表
getAssInfoList() { getAssInfoList() {
console.log("审核列表参数==", this.pageInfoAss); console.log("审核列表参数==", this.pageInfoAss);
assInfoList(JSON.stringify(this.pageInfoAss)).then((res) => { assInfoList(JSON.stringify(this.pageInfoAss)).then(res => {
if (res.success) { if (res.success) {
this.assList = res.data.records; this.assList = res.data.records;
this.pageInfoAss.total = res.data.total; this.pageInfoAss.total = res.data.total;
} else { } else {
this.$message({ this.$message({
type: "error", type: "error",
message: res.errMsg, message: res.errMsg
}); });
} }
}); });
...@@ -2267,7 +2358,7 @@ export default { ...@@ -2267,7 +2358,7 @@ export default {
this.reportListLoading = true; this.reportListLoading = true;
if (this.reportRadio == 1) { if (this.reportRadio == 1) {
// 接收 // 接收
getSBReceiveList(JSON.stringify(this.pageInfoRe)).then((res) => { getSBReceiveList(JSON.stringify(this.pageInfoRe)).then(res => {
if (res.success) { if (res.success) {
this.reportListLoading = false; this.reportListLoading = false;
this.reportList = res.data.records; this.reportList = res.data.records;
...@@ -2280,8 +2371,8 @@ export default { ...@@ -2280,8 +2371,8 @@ export default {
// 报送 // 报送
getSBSubmittedList({ getSBSubmittedList({
page: this.pageInfoRe.page, page: this.pageInfoRe.page,
size: this.pageInfoRe.size, size: this.pageInfoRe.size
}).then((res) => { }).then(res => {
if (res.success) { if (res.success) {
this.reportListLoading = false; this.reportListLoading = false;
this.reportList = res.data.records; this.reportList = res.data.records;
...@@ -2309,7 +2400,7 @@ export default { ...@@ -2309,7 +2400,7 @@ export default {
let params = {}; let params = {};
params.newsId = newsId; params.newsId = newsId;
console.log("修改", newsId); console.log("修改", newsId);
newsDetail(JSON.stringify(params)).then((res) => { newsDetail(JSON.stringify(params)).then(res => {
if (res.success) { if (res.success) {
let { newsDetail, attachList } = res.data; let { newsDetail, attachList } = res.data;
// this.newsListDetail=res.data; // this.newsListDetail=res.data;
...@@ -2325,11 +2416,6 @@ export default { ...@@ -2325,11 +2416,6 @@ export default {
this.newsFormEdit.sendToBoards = newsDetail.sendToBoards[0]; this.newsFormEdit.sendToBoards = newsDetail.sendToBoards[0];
} }
this.fileListEdit = attachList; this.fileListEdit = attachList;
console.log(
"新闻详情this.fileList===",
this.fileListEdit,
this.newsFormEdit
);
if (attachList.length > 0) { if (attachList.length > 0) {
//显示已上传附件列表 //显示已上传附件列表
for (let i = 0; i < this.fileListEdit.length; i++) { for (let i = 0; i < this.fileListEdit.length; i++) {
...@@ -2356,7 +2442,7 @@ export default { ...@@ -2356,7 +2442,7 @@ export default {
adviceDetail() { adviceDetail() {
let params = {}; let params = {};
params.newsId = this.adviceForm.proId; params.newsId = this.adviceForm.proId;
adviceDetail(JSON.stringify(params)).then((res) => { adviceDetail(JSON.stringify(params)).then(res => {
if (res.success) { if (res.success) {
this.adviceDetailData = res.data; this.adviceDetailData = res.data;
} }
...@@ -2372,18 +2458,18 @@ export default { ...@@ -2372,18 +2458,18 @@ export default {
if (this.adviceForm.content == "") { if (this.adviceForm.content == "") {
this.$message({ this.$message({
message: "请输入内容!", message: "请输入内容!",
type: "warning", type: "warning"
}); });
return; return;
} }
let params = {}; let params = {};
params.content = this.adviceForm.content; params.content = this.adviceForm.content;
params.proId = this.adviceForm.proId; params.proId = this.adviceForm.proId;
giveAdvise(JSON.stringify(params)).then((res) => { giveAdvise(JSON.stringify(params)).then(res => {
if (res.success) { if (res.success) {
this.$message({ this.$message({
message: "提建议成功！", message: "提建议成功！",
type: "success", type: "success"
}); });
this.clearSuggestForm(); this.clearSuggestForm();
// 刷新列表 // 刷新列表
...@@ -2402,10 +2488,10 @@ export default { ...@@ -2402,10 +2488,10 @@ export default {
let params = {}; let params = {};
// params.newsId=newsId; // params.newsId=newsId;
params.newsId = "f4bf8ffc4ec54e98a180f36b95668ec6"; params.newsId = "f4bf8ffc4ec54e98a180f36b95668ec6";
messageDetail(JSON.stringify(params)).then((res) => { messageDetail(JSON.stringify(params)).then(res => {
if (res.success) { if (res.success) {
this.messageDetailDataList = res.data; this.messageDetailDataList = res.data;
this.messageDetailDataList.forEach((item) => { this.messageDetailDataList.forEach(item => {
//改变回复的属性名 //改变回复的属性名
if (item.subComments) { if (item.subComments) {
item.children = item.subComments; item.children = item.subComments;
...@@ -2429,7 +2515,23 @@ export default { ...@@ -2429,7 +2515,23 @@ export default {
handleCloseLog() { handleCloseLog() {
this.logVisible = false; 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> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
...@@ -2624,4 +2726,12 @@ ul { ...@@ -2624,4 +2726,12 @@ ul {
.report-radiogroup { .report-radiogroup {
margin-bottom: 15px; margin-bottom: 15px;
} }
// 图片溢出
::v-deep {
.view-html p {
img {
width: 100% !important;
}
}
}
</style> </style>
\ No newline at end of file
src/views/news/index.vue
<template> <template>
<div> <div>
<el-row> <el-row>
<el-col :span="18" :offset="3"> <el-col :span="18" :offset="3">
<!--<el-row class="top-info" style="">
<!--<el-row class="top-info" style="">
<div > <div >
<span>当前位置:</span> <span>当前位置:</span>
<el-breadcrumb style="display:inline-block;" separator-class="el-icon-arrow-right"> <el-breadcrumb style="display:inline-block;" separator-class="el-icon-arrow-right">
...@@ -11,717 +10,849 @@ ...@@ -11,717 +10,849 @@
<el-breadcrumb-item>法院新闻</el-breadcrumb-item> <el-breadcrumb-item>法院新闻</el-breadcrumb-item>
</el-breadcrumb> </el-breadcrumb>
</div> </div>
</el-row>--> </el-row>-->
<!--第一栏开始--> <!--第一栏开始-->
<el-row :gutter="20" class="mt-15 first-zone-style"> <el-row :gutter="20" class="mt-15 first-zone-style">
<el-col :span="8" style="padding-left:0;padding-right:0;"> <el-col :span="8" style="padding-left:0;padding-right:0;">
<div > <div>
<el-carousel style="border-radius:8px;" height="280px" :interval="4000"> <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"> <el-carousel-item
<div v-if="item.attInfoList" class="carousel-div" style="border-radius:8px;" @click="setParams(item)"> style="border-radius:8px;"
<el-image v-if="item.attInfoList[0] && item.attInfoList[0].downloadPath" :src="item.attInfoList[0].downloadPath" style="width:100%;height:100%;"></el-image> v-for="(item,index) in newestList.slice(0,3)"
<div class="carousel-intro" style=""> :key="index"
{{item.subject}} >
</div> <div
</div> v-if="item.attInfoList"
</el-carousel-item> class="carousel-div"
</el-carousel> 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>
</div>
<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>
<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==2}]" @click="fyxwClickRaking(2)">一周</el-button>
<el-button :class="[{'active-btn':activeBtn==3}]" @click="fyxwClickRaking(3)">一个月</el-button>
</div> </div>
</div>
<div class="mt-10 zone-style"> <div
<div class="mb-15 k-flex-between-center"> v-for="(item,index) in newsRankList"
<div class="k-flex k-align-center"> :key="index"
<el-image class="mr-5 gong-icon" style="" :src="require('../../assets/news/1.png')"></el-image> class="k-flex k-space-between top-list"
<div>新闻总类排行</div> @click="setParams(item)"
>
<div class="article-name">
<span class="right-line">
{{ item.boardName }}
<span class="line-div"></span>
</span>
<span>{{item.subject}}</span>
</div>
<div>{{item.date}}</div>
</div>
</div>
</el-col>
<el-col :span="16" style>
<el-row :gutter="20">
<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>
</div> </div>
<div style="font-size:12px;color: #999999;"> <div @click="seeMoreEvent(activeItem)" style="font-size:12px;color: #999999;">
<!--<span>MORE></span>--> <span>MORE></span>
<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 class="article-name">
<span class="right-line">
{{ item.boardName }}
<span class="line-div"></span>
</span>
<span >{{item.subject}}</span>
</div> </div>
<div>{{item.date}}</div>
</div> </div>
<!--最新消息开始-->
</div> <div v-if="activeItem==3">
</el-col> <div @click="setParams(newestList[0])" class="mt-10 mb-5 k-flex k-align-center">
<el-col :span="16" style=""> <el-image
<el-row :gutter="20"> class="mr-5 gong-icon"
<el-col :span="12" style=""> style="width:13px;height:13px;"
<div class="zone-style"> :src="require('../../assets/home/gonggao.png')"
<div class="k-flex-between-center"> ></el-image>
<!--<span class="fist-text" style="">今</span> <div v-if="newestList[0]" class="gonggao-text">
<span>日头条</span>--> <!-- <span >{{ newestList[0].boardName }}</span> -->
<div class="btns-switch"> <span>{{newestList[0].subject}}</span>
<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>
</div>
</div>
<!--最新消息开始-->
<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>
<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 class="article-name">
<span class="right-line">
{{item.boardName}}
<span class="line-div"></span>
</span>
<span >{{item.subject}}</span>
</div>
<div>{{item.date}}</div>
</div>
</div> </div>
<!-- 最新消息结束 --> </div>
<div
<!-- 关注自己的法院开始 --> v-for="(item,index) in newestList"
<div v-if="activeItem==1" class="mt-10"> :key="index"
<div v-for="(item,index) in newsConernList" :key="index" class="k-flex k-space-between top-list" @click="setParams(item)"> class="k-flex k-space-between top-list"
<div class="article-name"> @click="setParams(item)"
<span class="right-line"> >
{{item.boardName}} <div class="article-name">
<span class="line-div"></span> <span class="right-line">
</span> {{item.boardName}}
<span class="line-div"></span>
<span >{{item.subject}}</span> </span>
</div>
<div>{{item.date}}</div> <span>{{item.subject}}</span>
</div>
</div> </div>
<!--关注自己的法院结束--> <div>{{item.date}}</div>
</div> </div>
</el-col> </div>
<el-col :span="12" > <!-- 最新消息结束 -->
<div class="zone-style">
<div class="k-flex-between-center"> <!-- 关注自己的法院开始 -->
<div class="k-flex k-align-center"> <div v-if="activeItem==1" class="mt-10">
<el-image class="mr-5 gong-icon" style="" :src="require('../../assets/news/3.png')"></el-image> <div
<div>精彩回顾</div> v-for="(item,index) in newsConernList"
</div> :key="index"
<div @click="seeMoreEvent(5)" style="font-size:12px;color: #999999;"> class="k-flex k-space-between top-list"
<span>MORE></span> @click="setParams(item)"
</div> >
<div class="article-name">
<span class="right-line">
{{item.boardName}}
<span class="line-div"></span>
</span>
<span>{{item.subject}}</span>
</div> </div>
<el-row class="mt-10 mb-10" :gutter="10"> <div>{{item.date}}</div>
<el-col :span="12" v-if="highlightsData[0]"> </div>
<el-image v-if="highlightsData[0].attInfoList && highlightsData[0].attInfoList[0]" style="" :src="highlightsData[0].attInfoList[0].downloadPath"></el-image> </div>
</el-col > <!--关注自己的法院结束-->
<el-col :span="12"> </div>
<div v-if="highlightsData[0]" class="re-see"> </el-col>
<div class="hightlight-v" v-html="highlightsData[0].content" @click="setParams(highlightsData[0])"></div> <el-col :span="12">
<span @click="setParams(highlightsData[0])" style="color:red;font-size:10px;">[详细]</span> <div class="zone-style">
</div> <div class="k-flex-between-center">
</el-col > <div class="k-flex k-align-center">
</el-row> <el-image
<div v-for="item in highlightsData" :key="item.newsId" class="k-flex k-space-between top-list" @click="setParams(item)"> class="mr-5 gong-icon"
<div class="article-name"> style
<span class="right-line">{{item.subject}}</span> :src="require('../../assets/news/3.png')"
</div> ></el-image>
<div>{{item.date}}</div> <div>精彩回顾</div>
</div>
<div @click="seeMoreEvent(5)" style="font-size:12px;color: #999999;">
<span>MORE></span>
</div>
</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-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> </div>
</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 class="article-name">
<span class="right-line">{{item.subject}}</span>
</div> </div>
</el-col> <div>{{item.date}}</div>
</el-row> </div>
</div>
</el-col>
</el-row>
<el-row class="mt-10"> <el-row class="mt-10">
<div class="zone-style"> <div class="zone-style">
<div class="k-flex-between-center"> <div class="k-flex-between-center">
<div class="k-flex k-align-center"> <div class="k-flex k-align-center">
<el-image class="mr-5 gong-icon" style="" :src="require('../../assets/news/2.png')"></el-image> <el-image
<div>干警作品</div> class="mr-5 gong-icon"
</div> style
<div @click="toMorelist(135)" style="font-size:12px;color: #999999;"> :src="require('../../assets/news/2.png')"
<span>MORE></span> ></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">
<!-- 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>
</div> </div>
<el-row class="mt-15" :gutter="20"> </el-col>-->
<el-col style="border-radius:5px;" :span="8" v-for="item in newsGanList.slice(0,5)" :key="item.id" > <!-- old --- end -->
<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;"> <!-- new ---- start -->
</el-image> <el-col style="border-radius:5px;" :span="24">
<div class="imgs-intro" style="width:100%;border-radius:0 0 5px 5px;"> <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> <span>&ensp;{{item.subject}}&ensp;</span>
</div> </div>
</div> </div>
</el-col> </el-carousel-item>
</el-row> </el-carousel>
</div> </el-col>
<!-- new --- end -->
</el-row> </el-row>
</el-col> </div>
</el-row> </el-row>
<!--第一栏结束-->
</el-col> </el-col>
</el-row> </el-row>
<!--第一栏结束-->
</div> </el-col>
</el-row>
</div>
</template> </template>
<script> <script>
import { import {
fyxwfromCourt, //获取法院新闻 fyxwfromCourt, //获取法院新闻
fyxwClickRaking,//法院新闻排行 fyxwClickRaking, //法院新闻排行
highlights,//精彩回顾 highlights //精彩回顾
} from "@/api/news.js"; } from "@/api/news.js";
import { import {
newsFromBoard, //获取栏目下的新闻列表 getBoardAndSubAllNews //获取栏目及子栏目全部新闻列表
} from "@/api/homePage.js";
import {
newsFromBoard //获取栏目下的新闻列表
// getSubLevelBoard // getSubLevelBoard
} from "@/api/list.js" } from "@/api/list.js";
export default { export default {
data() { data() {
return { return {
highlightsData:[],//精彩回顾集合 highlightsData: [], //精彩回顾集合
activeBtn:1,//新闻分类排行 activeBtn: 3, //新闻分类排行
pageInfo:{ pageInfo: {
page:1, page: 1,
size:6, size: 6
}, },
newestList:[],//最新消息 newestList: [], //最新消息
newsConernList:[],//关注自己的法院 newsConernList: [], //关注自己的法院
newsRankList:[],//法院新闻排行 newsRankList: [], //法院新闻排行
newsGanList:[],//干警作品 newsGanList: [], //干警作品
activeItem:3, activeItem: 3,
newsList: [ newsList: [
// {'title': 'A simple, seamless scrolling for Vue.js'}, // {'title': 'A simple, seamless scrolling for Vue.js'},
// {'title': 'A curated list of awesome things related to Vue.js'} // {'title': 'A curated list of awesome things related to Vue.js'}
], ]
};
}
}, },
created() { created() {
this.fyxwfromCourt(3);//一加载先获取最新消息 this.fyxwfromCourt(3); //一加载先获取最新消息
this.fyxwClickRaking(1);//获取法院新闻排行 this.fyxwClickRaking(3); //获取法院新闻排行
this.newsFromBoard();//干警作品 this.newsFromBoard(); //干警作品
this.highlights();//获取精彩回顾 this.highlights(); //获取精彩回顾
}, },
methods: { methods: {
// 跳转到更所模块 // 跳转到更所模块
toMorelist(boardId){ toMorelist(boardId) {
this.$router.push({ this.$router.push({
path: "/list", //跳转路由 path: "/list", //跳转路由
query: { query: {
//参数对象 //参数对象
boardId: boardId, boardId: boardId,
type:'menu' type: "menu"
}, }
}); });
}, },
// 获取精彩回顾 // 获取精彩回顾
highlights(){ highlights() {
highlights({page:1,size:5,fyId:32}).then(res=>{ highlights({ page: 1, size: 5, fyId: 32 }).then(res => {
if(res.success){ if (res.success) {
this.highlightsData=res.data.records; this.highlightsData = res.data.records;
this.highlightsData.forEach(item=>{ this.highlightsData.forEach(item => {
item.date=(item.newsTime).substring(5,10); item.date = item.newsTime.substring(5, 10);
}) });
} }
}) });
}, },
// 获取最新消息和关注自己法院 // 获取最新消息和关注自己法院
fyxwfromCourt(type){ fyxwfromCourt(type) {
// 法院新闻类型，1本院，2全市，3全区 即最新消息是3 关注是1;fyId是写死的默认高院 // 法院新闻类型，1本院，2全市，3全区 即最新消息是3 关注是1;fyId是写死的默认高院
fyxwfromCourt({fyId:32,page:1,size:5,type:type}).then(res=>{ fyxwfromCourt({ fyId: 32, page: 1, size: 5, type: type }).then(res => {
if(res.success){ if (res.success) {
res.data.records.forEach(item=>{ res.data.records.forEach(item => {
item.date=(item.newsTime).substring(5,10); item.date = item.newsTime.substring(5, 10);
}) });
if(type==3){ if (type == 3) {
this.newestList=res.data.records; this.newestList = res.data.records;
console.log('this.newestList==',this.newestList); this.$forceUpdate();
}else if(type==1){ console.log(
this.newsConernList=res.data.records; "--------添加强制刷新----this.newestList==",
console.log('this.newsConernList==',this.newsConernList); this.newestList
);
} else if (type == 1) {
this.newsConernList = res.data.records;
this.$forceUpdate();
console.log(
"--------添加强制刷新----this.newsConernList==",
this.newsConernList
);
} }
} }
}) });
}, },
//法院新闻排行 //法院新闻排行
fyxwClickRaking(type){ fyxwClickRaking(type) {
this.activeBtn=type; this.activeBtn = type;
var params={}; var params = {};
// type为1按日,2按月,3按周 // type为1按日,2按月,3按周
if(type==1){ if (type == 1) {
params.byDay='1';//按日 params.byDay = "1"; //按日
} }
if(type==3){ if (type == 3) {
params.byMonth='1';//按月 params.byMonth = "1"; //按月
} }
if(type==2){ if (type == 2) {
params.byWeek='1';//按周 params.byWeek = "1"; //按周
} }
// params.byDay='';//按日 // params.byDay='';//按日
// params.byMonth='';//按月 // params.byMonth='';//按月
// params.byWeek='';//按周 // params.byWeek='';//按周
// params.fyId=32;//法院id // params.fyId=32;//法院id
// params.weekEnd=32;//周结束日 // params.weekEnd=32;//周结束日
// params.weekStart=32;//周开始日 // params.weekStart=32;//周开始日
fyxwClickRaking(JSON.stringify(params)).then(res=>{ fyxwClickRaking(JSON.stringify(params)).then(res => {
if(res.success){ if (res.success) {
this.newsRankList=res.data; this.newsRankList = res.data;
this.newsRankList.forEach(item=>{ this.newsRankList.forEach(item => {
item.date=(item.newsTime).substring(5,10); item.date = item.newsTime.substring(5, 10);
}) });
console.log('this.newsRankList==',this.newsRankList); this.$forceUpdate();
console.log(
"--------添加强制刷新----this.newsRankList==",
this.newsRankList
);
} }
}) });
}, },
//获取法院新闻列表--传固定boardId干警作品 //获取法院新闻列表--传固定boardId干警作品
newsFromBoard() { newsFromBoard() {
this.pageInfo.boardId=135;//干警作品总的boardId this.pageInfo.boardId = 135; //干警作品总的boardId
newsFromBoard(JSON.stringify(this.pageInfo)).then((res) => { // new --- 干警作品
getBoardAndSubAllNews(JSON.stringify(this.pageInfo)).then(res => {
if (res.success) { if (res.success) {
console.log(res); console.log(res.data);
let {newsList,top}=res.data; this.newsGanList = res.data.records;
this.newsGanList=newsList.records; this.$forceUpdate();
// this.pageInfo.total=newsList.total; 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() { _getItemLength() {
let children = this.$refs.itemWrapper.children; let children = this.$refs.itemWrapper.children;
console.log(children.length); console.log(children.length);
return children.length; return children.length;
}, },
switchBtn(i){ switchBtn(i) {
console.log('111===', i) console.log("111===", i);
this.activeItem=i; this.activeItem = i;
this.fyxwfromCourt(i); this.fyxwfromCourt(i);
}, },
// 查看详情 // 查看详情
setParams(val){ setParams(val) {
console.log('val==',val); console.log("val==", val);
this.$router.push({ window.open(`/#/detail?newsId=${val.newsId}`, "_blank");
path:'/detail',//跳转路由 // this.$router.push({
query:{//参数对象 // path:'/detail',//跳转路由
newsId:val.newsId // query:{//参数对象
} // newsId:val.newsId
}); // }
// });
}, },
seeMoreEvent(type) { seeMoreEvent(type) {
// type=3；3是最新消息，1是关注自己的法院 5,精彩回顾 // type=3；3是最新消息，1是关注自己的法院 5,精彩回顾
console.log("更多",type); console.log("更多", type);
this.$router.push({ this.$router.push({
path: "/more", //跳转路由 path: "/more", //跳转路由
query: { query: {
//参数对象 //参数对象
type: type, type: type
}, }
}); });
}
},
} }
} };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
// 精彩回顾 // 精彩回顾
.hightlight-v{ .hightlight-v {
display: -webkit-box; display: -webkit-box;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
-webkit-line-clamp: 3; -webkit-line-clamp: 3;
overflow: hidden; overflow: hidden;
} }
::v-deep{ ::v-deep {
// 设置轮播图指示器大小 // 设置轮播图指示器大小
.el-carousel__button{ .el-carousel__button {
width:5px; width: 5px;
} }
} }
.active-btn{ .active-btn {
background:#D33237; background: #d33237;
color:#fff; color: #fff;
} }
// 第一栏 // 第一栏
.first-zone-style{ .first-zone-style {
margin-left:0!important; margin-left: 0 !important;
margin-right:0!important; margin-right: 0 !important;
} }
.zone-style{ .zone-style {
background-color:#fff; background-color: #fff;
padding:15px 15px; padding: 15px 15px;
border-radius:5px; border-radius: 5px;
box-shadow: -5px 0px 20px 5px rgba(0,0,0,0.05); box-shadow: -5px 0px 20px 5px rgba(0, 0, 0, 0.05);
} }
.carousel-div{ .carousel-div {
position:relative; position: relative;
height:100%; height: 100%;
} }
.carousel-intro{ .carousel-intro {
position:absolute; position: absolute;
width:100%; width: 100%;
height:25px; height: 25px;
line-height:25px; line-height: 25px;
white-space:nowrap; white-space: nowrap;
overflow:hidden; overflow: hidden;
text-overflow:ellipsis; text-overflow: ellipsis;
background:rgba(5, 23, 17, 0.21); background: rgba(5, 23, 17, 0.21);
color:#fff; color: #fff;
padding:0 5px; padding: 0 5px;
font-size:12px; font-size: 12px;
left:0; left: 0;
bottom:0; bottom: 0;
} }
.zone-style{ .zone-style {
background-color:#fff; background-color: #fff;
padding:15px 15px; padding: 15px 15px;
border-radius:5px; border-radius: 5px;
box-shadow: -5px 0px 20px 5px rgba(0,0,0,0.05); box-shadow: -5px 0px 20px 5px rgba(0, 0, 0, 0.05);
} }
// 切换气泡按钮 // 切换气泡按钮
.btns-switch .btn-item{ .btns-switch .btn-item {
display:inline-block; display: inline-block;
text-align:center; text-align: center;
border: 1px solid #ff756d; border: 1px solid #ff756d;
border-radius: 5px; border-radius: 5px;
color:#ff756d; color: #ff756d;
} }
.btns-switch .sanjiao{ .btns-switch .sanjiao {
background:#D33237; background: #d33237;
color:#fff; color: #fff;
position:relative; position: relative;
} }
.sanjiao:after { .sanjiao:after {
position: absolute; position: absolute;
display: inline-block; display: inline-block;
border-left: 8px solid transparent; border-left: 8px solid transparent;
border-right: 8px solid transparent; border-right: 8px solid transparent;
border-top: 8px solid #D33237; border-top: 8px solid #d33237;
left:30px; left: 30px;
bottom: -8px; bottom: -8px;
content: ''; content: "";
} }
// 公告 // 公告
.gong-icon{ .gong-icon {
width:15px; width: 15px;
height:15px; height: 15px;
} }
.gonggao-text{ .gonggao-text {
white-space:nowrap; white-space: nowrap;
overflow:hidden; overflow: hidden;
text-overflow:ellipsis; text-overflow: ellipsis;
color:#FF756D; color: #ff756d;
font-family: PingFang SC, PingFang SC-Medium; font-family: PingFang SC, PingFang SC-Medium;
font-size:13px; font-size: 13px;
} }
.top-info{ .top-info {
margin:15px 0; margin: 15px 0;
border-bottom:2px solid #34bab2; border-bottom: 2px solid #34bab2;
padding-bottom:15px; padding-bottom: 15px;
} }
.top-info-title{ .top-info-title {
border-bottom:2px solid #34bab2; border-bottom: 2px solid #34bab2;
padding-bottom:5px; padding-bottom: 5px;
font-weight:bold; font-weight: bold;
} }
.top-info-news{ .top-info-news {
border-bottom:2px solid black; border-bottom: 2px solid black;
padding-bottom:5px; padding-bottom: 5px;
font-weight:bold; font-weight: bold;
padding-left:5px; padding-left: 5px;
} }
.fist-text{ .fist-text {
display:inline-block; display: inline-block;
width:26px; width: 26px;
height:26px; height: 26px;
line-height:26px; line-height: 26px;
text-align:center; text-align: center;
font-size:15px; font-size: 15px;
color:#fff; color: #fff;
border-radius:50%; border-radius: 50%;
background:#1a3784; background: #1a3784;
margin-right:3px; margin-right: 3px;
} }
.list-container{ .list-container {
border:2px solid #34bab2; border: 2px solid #34bab2;
padding:15px 15px; padding: 15px 15px;
margin-top:40px; margin-top: 40px;
} }
.list-title{ .list-title {
border-bottom:1px dashed #ccc; border-bottom: 1px dashed #ccc;
line-height: 35px; line-height: 35px;
} }
// 列表start // 列表start
.type-list li{ .type-list li {
list-style-type: square; list-style-type: square;
color: blue; color: blue;
font-size: 16px; font-size: 16px;
line-height: 35px; line-height: 35px;
border-bottom: 1px dashed #ccc; border-bottom: 1px dashed #ccc;
} }
.type-list li a{ .type-list li a {
color: #333; color: #333;
font-size: 14px; font-size: 14px;
text-decoration:none; text-decoration: none;
} }
.type-list li:hover{ .type-list li:hover {
color: red; color: red;
} }
.type-list li:hover a{ .type-list li:hover a {
color:red; color: red;
}
.type-list li:last-of-type {
border-bottom: none;
} }
.type-list li:last-of-type{border-bottom:none;}
// 列表end // 列表end
ul{ ul {
margin: 0px; margin: 0px;
padding: 0px; padding: 0px;
padding-left: 15px; padding-left: 15px;
} }
// 轮播图 // 轮播图
.carousel-div{ .carousel-div {
position:relative; position: relative;
height:100%; height: 100%;
} }
.carousel-intro{ .carousel-intro {
position:absolute; position: absolute;
width:100%; width: 100%;
height:25px; height: 25px;
line-height:25px; line-height: 25px;
white-space:nowrap; white-space: nowrap;
overflow:hidden; overflow: hidden;
text-overflow:ellipsis; text-overflow: ellipsis;
background:rgba(5, 23, 17, 0.21); background: rgba(5, 23, 17, 0.21);
color:#fff; color: #fff;
padding:0 5px; padding: 0 5px;
font-size:12px; font-size: 12px;
left:0; left: 0;
bottom:0; bottom: 0;
} }
.top-line{ .top-line {
padding:5px 15px; padding: 5px 15px;
white-space:nowrap; white-space: nowrap;
overflow:hidden; overflow: hidden;
text-overflow:ellipsis; text-overflow: ellipsis;
border-bottom:1px solid #ccc; border-bottom: 1px solid #ccc;
} }
.top-list .article-name .right-line{ .top-list .article-name .right-line {
padding-right:2px; padding-right: 2px;
margin-right:5px; margin-right: 5px;
position:relative; position: relative;
color:black; color: black;
cursor: default; cursor: default;
} }
.line-div{ .line-div {
position:absolute; position: absolute;
right:0; right: 0;
top:0; top: 0;
height:30px; height: 30px;
width:2px; width: 2px;
background:black; background: black;
} }
.top-list .article-name{ .top-list .article-name {
width:85%; width: 85%;
white-space:nowrap; white-space: nowrap;
overflow:hidden; overflow: hidden;
text-overflow:ellipsis; text-overflow: ellipsis;
color:#999999; color: #999999;
} }
.re-see{ .re-see {
font-size:12px; font-size: 12px;
color: #333333; color: #333333;
} }
.top-list{ .top-list {
padding:5px 0; padding: 5px 0;
font-size:10px; font-size: 10px;
color:black; color: black;
} }
.top-list:hover{ .top-list:hover {
color:red; color: red;
} }
.top-list:hover .article-name{ .top-list:hover .article-name {
color:red; color: red;
} }
.top-list:hover .right-line{ .top-list:hover .right-line {
color:red ; color: red;
} }
// 图片墙 // 图片墙
.imgs-div{ .imgs-div {
position:relative; position: relative;
height:100%; height: 100%;
} }
.imgs-div{ .imgs-div {
margin-bottom:10px; margin-bottom: 10px;
} }
.imgs-intro{ .imgs-intro {
position:absolute; position: absolute;
height:25px; height: 25px;
line-height:25px; line-height: 25px;
white-space:nowrap; white-space: nowrap;
overflow:hidden; overflow: hidden;
text-overflow:ellipsis; text-overflow: ellipsis;
background:#ccc; background: #ccc;
color:#fff; color: #fff;
font-size:12px; font-size: 12px;
left:0; left: 0;
bottom:0; bottom: 0;
} }
.business-ul{ .business-ul {
margin:0; margin: 0;
margin-top:10px; 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 { .business-ul li {
text-decoration:none; width: 100%;
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%;
} }
.business-ul li :hover { .business-ul li :hover {
text-decoration:none; text-decoration: none;
color:red; color: red;
} }
.business-ul li+li{ .business-ul li + li {
margin-top:5px; margin-top: 5px;
} }
.type-div{ .type-div {
padding:5px; padding: 5px;
border-left:2px solid #34bab2; border-left: 2px solid #34bab2;
border-right:2px solid #34bab2; border-right: 2px solid #34bab2;
border-bottom:2px solid #34bab2; border-bottom: 2px solid #34bab2;
} }
.left-business-ul{ .left-business-ul {
margin:0; margin: 0;
padding-left:0; padding-left: 0;
padding:5px; padding: 5px;
} }
.left-business-ul li{ .left-business-ul li {
width:100%; width: 100%;
font-size:13px; font-size: 13px;
height:30px; height: 30px;
line-height:30px; line-height: 30px;
margin:0 !important; margin: 0 !important;
padding:0 !important; padding: 0 !important;
} }
.left-business-ul li:not(:last-child) { .left-business-ul li:not(:last-child) {
border-bottom:1px solid #ccc; border-bottom: 1px solid #ccc;
} }
.left-business-ul li .name-txt{ .left-business-ul li .name-txt {
max-width:90%; max-width: 90%;
white-space:nowrap; white-space: nowrap;
overflow:hidden; overflow: hidden;
text-overflow:ellipsis; text-overflow: ellipsis;
} }
.left-business-ul li { .left-business-ul li {
text-decoration:none; text-decoration: none;
width:100%; width: 100%;
} }
.left-business-ul li :hover { .left-business-ul li :hover {
text-decoration:none; text-decoration: none;
color:red; color: red;
} }
.left-business-ul li+li{ .left-business-ul li + li {
margin-top:5px; margin-top: 5px;
} }
// 图片持续滚动动画 // 图片持续滚动动画
.scroll-imgs-list { .scroll-imgs-list {
list-style: none; list-style: none;
} }
.scroll-nav { .scroll-nav {
border: 1px solid red; border: 1px solid red;
overflow: hidden; overflow: hidden;
} }
.scroll-imgs-list { .scroll-imgs-list {
width: 200%; width: 200%;
height: 100%; height: 100%;
animation:move 4s linear infinite; animation: move 4s linear infinite;
} }
.scroll-imgs-li{ .scroll-imgs-li {
float: left; float: left;
} }
.scroll-imgs-list .scroll-img{ .scroll-imgs-list .scroll-img {
width: 250px; width: 250px;
height: 170px; height: 170px;
float: left; float: left;
} }
.scroll-imgs-list:hover { .scroll-imgs-list:hover {
animation-play-state: paused; animation-play-state: paused;
} }
.seamless-warp3 { .seamless-warp3 {
overflow: hidden; overflow: hidden;
height: 25px; height: 25px;
// width: 380px; // width: 380px;
width: 100%; width: 100%;
ul{ ul {
list-style:none; list-style: none;
margin:0; margin: 0;
padding:0; padding: 0;
} }
ul .item { ul .item {
width: 120%; width: 120%;
// width: 580px; // width: 580px;
// background:blue; // background:blue;
li { li {
float: left; float: left;
// width: 380px; // width: 380px;
// height: 25px; // height: 25px;
// margin-right: 10px; // margin-right: 10px;
}
}
} }
}
}
::v-deep {
// 设置轮播图指示器大小
.el-carousel__button {
width: 5px;
}
}
</style> </style>
<style lang="scss" scoped> <style lang="scss" scoped>
.container { .container {
width: 100%; width: 100%;
height: 300px; height: 300px;
display: inline-block; display: inline-block;
...@@ -755,6 +886,5 @@ ul{ ...@@ -755,6 +886,5 @@ ul{
transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);
} }
} }
</style> </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