会议OA项目之会议通知（查询&是否参会&反馈详情）

发布于：2023-02-09 ⋅ 阅读:(829) ⋅ 点赞:(0)

目录

一，会议通知查询SQL

二，会议反馈详情SQL

三，会议通知后台代码实现

四，会议通知的前端界面

五，会议反馈功能实现

六，反馈详情

难点：
1.会议通知查询SQL
登陆zq的账号，就要查出凡是zq是参与者，列席者，主持人中的一员，那么都需要查询出来

分析：
会议信息表：t_oa_meeting_info
会议反馈表：t_oa_meeting_feedback

2.某会议的反馈详情SQL

一，会议通知查询SQL

-- 会议通知查询SQL
-- 1.查询出带张强  id=2 的会议信息
select * from t_oa_meeting_info where FIND_IN_SET(2,CONCAT(canyuze,',',liexize,',',zhuchiren)) and state =4
-- 2.不管会议是否得到反馈 都要查询出来，所以选用外连接，会议信息表为主
select 
    IFNULL(f.result,-1),t1.*
from
(select * from t_oa_meeting_info where FIND_IN_SET(2,CONCAT(canyuze,',',liexize,',',zhuchiren)) and state =4) t1
left join t_oa_meeting_feedback f on t1.id = f.meetingId 
and f.personId=2
ORDER BY result;

最终的语句的运行结果：

e419d8c2ccd04dcba2b465b3e55acbc9.png

二，会议反馈详情SQL

-- 某会议的反馈详情SQL
-- 1.会议id为12的会议，所有参与人员的姓名
-- 1.1：先拿到所有的参与人员id
SELECT COUNT(canyuze,',',liexize,',',zhuchiren) from t_oa_meeting_info where id = 12
-- 1.2：在拿到对应参与人员的姓名
select * from t_oa_user where FIND_IN_SET(id,(SELECT CONCAT(canyuze,',',liexize,',',zhuchiren) from t_oa_meeting_info where id = 12))
-- 2.链接反馈表，拿到对应的反馈情况（未读，参加，不参与）
select 
t1.name,IFNULL(f.result,-1) result
from 
(select * from t_oa_user where FIND_IN_SET(id,(SELECT CONCAT(canyuze,',',liexize,',',zhuchiren) from t_oa_meeting_info where id = 12))) t1
LEFT join t_oa_meeting_feedback f on t1.id = f.personId
and f.meetingId = 12
-- 3.根据反馈情况进行分组 GROUP_CONCAT(expr)
select
t.result,GROUP_CONCAT(t.name) names
from
(select 
t1.name,IFNULL(f.result,-1) result
from 
(select * from t_oa_user where FIND_IN_SET(id,(SELECT CONCAT(canyuze,',',liexize,',',zhuchiren) from t_oa_meeting_info where id = 12))) t1
LEFT join t_oa_meeting_feedback f on t1.id = f.personId
and f.meetingId = 12) t 
GROUP BY t.result

 最终语句的查询结果：

5c7ea76b36124e82b04e4d8d3a4af54a.png

 

 三，会议通知后台代码实现

实体类：MeetingFeedBack

package com.zking.entity;
 
import java.io.Serializable;
//t_oa_meeting_feedback
public class MeetingFeedBack implements Serializable {
 
	private String id;
	private Long meetingId;
	private Integer personType;
	private Long personId;
	private Integer result;
	private String reason;
 
	// 会议标题
	private String title;
 
	public String getTitle() {
		return title;
	}
 
	public void setTitle(String title) {
		this.title = title;
	}
 
	public String getId() {
		return id;
	}
 
	public void setId(String id) {
		this.id = id;
	}
 
	public Long getMeetingId() {
		return meetingId;
	}
 
	public void setMeetingId(Long meetingId) {
		this.meetingId = meetingId;
	}
 
	public Integer getPersonType() {
		return personType;
	}
 
