OA项目之我的会议（查询or送审）

最新推荐文章于 2024-06-09 18:24:15 发布
最新推荐文章于 2024-06-09 18:24:15 发布
阅读量378 收藏
点赞数
分类专栏： layui 文章标签： java servlet 数据库
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_63531917/article/details/125951457
版权

这里写目录标题

一、后端编写

①查询我的会议

实体类MeetingInfo.java

package com.xlb.entity;

import java.util.Date;

public class MeetingInfo {
    private Long id;

    private String title;

    private String content;

    private String canyuze;

    private String liexize;

    private String zhuchiren;

    private String location;

    private Date startTime;

    private Date endTime;

    private String fujian;

    private Integer state;

    private String seatPic;

    private String remark;
    
    private String auditor;

	public String getAuditor() {
		return auditor;
	}

	public void setAuditor(String auditor) {
		this.auditor = auditor;
	}

	public Long getId() {
		return id;
	}

	public void setId(Long id) {
		this.id = id;
	}

	public String getTitle() {
		return title;
	}

	public void setTitle(String title) {
		this.title = title;
	}

	public String getContent() {
		return content;
	}

	public void setContent(String content) {
		this.content = content;
	}

	public String getCanyuze() {
		return canyuze;
	}

	public void setCanyuze(String canyuze) {
		this.canyuze = canyuze;
	}

	public String getLiexize() {
		return liexize;
	}

	public void setLiexize(String liexize) {
		this.liexize = liexize;
	}

	public String getZhuchiren() {
		return zhuchiren;
	}

	public void setZhuchiren(String zhuchiren) {
		this.zhuchiren = zhuchiren;
	}

	public String getLocation() {
		return location;
	}

	public void setLocation(String location) {
		this.location = location;
	}

	public Date getStartTime() {
		return startTime;
	}

	public void setStartTime(Date startTime) {
		this.startTime = startTime;
	}

	public Date getEndTime() {
		return endTime;
	}

	public void setEndTime(Date endTime) {
		this.endTime = endTime;
	}

	public String getFujian() {
		return fujian;
	}

	public void setFujian(String fujian) {
		this.fujian = fujian;
	}

	public Integer getState() {
		return state;
	}

	public void setState(Integer state) {
		this.state = state;
	}

	public String getSeatPic() {
		return seatPic;
	}

	public void setSeatPic(String seatPic) {
		this.seatPic = seatPic;
	}

	public String getRemark() {
		return remark;
	}

	public void setRemark(String remark) {
		this.remark = remark;
	}

	public MeetingInfo() {
		super();
		// TODO Auto-generated constructor stub
	}

	@Override
	public String toString() {
		return "MeetingInfo [id=" + id + ", title=" + title + ", content=" + content + ", canyuze=" + canyuze
				+ ", liexize=" + liexize + ", zhuchiren=" + zhuchiren + ", location=" + location + ", startTime="
				+ startTime + ", endTime=" + endTime + ", fujian=" + fujian + ", state=" + state + ", seatPic=" + seatPic + ", remark=" + remark + "]";
	}
    
}

dao方法层

