OA项目之我的会议(会议排座&送审)

一、后端
- - 1、MeetingInfoDao
  - 2、MeetingInfoAction
  - 3、配置文件和服务器
二、前端
- - 1、myMeeting.js
  - 2、seatPic.jsp
  - 3、myMeeting.jsp
  - 4、导入外部js
三、运行效果

一、后端 1、MeetingInfoDao

package com.zking.dao;

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

import com.zking.entity.MeetingInfo;
import com.zking.util.BaseDao;
import com.zking.util.PageBean;
import com.zking.util.StringUtils;

public class MeetingInfoDao extends BaseDao {
	// 添加会议信息
	public int add(MeetingInfo info) throws Exception {
		String sql = "insert into t_oa_meeting_info(title,content,canyuze,liexize,zhuchiren,rn"
				+ "location,startTime,endTime,remark) values(?,?,?,?,?,?,?,?,?)";
		return super.executeUpdate(sql, info, new String[] { "title", "content", "canyuze", "liexize", "zhuchiren",
				"location", "startTime", "endTime", "remark" });
	}
	
	//我的会议SQL，后续其他的菜单也会使用
	private String getSQL() {
		return "select a.id,a.title,a.content,a.canyuze,a.liexize,a.zhuchirenrn" + 
				",b.name zhuchirenname,rn" + 
				"a.location,rn" + 
				"DATE_FORMAT(a.startTime,'%Y-%m-%d %H-%m-%s') startTime,rn" + 
				"DATE_FORMAT(a.endTime,'%Y-%m-%d %H-%m-%s') endTime,rn" + 
				"a.state,rn" + 
				"(rn" + 
				"	case a.statern" + 
				"	when 0 then '取消会议'rn" + 
				"	when 1 then '新建'rn" + 
				"	when 2 then '待审核'rn" + 
				"	when 3 then '驳回'rn" + 
				"	when 4 then '待开'rn" + 
				"	when 5 then '进行中'rn" + 
				"	when 6 then '开启投票'rn" + 
				"	when 7 then '结束会议'rn" + 
				"	else '其他' endrn" + 
				") meetingstate,rn" + 
				"a.seatPic,a.remark,a.auditor,rn" + 
				"c.name auditornamern" + 
				"from t_oa_meeting_info arn" + 
				"inner join t_oa_user b on a.zhuchiren=b.idrn" + 
				"left join t_oa_user c on a.auditor=c.id and 1=1 ";
	}
	//我的会议
	public List> 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);
	}

//	设置会议排座图片
	public int updateSeatPicById(MeetingInfo info) throws Exception {
		String sql =" update t_oa_meeting_info set seatPic=? where id=?";
		return super.executeUpdate(sql, info, new String[] {"seatPic","id"});
	}

//	根据会议ID更新会议的审批人（送审）
	public int updateAuditorById(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"});
	}
	
}

2、MeetingInfoAction

package com.zking.web;

import java.util.Date;
import java.util.List;
import java.util.Map;
import java.util.UUID;

import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import org.apache.commons.beanutils.ConvertUtils;

import com.zking.dao.MeetingInfoDao;
import com.zking.entity.MeetingInfo;
import com.zking.framework.ActionSupport;
import com.zking.framework.ModelDriver;
import com.zking.util.Base64ImageUtils;
import com.zking.util.MyDateConverter;
import com.zking.util.PageBean;
import com.zking.util.PropertiesUtil;
import com.zking.util.R;
import com.zking.util.ResponseUtil;

public class MeetingInfoAction extends ActionSupport implements ModelDriver{
	private MeetingInfo info = new MeetingInfo();
	private MeetingInfoDao meetingInfoDao = new MeetingInfoDao();

	@Override
	public MeetingInfo getModel() {
		//方式二：
	    ConvertUtils.register(new MyDateConverter(),Date.class);
		return info;
	}
	
