Skip to content

C
court-inner
Commit 681f9c1d by 莫晓莉
Options

评论

parent 6501eb38
Showing with 388 additions and 2201 deletions
src/api/attendMeeting.js deleted 100644 → 0
import request from "@/utils/request"
//分页：会议签到列表
export const attendListPage = data => {
return request({
url: `meeting/person/page`,
method: 'POST',
data
})
}
//会议签到详情查看
export const signInDetail = (sId) => {
return request({
url: `meeting/person/signInDetail/${sId}`,
method: 'GET',
})
}
//会议签到（个人签到）
export const signIn = (sId) => {
return request({
url: `meeting/person/signIn/${sId}`,
method: 'GET',
})
}
//会议总结树形结构
// export const treeTable = (year,month) => {
// return request({
// url: `meeting/document/tree/${year}/${month}`,
// method: 'GET',
// })
// }
//会议总结树形结构
// export const treeTable = (year,month) => {
// return request({
// url: `meeting/tree/${year}/${month}`,
// method: 'GET',
// })
// }
src/api/detail.js 0 → 100644
import request from '@/utils/request'
//新增留言
export const createMessage = (data) => {
return request({
url: 'websiteCluster/website/createMessage',
method: 'POST',
data
})
}
\ No newline at end of file
src/api/manage/manage.js
......@@ -126,6 +126,15 @@ export const messageDetail = (data) => {
})
}
//新增留言
// export const createMessage = (data) => {
// return request({
// url: 'websiteCluster/website/createMessage',
// method: 'POST',
// data
// })
// }
......@@ -169,3 +178,4 @@ export const delFile = (data) => {
})
}
src/api/meetingApply.js deleted 100644 → 0
import request from "@/utils/request"
//会议室申请一开始加载页面获取承办部门、联系人、联系电话等回显信息的
export const meetingApplyDetail = () => {
return request({
url: 'meeting/add',
method: 'GET',
})
}
//会议室申请保存
export const saveMeeting=data=>{
return request({
url:"meeting/save",
method:"POST",
data
})
}
//会议类型列表
export const meetingTypeList = () => {
return request({
url: 'meeting/meetingType/list',
method: 'GET',
})
}
//场所类型列表
export const placesList = () => {
return request({
url: 'meeting/room/typeList',
method: 'GET',
})
}
//根据法院代码和类型查询场所
// export const byCourtCodeAndType = (courtCode,type) => {
// return request({
// url: `meeting/room/byCourtCodeAndType/${courtCode}&&${type}`,
// method: 'GET',
// })
// }
export const byCourtCodeAndType = (courtCode,type) => {
return request({
url: `meeting/room/byCourtCodeAndType?courtCode=${courtCode}&type=${type}`,
method: 'GET',
})
}
//会议室申请保存
export const meetingApplySave = data => {
return request({
url: 'meeting/save',
method: 'POST',
data
})
}
//上传多个附件
export const uploadMeetingFile = data => {
return request({
url: 'meeting/file/uploadMeetingFile',
method: 'POST',
data
})
}
//附件上传接口改动--2021、9、6
export const sameUploadFile = data => {
return request({
url: 'meeting/attach/uploadFile',
method: 'POST',
data
})
}
//删除会议附件
// export const deleteFile = (fileId) => {
// return request({
// url: `meeting/del/${fileId}`,
// method: 'DELETE',
// })
// }
//删除会议附件--新接口/meeting/attach/{fileId}
export const deleteFile = (fileId) => {
return request({
url: `meeting/attach/${fileId}`,
method: 'DELETE',
})
}
//根据id查询会议场所接口，用于查看和编辑
export const hisDateMeeting = (id) => {
return request({
url: `meeting/room/list`,
method: 'POST',
})
}
//查看会议详情接口
export const seeMeetingInfo = (sid) => {
return request({
url: `meeting/${sid}`,
method: 'GET',
})
}
//附件查询接口
export const checkFileList = data => {
return request({
url: 'meeting/attach/fileList',
method: 'POST',
data
})
}
//获取本院所有用户
export const getCurrentCourtAllUsers = (sid) => {
return request({
url: `meeting/feign/user/getCurrentCourtAllUsers`,
method: 'GET',
})
}
src/api/meetingCheck.js deleted 100644 → 0
import request from "@/utils/request"
//会议场所审核列表分页
export const meetingCheckList = data => {
return request({
url: `meeting/flow/page`,
method: 'POST',
data
})
}
//会议审核审批
export const checkPass = data => {
return request({
url: `meeting/flow/save`,
method: 'POST',
data
})
}
src/api/meetingDetail.js deleted 100644 → 0
import request from "@/utils/request"
//会议室申请查看
export const meetingListDetail = (sid) => {
return request({
url: `meeting/${sid}`,
method: 'GET',
})
}
\ No newline at end of file
src/api/meetingEnter.js deleted 100644 → 0
import request from "@/utils/request"
//分页：指定部门会议报名列表
export const meetingEnterListPage = data => {
return request({
url: `meeting/deptNumber/page`,
method: 'POST',
data
})
}
//不分页：指定部门会议报名列表
export const meetingEnterList = data => {
return request({
url: `meeting/deptNumber/list`,
method: 'POST',
data
})
}
//指定会议部门弹窗选择
export const deptSignUpPopup = (sid) => {
return request({
url: `meeting/deptNumber/deptSignUpPopup/${sid}`,
method: 'GET',
})
}
//指定会议部门弹窗选择内（点击部门查询人员）
export const getDeptUser = (sid,deptId) => {
return request({
url: `meeting/deptNumber/deptSignUpPopup/getDeptUser/${sid}/${deptId}`,
method: 'GET',
})
}
//部门报名会议
export const signUpOther = data => {
return request({
url: `meeting/deptNumber/signUpOther`,
method: 'POST',
data
})
}
src/api/meetingHome.js deleted 100644 → 0
import request from "@/utils/request"
//会议场所审核统计总数
export const placeAuditCount = data => {
return request({
url: `meeting/home/placeAuditCount`,
method: 'POST',
data
})
}
//参加会议数量统计
export const joinMeetingCount = data => {
return request({
url: `meeting/home/joinMeetingCount`,
method: 'POST',
data
})
}
//会议总结资料审核统计总数
export const documentAuditCount = data => {
return request({
url: `meeting/home/documentAuditCount`,
method: 'POST',
data
})
}
//会议总结树形结构
// export const treeTable = (year,month) => {
// return request({
// url: `meeting/document/tree/${year}/${month}`,
// method: 'GET',
// })
// }
//会议总结树形结构
export const treeTable = (year,month) => {
return request({
url: `meeting/tree/${year}/${month}`,
method: 'GET',
})
}
src/api/meetingResourse.js deleted 100644 → 0
import request from "@/utils/request"
//会议总结资料分页列表
export const pageResourse = data => {
return request({
url: `meeting/document/page`,
method: 'POST',
data
})
}
//会议总结资料查看
export const summary = (sId) => {
return request({
url: `meeting/document/summary/${sId}`,
method: 'GET',
})
}
//会议总结资料保存
export const summarySave = (data) => {
return request({
url: `meeting/document/summary/save`,
method: 'POST',
data
})
}
//个人笔记编辑/meeting/document/personal/edit/{sId}/{id}
export const noteEdit = (sId,id) => {
return request({
url: `meeting/document/personal/edit/${sId}/${id}`,
method: 'GET',
})
}
//会议总结资料分页列表
export const summaryPage = data => {
return request({
url: `meeting/document/summary/page`,
method: 'POST',
data
})
}
//会议总结树形结构
// export const treeTable = (year,month) => {
// return request({
// url: `meeting/tree/${year}/${month}`,
// method: 'GET',
// })
// }
// 附件查询
export const noteFileCheck = data => {
return request({
url: `/meeting/attach/fileList`,
method: 'POST',
data
})
}
src/api/meetingResourseCheck.js deleted 100644 → 0
import request from "@/utils/request"
//会议总结资料审核列表
export const pageResourseCheck = data => {
return request({
url: `meeting/flow/document/page`,
method: 'POST',
data
})
}
//会议总结资料审核保存提交
export const ResourseCheckSave = data => {
return request({
url: `meeting/flow/document/save`,
method: 'POST',
data
})
}
//会议总结资料审核查看
export const seeDoc = (flowId) => {
return request({
url: `meeting/flow/document/${flowId}`,
method: 'GET',
})
}
//个人笔记编辑/meeting/document/personal/edit/{sId}/{id}
// export const noteEdit = (sId,id) => {
// return request({
// url: `meeting/document/personal/edit/${sId}/${id}`,
// method: 'GET',
// })
// }
//会议总结资料分页列表
// export const summaryPage = data => {
// return request({
// url: `meeting/document/summary/page`,
// method: 'POST',
// data
// })
// }
//会议总结树形结构
// export const treeTable = (year,month) => {
// return request({
// url: `meeting/tree/${year}/${month}`,
// method: 'GET',
// })
// }
src/api/meetingResourseSearch.js deleted 100644 → 0
import request from "@/utils/request"
//会议总览树形结构
// export const scanTree = data => {
// return request({
// url: `meeting/document/tree`,
// method: 'POST',
// data
// })
// }
export const scanTree = data => {
return request({
url: `meeting/document/summary/tree`,
method: 'POST',
data
})
}
//会议总结资料树形结构的点击事件调用
export const treeTable = (year, month) => {
return request({
url: `meeting/document/summary/tree/${year}/${month}`,
method: 'GET',
})
}
//会议总结树形结构
// export const treeTable = (year,month) => {
// return request({
// url: `meeting/tree/${year}/${month}`,
// method: 'GET',
// })
// }
// 会议总结资料分页列表
export const treeTableList = (year,month) => {
return request({
url: `/meeting/document/tree/${year}/${month}`,
method: 'GET',
})
}
//会议总结资料查看
export const seeDocDetail = (id) => {
return request({
url: `meeting/document/${id}`,
method: 'GET',
})
}
export const seeDoc = (sid) => {
return request({
url: `meeting/document/summary/${sid}`,
method: 'GET',
})
}
src/api/myMeetingApply.js deleted 100644 → 0
import request from "@/utils/request"
//我的会议申请--不分页
export const myMeetingApplyList = data => {
return request({
url: 'meeting/list',
method: 'POST',
data
})
}
//我的会议申请列表：分页
export const myMeetingApplyListPage = data => {
return request({
url: 'meeting/page',
method: 'POST',
data
})
}
//会议提醒弹窗打开
export const scheduleRemindPopup = (sid) => {
return request({
url: `meeting/scheduleRemind/${sid}`,
method: 'GET',
})
}
//会议提醒弹窗保存
export const remindSave = data => {
return request({
url: 'meeting/scheduleRemind/save',
method: 'POST',
data
})
}
//发公告
export const saveNotice = data => {
return request({
url: 'meeting/scheduleRemind/saveNotice',
method: 'POST',
data
})
}
//删除会议接口
export const deleteMeeting = (sid) => {
return request({
url: `meeting/${sid}`,
method: 'DELETE',
})
}
//获取本院部门
export const findCurrentDepts = data => {
return request({
url: 'meeting/feign/dept/findCurrentDepts',
method: 'GET',
data
})
}
//获取全区法院部门
export const findAllCourtDepts = data => {
return request({
url: 'meeting/feign/dept/findAllCourtDepts',
method: 'GET',
data
})
}
src/api/personalNote.js deleted 100644 → 0
import request from "@/utils/request"
//个人笔记保存
export const noteSave = data => {
return request({
url: `meeting/document/personal/save`,
method: 'POST',
data
})
}
//个人笔记分页列表
export const personalNoteList = data => {
return request({
url: `meeting/document/personal/page`,
method: 'POST',
data
})
}
// 个人笔记查看
export const noteCheck = id => {
return request({
url: `/meeting/document/personal/${id}`,
method: 'GET'
})
}
// 附件查询
export const noteFileCheck = data => {
return request({
url: `/meeting/attach/fileList`,
method: 'POST',
data
})
}
// 附件删除
export const noteFileDelete = fileId => {
return request({
url: `/meeting/attach/${fileId}`,
method: 'DELETE'
})
}
\ No newline at end of file
src/views/detail/index.vue
......@@ -5,7 +5,7 @@
<el-row class="mt-20" :gutter="20">
<el-col :span="16">
<div class="zone-style">
<div style="min-height: 76vh">
<div style="">
<div style="">
<span>当前位置:</span>
<el-breadcrumb
......@@ -21,11 +21,12 @@
<!-- 文章内容 -->
<div>
<h2 style=" text-align: center;">{{article.subject}}</h2>
<div style="color: #999999; font-size: 12px;text-align:right">发布时间：{{article.newsTime.substring(0,10)}}</div>
<div v-if="article.newsTime" style="color: #999999; font-size: 12px;text-align:right">发布时间：{{article.newsTime.substring(0,10)}}</div>
<div>
<el-image style="margin-top:5px;width:100%;margin-bottom:5px;" fit="contain" v-for="item in attachList" :key="item.id" :src="item.downloadPath"></el-image>
</div>
<div v-html="article.content"></div>
<div class="wiriter-intro">作者: {{ article.provider }}</div>
</div>
</div>
......@@ -37,19 +38,19 @@
>
<el-col>
<el-row :gutter="40">
<el-col class="mb-10" :span="12">
<div class="k-flex k-align-center">
<el-col v-for="item in attachList" :key="item.id" class="mb-10" :span="12" >
<div @click="downLoadFile(item)" class="k-flex k-align-center">
<img
class="mr-5 gong-icon"
style=""
src="../../assets/home/gonggao.png"
/>
<div class="file-name">
namehghjsd结果来看和可管理回馈老顾客
{{item.attachName}}
</div>
</div>
</el-col>
<el-col class="mb-10" :span="12">
<!-- <el-col class="mb-10" :span="12">
<div class="k-flex k-align-center">
<img
class="mr-5 gong-icon"
......@@ -72,22 +73,61 @@
namehghjsd结果来看和可管理回馈老顾客
</div>
</div>
</el-col>
</el-col> -->
</el-row>
</el-col>
</el-row>
<!--评论-->
<el-row>
<h5 style="text-align: center">暂无评论</h5>
<h5 v-if="messageDetailData.length==0" style="text-align: center">暂无评论</h5>
<h5 v-else style="text-align: center">评论</h5>
<div v-for="(item,index) in messageDetailData" :key="item.id" class="k-flex mb-15">
<el-image style="width:30px;height:30px;" fit="contain" :src="require('../../assets/home/user-o.png')"></el-image>
<div class="ml-5 k-all">
<div class="k-flex k-space-between" style="font-size:12px;color:#ccc;">
<div class="ml-5">{{item.userId}}</div>
<div class="mr-15">{{item.reTime}}</div>
</div>
<div style="margin-top:10px;font-size:9px;background:#eee;border-radius:5px;padding:15px;">
{{item.content}}
</div>
<div @click="returnEvent(item,index)" v-if=" user.id && !item.returnFlag" class="mt-10" style="font-size:10px;margin-left:10px;color:blue;">回复</div>
<!-- 回复开始 -->
<div v-if="item.returnFlag" class="k-flex k-align-center return-comment mt-15">
<el-input
class=""
type="textarea"
:rows="1"
v-model="reCommentContent"
placeholder="请输入回复内容"
></el-input>
<el-button class="ml-10 " type="primary" size="mini" @click="commentEvent(1,item.content,item.newsId)">发送</el-button>
</div>
<!-- 回复结束 -->
</div>
</div>
<!-- <div>
<button size="mini" type="primary">回复</button>
</div> -->
<el-input
class="mt-15"
type="textarea"
:rows="10"
v-model="commentContent"
placeholder="发表评论"
></el-input>
<div v-if="user.id" style="text-align:center;">
<el-button class="mt-15" s type="danger" size="mini" @click="commentEvent(0,'',article.newsId)">发表</el-button>
</div>
<div
v-if="!user.id"
style="text-align: center; font-size: 14px; margin-top: 15px"
>
您必须先的<span style="color: #d33237" @click="loginEvent">登录</span>才能发表评论
您必须先的<span style="color: #d33237" @click="loginEvent">登录</span>才能发表评论或者回复
</div>
</el-row>
</div>
......@@ -250,12 +290,21 @@
</template>
<script>
import {newsDetail} from "@/api/homePage.js"
import { messageDetail } from "@/api/manage/manage";
import { removeToken } from "@/utils/auth";
import { createMessage } from "@/api/detail";
// import { getUserInfo } from "@/utils/auth";
import { mapGetters, mapMutations } from "vuex";
export default {
name: "show",
data() {
return {
reCommentContent:'',//回复内容
messageDetailData:[],//评论详情
returnFlag:false,//回复判断
commentContent:'',//评论内容
activeItem: 0,
topList: [
{
......@@ -317,11 +366,47 @@ export default {
var self = this;
self.getParams();
},
computed:{
...mapGetters(['user']),
},
methods: {
returnEvent(item,index){
// if(!user.id){
// this.$message({
// message:'请先登录才可回复!',
// type:'success'
// });
// return;
// }
console.log('回复',);
this.messageDetailData[index].returnFlag=!item.returnFlag;
// for(var i=0;i<this.messageDetailData.length;i++){
// if(i==index){
// this.messageDetailData[i].returnFlag=true;
// }else{
// this.messageDetailData[i].returnFlag=false;
// }
// }
this.$forceUpdate();
console.log('回复==',this.messageDetailData);
},
//下载文件
downLoadFile(item){
// alert('111');
// 创建a标签
let a = document.createElement('a')
a.download = item.attachName; //下载后文件名
a.setAttribute('href',item.attachPath)
a.click(); //点击下载
},
getParams(){//接收函数
console.log(this.$router.history.current.query.newsId)
// this.msg = this.$router.history.current.query.name;
this.newsDetailFun(this.$router.history.current.query.newsId)
this.newsDetailFun(this.$router.history.current.query.newsId);
this.messageDetail(this.$router.history.current.query.newsId);//获取评论详情
},
newsDetailFun(val){
newsDetail({newsId:val}).then(res=>{
......@@ -330,10 +415,67 @@ export default {
this.attachList=attachList;
})
},
//评论详情
messageDetail(newsId){
let params={};
params.newsId=newsId;
// params.newsId='f4bf8ffc4ec54e98a180f36b95668ec6';
messageDetail(JSON.stringify(params)).then(res=>{
if(res.success){
this.messageDetailData=res.data;
this.messageDetailData.forEach(item=>{
item.returnFlag=false;
})
}
})
},
switchBtn(i) {
console.log("111===", i);
this.activeItem = i;
},
//发表评论
commentEvent(type,content,newsId){
var oldContent=content;
var params={};
// type=1是回复，type=0是发表评论
// this.reCommentContent=
if(type==0){
if(this.commentContent==''){
this.$message({
message:'请输入评论内容!',
type:'success'
});
return;
}
params.content=this.commentContent;
params.newsId=newsId;
}
if(type==1){
if(this.reCommentContent==''){
this.$message({
message:'请输入回复内容!',
type:'success'
});
return;
}
params.content=oldContent+'回复:'+this.reCommentContent+'。';
params.newsId=newsId;
}
createMessage(JSON.stringify(params)).then(res=>{
this.messageDetail(this.$router.history.current.query.newsId);
if(res.success){
this.$message({
message:'评论成功!',
type:'success'
})
}
})
},
loginEvent(){
removeToken();
// alert('11111',process.env.VUE_APP_LOGIN_API);
......@@ -349,6 +491,11 @@ export default {
};
</script>
<style lang="scss" scoped>
.wiriter-intro{
text-align:right;
margin-top:10px;
font-size:13px;
}
// 切换气泡按钮
.btns-switch .btn-item {
display: inline-block;
......@@ -501,4 +648,26 @@ ul {
padding: 0px;
padding-left: 15px;
}
// 回复评论
.return-comment {
background: #eee;
color: #fff;
position: relative;
padding:10px;
margin-top:10px;
margin-bottom:10px;
border-radius:5px;
border:1px solid #eee;
}
.return-comment:after {
position: absolute;
display: inline-block;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 8px solid #eee;
left: 30px;
top: -8px;
content: "";
}
</style>
\ No newline at end of file
src/views/homePage/index.vue
......@@ -8,10 +8,10 @@
<el-row :gutter="20" class="mt-15 first-zone-style">
<el-col :span="10" style="padding-left:0;padding-right:0;">
<div >
<el-carousel style="border-radius:8px;" height="500px" indicator-position="outside" :interval="4000">
<el-carousel-item style="border-radius:8px;" v-for="(item,index) in headlineRotation" :key="index">
<div class="carousel-div" style="border-radius:8px;" @click="setParams(item)">
<el-image :src="item.attInfoList[0].downloadPath" style="width:100%;height:100%;"></el-image>
<el-carousel style="border-radius:8px;" height="400px" indicator-position="outside" :interval="4000">
<el-carousel-item style="border-radius:8px;" v-for="(item,index) in headlineRotation" :key="index">
<div v-if="item.attInfoList.length>0" class="carousel-div" style="border-radius:8px;" @click="setParams(item)">
<el-image :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>
......@@ -457,8 +457,8 @@
<el-col :span="11">
<el-carousel style="border-radius:8px;" height="280px" indicator-position="outside" :interval="4000">
<el-carousel-item style="border-radius:8px;" v-for="item in tableData" :key="item.id">
<div class="carousel-div" style="border-radius:8px;" @click="setParams(item)">
<el-image :src="item.attInfoList[0].downloadPath" style="width:100%;height:100%;"></el-image>
<div v-if="item.attInfoList.length>0" class="carousel-div" style="border-radius:8px;" @click="setParams(item)">
<el-image :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>
......@@ -488,8 +488,8 @@
<el-col :span="8"></el-col>
<el-col :span="8"></el-col>-->
<el-col style="border-radius:5px;" :span="8" v-for="item in policeOfficer" :key="item.id" >
<div class="imgs-div" style="width:100%;border-radius:8px;" @click="setParams(item)">
<el-image :src="item.attInfoList[0].downloadPath" style="width:100%;display:block;border-radius:5px;">
<div v-if="item.attInfoList.length>0" class="imgs-div" style="width:100%;border-radius:8px;" @click="setParams(item)">
<el-image :src="item.attInfoList[0].downloadPath" fit="contain" style="width:100%;display:block;border-radius:5px;">
</el-image>
<div class="imgs-intro" style="width:100%;border-radius:0 0 5px 5px;">
<span>&ensp;{{item.subject}}&ensp;</span>
......
src/views/manage/index.vue
......@@ -525,7 +525,7 @@
</el-tab-pane>
<el-tab-pane name="fifth">
<span slot="label"><i class="el-icon-date"></i>查询</span>
<el-form ref="form" :model="form" label-width="80px">
<el-form ref="searchForm" :model="form" label-width="80px">
<el-form-item label="格式">
<el-select v-model="pageInfoSearch.geshi" placeholder="请选择格式" clearable>
......@@ -602,7 +602,7 @@
</el-form-item>
<el-form-item>
<el-button type="primary" @click="findNews()">查询</el-button>
<el-button>重填</el-button>
<el-button @click="resetSearch()">重置</el-button>
</el-form-item>
</el-form>
......@@ -817,26 +817,36 @@
<!-- 1、管理列表---修改管理列表弹窗结束 -->
<!-- 2、管理列表---评论弹窗start-->
<el-dialog
title="评论"
title="评论列表"
:visible.sync="commentDialog"
width="40%"
:before-close="handleComment">
<div>
<el-form ref="formSubmit" :model="commentForm" label-width="80px">
<el-form-item label="审批意见:">
<el-input type="textarea" v-model="commentForm.approvalText"></el-input>
</el-form-item>
<el-form-item label="是否通过">
<el-radio-group v-model="commentForm.flowStatus">
<el-radio :label="1">通过</el-radio>
<el-radio :label="3">不通过</el-radio>
</el-radio-group>
</el-form-item>
</el-form>
<el-table
:data="messageDetailData"
border
:header-cell-style="{'text-align':'center','color':'#606266'}"
style="width: 100%">
<el-table-column
prop="content"
label="评论内容"
>
</el-table-column>
<el-table-column
prop="userId"
label="评论人"
>
</el-table-column>
<el-table-column
prop="reTime"
label="时间">
</el-table-column>
</el-table>
</div>
<span slot="footer" class="dialog-footer">
<el-button @click="handleComment">取 消</el-button>
<el-button type="primary" >确 定</el-button>
<!-- <el-button @click="handleComment">取 消</el-button>
<el-button type="primary" >确 定</el-button> -->
<el-button type="primary" @click="handleComment">关闭</el-button>
</span>
</el-dialog>
<!--2、管理列表---评论弹窗end-->
......@@ -970,21 +980,45 @@
width="40%"
:before-close="handleCloseSuggest">
<div>
<el-form ref="adviceForm" :model="commentForm" label-width="80px">
<el-form-item label="内容:">
<el-input type="textarea" v-model="adviceForm.approvalText" :rows="5"></el-input>
</el-form-item>
<!-- <el-form-item label="是否通过">
<el-radio-group v-model="adviceForm.flowStatus">
<el-radio :label="1">通过</el-radio>
<el-radio :label="3">不通过</el-radio>
</el-radio-group>
</el-form-item> -->
</el-form>
<el-form ref="refAdviceForm" :model="adviceForm" label-width="80px">
<el-form-item label="内容:">
<el-input type="textarea" v-model="adviceForm.content" :rows="5"></el-input>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="saveAdvise">确 定</el-button>
<el-button @click="clearSuggestForm">重置</el-button>
</el-form-item>
</el-form>
<el-card class="box-card">
<div slot="header" class="clearfix">
<span>历史建议</span>
<!-- <el-button style="float: right; padding: 3px 0" type="text">操作按钮</el-button> -->
</div>
<el-table
:data="adviceDetailData"
border
style="width: 100%">
<el-table-column
prop="fromId"
label="建议人"
width="180">
</el-table-column>
<el-table-column
prop="content"
label="内容"
width="180">
</el-table-column>
<el-table-column
prop="sendTime"
label="时间">
</el-table-column>
</el-table>
</el-card>
</div>
<span slot="footer" class="dialog-footer">
<el-button @click="handleCloseSuggest">取 消</el-button>
<el-button type="primary" @click="saveAdvise">确 定</el-button>
<el-button type="primary" @click="handleCloseSuggest">关闭</el-button>
<!-- <el-button type="primary" @click="saveAdvise">确 定</el-button> -->
</span>
</el-dialog>
<!---4、审核列表--提建议弹窗end-->
......@@ -996,7 +1030,46 @@
width="40%"
:before-close="handleCloseLeave">
<div>
<el-form ref="formSubmit" :model="commentForm" label-width="80px">
<!-- <el-table
:data="messageDetailData"
border
style="width: 100%">
<el-table-column
prop="date"
label="日期"
width="180">
</el-table-column>
<el-table-column
prop="name"
label="姓名"
width="180">
</el-table-column>
<el-table-column
prop="address"
label="地址">
</el-table-column>
</el-table> -->
<el-table
:data="messageDetailData"
border
:header-cell-style="{'text-align':'center','color':'#606266'}"
style="width: 100%">
<el-table-column
prop="content"
label="评论内容"
>
</el-table-column>
<el-table-column
prop="userId"
label="评论人"
>
</el-table-column>
<el-table-column
prop="reTime"
label="时间">
</el-table-column>
</el-table>
<!-- <el-form ref="formSubmit" :model="commentForm" label-width="80px">
<el-form-item label="审批意见:">
<el-input type="textarea" v-model="commentForm.approvalText"></el-input>
</el-form-item>
......@@ -1006,11 +1079,12 @@
<el-radio :label="3">不通过</el-radio>
</el-radio-group>
</el-form-item>
</el-form>
</el-form> -->
</div>
<span slot="footer" class="dialog-footer">
<el-button @click="handleCloseLeave">取 消</el-button>
<el-button type="primary" >确 定</el-button>
<!-- <el-button @click="handleCloseLeave">取 消</el-button>
<el-button type="primary" >确 定</el-button> -->
<el-button type="primary" @click="handleCloseLeave">关闭</el-button>
</span>
</el-dialog>
<!---5、收报信息--留言弹窗end-->
......@@ -1050,7 +1124,7 @@ import {
deleteNews,//删除信息
newsDetail,//新闻详情
giveAdvise,//提建议
messageDetail,//留言
messageDetail,//留言详情
updateNews,//修改信息
assInfoBatch,//审核信息批量打开
adviceDetail,//建议详情
......@@ -1088,6 +1162,7 @@ export default {
adviceForm:{
content:'',
},//提建议
adviceDetailData:[],//历史建议列表
commentDialog:false,//管理列表--评论弹窗
commentForm:{},//评论弹窗
pageInfo: {
......@@ -1147,7 +1222,7 @@ export default {
typeIds:[],//信息所属分类
// deptId:2547,//用户部门id
sendToBoards:[],//发送到教育整顿
labelDept:null,//信息所属部门
// labelDept:null,//信息所属部门
sbGy: '0',//上报高院
sbZy: '0',//上报中院
// name: '',
......@@ -1511,7 +1586,18 @@ export default {
}
})
},
// 管理列表--页面切换
//resetSearch重置
resetSearch(){
this.$refs['searchForm'].resetFields();
this.pageInfoSearch={};
this.pageInfoSearch={
page: 1,
size: 10,
total:0
};//管理
},
// 管理列表--页面切换
pageChangeSearch(e) {
this.pageInfoSearch.page = e;
this.findNews();
......@@ -1607,13 +1693,13 @@ export default {
});
return;
}
if(this.newsFormEdit.labelDept==null){
this.$message({
message: '请输入选择所属部门!',
type: 'warning'
});
return;
}
// if(this.newsFormEdit.labelDept==null){
// this.$message({
// message: '请输入选择所属部门!',
// type: 'warning'
// });
// return;
// }
let formData = new FormData();
if(this.activeName='third'){//创建未提交审核为5，提交审核为4，审核不通过为3，通过已发布为1
this.newsFormEdit.publish=num;
......@@ -1626,8 +1712,8 @@ export default {
// if(this.newsFormEdit.fileList==null){
// this.newsFormEdit.fileList=[];
// }
if(this.newsFormEdit.labelDept==0){
this.newsFormEdit.labelDept=0;
if(this.newsFormEdit.labelDept==null){
delete this.newsFormEdit.labelDept;
}
for(let key in this.newsFormEdit){
formData.append(key,this.newsFormEdit[key])
......@@ -1801,8 +1887,16 @@ export default {
},
// 管理列表--评论
commentEvent(id){
console.log('评论',id);
commentEvent(newsId){
console.log('评论',newsId);
let params={};
params.newsId=newsId;
// params.newsId='f4bf8ffc4ec54e98a180f36b95668ec6';
messageDetail(JSON.stringify(params)).then(res=>{
if(res.success){
this.messageDetailData=res.data;
}
})
this.commentDialog=true;
},
//日志详情
......@@ -1927,22 +2021,50 @@ export default {
this.auditVisible=false;
},
// 审核列表-提建议按钮弹窗
openSuggest(){
openSuggest(newsId){
this.adviceForm.proId=newsId;//新闻 ID
this.adviceDetail();//建议历史列表
// 打开弹窗
this.suggestVisible=true;
},
//历史建议列表
adviceDetail(){
let params={};
params.newsId=this.adviceForm.proId;
adviceDetail(JSON.stringify(params)).then(res=>{
if(res.success){
this.adviceDetailData=res.data;
}
})
this.suggestVisible=true;
});
},
//提建议
clearSuggestForm(){
this.$refs['refAdviceForm'].resetFields();
this.adviceForm.content='';
},
//审核列表提建议保存
saveAdvise(){
if(this.adviceForm.content==''){
this.$message({
message:'请输入内容!',
type:'warning'
});
return;
}
let params={};
params.content=this.adviceForm.content;
params.proId=this.adviceForm.proId
giveAdvise(JSON.stringify(params)).then(res=>{
if(res.success){
this.$message({
message:'提建议成功！',
type:'success'
})
// 刷新列表
this.adviceDetail();
// 关闭弹窗
// this.suggestVisible=false;
}
})
......@@ -1952,9 +2074,10 @@ export default {
this.suggestVisible=false;
},
// 收报信息--留言
leaveDia(id){
leaveDia(newsId){
let params={};
params.id=id;
params.newsId=newsId;
// params.newsId='f4bf8ffc4ec54e98a180f36b95668ec6';
messageDetail(JSON.stringify(params)).then(res=>{
if(res.success){
this.messageDetailData=res.data;
......@@ -1962,11 +2085,12 @@ export default {
})
this.leaveVisible=true;
},
// 收报信息--留言
handleCloseLeave(){
this.leaveVisible=false;
},
// 收报信息--留言
//关闭日志
handleCloseLog(){
this.logVisible=false;
},
......
src/views/meetingHome/index copy 2.vue deleted 100644 → 0
<template>
<div class="bottom-container">
<!--<div class="bottom-content">
<div class="list">
<div v-for="(item, index) in list" :key="index" class="list-content">
<router-link :to="{ name: item.pathName }" class="list-box" :style="{'text-decoration':'none'}">
<div class="list-box-icon">
<div class="msg-icon" v-if="item.msgIcon">{{item.num}}</div>
<img :src="item.imgUrl" alt="" />
</div>
<div class="list-box-text">{{ item.name }}</div>
</router-link>
</div>
</div>
</div>-->
<!--<el-row class="menu-bar">
<div style="background:linear-gradient(to right, #1a3784 0%,#34bab2 100%)">
<el-menu
:default-active="activeIndex2"
class="el-menu-demo"
mode="horizontal"
@select="handleSelect"
background-color="black"
text-color="#fff"
active-text-color="#ffd04b"
:router="true">
<el-menu-item index="1">处理中心</el-menu-item>
<el-submenu index="2">
<template slot="title">我的工作台</template>
<el-menu-item index="2-1">选项1</el-menu-item>
<el-menu-item index="2-2">选项2</el-menu-item>
<el-menu-item index="2-3">选项3</el-menu-item>
<el-submenu index="2-4">
<template slot="title">选项4</template>
<el-menu-item index="2-4-1">选项1</el-menu-item>
<el-menu-item index="2-4-2">选项2</el-menu-item>
<el-menu-item index="2-4-3">选项3</el-menu-item>
</el-submenu>
</el-submenu>
<el-menu-item index="3" disabled>消息中心</el-menu-item>
</el-menu>
</div>
</el-row>-->
<div class="nav">
<div class="nav-a">
<ul class="nav-a-ul">
<li class="nav-a-li" :class="classA == index ? 'active' : '' " @click="selected(index)" v-for="(item,index) in configNav">
<router-link :to='item.path' class="nav-a-text" @click="showToggle(index)">{{item.name}}</router-link>
<div v-if="item.subItems" class="submenu-container" >
<ul class="menu_ul" :class="{'active' :index===isShow}">
<!--<ul class="menu_ul" :class="{'active' :index===isShow}">-->
<li class="menu_li" v-for = "nav in item.subItems" :class="classB == nav ? 'active' : '' " @click="menuselected(nav)">
<router-link class="menu_ul_text" :to="nav.link" :class="{'active':nav.link == linkClick}" @click = "treeNavSwitch(nav)">{{nav.text}}</router-link>
</li>
</ul>
</div>
</li>
</ul>
</div>
</div>
<div class="search-container">
<!--<img style="width:100%;" src="../../assets/pic.jpg">-->
<div class="index-div">
<div class="indexConFind k-flex k-center k-align-center">
<div class="k-flex seach-input">
<el-input
placeholder="请输入内容"
v-model="input"
clearable>
</el-input>
<el-button type="warning" icon="el-icon-search">搜索</el-button>
</div>
</div>
</div>
</div>
</div>
</template>
<script>
import { mapGetters, mapMutations } from "vuex";
import {
meetingTypeList,//会议类型
placesList,//场所类型
} from "@/api/meetingApply";
import {
// placeAuditCount,//会议场所审核统计总数
// joinMeetingCount,//参加会议数量统计
// documentAuditCount//会议总结资料审核统计总数
} from "@/api/meetingHome";
export default {
data() {
return {
show: false,
classA: 0,
classB: 0,
isShow: 0,
linkClick: "",
configNav: [
{
name: "首页",
path:'/gwindex',
},
{
name: "法院新闻",
path:'',
subItems:[
{ link:'/education',text: '教学管理系统'},
{ link:'/yingxiaozhaosheng',text: '营销招生系统' },
{ link:'',text: '视频直播系统' },
{ link:'',text: '个性化定制服务' }
]
},
{
name: "工作信息",
path:'/partner',
},
{
name: "法院业务",
path:'/aboutour',
},
{
name: "干警作品",
path:'/aboutour',
},
{
name: "娱乐",
path:'/aboutour',
},
{
name: "全区法院",
path:'/aboutour',
},
{
name: "信息发布系统",
path:'/aboutour',
},
]
// list: [
// {
// name: '会议室管理',
// imgUrl: require('../../assets/iconImg/01-首页/会议室管理.png'),
// pathName: '',
// },
// {
// name: '会议室申请',
// imgUrl: require('../../assets/iconImg/01-首页/会议室申请.png'),
// pathName: 'meetingApply',
// msgIcon: false,
// },
// {
// name: '会议室审核',
// imgUrl: require('../../assets/iconImg/01-首页/会议室审核.png'),
// pathName: 'meetingCheck',
// msgIcon: true,
// num:0
// },
// {
// name: '会议报名',
// imgUrl: require('../../assets/iconImg/01-首页/会议报名.png'),
// pathName: 'meetingEnter',
// msgIcon: true,
// num:0
// },
// {
// name: '我的会议申请',
// imgUrl: require('../../assets/iconImg/01-首页/我的会议申请.png'),
// pathName: 'myMeetingApply',
// },
// {
// name: '参加会议',
// imgUrl: require('../../assets/iconImg/01-首页/参加会议.png'),
// pathName: 'attendMeeting',
// },
// {
// name: '个人笔记',
// imgUrl: require('../../assets/iconImg/01-首页/个人笔记.png'),
// pathName: 'personalNote',
// },
// {
// name: '会议总结资料',
// imgUrl: require('../../assets/iconImg/01-首页/会议总结资料.png'),
// pathName: 'meetingResourse',
// },
// {
// name: '会议总结资料审核',
// imgUrl: require('../../assets/iconImg/01-首页/会议总结资料审核.png'),
// pathName: 'meetingResourseCheck',
// msgIcon: true,
// num:0
// },
// {
// name: '会议总结资料查询',
// imgUrl: require('../../assets/iconImg/01-首页/会议总结资料查询.png'),
// pathName: 'meetingResourseSearch',
// },
// {
// name: '会议总览',
// imgUrl: require('../../assets/iconImg/01-首页/会议总览.png'),
// pathName: 'overview',
// },
// ],
}
},
created(){
// this.getMeetingTypeList();// 获取会议类型下拉框列表
// this.getPlaceTypeList();// 获取场所类型下拉框列表
// this.getPlaceAuditCount();//会议场所审核统计总数
// this.getJoinMeetingCount();//参加会议数量统计
// this.getDocumentAuditCount();//会议总结资料审核统计总数
},
methods: {
selected: function(index) {
this.classA = index;
},
menuselected: function(nav) {
this.classB = nav;
},
showToggle: function(index) {
this.isShow = index;
},
treeNavSwitch: function(nav) {
this.linkClick = nav.link;
}
// ...mapMutations(["SET_MEETTYPELIST","SET_PLACETYPELIST"]),
// //获取会议类型
// getMeetingTypeList(){
// meetingTypeList().then(res=>{
// if(res.success){
// // this.meetingType=res.data;
// this.SET_MEETTYPELIST(res.data);
// localStorage.setItem('meetingTypeList', JSON.stringify(res.data));
// }
// })
// },
// //获取场所类型
// getPlaceTypeList(){
// placesList().then(res=>{
// if(res.success){
// // this.placeOptions=res.data;
// this.SET_PLACETYPELIST(res.data);
// localStorage.setItem('placeTypeList', JSON.stringify(res.data));
// }
// })
// },
// //1.会议场所审核统计总数
// getPlaceAuditCount(){
// placeAuditCount().then(res=>{
// if(res.success){
// this.list[2].num=res.data;
// }
// })
// },
// //2.参加会议数量统计
// getJoinMeetingCount(){
// joinMeetingCount().then(res=>{
// if(res.success){
// this.list[3].num=res.data;
// }
// })
// },
// //3.会议总结资料审核统计总数
// getDocumentAuditCount(){
// documentAuditCount().then(res=>{
// if(res.success){
// this.list[8].num=res.data;
// }
// })
// },
},
}
</script>
<style lang="scss" scoped>
// ::v-deep{
// .el-menu--horizontal>.el-menu-item{
// display:inline;
// }
// }
ul,li{
padding:0;
margin:0;
}
.nav {
width: 100%;
// min-width: 1300px;
height: auto;
margin: 0px auto;
position: absolute;
// position: relative;
border-bottom: none;
line-height: 65px;
// padding:5px 0;
background: linear-gradient(to right, #1a3784 0%,#34bab2 100%);
box-sizing:border-box;
// box-sizing:border-box;
}
.nav-a {
cursor: pointer;
// float: left;
// margin-left: 50px;
letter-spacing: 4px;
position: relative;
text-align:center;
}
.nav-a-ul {
list-style: none;
line-height:50px;
}
.nav-a-li {
display: inline-block;
// margin-left: 30px;
// height: 60px;
margin:0 20px;
}
.nav-a-text {
font-size: 16px;
color: #fff;
// line-height: 58px;
font-weight:bold;
text-decoration: none;
}
.menu_ul{
list-style: none;
background: #fff;
border-radius: 3px;
z-index: 999;
// position: absolute;
// display:flex;
// flex-wrap: wrap;
// white-space:nowrap;
// display: none;
// margin-top:10px;
}
.submenu-container {
// width: 130px;
// top: 58px;
// left: 67px;
// left:0;
display: none;
margin-top:10px;
width: 100%;
position:absolute;
width:300px;
border:1px solid red;
border-radius:5px;
padding:15px;
}
.menu_li {
float:left;
height: 30px;
line-height: 30px;
padding:0 10px;
margin-bottom:10px;
border-right:1px solid #eee;
// padding-left: 12px;
}
.menu_ul_text {
font-size: 14px;
color: #666;
letter-spacing: 0;
line-height: 30px;
height:30px;
text-decoration: none;
padding-left: 6px;
}
.nav-a-li:hover{
// display:inline-block;
// border-bottom: 2px solid #fff !important;
border-bottom: 2px solid red !important;
box-sizing:border-box;
}
.nav-a-li.active {
// border-bottom: 2px solid #fff;
}
.nav-a-li:active {
border-bottom: 2px solid #fff;
}
// .nav-a-li:hover .menu_ul {
// display: block;
// }
.nav-a-li:hover .submenu-container {
display: block;
}
.menu_ul_text:hover {
color: #2589ff;
}
.menu_li.active .menu_ul_text{
color: #2589ff;
}
.search-container{
// position:relative;
width: 100%;
height: 500px;
background-image: url(../../assets/pic.jpg);
background-repeat: no-repeat;
background-size: 100% 100%;
}
.index-div{
position:absolute;
width: 100%;
border-radius: 5px;
top:30%;
}
.indexConFind{
// position:absolute;
width: 60%;
height: 180px;
background-color: rgba(5, 23, 17, 0.21);
margin: 0 auto;
// top:20%;
border-radius: 5px;
}
.seach-input{
width:60%;
}
</style>
\ No newline at end of file
src/views/meetingHome/index--yyy.vue deleted 100644 → 0
<template>
<div class="bottom-container">
<!--<div class="bottom-content">
<div class="list">
<div v-for="(item, index) in list" :key="index" class="list-content">
<router-link :to="{ name: item.pathName }" class="list-box" :style="{'text-decoration':'none'}">
<div class="list-box-icon">
<div class="msg-icon" v-if="item.msgIcon">{{item.num}}</div>
<img :src="item.imgUrl" alt="" />
</div>
<div class="list-box-text">{{ item.name }}</div>
</router-link>
</div>
</div>
</div>-->
<!--<el-row class="menu-bar">
<div style="background:linear-gradient(to right, #1a3784 0%,#34bab2 100%)">
<el-menu
:default-active="activeIndex2"
class="el-menu-demo"
mode="horizontal"
@select="handleSelect"
background-color="black"
text-color="#fff"
active-text-color="#ffd04b"
:router="true">
<el-menu-item index="1">处理中心</el-menu-item>
<el-submenu index="2">
<template slot="title">我的工作台</template>
<el-menu-item index="2-1">选项1</el-menu-item>
<el-menu-item index="2-2">选项2</el-menu-item>
<el-menu-item index="2-3">选项3</el-menu-item>
<el-submenu index="2-4">
<template slot="title">选项4</template>
<el-menu-item index="2-4-1">选项1</el-menu-item>
<el-menu-item index="2-4-2">选项2</el-menu-item>
<el-menu-item index="2-4-3">选项3</el-menu-item>
</el-submenu>
</el-submenu>
<el-menu-item index="3" disabled>消息中心</el-menu-item>
</el-menu>
</div>
</el-row>-->
<div class="nav">
<div class="nav-a">
<ul class="nav-a-ul">
<li class="nav-a-li" :class="classA == index ? 'active' : '' " @click="selected(index)" v-for="(item,index) in configNav">
<router-link :to='item.path' class="nav-a-text" @click="showToggle(index)">{{item.name}}</router-link>
<div v-if="item.subItems" class="submenu-container" >
<ul class="menu_ul" :class="{'active' :index===isShow}">
<!--<ul class="menu_ul" :class="{'active' :index===isShow}">-->
<li class="menu_li" v-for = "nav in item.subItems" :class="classB == nav ? 'active' : '' " @click="menuselected(nav)">
<router-link class="menu_ul_text" :to="nav.link" :class="{'active':nav.link == linkClick}" @click = "treeNavSwitch(nav)">{{nav.text}}</router-link>
</li>
</ul>
</div>
</li>
</ul>
</div>
</div>
<div class="search-container">
<!--<img style="width:100%;" src="../../assets/pic.jpg">-->
<div class="index-div">
<div class="indexConFind k-flex k-center k-align-center">
<div class="k-flex seach-input">
<el-input
placeholder="请输入内容"
v-model="input"
clearable>
</el-input>
<el-button type="warning" icon="el-icon-search">搜索</el-button>
</div>
</div>
</div>
</div>
</div>
</template>
<script>
import { mapGetters, mapMutations } from "vuex";
import {
meetingTypeList,//会议类型
placesList,//场所类型
} from "@/api/meetingApply";
import {
// placeAuditCount,//会议场所审核统计总数
// joinMeetingCount,//参加会议数量统计
// documentAuditCount//会议总结资料审核统计总数
} from "@/api/meetingHome";
export default {
data() {
return {
show: false,
classA: 0,
classB: 0,
isShow: 0,
linkClick: "",
configNav: [
{
name: "首页",
path:'/gwindex',
},
{
name: "法院新闻",
path:'',
subItems:[
{ link:'/education',text: '教学管理系统'},
{ link:'/yingxiaozhaosheng',text: '营销招生系统' },
{ link:'',text: '视频直播系统' },
{ link:'',text: '个性化定制服务' }
]
},
{
name: "工作信息",
path:'/partner',
},
{
name: "法院业务",
path:'/aboutour',
},
{
name: "干警作品",
path:'/aboutour',
},
{
name: "娱乐",
path:'/aboutour',
},
{
name: "全区法院",
path:'/aboutour',
},
{
name: "信息发布系统",
path:'/aboutour',
},
]
// list: [
// {
// name: '会议室管理',
// imgUrl: require('../../assets/iconImg/01-首页/会议室管理.png'),
// pathName: '',
// },
// {
// name: '会议室申请',
// imgUrl: require('../../assets/iconImg/01-首页/会议室申请.png'),
// pathName: 'meetingApply',
// msgIcon: false,
// },
// {
// name: '会议室审核',
// imgUrl: require('../../assets/iconImg/01-首页/会议室审核.png'),
// pathName: 'meetingCheck',
// msgIcon: true,
// num:0
// },
// {
// name: '会议报名',
// imgUrl: require('../../assets/iconImg/01-首页/会议报名.png'),
// pathName: 'meetingEnter',
// msgIcon: true,
// num:0
// },
// {
// name: '我的会议申请',
// imgUrl: require('../../assets/iconImg/01-首页/我的会议申请.png'),
// pathName: 'myMeetingApply',
// },
// {
// name: '参加会议',
// imgUrl: require('../../assets/iconImg/01-首页/参加会议.png'),
// pathName: 'attendMeeting',
// },
// {
// name: '个人笔记',
// imgUrl: require('../../assets/iconImg/01-首页/个人笔记.png'),
// pathName: 'personalNote',
// },
// {
// name: '会议总结资料',
// imgUrl: require('../../assets/iconImg/01-首页/会议总结资料.png'),
// pathName: 'meetingResourse',
// },
// {
// name: '会议总结资料审核',
// imgUrl: require('../../assets/iconImg/01-首页/会议总结资料审核.png'),
// pathName: 'meetingResourseCheck',
// msgIcon: true,
// num:0
// },
// {
// name: '会议总结资料查询',
// imgUrl: require('../../assets/iconImg/01-首页/会议总结资料查询.png'),
// pathName: 'meetingResourseSearch',
// },
// {
// name: '会议总览',
// imgUrl: require('../../assets/iconImg/01-首页/会议总览.png'),
// pathName: 'overview',
// },
// ],
}
},
created(){
// this.getMeetingTypeList();// 获取会议类型下拉框列表
// this.getPlaceTypeList();// 获取场所类型下拉框列表
// this.getPlaceAuditCount();//会议场所审核统计总数
// this.getJoinMeetingCount();//参加会议数量统计
// this.getDocumentAuditCount();//会议总结资料审核统计总数
},
methods: {
selected: function(index) {
this.classA = index;
},
menuselected: function(nav) {
this.classB = nav;
},
showToggle: function(index) {
this.isShow = index;
},
treeNavSwitch: function(nav) {
this.linkClick = nav.link;
}
// ...mapMutations(["SET_MEETTYPELIST","SET_PLACETYPELIST"]),
// //获取会议类型
// getMeetingTypeList(){
// meetingTypeList().then(res=>{
// if(res.success){
// // this.meetingType=res.data;
// this.SET_MEETTYPELIST(res.data);
// localStorage.setItem('meetingTypeList', JSON.stringify(res.data));
// }
// })
// },
// //获取场所类型
// getPlaceTypeList(){
// placesList().then(res=>{
// if(res.success){
// // this.placeOptions=res.data;
// this.SET_PLACETYPELIST(res.data);
// localStorage.setItem('placeTypeList', JSON.stringify(res.data));
// }
// })
// },
// //1.会议场所审核统计总数
// getPlaceAuditCount(){
// placeAuditCount().then(res=>{
// if(res.success){
// this.list[2].num=res.data;
// }
// })
// },
// //2.参加会议数量统计
// getJoinMeetingCount(){
// joinMeetingCount().then(res=>{
// if(res.success){
// this.list[3].num=res.data;
// }
// })
// },
// //3.会议总结资料审核统计总数
// getDocumentAuditCount(){
// documentAuditCount().then(res=>{
// if(res.success){
// this.list[8].num=res.data;
// }
// })
// },
},
}
</script>
<style lang="scss" scoped>
// ::v-deep{
// .el-menu--horizontal>.el-menu-item{
// display:inline;
// }
// }
ul,li{
padding:0;
margin:0;
}
.nav {
width: 100%;
// min-width: 1300px;
height: auto;
margin: 0px auto;
position: absolute;
// position: relative;
border-bottom: none;
line-height: 65px;
// padding:5px 0;
background: linear-gradient(to right, #1a3784 0%,#34bab2 100%);
box-sizing:border-box;
// box-sizing:border-box;
}
.nav-a {
cursor: pointer;
// float: left;
// margin-left: 50px;
letter-spacing: 4px;
position: relative;
text-align:center;
}
.nav-a-ul {
list-style: none;
line-height:50px;
}
.nav-a-li {
display: inline-block;
// margin-left: 30px;
// height: 60px;
margin:0 20px;
}
.nav-a-text {
font-size: 16px;
color: #fff;
// line-height: 58px;
font-weight:bold;
text-decoration: none;
}
.menu_ul{
list-style: none;
background: #fff;
border-radius: 3px;
z-index: 999;
// position: absolute;
// display:flex;
// flex-wrap: wrap;
// white-space:nowrap;
// display: none;
// margin-top:10px;
}
.submenu-container {
// width: 130px;
// top: 58px;
// left: 67px;
// left:0;
display: none;
margin-top:10px;
width: 100%;
position:absolute;
width:300px;
border:1px solid red;
border-radius:5px;
padding:15px;
}
.menu_li {
float:left;
height: 30px;
line-height: 30px;
padding:0 10px;
margin-bottom:10px;
border-right:1px solid #eee;
// padding-left: 12px;
}
.menu_ul_text {
font-size: 14px;
color: #666;
letter-spacing: 0;
line-height: 30px;
height:30px;
text-decoration: none;
padding-left: 6px;
}
.nav-a-li:hover{
// display:inline-block;
// border-bottom: 2px solid #fff !important;
border-bottom: 2px solid red !important;
box-sizing:border-box;
}
.nav-a-li.active {
// border-bottom: 2px solid #fff;
}
.nav-a-li:active {
border-bottom: 2px solid #fff;
}
// .nav-a-li:hover .menu_ul {
// display: block;
// }
.nav-a-li:hover .submenu-container {
display: block;
}
.menu_ul_text:hover {
color: #2589ff;
}
.menu_li.active .menu_ul_text{
color: #2589ff;
}
.search-container{
// position:relative;
width: 100%;
height: 500px;
background-image: url(../../assets/pic.jpg);
background-repeat: no-repeat;
background-size: 100% 100%;
}
.index-div{
position:absolute;
width: 100%;
border-radius: 5px;
top:30%;
}
.indexConFind{
// position:absolute;
width: 60%;
height: 180px;
background-color: rgba(5, 23, 17, 0.21);
margin: 0 auto;
// top:20%;
border-radius: 5px;
}
.seach-input{
width:60%;
}
</style>
\ No newline at end of file
src/views/meetingHome/index.vue deleted 100644 → 0
<template>
<div class="bottom-container">
<div class="search-container">
<!--<img style="width:100%;" src="../../assets/pic.jpg">-->
<div class="index-div">
<div class="indexConFind k-flex k-center k-align-center">
<div class="k-flex seach-input">
<el-input
placeholder="请输入内容"
v-model="input"
clearable>
</el-input>
<el-button type="warning" icon="el-icon-search">搜索</el-button>
</div>
</div>
</div>
</div>
</div>
</template>
<script>
import { mapGetters, mapMutations } from "vuex";
import {
meetingTypeList,//会议类型
placesList,//场所类型
} from "@/api/meetingApply";
import {
// placeAuditCount,//会议场所审核统计总数
// joinMeetingCount,//参加会议数量统计
// documentAuditCount//会议总结资料审核统计总数
} from "@/api/meetingHome";
export default {
data() {
return {
activeIndex: "movie",
navMenuData: [
{ index: "movie", name: "首页" },
{ index: "novel", name: "法院新闻" },
{
index: "2",
name: "工作信息",
child: [
{ index: "2-1", name: "选项1" },
{ index: "2-2", name: "选项2" },
{ index: "2-3", name: "选项3" },
{ index: "2-1", name: "选项1" },
{ index: "2-2", name: "选项2" },
{ index: "2-3", name: "选项3" },
{ index: "2-1", name: "选项1" },
{ index: "2-2", name: "选项2" },
{ index: "2-3", name: "选项3" },
{ index: "2-1", name: "选项1" },
{ index: "2-2", name: "选项2" },
{ index: "2-3", name: "选项3" },
]
},
{
index: "3",
name: "法院业务",
child: [{ index: "2-1", name: "选项1" },{ index: "2-2", name: "选项2" },{ index: "2-3", name: "选项3" }]
},
{
index: "4",
name: "干警作品",
child: [{ index: "2-1", name: "选项1" },{ index: "2-2", name: "选项2" },{ index: "2-3", name: "选项3" }]
},
{
index: "5",
name: "娱乐",
child: [{ index: "2-1", name: "选项1" },{ index: "2-2", name: "选项2" },{ index: "2-3", name: "选项3" }]
},
],
show: false,
classA: 0,
classB: 0,
isShow: 0,
linkClick: "",
configNav: [
{
name: "首页",
path:'/gwindex',
},
{
name: "法院新闻",
path:'',
subItems:[
{ link:'/education',text: '教学管理系统'},
{ link:'/yingxiaozhaosheng',text: '营销招生系统' },
{ link:'',text: '视频直播系统' },
{ link:'',text: '个性化定制服务' }
]
},
{
name: "工作信息",
path:'/partner',
},
{
name: "法院业务",
path:'/aboutour',
},
{
name: "干警作品",
path:'/aboutour',
},
{
name: "娱乐",
path:'/aboutour',
},
{
name: "全区法院",
path:'/aboutour',
},
{
name: "信息发布系统",
path:'/aboutour',
},
]
// list: [
// {
// name: '会议室管理',
// imgUrl: require('../../assets/iconImg/01-首页/会议室管理.png'),
// pathName: '',
// },
// {
// name: '会议室申请',
// imgUrl: require('../../assets/iconImg/01-首页/会议室申请.png'),
// pathName: 'meetingApply',
// msgIcon: false,
// },
// {
// name: '会议室审核',
// imgUrl: require('../../assets/iconImg/01-首页/会议室审核.png'),
// pathName: 'meetingCheck',
// msgIcon: true,
// num:0
// },
// {
// name: '会议报名',
// imgUrl: require('../../assets/iconImg/01-首页/会议报名.png'),
// pathName: 'meetingEnter',
// msgIcon: true,
// num:0
// },
// {
// name: '我的会议申请',
// imgUrl: require('../../assets/iconImg/01-首页/我的会议申请.png'),
// pathName: 'myMeetingApply',
// },
// {
// name: '参加会议',
// imgUrl: require('../../assets/iconImg/01-首页/参加会议.png'),
// pathName: 'attendMeeting',
// },
// {
// name: '个人笔记',
// imgUrl: require('../../assets/iconImg/01-首页/个人笔记.png'),
// pathName: 'personalNote',
// },
// {
// name: '会议总结资料',
// imgUrl: require('../../assets/iconImg/01-首页/会议总结资料.png'),
// pathName: 'meetingResourse',
// },
// {
// name: '会议总结资料审核',
// imgUrl: require('../../assets/iconImg/01-首页/会议总结资料审核.png'),
// pathName: 'meetingResourseCheck',
// msgIcon: true,
// num:0
// },
// {
// name: '会议总结资料查询',
// imgUrl: require('../../assets/iconImg/01-首页/会议总结资料查询.png'),
// pathName: 'meetingResourseSearch',
// },
// {
// name: '会议总览',
// imgUrl: require('../../assets/iconImg/01-首页/会议总览.png'),
// pathName: 'overview',
// },
// ],
}
},
created(){
// this.getMeetingTypeList();// 获取会议类型下拉框列表
// this.getPlaceTypeList();// 获取场所类型下拉框列表
// this.getPlaceAuditCount();//会议场所审核统计总数
// this.getJoinMeetingCount();//参加会议数量统计
// this.getDocumentAuditCount();//会议总结资料审核统计总数
},
methods: {
selected: function(index) {
this.classA = index;
},
menuselected: function(nav) {
this.classB = nav;
},
showToggle: function(index) {
this.isShow = index;
},
treeNavSwitch: function(nav) {
this.linkClick = nav.link;
}
// ...mapMutations(["SET_MEETTYPELIST","SET_PLACETYPELIST"]),
// //获取会议类型
// getMeetingTypeList(){
// meetingTypeList().then(res=>{
// if(res.success){
// // this.meetingType=res.data;
// this.SET_MEETTYPELIST(res.data);
// localStorage.setItem('meetingTypeList', JSON.stringify(res.data));
// }
// })
// },
// //获取场所类型
// getPlaceTypeList(){
// placesList().then(res=>{
// if(res.success){
// // this.placeOptions=res.data;
// this.SET_PLACETYPELIST(res.data);
// localStorage.setItem('placeTypeList', JSON.stringify(res.data));
// }
// })
// },
// //1.会议场所审核统计总数
// getPlaceAuditCount(){
// placeAuditCount().then(res=>{
// if(res.success){
// this.list[2].num=res.data;
// }
// })
// },
// //2.参加会议数量统计
// getJoinMeetingCount(){
// joinMeetingCount().then(res=>{
// if(res.success){
// this.list[3].num=res.data;
// }
// })
// },
// //3.会议总结资料审核统计总数
// getDocumentAuditCount(){
// documentAuditCount().then(res=>{
// if(res.success){
// this.list[8].num=res.data;
// }
// })
// },
},
}
</script>
<style lang="scss" scoped>
.search-container{
// position:relative;
width: 100%;
height: 500px;
background-image: url(../../assets/pic.jpg);
background-repeat: no-repeat;
background-size: 100% 100%;
}
.index-div{
position:absolute;
width: 100%;
border-radius: 5px;
top:30%;
}
.indexConFind{
// position:absolute;
width: 60%;
height: 180px;
background-color: rgba(5, 23, 17, 0.21);
margin: 0 auto;
// top:20%;
border-radius: 5px;
}
.seach-input{
width:60%;
}
// .el-menu-item{
// font-size: 18px !important;
// }
// .el-menu-item.is-active {
// color: #ea5b2c !important;
// font-size: 18px !important;
// }
// .el-menu--horizontal>.el-menu-item.is-active {
// border-bottom: 2px solid #ea5b2c !important;
// }
</style>
src/views/meetingHome/index3.vue deleted 100644 → 0
<template>
<div class="bottom-container">
<div id="app">
<ul class="menu">
<li v-for="item in menus">
{{item.Name}}
<ul class="submenu">
<li v-for="item1 in item.Children">
{{item1.Name}}
<!-- 判断下一级是否存在 -->
<ul class="thirdmenu" v-if="item1.Children && item1.Children.length">
<li v-for="item2 in item1.Children">
{{item2.Name}}
</li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
</div>
</template>
<script>
import { mapGetters, mapMutations } from "vuex";
import {
meetingTypeList,//会议类型
placesList,//场所类型
} from "@/api/meetingApply";
import {
// placeAuditCount,//会议场所审核统计总数
// joinMeetingCount,//参加会议数量统计
// documentAuditCount//会议总结资料审核统计总数
} from "@/api/meetingHome";
export default {
data() {
return {
menus:[
{
name:'首页',
Children:[
{
name:'选项1',
},
]},
],
activeIndex: "movie",
navMenuData: [
{ index: "movie", name: "首页" },
{ index: "novel", name: "法院新闻" },
{
index: "2",
name: "工作信息",
child: [
{ index: "2-1", name: "选项1" },
{ index: "2-2", name: "选项2" },
{ index: "2-3", name: "选项3" },
{ index: "2-1", name: "选项1" },
{ index: "2-2", name: "选项2" },
{ index: "2-3", name: "选项3" },
{ index: "2-1", name: "选项1" },
{ index: "2-2", name: "选项2" },
{ index: "2-3", name: "选项3" },
{ index: "2-1", name: "选项1" },
{ index: "2-2", name: "选项2" },
{ index: "2-3", name: "选项3" },
]
},
{
index: "3",
name: "法院业务",
child: [{ index: "2-1", name: "选项1" },{ index: "2-2", name: "选项2" },{ index: "2-3", name: "选项3" }]
},
{
index: "4",
name: "干警作品",
child: [{ index: "2-1", name: "选项1" },{ index: "2-2", name: "选项2" },{ index: "2-3", name: "选项3" }]
},
{
index: "5",
name: "娱乐",
child: [{ index: "2-1", name: "选项1" },{ index: "2-2", name: "选项2" },{ index: "2-3", name: "选项3" }]
},
],
show: false,
classA: 0,
classB: 0,
isShow: 0,
linkClick: "",
configNav: [
{
name: "首页",
path:'/gwindex',
},
{
name: "法院新闻",
path:'',
subItems:[
{ link:'/education',text: '教学管理系统'},
{ link:'/yingxiaozhaosheng',text: '营销招生系统' },
{ link:'',text: '视频直播系统' },
{ link:'',text: '个性化定制服务' }
]
},
{
name: "工作信息",
path:'/partner',
},
{
name: "法院业务",
path:'/aboutour',
},
{
name: "干警作品",
path:'/aboutour',
},
{
name: "娱乐",
path:'/aboutour',
},
{
name: "全区法院",
path:'/aboutour',
},
{
name: "信息发布系统",
path:'/aboutour',
},
]
// list: [
// {
// name: '会议室管理',
// imgUrl: require('../../assets/iconImg/01-首页/会议室管理.png'),
// pathName: '',
// },
// {
// name: '会议室申请',
// imgUrl: require('../../assets/iconImg/01-首页/会议室申请.png'),
// pathName: 'meetingApply',
// msgIcon: false,
// },
// {
// name: '会议室审核',
// imgUrl: require('../../assets/iconImg/01-首页/会议室审核.png'),
// pathName: 'meetingCheck',
// msgIcon: true,
// num:0
// },
// {
// name: '会议报名',
// imgUrl: require('../../assets/iconImg/01-首页/会议报名.png'),
// pathName: 'meetingEnter',
// msgIcon: true,
// num:0
// },
// {
// name: '我的会议申请',
// imgUrl: require('../../assets/iconImg/01-首页/我的会议申请.png'),
// pathName: 'myMeetingApply',
// },
// {
// name: '参加会议',
// imgUrl: require('../../assets/iconImg/01-首页/参加会议.png'),
// pathName: 'attendMeeting',
// },
// {
// name: '个人笔记',
// imgUrl: require('../../assets/iconImg/01-首页/个人笔记.png'),
// pathName: 'personalNote',
// },
// {
// name: '会议总结资料',
// imgUrl: require('../../assets/iconImg/01-首页/会议总结资料.png'),
// pathName: 'meetingResourse',
// },
// {
// name: '会议总结资料审核',
// imgUrl: require('../../assets/iconImg/01-首页/会议总结资料审核.png'),
// pathName: 'meetingResourseCheck',
// msgIcon: true,
// num:0
// },
// {
// name: '会议总结资料查询',
// imgUrl: require('../../assets/iconImg/01-首页/会议总结资料查询.png'),
// pathName: 'meetingResourseSearch',
// },
// {
// name: '会议总览',
// imgUrl: require('../../assets/iconImg/01-首页/会议总览.png'),
// pathName: 'overview',
// },
// ],
}
},
created(){
// this.getMeetingTypeList();// 获取会议类型下拉框列表
// this.getPlaceTypeList();// 获取场所类型下拉框列表
// this.getPlaceAuditCount();//会议场所审核统计总数
// this.getJoinMeetingCount();//参加会议数量统计
// this.getDocumentAuditCount();//会议总结资料审核统计总数
},
methods: {
selected: function(index) {
this.classA = index;
},
menuselected: function(nav) {
this.classB = nav;
},
showToggle: function(index) {
this.isShow = index;
},
treeNavSwitch: function(nav) {
this.linkClick = nav.link;
}
// ...mapMutations(["SET_MEETTYPELIST","SET_PLACETYPELIST"]),
// //获取会议类型
// getMeetingTypeList(){
// meetingTypeList().then(res=>{
// if(res.success){
// // this.meetingType=res.data;
// this.SET_MEETTYPELIST(res.data);
// localStorage.setItem('meetingTypeList', JSON.stringify(res.data));
// }
// })
// },
// //获取场所类型
// getPlaceTypeList(){
// placesList().then(res=>{
// if(res.success){
// // this.placeOptions=res.data;
// this.SET_PLACETYPELIST(res.data);
// localStorage.setItem('placeTypeList', JSON.stringify(res.data));
// }
// })
// },
// //1.会议场所审核统计总数
// getPlaceAuditCount(){
// placeAuditCount().then(res=>{
// if(res.success){
// this.list[2].num=res.data;
// }
// })
// },
// //2.参加会议数量统计
// getJoinMeetingCount(){
// joinMeetingCount().then(res=>{
// if(res.success){
// this.list[3].num=res.data;
// }
// })
// },
// //3.会议总结资料审核统计总数
// getDocumentAuditCount(){
// documentAuditCount().then(res=>{
// if(res.success){
// this.list[8].num=res.data;
// }
// })
// },
},
}
</script>
<style lang="scss" scoped>
* {
margin: 0;
padding: 0;
list-style: none;
}
body {
background: skyblue;
}
.menu {
display: flex;
}
.menu>li {
padding: 10px;
}
.menu>li:hover .submenu {
display: block;
}
.menu>li .submenu {
position: absolute;
background-color: red;
display: none;
}
.menu>li .submenu>li {
position: relative;
}
.menu>li .submenu>li:hover .thirdmenu {
display: block;
}
.thirdmenu {
width: 100px;
position: absolute;
left: 100%;
top: 0;
display: none;
background: #fff;
}
</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