private String getSQL() {
		return "SELECT\r\n" + 
				"	a.id,\r\n" + 
				"	a.title,\r\n" + 
				"	a.content,\r\n" + 
				"	a.liexize,\r\n" + 
				"	a.zhuchiren,\r\n" + 
				"	b.`name` zhuchirenname,\r\n" + 
				"	a.location,\r\n" + 
				"	DATE_FORMAT( a.startTime, '%y-%m-%d %H-%m-%s' ) startTime,\r\n" + 
				"	DATE_FORMAT( a.endTime, '%y-%m-%d %H-%m-%s' ) endTime,\r\n" + 
				"	a.state,\r\n" + 
				"	(\r\n" + 
				"CASE\r\n" + 
				"	a.state \r\n" + 
				"	WHEN 0 THEN\r\n" + 
				"	'取消会议' \r\n" + 
				"	WHEN 1 THEN\r\n" + 
				"	'新建' \r\n" + 
				"	WHEN 2 THEN\r\n" + 
				"	'待审核' \r\n" + 
				"	WHEN 3 THEN\r\n" + 
				"	'驳回' \r\n" + 
				"	WHEN 4 THEN\r\n" + 
				"	'待开' \r\n" + 
				"	WHEN 5 THEN\r\n" + 
				"	'进行中' \r\n" + 
				"	WHEN 6 THEN\r\n" + 
				"	'开启投票' \r\n" + 
				"	WHEN 7 THEN\r\n" + 
				"	'结束会议' ELSE '其他' \r\n" + 
				"END \r\n" + 
				"	) meetingstate,\r\n" + 
				"	a.seatPic,\r\n" + 
				"	a.remark,\r\n" + 
				"	a.auditor,\r\n" + 
				"	c.`name` auditorname \r\n" + 
				"FROM\r\n" + 
				"	t_oa_meeting_info a\r\n" + 
				"	INNER JOIN t_oa_user b ON a.zhuchiren = b.id\r\n" + 
				"	LEFT JOIN t_oa_user c ON a.auditor = c.id and 1=1 ";
	}
	
	//我的会议SQL，后续其他的菜单也会使用
	public List<Map<String, Object>> myInfos(MeetingInfo info,PageBean pageBean)
			throws SQLException, InstantiationException, IllegalAccessException {
		String sql=getSQL();
		//拿到会议标题
		String title = info.getTitle();
		if(StringUtils.isNotBlank(title)) {
			sql +=" and title like '%"+title+"%' ";
		}
		sql +=" and zhuchiren = "+info.getZhuchiren()+" ";
		return super.executeQuery(sql, pageBean);
	}

测试类MeetingInfoDaoTest.java

package com.xlb.dao;

import static org.junit.Assert.*;

import java.sql.SQLException;
import java.util.List;
import java.util.Map;

import org.junit.After;
import org.junit.Before;
import org.junit.Test;

import com.xlb.entity.MeetingInfo;
import com.zking.util.PageBean;

public class MeetingInfoDaoTest {
	
	MeetingInfoDao mid = new MeetingInfoDao();

	@Before
	public void setUp() throws Exception {
	}

	@After
	public void tearDown() throws Exception {
	}
	
	@Test
	public void m() {
		MeetingInfo info = new MeetingInfo();
		PageBean pageBean = new PageBean();
		
		try {
			List<Map<String, Object>> myInfos = mid.myInfos(info, pageBean);
			for (Map<String, Object> map : myInfos) {
				System.out.println(map);
			}
			System.out.println(pageBean);
		} catch (Exception e) {
			e.printStackTrace();
		} 
	}

}

结果
在这里插入图片描述
web层MeetingInfoAction.java

//我的会议
		public String myInfos(HttpServletRequest req, HttpServletResponse resp) {
			try {
				PageBean pageBean = new PageBean();
				//初始化pageBean
				pageBean.setRequest(req);
				//调用方法
				List<Map<String, Object>> lst = infoDao.myInfos(info, pageBean);
//				layui 的code 返回一定要是 0，不能是200，否者返回不了数据
				//传输到界面
				//pageBean.getTotal()总记录数
				ResponseUtil.writeJson(resp, R.ok(0, "我的会议数据查询成功",pageBean.getTotal(),lst));
			} catch (Exception e) {
				e.printStackTrace();
				try {
					ResponseUtil.writeJson(resp, R.error(0, "我的会议数据查询失败"));
				} catch (Exception e1) {
					e1.printStackTrace();
				}
			}
			return null;
		}

②会议送审

dao方法层

//	根据会议ID更新会议的审批人（送审）
	public int edit(MeetingInfo info) throws Exception {
		String sql="update t_oa_meeting_info set auditor=?,state=2 where id=?";
		return super.executeUpdate(sql, info, new String[] {"auditor","id"});
	}

web层