	public String updateSeatPicById(HttpServletRequest req, HttpServletResponse resp) {
		
		try {
//			E:/temp/images/T280/abcdefg.png
//			获取图片的存放地址	dirPath=E:/temp/images/T280/
			String dirPath = PropertiesUtil.getValue("dirPath");
//			获取浏览器请求路径，为了后续保存到数据库    serverPath=/upload/paizuo/
			String serverPath = PropertiesUtil.getValue("serverPath");
//			随机生成一个图片名称
			String fileName = UUID.randomUUID().toString().replaceAll("-", "")+".png";
			info.getSeatPic();//图片字符串
			Base64ImageUtils.GenerateImage(info.getSeatPic().replaceAll("data:image/png;base64,", ""), dirPath+fileName);
//			将seatPic中内容修改为 请求地址
			info.setSeatPic(serverPath+fileName);
			
//			修改会议排座 数据库图片 对应的数据库列段
			int rs = meetingInfoDao.updateSeatPicById(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;
	}
	
//	会议发布
	public String add(HttpServletRequest req, HttpServletResponse resp) {
		try {
			int rs = meetingInfoDao.add(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;
	}
	
//	我的会议
	public String myInfos(HttpServletRequest req,HttpServletResponse resp) {
		try {
			PageBean pageBean = new PageBean();
			pageBean.setRequest(req);
			List> lst = meetingInfoDao.myInfos(info, pageBean);
			//注意：layui中的数据的格式
			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;
	}
	
//	根据会议ID更新会议的审批人（送审）
	public String updateAuditorById(HttpServletRequest req, HttpServletResponse resp) {
		try {
			int rs = meetingInfoDao.updateAuditorById(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;
	}
}

3、配置文件和服务器

dirPath=E:/temp/images/T280/
serverPath=/upload/paizuo/
dirPathSign=E:/temp/images/T280/sign/
serverPathSign=/upload/sign/

记得修改路径

二、前端 1、myMeeting.js

记得定义form

methodName要调对方法

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();
	});
	
	//初始化审批人
	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选择器）
//        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: 140},
            {field: 'meetingstate', title: '会议状态', width: 120},
            {field: 'seatPic', title: '会议排座', width: 140,templet: function(d){
                console.log(d);
                //得到当前行数据，并拼接成自定义模板
                return ''
              }},
            {field: 'auditorname', title: '审批人', width: 120},
            {field: '', title: '操作', width: 220,toolbar:'#tbar'},
        ]]
    });
	
	//在页面中的中必须配置lay-filter="tb_goods"属性才能触发属性!!!
	table.on('tool(tb)', function (obj) {
		row = obj.data;
		if (obj.event == "seat") {
			open(row.id);
		}else if(obj.event == "send"){
//			layer.msg("送审");
//			判断是否已经排座
			if(row.seatPic==null || row.seatPic==""){
				  layer.msg('先请完成会议排座，再进行送审操作！',function(){});
				  return false;
			 }
			 //在打开送审页面之前，先请完成会议ID的赋值操作
			 $('#meetingId').val(row.id);
//			   打开会议送审HTML 页面层
			 openLayerAudit();
		}else if(obj.event == "del"){
			layer.msg("取消会议");
		}else if(obj.event == "back"){
			layer.msg("反馈详情");
		}else {
			
		}
	});
}

//打开会议排座对话框
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的不同而不同
    });
}
//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':'findAll'
	},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的不同而不同
    });
}
 
2、seatPic.jsp 
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>









会议座位安排



    
    
	
		
			
		
		
			
		
	






 
3、myMeeting.jsp 
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@include file="/common/header.jsp"%>





用户管理





  
    会议标题
    
      
      
    
  
  
    
  





	
		
		   送审人
		   
		      
		      
		   
		   
		     
		   
		
	



	
	  参会人员
	
	
	
	  缺席人员
	
	
	
	  未读人员

4、导入外部js

三、运行效果

1、

2、点击会议排座

3、排好后点击下载

4、排座完后点击送审

5、送审后即可

OA项目之我的会议(会议排座&送审)

Java相关栏目本月热门文章