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

    目录

    一、SQL语句编写

    1、会议通知查询SQL

    2、会议反馈详情SQL

    二、会议通知后台代码实现

    前端

    后端

    三、会议反馈功能实现

    前端

    后端 

    四、反馈详情

    一、SQL语句编写

    1、会议通知查询SQL

    界面原型：

    当登录某某的账号时，我们就要查出凡是某某是参与者、列席者、主任人的其中一员，那么都需要查询出来

    分析：

    所需要的表：     

                      会议信息表：t_oa_meeting_info

                      会议反馈表：t_oa_meeting_feedback

    查询条件：登录用户id 2为例

    find_in_set(2,(1,2,3,4,5))

    步骤：

    1.查询出带某某及该用户的id 的会议信息

    以id=2的举例

    SQL语句：

    select * from t_oa_meeting_info where FIND_IN_SET(2,CONCAT(canyuze,',',liexize,',',zhuchiren))

    根据以上SQL语句可以查询出参与者、列席者、主持人中包含id=2的所有会议

    效果：

     可以看出一共查询出了12条数据，但是要加上条件会议为待开状态

    SQL语句：

    select * from t_oa_meeting_info where FIND_IN_SET(2,CONCAT(canyuze,',',liexize,',',zhuchiren)) and state=4

    效果：

     2、不管会议是否得到反馈，都要查询出来，所以选用外连接，以会议信息表为主表

    用外连接的话可以防止数据丢失，而且我们可以发现界面原型图上的数据大部分为信息表中的

    SQL语句：

    1. SELECT 
    2. IFNULL(f.result,-1) result,t1.*
    3. FROM
    4. (select * from t_oa_meeting_info where FIND_IN_SET(2,CONCAT(canyuze,',',liexize,',',zhuchiren)) and state=4)t1  
    5. LEFT JOIN t_oa_meeting_feedback f on t1.id=f.meetingId and f.personId = 2 ORDER BY result;

    效果：

    2、会议反馈详情SQL

    界面原型图：

    分析： 

     用到的表：

            用户表：t_oa_user

            反馈表：t_oa_meeting_feedback

            会议信息表：t_oa_meeting_info

    查询条件：

            会议的id 12为例

            1.会议id为12的会议，所有参与人员的姓名

                    1.1：先拿到所有的参与人员id

                    SQL语句：

    SELECT CONCAT(canyuze,',',liexize,',',zhuchiren) from t_oa_meeting_info where id = 12

                   效果：

                    1.2：在拿到对应参与人员的姓名

                    SQL语句：

    select * from t_oa_user where FIND_IN_SET(id,(SELECT CONCAT(canyuze,',',liexize,',',zhuchiren) from t_oa_meeting_info where id = 12))

                    效果： 

            2.外链接反馈表，拿到对应的反馈情况（未读、参加、不参加）

           SQL语句：

    1. select
    2. t1.name,IFNULL(f.result,-1) result
    3. FROM
    4. (select * from t_oa_user where FIND_IN_SET(id,(SELECT CONCAT(canyuze,',',liexize,',',zhuchiren) from t_oa_meeting_info where id = 12))) t1
    5. left join t_oa_meeting_feedback f on t1.id = f.personId and f.meetingId = 12

           效果：

            3.根据反馈情况进行分组

            SQL语句：

    1. SELECT
    2. t.result,GROUP_CONCAT(t.name) names
    3. FROM
    4. (select
    5. t1.name,IFNULL(f.result,-1) result
    6. FROM
    7. (select * from t_oa_user where FIND_IN_SET(id,(SELECT CONCAT(canyuze,',',liexize,',',zhuchiren) from t_oa_meeting_info where id = 12))) t1
    8. left join t_oa_meeting_feedback f on t1.id = f.personId and f.meetingId = 12) t
    9. GROUP BY t.result

    GROUP_CONCAT：为分组链接查询

            效果：

    二、会议通知后台代码实现

    前端

    meetingNotify.jsp：

    1. <%@ page language="java" contentType="text/html; charset=UTF-8"
    2.     pageEncoding="UTF-8"%>
    3. <%@include file="/common/header.jsp"%>
    4. DOCTYPE html>
    14.   
    15.     
    16.     
    17.       
    18.       
    19.

    •  meetingNotify.js

    1. let layer,table,$,form,test;
    2. var row;
    3. layui.use(['layer','table','jquery','form','test'],function(){
    4. 	layer=layui.layer,
    5. 	table=layui.table,
    6. 	form=layui.form,
    7. 	test=layui.test,
    8. 	$=layui.jquery;
    9. 	
    10. 	initTable();
    11. 	
    12. 	//查询事件
    13. 	$('#btn_search').click(function(){
    14. 		query();
    15. 	});
    16. 	
    17. });
    18.  
    19. //初始化数据表格（我的审批）
    20. function initTable(){
    21. 	table.render({          //执行渲染
    22.         elem: '#tb',   //指定原始表格元素选择器（推荐id选择器）
    23.         height: 400,         //自定义高度
    24.         loading: false,      //是否显示加载条（默认 true）
    25.         cols: [[             //设置表头
    26.             {field: 'id', title: '会议编号', width: 90},
    27.             {field: 'title', title: '会议标题', width: 120},
    28.             {field: 'location', title: '会议地点', width: 140},
    29.             {field: 'startTime', title: '开始时间', width: 120,
    30.             	templet:function(d){
    31.             		return test.toDate(new Date(d.startTime));
    32.             	}
    33.             },
    34.             {field: 'endTime', title: '结束时间', width: 120,
    35.             	templet:function(d){
    36.             		return test.toDate(new Date(d.endTime));
    37.             	}
    38.             },
    39.             //{field: 'meetingState', title: '会议状态', width: 120},
    40.             /*{field: 'seatPic', title: '会议排座', width: 120,
    41.             	templet: function(d){
    42.                     if(d.seatPic==null || d.seatPic=="")
    43.                     	return "尚未排座";
    44.                     else
    45.                     	return "";
    46.                 }
    47.             },*/
    48.             {field: 'result', title: '反馈状态', width: 120,
    49.             	templet: function(d){
    50.                     if(d.result==1)
    51.                     	return "参会";
    52.                     else if(d.result==2)
    53.                     	return "缺席";
    54.                     else
    55.                     	return "未读";
    56.                 }
    57.             },
    58.             {field: '', title: '操作', width: 200,toolbar:'#tbar'},
    59.         ]]
    60.    });
    61. }
    62.  
    63. //点击查询
    64. function query(){
    65. 	table.reload('tb', {
    66.         url: $("#ctx").val()+'/feedBack.action',     //请求地址
    67.         method: 'POST',                    //请求方式，GET或者POST
    68.         loading: true,                     //是否显示加载条（默认 true）
    69.         page: true,                        //是否分页
    70.         where: {                           //设定异步数据接口的额外参数，任意设
    71.         	'methodName':'queryMeetingFeedBackByUserId',
    72.         	'personId':$('#personId').val(),
    73.         	'title':$('#title').val(),
    74.         },  
    75.         request: {                         //自定义分页请求参数名
    76.             pageName: 'page', //页码的参数名称，默认：page
    77.             limitName: 'rows' //每页数据量的参数名，默认：limit
    78.         },
    79.         done: function (res, curr, count) {
    80.         	console.log(res);
    81.         }
    82.    });
    83. 	
    84. 	//工具条事件
    85. 	table.on('tool(tb)', function(obj){ //注：tool 是工具条事件名，test 是 table 原始容器的属性 lay-filter="对应的值"
    86. 	  row = obj.data; //获得当前行数据
    87. 	  var layEvent = obj.event; //获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）
    88. 	  var tr = obj.tr; //获得当前行 tr 的 DOM 对象（如果有的话）
    89. 	  console.log(row);
    90. 	  if(layEvent === 'edit'){ //是否参会
    91. 		 openLayer(row.id);
    92. 	  } else {
    93. 		  
    94. 	  }
    95. 	});
    96. }
    97.  
    98.  
    99. function openLayer(id){
    100.     layer.open({
    101.         type: 2,                    //layer提供了5种层类型。可传入的值有：0（信息框，默认）1（页面层）2（iframe层）3（加载层）4（tips层）
    102.         title: '会议反馈',                   //对话框标题
    103.         area: ['660px', '400px'],   //宽高
    104.         skin: 'layui-layer-rim',    //样式类名
    105.         content: 'jsp/meeting/addFeedBack.jsp?id='+id,                //弹出内容。可以传入普通的html内容，还可以指定DOM，更可以随着type的不同而不同
    106.         btn:['会议反馈','关闭'],
    107.         yes:function(index,layero){
    108.         	//layer.msg('保存');
    109.         	//调用子页面中提供的getData方法，快速获取子页面的form表单数据
    110.             let data= $(layero).find("iframe")[0].contentWindow.getData();
    111.             addMeetingFeedBack(data);
    112.         },
    113.         btn2:function(){
    114.         	layer.closeAll();
    115.         }
    116.     });
    117. }
    118.  
    119. // 对会议通知进行 参会/不参会的反馈
    120. function addMeetingFeedBack(params){
    121. 	params['methodName']="add";
    122. 	console.log(params);
    123. 	$.post($("#ctx").val()+'/feedBack.action',params,function(rs){
    124. 		if(rs.success){
    125. 			layer.closeAll();
    126. 			query();
    127. 		}else{
    128. 			layer.msg(rs.msg,{icon:5},function(){});
    129. 		}
    130. 	},'json');
    131. }

     由于该js文件中我们加入一个自定义模块，该自定义模块是为了转换时间。所以我们要将该文件夹放到外面的项目中

    test.js

    1. //提示：模块也可以依赖其它模块，如：layui.define('layer', callback);
    2. layui.define(function(exports){ 
    3.   var obj = {
    4.      hello: function(str){
    5.         alert('Hello '+ (str||'test'));
    6.      },
    7.      toDate:function(date,pattern){
    8.     	 return fmtDate(date,pattern);
    9.      }
    10.   };
    11.  
    12.   //输出test接口
    13.   //test.hello('zs');
    14.   exports('test', obj);
    15. }); 
    16.  
    17.  
    18. //给Date类添加了一个新的实例方法format
    19. Date.prototype.format = function (fmt) {
    20. 	//debugger;
    21.     var o = {
    22.         "M+": this.getMonth() + 1,                 //月份
    23.         "d+": this.getDate(),                    //日
    24.         "h+": this.getHours(),                   //小时
    25.         "m+": this.getMinutes(),                 //分
    26.         "s+": this.getSeconds(),                 //秒
    27.         "q+": Math.floor((this.getMonth() + 3) / 3), //季度
    28.         "S": this.getMilliseconds()             //毫秒
    29.     };
    30.     if (/(y+)/.test(fmt))
    31.         fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
    32.     for (var k in o)
    33.         if (new RegExp("(" + k + ")").test(fmt))
    34.             fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
    35.     return fmt;
    36. };
    37.  
    38. function fmtDate(date, pattern) {
    39. 	var ts = date.getTime();
    40.     var d = new Date(ts).format("yyyy-MM-dd hh:mm:ss");
    41.     if (pattern) {
    42.         d = new Date(ts).format(pattern);
    43.     }
    44.     return d.toLocaleString();
    45. };

    config.js

    1. layui.config({
    2.   base: 'static/js/layui/modules/' //假设这是test.js所在的目录
    3. }).extend({ //设定模块别名
    4.   test: 'test' //如果test.js是在根目录，也可以不用设定别名
    5. });

    为了每一个页面都加载出我们刚刚自定义的模块的js，所以我们公共页面的jsp需要进行更改

    header.jsp:

    1. <%@ page language="java" contentType="text/html; charset=UTF-8"
    2.     pageEncoding="UTF-8"%>
    3. <link rel="stylesheet" href="${pageContext.request.contextPath }/static/js/layui/css/layui.css">
    5. <script src="${pageContext.request.contextPath }/static/js/layui/layui.js">script>
    7. <base href="${pageContext.request.contextPath }/" />
    9. <script src="${pageContext.request.contextPath }/static/js/layui/config.js">script>
    10. <input id="ctx" value="${pageContext.request.contextPath }" type="hidden" />
    11. <title>玉渊工作室title>

    前端效果：

    后端

    会议反馈表实体类(MeetingFeedBack)：

    1. package com.zking.entity;
    2.  
    3. import java.io.Serializable;
    4. //t_oa_meeting_feedback 会议反馈表
    5. public class MeetingFeedBack implements Serializable {
    6.  
    7. 	private String id;
    8. 	private Long meetingId;
    9. 	private Integer personType;
    10. 	private Long personId;
    11. 	private Integer result;
    12. 	private String reason;
    13.  
    14. 	// 会议标题
    15. 	private String title;
    16.  
    17. 	public String getTitle() {
    18. 		return title;
    19. 	}
    20.  
    21. 	public void setTitle(String title) {
    22. 		this.title = title;
    23. 	}
    24.  
    25. 	public String getId() {
    26. 		return id;
    27. 	}
    28.  
    29. 	public void setId(String id) {
    30. 		this.id = id;
    31. 	}
    32.  
    33. 	public Long getMeetingId() {
    34. 		return meetingId;
    35. 	}
    36.  
    37. 	public void setMeetingId(Long meetingId) {
    38. 		this.meetingId = meetingId;
    39. 	}
    40.  
    41. 	public Integer getPersonType() {
    42. 		return personType;
    43. 	}
    44.  
    45. 	public void setPersonType(Integer personType) {
    46. 		this.personType = personType;
    47. 	}
    48.  
    49. 	public Long getPersonId() {
    50. 		return personId;
    51. 	}
    52.  
    53. 	public void setPersonId(Long personId) {
    54. 		this.personId = personId;
    55. 	}
    56.  
    57. 	public Integer getResult() {
    58. 		return result;
    59. 	}
    60.  
    61. 	public void setResult(Integer result) {
    62. 		this.result = result;
    63. 	}
    64.  
    65. 	public String getReason() {
    66. 		return reason;
    67. 	}
    68.  
    69. 	public void setReason(String reason) {
    70. 		this.reason = reason;
    71. 	}
    72.  
    73. 	public MeetingFeedBack() {
    74. 		super();
    75. 		// TODO Auto-generated constructor stub
    76. 	}
    77.  
    78. 	@Override
    79. 	public String toString() {
    80. 		return "MeetingFeedBack [id=" + id + ", meetingId=" + meetingId + ", personType=" + personType + ", personId="
    81. 				+ personId + ", result=" + result + ", reason=" + reason + "]";
    82. 	}
    83.  
    84. }

     MeetingFeedBackDao:

    1. package com.zking.dao;
    2.  
    3. import java.sql.SQLException;
    4. import java.util.List;
    5. import java.util.Map;
    6.  
    7. import com.zking.entity.MeetingFeedBack;
    8. import com.zking.util.BaseDao;
    9. import com.zking.util.PageBean;
    10.  
    11. public class MeetingFeedBackDao extends BaseDao{
    12. 	
    13. 	// 会议通知查询
    14. 	public List> queryMeetingFeedBackByUserId(MeetingFeedBack back, PageBean pageBean)
    15. 			throws SQLException, InstantiationException, IllegalAccessException {
    16. 		String sql = "SELECT \r\n" + 
    17. 				" IFNULL(f.result,-1) result,t1.*\r\n" + 
    18. 				" FROM\r\n" + 
    19. 				" (select * from t_oa_meeting_info where FIND_IN_SET("+back.getPersonId()+",CONCAT(canyuze,',',liexize,',',zhuchiren)) and state=4)t1  \r\n" + 
    20. 				" LEFT JOIN t_oa_meeting_feedback f on t1.id=f.meetingId and f.personId = "+back.getPersonId()+" ORDER BY result";
    21. 		return super.executeQuery(sql, pageBean);
    22. 	}
    23. }

     MeetingFeedBackAction:

    1. package com.zking.web;
    2.  
    3. import java.util.List;
    4. import java.util.Map;
    5.  
    6. import javax.servlet.http.HttpServletRequest;
    7. import javax.servlet.http.HttpServletResponse;
    8.  
    9. import com.zking.dao.MeetingFeedBackDao;
    10. import com.zking.entity.MeetingFeedBack;
    11. import com.zking.framework.ActionSupport;
    12. import com.zking.framework.ModelDriver;
    13. import com.zking.util.PageBean;
    14. import com.zking.util.R;
    15. import com.zking.util.ResponseUtil;
    16.  
    17. public class MeetingFeedBackAction extends ActionSupport implements ModelDriver{
    18. 	private MeetingFeedBack back=new MeetingFeedBack();
    19. 	private MeetingFeedBackDao backDao=new MeetingFeedBackDao();
    20. 	
    21. 	@Override
    22. 	public MeetingFeedBack getModel() {
    23. 		return back;
    24. 	}
    25. 	
    26. //	会议通知查询
    27. 	public String queryMeetingFeedBackByUserId(HttpServletRequest req, HttpServletResponse resp) {
    28. 		try {
    29. 			PageBean pageBean = new PageBean();
    30. 			pageBean.setRequest(req);
    31. 			List> lst = backDao.queryMeetingFeedBackByUserId(back, pageBean);
    32. //		layui的code返回一定是0，不能是200，否者返回不了数据
    33. 			ResponseUtil.writeJson(resp, R.ok(0, "会议通知数据查询成功",pageBean.getTotal(),lst));
    34. 		} catch (Exception e) {
    35. 			e.printStackTrace();
    36. 			try {
    37. 				ResponseUtil.writeJson(resp, R.ok(0, "会议通知数据查询失败"));
    38. 			} catch (Exception e1) {
    39. 				e1.printStackTrace();
    40. 			}
    41. 		}
    42. 		return null;
    43. 	}
    44. }

    效果：

    三、会议反馈功能实现

    前端

    addFeedBack.jsp:

    1. <%@ page language="java" contentType="text/html; charset=UTF-8"
    2.     pageEncoding="UTF-8"%>
    3. <%@include file="/common/header.jsp"%>
    4. DOCTYPE html>
    5. <html>
    6. <head>
    7. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    8. <script type="text/javascript" src="${pageContext.request.contextPath }/static/js/meeting/addFeedBack.js">script>
    9. head>
    10. <style>
    11. body{
    12. 	margin:5px;
    13. }
    14. style>
    15. <body>
    16. <div style="padding:10px;">
    17.     <form class="layui-form layui-form-pane" lay-filter="back">
    18.     	
    19.   		<input type="hidden" name="meetingId" value="${param.id }"/>
    20.   		<input type="hidden" name="personId" value="${sessionScope.user.id }"/>
    21.          <div class="layui-form-item">
    22.             <label class="layui-form-label">人员类型label>
    23.             <div class="layui-input-block">
    24.                 <select id="personType" name="personType">
    25.                 <option value="">请选择人员类型option>
    26.                 <option value="1">参会option>
    27.                 <option value="2">列席option>
    28. 			select>
    29.             div>
    30.         div>
    31.         <div class="layui-form-item">
    32.             <label class="layui-form-label">反馈结果label>
    33.             <div class="layui-input-block">
    34.                 <select id="result" name="result">
    35.                 <option value="">请选择反馈结果option>
    36.                 <option value="1">参加option>
    37.                 <option value="2">不参加option>
    38. 			select>
    39.             div>
    40.         div>
    41.         <div class="layui-form-item layui-form-text">
    42. 		    <label class="layui-form-label">不参与会议的原因label>
    43. 		    <div class="layui-input-block">
    44. 		      <textarea placeholder="请输入内容" name="reason" class="layui-textarea">textarea>
    45. 		    div>
    46. 		div>
    47.     form>
    48. div>
    49. body>
    50. html>

    addFeedBack.js：

    1. let form,$;
    2. layui.use(['form','jquery'],function(){
    3. 	form=layui.form,
    4. 	$=layui.jquery;
    5. });
    6.  
    7.  
    8. function getData(){
    9. 	return form.val('back');
    10. }

    效果：

    后端 

    将以下方法加入到MeetingFeedBackDao：

    1. //	会议反馈
    2. 	public int add(MeetingFeedBack back) throws Exception {
    3. 		String sql="insert into t_oa_meeting_feedback values(?,?,?,?,?,?)";
    4. //		全体没有传递id到后台
    5. 		back.setId(UUID.randomUUID().toString().replaceAll("-", ""));
    6. 		return super.executeUpdate(sql, back, new String[] {"id","meetingId","personType","personId","result","reason"});
    7. 	}

     将以下方法加入到MeetingFeedBackAction：

    1. 	//会议反馈
    2. 	public String add(HttpServletRequest req, HttpServletResponse resp) {
    3. 		try {
    4. //			rs是sql语句执行的影响行数
    5. 			int rs = backDao.add(back);
    6. 			if(rs>0) {
    7. 				ResponseUtil.writeJson(resp, R.ok(200, "会议信息数据新增成功"));
    8. 			}
    9. 		} catch (Exception e) {
    10. 			e.printStackTrace();
    11. 			try {
    12. 				ResponseUtil.writeJson(resp, R.ok(0, "数会议信息据新增失败"));
    13. 			} catch (Exception e1) {
    14. 				// TODO Auto-generated catch block
    15. 				e1.printStackTrace();
    16. 			}
    17. 		}
    18. 		return null;
    19. 	}

    效果：

    选择会议编号为1 

    四、反馈详情

    将以下方法加入到MeetingFeedBackAction

    1. //	反馈详情
    2. 	public String queryMeetingBackByMeetingId(HttpServletRequest req, HttpServletResponse resp) {
    3. 		try {
    4. 			PageBean pageBean = new PageBean();
    5. 			pageBean.setRequest(req);
    6. 			List> lst = backDao.queryMeetingBackByMeetingId(back, pageBean);
    7. //		layui的code返回一定是0，不能是200，否者返回不了数据
    8. 			ResponseUtil.writeJson(resp, R.ok(0, "反馈详情数据查询成功",pageBean.getTotal(),lst));
    9. 		} catch (Exception e) {
    10. 			e.printStackTrace();
    11. 			try {
    12. 				ResponseUtil.writeJson(resp, R.ok(0, "反馈详情数据查询失败"));
    13. 			} catch (Exception e1) {
    14. 				e1.printStackTrace();
    15. 			}
    16. 		}
    17. 		return null;
    18. 	}

    将以下方法加入到MeetingFeedBackDao

    1. //	反馈详情
    2. 	public List> queryMeetingBackByMeetingId(MeetingFeedBack back, PageBean pageBean) throws InstantiationException, IllegalAccessException, SQLException {
    3. 		String sql="SELECT\r\n" + 
    4. 				" t.result,GROUP_CONCAT(t.name) names\r\n" + 
    5. 				" FROM\r\n" + 
    6. 				" (select\r\n" + 
    7. 				" t1.name,IFNULL(f.result,-1) result\r\n" + 
    8. 				" FROM\r\n" + 
    9. 				" (select * from t_oa_user where FIND_IN_SET(id,(SELECT CONCAT(canyuze,',',liexize,',',zhuchiren) from t_oa_meeting_info where id = "+back.getMeetingId()+"))) t1\r\n" + 
    10. 				" left join t_oa_meeting_feedback f on t1.id = f.personId and f.meetingId = "+back.getMeetingId()+") t\r\n" + 
    11. 				" GROUP BY t.result";
    12. 		return super.executeQuery(sql, pageBean);
    13. 	}

    将以下方法加入到 myMeeting.js

    1. //打开查看本会议的反馈详情
    2. function openLayerFeedBack(id){
    3. 	$.getJSON('feedBack.action',{
    4. 		methodName:'queryMeetingBackByMeetingId',
    5. 		meetingId:id
    6. 	},function(data){
    7. 		$('#meeting_ok').html("");
    8. 		$('#meeting_no').html("");
    9. 		$('#meeting_noread').html("");
    10. 		if(data.success){
    11. 			console.log(data.data);
    12. 			$.each(data.data,function(i,e){
    13. 				if(e.result==1)
    14. 					$('#meeting_ok').html(e.names);
    15. 				else if(e.result==2)
    16. 					$('#meeting_no').html(e.names);
    17. 				else
    18. 					$('#meeting_noread').html(e.names);
    19. 			});
    20. 			//弹出对话框
    21. 		    layer.open({
    22. 		        type: 1,                    //layer提供了5种层类型。可传入的值有：0（信息框，默认）1（页面层）2（iframe层）3（加载层）4（tips层）
    23. 		        title:'反馈详情',
    24. 		        area: ['426px', '420px'],   //宽高
    25. 		        skin: 'layui-layer-rim',    //样式类名
    26. 		        content: $('#feedback'),   //弹出内容。可以传入普通的html内容，还可以指定DOM，更可以随着type的不同而不同
    27. 		        btn:['关闭'],
    28. 		        yes:function(index,layero){
    29. 		        	layer.closeAll();
    30. 		        }
    31. 		    });
    32. 		}
    33. 	});
    34. }

    将原来的layer.msg("反馈详情") 

     

    效果：

     

  • 相关阅读:
    【第95题】JAVA高级技术-网络编程14（简易聊天室9：使用Socket传递音频)
    【MySQL】MySQL中对数据库及表的相关操作
    LQR 控制器
    uniapp分包 解决分多个包的问题
    【MindSpore】【图片加载】加载RGB-D图片失败
    八股文之springcloud
    为什么是LangChain?
    节省50%成本！京东云重磅发布新一代混合CDN产品
    【问题解决】Debian更新源提示InRelease已过期
    【前端甜点】某视频网站的m4s视频/音频下载方案（20240420）
  • 原文地址：https://blog.csdn.net/m0_62604616/article/details/126034502