开发区建设集团网站,代理平台软件,惠州网站公司,wordpress目录标题前言: 我们在实现了发布会议功能#xff0c;我的会议功能的基础上#xff0c;继续来实现会议通知的功能。 4.1实现的特色功能#xff1a; 当有会议要参加时#xff0c;通过查询会议通知可以知道会议的内容#xff0c;以及当前会议状态#xff08;未读#xff09; 4.2思路…
前言: 我们在实现了发布会议功能我的会议功能的基础上继续来实现会议通知的功能。 4.1实现的特色功能 当有会议要参加时通过查询会议通知可以知道会议的内容以及当前会议状态未读 4.2思路 不同的用户登录显示的通知在我的会议中可以选择是否参会可以查看当前会议状态。 当前id获取当前的会议信息sql SELECT * FROM t_oa_meeting_info where FIND_IN_SET(2,CONCAT(canyuze,,,zhuchiren,,,liexize)) 4.3演示效果 4.4功能实现 dao层: public ListMapString, Object queryMeetingFeedBackByUserId(MeetingFeedBack mfback, PageBean pageBean)throws InstantiationException, IllegalAccessException, SQLException {String sql select t1.*,ifnull(f.result,-1) result from \r\n (select * from t_oa_meeting_info where find_in_set( mfback.getPersonId() ,concat(canyuze,,,liexize,,,zhuchiren))) t1 \r\n left join t_oa_meeting_feedback f on t1.idf.meetingId and personId mfback.getPersonId() where f.result is null ;sql order by t1.id desc;return super.executeQuery(sql, pageBean);} meetingNotify.jsp(会议通知的页面)
% page languagejava contentTypetext/html; charsetUTF-8pageEncodingUTF-8%
%include file/common/header.jsp%
!DOCTYPE html
html
head
meta http-equivContent-Type contenttext/html; charsetUTF-8
script typetext/javascript srcstatic/js/meeting/meetingNotify.js/script
/head
title会议通知/title
style
body{margin:15px;
}.layui-table-cell {height: inherit;}.layui-layer-page .layui-layer-content { overflow: visible !important;}
/style
body
!-- 搜索栏 --
div classlayui-form-item stylemargin:15px 0px;div classlayui-inlinelabel classlayui-form-label会议标题/labeldiv classlayui-input-inlineinput typehidden idpersonId value${user.id }/input typetext idtitle autocompleteoff classlayui-input/div/divdiv classlayui-inlinebutton idbtn_search typebutton classlayui-btni classlayui-icon layui-icon-search/i 查询/button/div
/div
!-- 数据表格 --
table idtb lay-filtertb classlayui-table stylemargin-top:-15px/tablescript typetext/html idtbar{{# if(d.result-1){ }}a classlayui-btn layui-btn-xs lay-eventedit是否参会/a{{# } }}
/script
/body
/htmlmeetingNotify.js
let layer,table,$,form,test;
var row;
layui.use([layer,table,jquery,form,test],function(){layerlayui.layer,tablelayui.table,formlayui.form,testlayui.test,$layui.jquery;initTable();//查询事件$(#btn_search).click(function(){query();});});//初始化数据表格 我的通知
function initTable(){table.render({ //执行渲染elem: #tb, //指定原始表格元素选择器推荐id选择器height: 400, //自定义高度loading: false, //是否显示加载条默认 truecols: [[ //设置表头{field: id, title: 会议编号, width: 90},{field: title, title: 会议标题, width: 120},{field: location, title: 会议地点, width: 140},{field: startTime, title: 开始时间, width: 120,templet:function(d){return test.toDate(new Date(d.startTime));}},{field: endTime, title: 结束时间, width: 120,templet:function(d){return test.toDate(new Date(d.endTime));}},{field: result, title: 反馈状态, width: 120,templet: function(d){if(d.result1)return 参会;else if(d.result2)return 缺席;elsereturn 未读;}},{field: , title: 操作, width: 200,toolbar:#tbar},]]});
}//点击查询
function query(){table.reload(tb, {url: feedBack.action, //请求地址method: POST, //请求方式GET或者POSTloading: true, //是否显示加载条默认 truepage: true, //是否分页where: { //设定异步数据接口的额外参数任意设methodName:queryMeetingFeedBackByUserId,personId:$(#personId).val(),title:$(#title).val(),}, request: { //自定义分页请求参数名pageName: page, //页码的参数名称默认pagelimitName: rows //每页数据量的参数名默认limit},done: function (res, curr, count) {console.log(res);}});//工具条事件table.on(tool(tb), function(obj){ //注tool 是工具条事件名test 是 table 原始容器的属性 lay-filter对应的值row obj.data; //获得当前行数据var layEvent obj.event; //获得 lay-event 对应的值也可以是表头的 event 参数对应的值var tr obj.tr; //获得当前行 tr 的 DOM 对象如果有的话console.log(row);if(layEvent edit){ //是否参会openLayer(row.id);} else {}});
}function openLayer(id){layer.open({type: 2, //layer提供了5种层类型。可传入的值有0信息框默认1页面层2iframe层3加载层4tips层title: 会议反馈, //对话框标题area: [660px, 400px], //宽高skin: layui-layer-rim, //样式类名content: jsp/meeting/addFeedBack.jsp?idid, //弹出内容。可以传入普通的html内容还可以指定DOM更可以随着type的不同而不同btn:[会议反馈,关闭],yes:function(index,layero){//layer.msg(保存);//调用子页面中提供的getData方法快速获取子页面的form表单数据let data $(layero).find(iframe)[0].contentWindow.getData();addMeetingFeedBack(data);},btn2:function(){layer.closeAll();}});
}// 对会议通知进行 参会/不参会的反馈
function addMeetingFeedBack(params){params[methodName]add;console.log(params);$.post(feedBack.action,params,function(rs){if(rs.success){layer.closeAll();query();}else{layer.msg(rs.msg,{icon:5},function(){});}},json);
}
是否参会的jsp
% page languagejava contentTypetext/html; charsetUTF-8pageEncodingUTF-8%
%include file/common/header.jsp%
!DOCTYPE html
html
head
meta http-equivContent-Type contenttext/html; charsetUTF-8
script typetext/javascript srcstatic/js/meeting/addFeedBack.js/script
/head
title会议通知中的会议反馈/title
style
body{margin:5px;
}
/style
body
div stylepadding:10px;form classlayui-form layui-form-pane lay-filterback!-- div classlayui-form-itembutton typesubmit classlayui-btn lay-submit lay-filtermeeting立即提交/buttonbutton idreset typereset classlayui-btn layui-btn-primary重置/button/div --input typehidden namemeetingId value${param.id }/input typehidden namepersonId value${sessionScope.user.id }/div classlayui-form-itemlabel classlayui-form-label人员类型/labeldiv classlayui-input-blockselect idpersonType namepersonTypeoption value请选择人员类型/optionoption value1参会/optionoption value2列席/option/select/div/divdiv classlayui-form-itemlabel classlayui-form-label反馈结果/labeldiv classlayui-input-blockselect idresult nameresultoption value请选择反馈结果/optionoption value1参加/optionoption value2不参加/option/select/div/divdiv classlayui-form-item layui-form-textlabel classlayui-form-label不参与会议的原因/labeldiv classlayui-input-blocktextarea placeholder请输入内容 namereason classlayui-textarea/textarea/div/div/form
/div
/body
/html
是否参会的js
let form,$;
layui.use([form,jquery],function(){formlayui.form,$layui.jquery;
});function getData(){return form.val(back);
}