	public void setPersonType(Integer personType) {
		this.personType = personType;
	}
 
	public Long getPersonId() {
		return personId;
	}
 
	public void setPersonId(Long personId) {
		this.personId = personId;
	}
 
	public Integer getResult() {
		return result;
	}
 
	public void setResult(Integer result) {
		this.result = result;
	}
 
	public String getReason() {
		return reason;
	}
 
	public void setReason(String reason) {
		this.reason = reason;
	}
 
	public MeetingFeedBack() {
		super();
		// TODO Auto-generated constructor stub
	}
 
	@Override
	public String toString() {
		return "MeetingFeedBack [id=" + id + ", meetingId=" + meetingId + ", personType=" + personType + ", personId="
				+ personId + ", result=" + result + ", reason=" + reason + "]";
	}
 
}

MeetingFeedBackDao

package com.zking.dao;
 
import java.util.List;
import java.util.Map;
 
import com.zking.entity.MeetingFeedBack;
import com.zking.entity.MeetingInfo;
import com.zking.util.BaseDao;
import com.zking.util.PageBean;
import com.zking.util.StringUtils;
 
public class MeetingFeedBackDao extends BaseDao<MeetingFeedBack>{
	
	//会议通知查询
	public List<Map<String, Object>> queryMeetingFeedBackByUserId(MeetingFeedBack back, PageBean pageBean) throws Exception {
		String sql = " 	select \r\n" + 
				"		IFNULL(f.result,-1) result ,t1.*\r\n" + 
				"	from\r\n" + 
				"	(select * from t_oa_meeting_info where FIND_IN_SET("+back.getPersonId()+",CONCAT(\r\n" + 
				"	canyuze,',',liexize,',',zhuchiren)) and state = 4) t1\r\n" + 
				"	left join t_oa_meeting_feedback f on t1.id = f.meetingId \r\n" + 
				"	and f.personId = "+back.getPersonId()+"\r\n" + 
				"	order by result";
		return super.executeQuery(sql, pageBean);
	}
	
}

MeetingFeedBackAction

package com.zking.web;
 
import java.util.List;
import java.util.Map;
 
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
 
import com.zking.dao.MeetingFeedBackDao;
import com.zking.entity.MeetingFeedBack;
import com.zking.framework.ActionSupport;
import com.zking.framework.ModelDriver;
import com.zking.util.PageBean;
import com.zking.util.R;
import com.zking.util.ResponseUtil;
 
public class MeetingFeedBackAction extends ActionSupport implements ModelDriver<MeetingFeedBack>{
 
	private MeetingFeedBack back = new MeetingFeedBack();
	private MeetingFeedBackDao backDao = new MeetingFeedBackDao();
	
	@Override
	public MeetingFeedBack getModel() {
		return back;
	}
	
	//会议通知查询
	public String queryMeetingFeedBackByUserId(HttpServletRequest req, HttpServletResponse resp) {
		try {
			PageBean pageBean = new PageBean();
			pageBean.setRequest(req);
			List<Map<String, Object>> lst = backDao.queryMeetingFeedBackByUserId(back, pageBean);
//			注意：layui中的数据表格的格式
			ResponseUtil.writeJson(resp, R.ok(0, "会议通知查询成功",pageBean.getTotal(),lst));
		} catch (Exception e) {
			// TODO: handle exception
			e.printStackTrace();
			try {
				ResponseUtil.writeJson(resp, R.error(0, "会议通知查询失败"));
			} catch (Exception e2) {
				// TODO: handle exception
				e2.printStackTrace();
			}
		}
		return null;
	}
	
}

在mvc.xml配置文件中进行配置