//送审
		public String edit(HttpServletRequest req, HttpServletResponse resp) {
			try {
				//rs是影响行数
				int rs = infoDao.edit(info);
				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;
		}

二、前端编写

①我的会议

我的会议页面

<%@ 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/myMeeting.js"></script>
<title>用户管理</title>
</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="zhuchiren" 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>

<!-- 对话框（送审） -->
<div id="audit" style="display:none;">
	<form style="margin:20px 15px;" class="layui-form layui-form-pane" lay-filter="audit">
		<div class="layui-inline">
		   <label class="layui-form-label">送审人</label>
		   <div class="layui-input-inline">
		      <input type="hidden" id="meetingId" value=""/>
		      <select id="auditor" style="poistion:relative;z-index:1000">
				<option value="">---请选择---</option>
		      </select>
		   </div>
		   <div class="layui-input-inline">
		     <button id="btn_auditor" class="layui-btn">送审</button>
		   </div>
		</div>
	</form>
</div>

<!-- 对话框（反馈详情） -->
<div id="feedback" style="display:none;padding:15px;">
	<fieldset class="layui-elem-field layui-field-title">
	  <legend>参会人员</legend>
	</fieldset>
	<blockquote class="layui-elem-quote" id="meeting_ok"></blockquote>
	<fieldset class="layui-elem-field layui-field-title">
	  <legend>缺席人员</legend>
	</fieldset>
	<blockquote class="layui-elem-quote" id="meeting_no"></blockquote>
	<fieldset class="layui-elem-field layui-field-title">
	  <legend>未读人员</legend>
	</fieldset>
	<blockquote class="layui-elem-quote" id="meeting_noread"></blockquote>
</div>
<script type="text/html" id="tbar">
  {{#  if(d.state==1 || d.state==3){ }}
  <a class="layui-btn layui-btn-xs" lay-event="seat">会议排座</a>
  <a class="layui-btn layui-btn-xs" lay-event="send">送审</a>
  <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
  {{#  } }}
  {{#  if(d.state!=1 && d.state!=2 && d.state!=3){ }}
  <a class="layui-btn layui-btn-xs" lay-event="back">反馈详情</a>
  {{#  } }}
</script>
</body>
</html>

对应的js

let layer,$,table,form;
var row;
layui.use(['jquery', 'layer', 'table','form'], function(){
	layer = layui.layer
	,$ = layui.jquery
	,form = layui.form
	,table = layui.table;
	//初始化数据表格
	initTable();
	//绑定查询按钮的点击事件
	$('#btn_search').click(function(){
		query();
	});
	
});

//1.初始化数据表格
function initTable(){
	table.render({           //执行渲染
        elem: '#tb',         //指定原始表格元素选择器（推荐id选择器）
//        url: 'user.action?methodName=list',     //请求地址
        height: 340,         //自定义高度
        loading: false,      //是否显示加载条（默认 true）
        cols: [[             //设置表头
            {field: 'id', title: '会议编号', width: 120},
            {field: 'title', title: '会议标题', width: 120},
            {field: 'location', title: '会议地点', width: 140},
            {field: 'startTime', title: '开始时间', width: 120},
            {field: 'endTime', title: '结束时间', width: 120},
            {field: 'meetingstate', title: '会议状态', width: 140},
            {field: 'seatPic', title: '会议排座', width: 140 ,templet: function(d){
            	//d代表当前行
            	console.log(d.LAY_INDEX); //得到序号。一般不常用
                console.log(d.LAY_COL); //得到当前列表头配置信息（layui 2.6.8 新增）。一般不常用
                //得到当前行数据，并拼接成自定义模板
                return '<img src="'+d.seaPic+'" />'}
            },
            {field: 'auditor', title: '审批人', width: 120},
            {field: '', title: '操作', width: 220,toolbar:'#tbar'},
        ]]
    });
	
	
	//在页面中的<table>中必须配置lay-filter="tb_goods"属性才能触发属性!!!
	table.on('tool(tb)', function (obj) {
		row = obj.data;
		if (obj.event == "seat") {
			layer.msg('排座');
		}else if(obj.event == "send"){
			layer.msg('送审');
		}else if(obj.event == "del"){
			layer.msg("取消会议");
		}else if(obj.event == "back"){
			layer.msg("反馈详情");
		}else{
			
		}
	});
}

//2.点击查询
function query(){
	table.reload('tb', {
        url: 'info.action',     //请求地址
        method: 'POST',   //请求方式，GET或者POST
        loading: true,    //是否显示加载条（默认 true）
        page: true,        //是否分页
        where: {            //设定异步数据接口的额外参数，任意设
        	'methodName':'myInfos',
        	'title':$('#title').val(),
        	'zhuchiren':$("#zhuchiren").val()
        },  
        request: {                         //自定义分页请求参数名
            pageName: 'page', //页码的参数名称，默认：page
            limitName: 'rows'//每页数据量的参数名，默认：limit
        }
   });
	
}

效果
在这里插入图片描述

②会议送审

对应的js

let layer,$,table,form;
var row;
layui.use(['jquery', 'layer', 'table','form'], function(){
	layer = layui.layer
	,$ = layui.jquery
	,form = layui.form
	,table = layui.table;
	//初始化数据表格
	initTable();
	//绑定查询按钮的点击事件
	$('#btn_search').click(function(){
		query();
	});
	
	
	//送审
	$('#btn_auditor').click(function(){
		$.post($("#ctx").val()+'/info.action',{
			'methodName':'edit',
			'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选择器）
//        url: 'user.action?methodName=list',     //请求地址
        height: 340,         //自定义高度
        loading: false,      //是否显示加载条（默认 true）
        cols: [[             //设置表头
            {field: 'id', title: '会议编号', width: 120},
            {field: 'title', title: '会议标题', width: 120},
            {field: 'location', title: '会议地点', width: 140},
            {field: 'startTime', title: '开始时间', width: 120},
            {field: 'endTime', title: '结束时间', width: 120},
            {field: 'meetingstate', title: '会议状态', width: 140},
            {field: 'seatPic', title: '会议排座', width: 140 ,templet: function(d){
            	//d代表当前行
            	console.log(d.LAY_INDEX); //得到序号。一般不常用
                console.log(d.LAY_COL); //得到当前列表头配置信息（layui 2.6.8 新增）。一般不常用
                //得到当前行数据，并拼接成自定义模板
                return '<img src="'+d.seaPic+'" />'}
            },
            {field: 'auditor', title: '审批人', width: 120},
            {field: '', title: '操作', width: 220,toolbar:'#tbar'},
        ]]
    });
	
	
	//在页面中的<table>中必须配置lay-filter="tb_goods"属性才能触发属性!!!
	table.on('tool(tb)', function (obj) {
		row = obj.data;
		if (obj.event == "seat") {
			layer.msg('排座');
		}else if(obj.event == "send"){
			openLayerAudit();
			initFormSelects();
		}else if(obj.event == "del"){
			layer.msg("取消会议");
		}else if(obj.event == "back"){
			layer.msg("反馈详情");
		}else{
			
		}
	});
}

//2.点击查询
function query(){
	table.reload('tb', {
        url: 'info.action',     //请求地址
        method: 'POST',   //请求方式，GET或者POST
        loading: true,    //是否显示加载条（默认 true）
        page: true,        //是否分页
        where: {            //设定异步数据接口的额外参数，任意设
        	'methodName':'myInfos',
        	'title':$('#title').val(),
        	'zhuchiren':$("#zhuchiren").val()
        },  
        request: {                         //自定义分页请求参数名
            pageName: 'page', //页码的参数名称，默认：page
            limitName: 'rows'//每页数据量的参数名，默认：limit
        }
   });
	
}


//初始化审批人
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,  
        title:'会议送审',
        area: ['426px', '140px'],   //宽高
        skin: 'layui-layer-rim', //样式类名
        content: $('#audit'),   //弹出内容。可以传入普通的html内容，还可以指定DOM，更可以随着type的不同而不同
    });
}

效果
在这里插入图片描述

没有填写送审人
在这里插入图片描述
送审成功后就直接关闭了

xxie编程
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
LayUI项目之我的会议（送审以及排座）
weixin_66202611的博客
07-26 7599
参会人员每个人的位置是有讲究的，重要人员一般是做主位以及主位旁边。在本系统里不考虑桌子的形状。
会议OA项目之我的会议排座&批审功能
qq_66924116的博客
07-26 9122
会议排座犹如我们日常生活中的餐桌礼仪一般来说，面朝大门的座位是留给最年长或者最尊贵的客人的，所谓面朝大门即为尊说的就是这个，常遵循；而大门旁边的位置则是主人坐的。那么工作时我们经常参加的会议也有一定的讲究如我们常见的如图。............
OA项目之我的会议（会议排座&送审）
彭于晏的博客
07-25 1万+
今天是继OA项目会议发布功能后的会议排座&送审功能，一起来看看吧！
OA之我的会议（会议排座&送审）
热门推荐
weixin_67465673的博客
07-26 1万+
会议桌我们就没有了，考虑了简单性，我们就去掉了。但在公司里有的项目就会用到项目桌。
OA项目之我的审批（查询&会议签字）
weixin_67465673的博客
07-27 2979
①人员签字功能1）会有相似插件完成2）优化插件使其在项目中使用3）研究里面不乏源码，寻找接入点4）接入到项目中②签字图片的裁剪③会议信息详情界面，将会议所有相关信息（标题、内容、时间、参与人、附件、审批人签字图片）转成PDFhttpshttpshttpshttpshttpshttpshttpshttpshttpshttpshttpshttpshttpshttpshttpshttpshttpshttpshttpshttpshttpshttpshttps。...
OA项目之我的审批（会议查询&会议签字）
weixin_62735525的博客
07-27 3905
会议oa之审批查询以及签字
会议OA项目(我的会议中的会议排座&送审功能)
weixin_67450855的博客
07-25 1万+
会议OA项目我的会议中的会议排座&送审功能，页面元素可拖动，前后台联动下载图片并保存到本机目录文件
会议OA（会议排座&送审）
hmjcxy的博客
07-26 6008
会议OA（会议排座&送审）
会议OA项目(送审后审批人签字功能)
weixin_67450855的博客
07-28 4219
会议OA项目--会议审批人签字，添加会议审批
OA项目启动会议
08-14
OA项目启动会议
微信小程序之开发会议OA项目
02-18
微信小程序之开发会议OA项目源码
OA项目介绍.docx
05-26
OA项目介绍
微信小程序开发之会议OA项目首页搭建
10-17
搭建项目所需的图片资源
会议OA项目——layui
08-25
此项目是有关于layui的OA项目：里面有用户管理、发布会议、我的会议、我的审批、会议通知以及待开会议与历史会议的简单功能实现（小伙伴可以自己去提升这个OA项目的功能——优化内部代码） 里面涉及了一些（我个人...
自制植物大战僵尸：HTML5与JavaScript实现的简单游戏
m0_73367097的博客
06-08 1904
自制植物大战僵尸
简单的项目部署脚本（转载）
u010230019的博客
06-09 603
有些项目团队喜欢使用docker启动java服务,那么我们同样可以将上述脚本稍做改造,来实现基于shell+docker的简单项目部署能力。可以将核心节点的错误或者失败内容通过webhook发送到对应的告警平台,比如钉钉、飞书机器人等。把~/.ssh/id_rsa.pub内容添加到远程仓库的ssh秘钥中。执行start.sh脚本打包部署。start.sh脚本内容。
Java——简单图书管理系统
最新发布
m0_74100417的博客
06-09 1234
数据类型变量iffor数组方法类和对象封装继承多态抽象类和接口今天就是把上述知识点全部都用起来 图书管理系统图书管理系统图书管理系统图书管理系统图书管理系统图书管理系统图书管理系统图书管理系统图书管理系统图书管理系统图书管理系统图书管理系统图书管理系统图书管理系统图书管理系统图书管理系统图书管理系统图书管理系统图书管理系统图书管理系统图书管理系统图书管理系统图书管理系统图书管理系统图书管理系统图书管理系统图书管理系统图书管理系统图书管理系统图书管理系统图书管理系统图书管理系统图书管理系统图书管理系统图书管理
修改菜品——后端Java
weixin_53717695的博客
06-09 409
修改菜品——后端Java
oa会议我的会议删除
07-27
根据提供的引用内容，我无法找到关于"oa会议我的会议删除"的具体信息。引用\[1\]提供了关于会议的不同状态和相关查询条件的介绍。引用\[2\]和引用\[3\]提供了关于会议状态的描述和SQL语句的编写。然而，没有提供关于...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值