<?xml version="1.0" encoding="UTF-8"?>
<config>
	
	<action path="/user" type="com.zking.web.UserAction">
	</action>
 
	<action path="/permission" type="com.zking.web.PermissionAction">
	</action>
 
	<action path="/info" type="com.zking.web.MeetingInfoAction">
	</action>
	
	<action path="/audit" type="com.zking.web.MeetingAuditAction">
	</action>
	
	<action path="/feedBack" type="com.zking.web.MeetingFeedBackAction">
	</action>
	
</config>

四、会议通知的前端界面

需要导入两个js文件

17bb9697524641ee80deb97e87f3ff51.png

  meetingNotify.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@include file="/common/header.jsp"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="${pageContext.request.contextPath }/static/js/meeting/meetingNotify.js"></script>
</head>
<style>
body{
	margin:15px;
}
 .layui-table-cell {height: inherit;}
 .layui-layer-page .layui-layer-content {  overflow: visible !important;}
</style>
<body>
<!-- 搜索栏 -->
<div class="layui-form-item" style="margin:15px 0px;">
  <div class="layui-inline">
    <label class="layui-form-label">会议标题</label>
    <div class="layui-input-inline">
      <input type="hidden" id="personId" value="${user.id }"/>
      <input type="text" id="title" autocomplete="off" class="layui-input">
    </div>
  </div>
  <div class="layui-inline">
    <button id="btn_search" type="button" class="layui-btn"><i class="layui-icon layui-icon-search"></i> 查询</button>
  </div>
</div>
<!-- 数据表格 -->
<table id="tb" lay-filter="tb" class="layui-table" style="margin-top:-15px"></table>
 
<script type="text/html" id="tbar">
  {{# if(d.result==-1){ }}
  <a class="layui-btn layui-btn-xs" lay-event="edit">是否参会</a>
  {{# } }}
</script>
</body>
</html>

meetingNotify.js

let layer,table,$,form,test;
var row;
layui.use(['layer','table','jquery','form','test'],function(){
	layer=layui.layer,
	table=layui.table,
	form=layui.form,
	test=layui.test,
	$=layui.jquery;
	
	initTable();
	
	//查询事件
	$('#btn_search').click(function(){
		query();
	});
	
});
 
//初始化数据表格（我的审批）
function initTable(){
	table.render({          //执行渲染
        elem: '#tb',   //指定原始表格元素选择器（推荐id选择器）
        height: 400,         //自定义高度
        loading: false,      //是否显示加载条（默认 true）
        cols: [[             //设置表头
            {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: 'meetingState', title: '会议状态', width: 120},
            /*{field: 'seatPic', title: '会议排座', width: 120,
            	templet: function(d){
                    if(d.seatPic==null || d.seatPic=="")
                    	return "尚未排座";
                    else
                    	return "<img width='120px' src='"+d.seatPic+"'/>";
                }
            },*/
            {field: 'result', title: '反馈状态', width: 120,
            	templet: function(d){
                    if(d.result==1)
                    	return "参会";
                    else if(d.result==2)
                    	return "缺席";
                    else
                    	return "未读";
                }
            },
            {field: '', title: '操作', width: 200,toolbar:'#tbar'},
        ]]
   });
}
 
//点击查询
function query(){
	table.reload('tb', {
        url: $("#ctx").val()+'/feedBack.action',     //请求地址
        method: 'POST',                    //请求方式，GET或者POST
        loading: true,                     //是否显示加载条（默认 true）
        page: true,                        //是否分页
        where: {                           //设定异步数据接口的额外参数，任意设
        	'methodName':'queryMeetingFeedBackByUserId',
        	'personId':$('#personId').val(),
        	'title':$('#title').val(),
        },  
        request: {                         //自定义分页请求参数名
            pageName: 'page', //页码的参数名称，默认：page
            limitName: '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（页面层）2（iframe层）3（加载层）4（tips层）
        title: '会议反馈',                   //对话框标题
        area: ['660px', '400px'],   //宽高
        skin: 'layui-layer-rim',    //样式类名
        content: 'jsp/meeting/addFeedBack.jsp?id='+id,                //弹出内容。可以传入普通的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($("#ctx").val()+'/feedBack.action',params,function(rs){
		if(rs.success){
			layer.closeAll();
			query();
		}else{
			layer.msg(rs.msg,{icon:5},function(){});
		}
	},'json');
}

在公共页面header中引入config.js

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<link rel="stylesheet"
	href="${pageContext.request.contextPath }/static/js/layui/css/layui.css">
<!-- 引入layui.js -->
<script type="text/javascript"
	src="${pageContext.request.contextPath }/static/js/layui/layui.js"></script>
 
 <!-- 引入formSelects核心css -->
<link rel="stylesheet" href="${pageContext.request.contextPath }/static/js/plugins/formSelects/formSelects-v4.css" />
<!-- 引入formSelects核心js -->
<script src="${pageContext.request.contextPath }/static/js/plugins/formSelects/formSelects-v4.js" type="text/javascript" charset="utf-8"></script>
  <!-- 指定整个项目的根路径 -->
 <base href="${pageContext.request.contextPath }/"/> 
 <input id="ctx" value="${pageContext.request.contextPath }" type="hidden"/>
 <!-- 存放layui扩展模块的配置文件 -->
 <script type="text/javascript"
	src="${pageContext.request.contextPath }/static/js/layui/config.js"></script>
 <title>玉渊工作室</title>

从登陆账号 点击会议通知可以查看到关于自己的会议情况

0fd280b6e94942cebe0c455200fa3c0d.png

 五、会议反馈功能实现

MeetingFeedBackDao

package com.zking.dao;
 
import java.util.List;
import java.util.Map;
import java.util.UUID;
 
import com.zking.entity.MeetingFeedBack;
import com.zking.entity.MeetingInfo;
import com.zking.util.BaseDao;
import com.zking.util.PageBean;
import com.zking.util.StringUtils;
 
public class MeetingFeedBackDao extends BaseDao<MeetingFeedBack>{
	
	//会议通知查询
	public List<Map<String, Object>> queryMeetingFeedBackByUserId(MeetingFeedBack back, PageBean pageBean) throws Exception {
		String sql = " 	select \r\n" + 
				"		IFNULL(f.result,-1) result ,t1.*\r\n" + 
				"	from\r\n" + 
				"	(select * from t_oa_meeting_info where FIND_IN_SET("+back.getPersonId()+",CONCAT(\r\n" + 
				"	canyuze,',',liexize,',',zhuchiren)) and state = 4) t1\r\n" + 
				"	left join t_oa_meeting_feedback f on t1.id = f.meetingId \r\n" + 
				"	and f.personId = "+back.getPersonId()+"\r\n" + 
				"	order by result";
		return super.executeQuery(sql, pageBean);
	}
 
	//会议反馈
	public int add(MeetingFeedBack back) throws Exception {
		String sql = "insert into t_oa_meeting_feedback values(?,?,?,?,?,?)";
		//前端没有传递id到后台 自己生成
		back.setId(UUID.randomUUID().toString().replaceAll("-", ""));
		return super.executeUpdate(sql, back, new String[] {"id","meetingId","personType","personId","result","reason"});
	}
	
}

MeetingFeedBackAction

package com.zking.web;
 
import java.util.List;
import java.util.Map;
 
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
 
import com.zking.dao.MeetingFeedBackDao;
import com.zking.entity.MeetingFeedBack;
import com.zking.framework.ActionSupport;
import com.zking.framework.ModelDriver;
import com.zking.util.PageBean;
import com.zking.util.R;
import com.zking.util.ResponseUtil;
 
public class MeetingFeedBackAction extends ActionSupport implements ModelDriver<MeetingFeedBack>{
 
	private MeetingFeedBack back = new MeetingFeedBack();
	private MeetingFeedBackDao backDao = new MeetingFeedBackDao();
	
	@Override
	public MeetingFeedBack getModel() {
		return back;
	}
	
	//会议通知查询
	public String queryMeetingFeedBackByUserId(HttpServletRequest req, HttpServletResponse resp) {
		try {
			PageBean pageBean = new PageBean();
			pageBean.setRequest(req);
			List<Map<String, Object>> lst = backDao.queryMeetingFeedBackByUserId(back, pageBean);
//			注意：layui中的数据表格的格式
			ResponseUtil.writeJson(resp, R.ok(0, "会议通知查询成功",pageBean.getTotal(),lst));
		} catch (Exception e) {
			// TODO: handle exception
			e.printStackTrace();
			try {
				ResponseUtil.writeJson(resp, R.error(0, "会议通知查询失败"));
			} catch (Exception e2) {
				// TODO: handle exception
				e2.printStackTrace();
			}
		}
		return null;
	}
	
	//会议反馈
	public String add(HttpServletRequest req, HttpServletResponse resp) {
		try {
			//rs是影响行数
			int rs = backDao.add(back);
			if(rs > 0) {
				ResponseUtil.writeJson(resp, R.ok(200, "会议反馈成功"));
			}
			else {
				ResponseUtil.writeJson(resp, R.error(0, "会议反馈失败"));
			}
		} catch (Exception e) {
			e.printStackTrace();
			try {
				ResponseUtil.writeJson(resp, R.error(0, "会议信息新增失败"));
			} catch (Exception e1) {
				e1.printStackTrace();
			}
		}
		return null;
	}
	
}

addFeedBack.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@include file="/common/header.jsp"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="${pageContext.request.contextPath }/static/js/meeting/addFeedBack.js"></script>
</head>
<style>
body{
	margin:5px;
}
</style>
<body>
<div style="padding:10px;">
    <form class="layui-form layui-form-pane" lay-filter="back">
    	<!-- <div class="layui-form-item">
		    <button type="submit" class="layui-btn" lay-submit="" lay-filter="meeting">立即提交</button>
		    <button id="reset" type="reset" class="layui-btn layui-btn-primary">重置</button>
  		</div> -->
  		<input type="hidden" name="meetingId" value="${param.id }"/>
  		<input type="hidden" name="personId" value="${sessionScope.user.id }"/>
         <div class="layui-form-item">
            <label class="layui-form-label">人员类型</label>
            <div class="layui-input-block">
                <select id="personType" name="personType">
                <option value="">请选择人员类型</option>
                <option value="1">参会</option>
                <option value="2">列席</option>
			</select>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">反馈结果</label>
            <div class="layui-input-block">
                <select id="result" name="result">
                <option value="">请选择反馈结果</option>
                <option value="1">参加</option>
                <option value="2">不参加</option>
			</select>
            </div>
        </div>
        <div class="layui-form-item layui-form-text">
		    <label class="layui-form-label">不参与会议的原因</label>
		    <div class="layui-input-block">
		      <textarea placeholder="请输入内容" name="reason" class="layui-textarea"></textarea>
		    </div>
		</div>
    </form>
</div>
</body>
</html>

addFeedBack.js

let form,$;
layui.use(['form','jquery'],function(){
	form=layui.form,
	$=layui.jquery;
});
 
 
function getData(){
	return form.val('back');
}

点击按钮选择是否参会

 

  数据库：

 

 

 六、反馈详情

MeetingFeedBackDao

package com.zking.dao;
 
import java.sql.SQLException;
import java.util.List;
import java.util.Map;
import java.util.UUID;
 
import com.zking.entity.MeetingFeedBack;
import com.zking.entity.MeetingInfo;
import com.zking.util.BaseDao;
import com.zking.util.PageBean;
import com.zking.util.StringUtils;
 
public class MeetingFeedBackDao extends BaseDao<MeetingFeedBack>{
	
	//会议通知查询
	public List<Map<String, Object>> queryMeetingFeedBackByUserId(MeetingFeedBack back, PageBean pageBean) throws Exception {
		String sql = " 	select \r\n" + 
				"		IFNULL(f.result,-1) result ,t1.*\r\n" + 
				"	from\r\n" + 
				"	(select * from t_oa_meeting_info where FIND_IN_SET("+back.getPersonId()+",CONCAT(\r\n" + 
				"	canyuze,',',liexize,',',zhuchiren)) and state = 4) t1\r\n" + 
				"	left join t_oa_meeting_feedback f on t1.id = f.meetingId \r\n" + 
				"	and f.personId = "+back.getPersonId()+"\r\n" + 
				"	order by result";
		return super.executeQuery(sql, pageBean);
	}
 
	//会议反馈
	public int add(MeetingFeedBack back) throws Exception {
		String sql = "insert into t_oa_meeting_feedback values(?,?,?,?,?,?)";
		//前端没有传递id到后台 自己生成
		back.setId(UUID.randomUUID().toString().replaceAll("-", ""));
		return super.executeUpdate(sql, back, new String[] {"id","meetingId","personType","personId","result","reason"});
	}
 
	//反馈详情
	public List<Map<String, Object>> queryMeetingBackByMeetingId(MeetingFeedBack back, PageBean pageBean) throws Exception{
		String sql = " select \r\n" + 
				" t.result,GROUP_CONCAT(t.name) names\r\n" + 
				" from\r\n" + 
				" (select \r\n" + 
				" t1.name,IFNULL(f.result,-1) result\r\n" + 
				" from \r\n" + 
				" (	select * from t_oa_user where FIND_IN_SET(id,(select CONCAT(\r\n" + 
				"	canyuze,',',liexize,',',zhuchiren) from t_oa_meeting_info where id="+back.getMeetingId()+")) ) t1\r\n" + 
				"	left join t_oa_meeting_feedback f on t1.id = f.personId and f.meetingId = "+back.getMeetingId()+") t\r\n" + 
				" group by t.result";
		return super.executeQuery(sql, pageBean);
	}
 
	
	
}

 MeetingFeedBackAction

package com.zking.web;
 
import java.util.List;
import java.util.Map;
 
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
 
import com.zking.dao.MeetingFeedBackDao;
import com.zking.entity.MeetingFeedBack;
import com.zking.framework.ActionSupport;
import com.zking.framework.ModelDriver;
import com.zking.util.PageBean;
import com.zking.util.R;
import com.zking.util.ResponseUtil;
 
public class MeetingFeedBackAction extends ActionSupport implements ModelDriver<MeetingFeedBack>{
 
	private MeetingFeedBack back = new MeetingFeedBack();
	private MeetingFeedBackDao backDao = new MeetingFeedBackDao();
	
	@Override
	public MeetingFeedBack getModel() {
		return back;
	}
	
	//会议通知查询
	public String queryMeetingFeedBackByUserId(HttpServletRequest req, HttpServletResponse resp) {
		try {
			PageBean pageBean = new PageBean();
			pageBean.setRequest(req);
			List<Map<String, Object>> lst = backDao.queryMeetingFeedBackByUserId(back, pageBean);
//			注意：layui中的数据表格的格式
			ResponseUtil.writeJson(resp, R.ok(0, "会议通知查询成功",pageBean.getTotal(),lst));
		} catch (Exception e) {
			// TODO: handle exception
			e.printStackTrace();
			try {
				ResponseUtil.writeJson(resp, R.error(0, "会议通知查询失败"));
			} catch (Exception e2) {
				// TODO: handle exception
				e2.printStackTrace();
			}
		}
		return null;
	}
	
	//会议反馈
	public String add(HttpServletRequest req, HttpServletResponse resp) {
		try {
			//rs是影响行数
			int rs = backDao.add(back);
			if(rs > 0) {
				ResponseUtil.writeJson(resp, R.ok(200, "会议反馈成功"));
			}
			else {
				ResponseUtil.writeJson(resp, R.error(0, "会议反馈失败"));
			}
		} catch (Exception e) {
			e.printStackTrace();
			try {
				ResponseUtil.writeJson(resp, R.error(0, "会议信息新增失败"));
			} catch (Exception e1) {
				e1.printStackTrace();
			}
		}
		return null;
	}
	
	//会议反馈详情
	public String queryMeetingBackByMeetingId(HttpServletRequest req, HttpServletResponse resp) {
		try {
			PageBean pageBean = new PageBean();
			pageBean.setRequest(req);
			List<Map<String, Object>> lst = backDao.queryMeetingBackByMeetingId(back, pageBean);
//			注意：layui中的数据表格的格式
			ResponseUtil.writeJson(resp, R.ok(0, "会议反馈详情成功",pageBean.getTotal(),lst));
		} catch (Exception e) {
			// TODO: handle exception
			e.printStackTrace();
			try {
				ResponseUtil.writeJson(resp, R.error(0, "会议反馈详情失败"));
			} catch (Exception e2) {
				// TODO: handle exception
				e2.printStackTrace();
			}
		}
		return null;
	}
}

myMeeting.js

let layer,table,$,form;
let row;
layui.use(['layer','table','jquery','form'],function(){
	layer=layui.layer,
	table=layui.table,
	form=layui.form,
	$=layui.jquery;
	
	initTable();
	
	//查询事件
	$('#btn_search').click(function(){
		query();
	});
	
	//初始化审批人
	initFormSelects();
	
	
	//送审
	$('#btn_auditor').click(function(){
		$.post($("#ctx").val()+'/info.action',{
			'methodName':'updateAuditorById',
			'id':$('#meetingId').val(),
			'auditor':$('#auditor').val()
		},function(rs){
			if(rs.success){
				//关闭对话框
				layer.closeAll();
				//刷新列表
				query();
			}else{
				layer.msg(rs.msg,{icon:5},function(){});
			}
		},'json');
		return false;
	});
	
});
 
//1.初始化数据表格
function initTable(){
	table.render({          //执行渲染
        elem: '#tb',   //指定原始表格元素选择器（推荐id选择器）
        height: 400,         //自定义高度
        loading: false,      //是否显示加载条（默认 true）
        cols: [[             //设置表头
            {field: 'id', title: '会议编号', width: 90},
            {field: 'title', title: '会议标题', width: 120},
            {field: 'location', title: '会议地点', width: 140},
            {field: 'startTime', title: '开始时间', width: 120},
            {field: 'endTime', title: '结束时间', width: 120},
            {field: 'meetingState', title: '会议状态', width: 120},
            {field: 'seatPic', title: '会议排座', width: 120,
            	templet: function(d){
                    if(d.seatPic==null || d.seatPic=="")
                    	return "尚未排座";
                    else
                    	return "<img width='120px' src='"+d.seatPic+"'/>";
                }
            },
            {field: 'auditorName', title: '审批人', width: 120},
            {field: '', title: '操作', width: 200,toolbar:'#tbar'},
        ]]
   });
}
 
//2.点击查询
function query(){
	table.reload('tb', {
        url: $("#ctx").val()+'/info.action',     //请求地址
        method: 'POST',                    //请求方式，GET或者POST
        loading: true,                     //是否显示加载条（默认 true）
        page: true,                        //是否分页
        where: {                           //设定异步数据接口的额外参数，任意设
        	'methodName':'myInfos',
        	'zhuchiren':$('#zhuchiren').val(),
        	'title':$('#title').val(),
        },  
        request: {                         //自定义分页请求参数名
            pageName: 'page', //页码的参数名称，默认：page
            limitName: '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 === 'seat'){ //会议排座
		  open(row.id);
	  } else if(layEvent === 'send'){ //送审
		//判断有没有排座
		  if(row.seatPic==null || row.seatPic==""){
			  layer.msg('先请完成会议排座，再进行送审操作！',function(){});
			  return false;
		  }
		  
		//在打开送审页面之前，先请完成会议ID的赋值操作
		  $('#meetingId').val(row.id);
		  
		  
		//打开会议送审html 页面层
		  openLayerAudit();
		  
	  } else if(layEvent==="back"){ //反馈详情
		  openLayerFeedBack(row.id);
	  } else {//删除
		  layer.confirm('确认要删除吗?', {icon: 3, title:'提示'}, function(index){
				$.post($("#ctx").val()+'/info.action',{
					'methodName':'updatezt',
					'state':0,
					'id':row.id
				},function(rs){
					if(rs.success){
						//调用查询方法刷新数据
						query();
					}else{
						layer.msg(rs.msg,function(){});
					}
				},'json');
				layer.close(index);
			});
	  }
	});
}
 
 
 
//打开会议排座对话框
function open(id){
	layer.open({
      type: 2,                    //layer提供了5种层类型。可传入的值有：0（信息框，默认）1（页面层）2（iframe层）3（加载层）4（tips层）
      title: '会议排座',                   //对话框标题
      area: ['460px', '340px'],   //宽高
      skin: 'layui-layer-rim',    //样式类名
      content: $("#ctx").val()+'/jsp/meeting/seatPic.jsp?id='+id,                //弹出内容。可以传入普通的html内容，还可以指定DOM，更可以随着type的不同而不同
  });
}
 
//初始化审批人
function initFormSelects(){
	$.getJSON($("#ctx").val()+'/user.action',{
		'methodName':'queryUserAll'
	},function(rs){
		console.log(rs);
		let data=rs.data;
		$.each(data,function(i,e){
			$('#auditor').append(new Option(e.name,e.value));
		});
		//重新渲染
		form.render('select');
	});
}
 
//会议送审
function openLayerAudit(){
	//每次打开都对送审人进行初始化默认值设置
	$('#auditor').val("");
	//必须重新渲染
	form.render('select');
	//弹出对话框
    layer.open({
        type: 1,                    //layer提供了5种层类型。可传入的值有：0（信息框，默认）1（页面层）2（iframe层）3（加载层）4（tips层）
        title:'会议送审',
        area: ['426px', '140px'],   //宽高
        skin: 'layui-layer-rim',    //样式类名
        content: $('#audit'),   //弹出内容。可以传入普通的html内容，还可以指定DOM，更可以随着type的不同而不同
    });
}
 
 
//打开查看本会议的反馈详情
function openLayerFeedBack(id){
	$.getJSON('feedBack.action',{
		methodName:'queryMeetingBackByMeetingId',
		meetingId:id
	},function(data){
		$('#meeting_ok').html("");
		$('#meeting_no').html("");
		$('#meeting_noread').html("");
		if(data.success){
			console.log(data.data);
			$.each(data.data,function(i,e){
				if(e.result==1)
					$('#meeting_ok').html(e.names);
				else if(e.result==2)
					$('#meeting_no').html(e.names);
				else
					$('#meeting_noread').html(e.names);
			});
			//弹出对话框
		    layer.open({
		        type: 1,                    //layer提供了5种层类型。可传入的值有：0（信息框，默认）1（页面层）2（iframe层）3（加载层）4（tips层）
		        title:'反馈详情',
		        area: ['426px', '420px'],   //宽高
		        skin: 'layui-layer-rim',    //样式类名
		        content: $('#feedback'),   //弹出内容。可以传入普通的html内容，还可以指定DOM，更可以随着type的不同而不同
		        btn:['关闭'],
		        yes:function(index,layero){
		        	layer.closeAll();
		        }
		    });
		}
	});
}

反馈详情界面展示：

 

 

网站公告

今日签到

点亮在社区的每一天
去签到

热门文章

最新发布