项目要做人员信息 双击显示详细信息 以及相关材料 相关材料 可进行增删改
显示详细信息的页面(view)是 xadmin form
资料增 改(edit) 页面 也是xadmin form (因为资料信息有具体的展示页面,所以增改edit 页面不能和view 写一起 而且 edit页面 有3个)
现在需要 增 改 之后保存
在详细信息页面 用的 form.on 保存失败 而且根本不走form.on事件
<%--这是view页面--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>编辑信息</title>
</head>
<body>
</br>
<div class="layui-form" id="people">
<div class="layui-form-item">
<div class="layui-inline">
<label class="layui-form-label">人员编号:</label>
<div class="layui-input-inline">
<input type="text" name="rybh" id="rybh" value="${peopleInfo.rybh}" lay-verify="required|number" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">出生年月:</label>
<div class="layui-input-inline">
<input type="text" name="csny" id="csny" value="${peopleInfo.csny}" placeholder="yyyy-MM-dd" autocomplete="off" class="layui-input">
</div>
</div>
</div>
...
<div class="layui-form-item">
<div class="layui-inline">
<label class="layui-form-label">死亡原因:</label>
<div class="layui-input-inline">
<input type="text" name="swyy" value="${peopleInfo.swyy}" autocomplete="off" class="layui-input">
</div>
</div>
</div>
</div>
<div class="layui-tab layui-tab-brief">
<ul class="layui-tab-title">
<li class="layui-this">档案材料目录</li>
<li>行政、党派职务信息</li>
<li>档案转递信息</li>
</ul>
<div class="layui-tab-content" style="height: 100px;">
<div class="layui-tab-item layui-show">
<table class="layui-hide" id="makings" lay-filter="makings"></table>
</div>
<div class="layui-tab-item ">
<table class="layui-hide" id="dangpai" lay-filter="dangpai"></table>
</div>
<div class="layui-tab-item">
<table class="layui-hide" id="transmit" lay-filter="transmit"></table>
</div>
</div>
<script type="text/html" id="toolbar1">
<div class="layui-btn-group demoTable">
<button class="layui-btn layui-btn-sm" lay-event="add">新增</button>
<button class="layui-btn layui-btn-sm layui-btn-normal layui-btn-radius" lay-event="edit">修改</button>
<button class="layui-btn layui-btn-sm layui-btn-warm layui-btn-radius" lay-event="delete">删除</button>
<button class="layui-btn layui-btn-sm layui-btn-danger layui-btn-radius" lay-event="attachment">原文</button>
</div>
</script>
</div>
<script src="${ctx}/resources/lib/layui/layui.js" charset="utf-8"></script>
<script type="text/javascript" src="${ctx}/resources/lib/layui/xadmin.js"></script>
<script type="text/javascript" src="${ctx}/resources/lib/hoe/js/jquery-3.0.0.js"></script>
<script>
window.ctx = '${ctx}';
var $rybh=$("#rybh").val();
var sheetF;//表标记
layui.use(["table","form"],function (){
var tables=layui.table,
form=layui.form;
var makings=tables.render({
elem:"#makings",
url:"${ctx}/admin/makings/data?f_eq_rybh="+$rybh,
title:"档案材料目录",
escape:true,
limit:20,
cols: [[
{type: 'checkbox',width:80,fixed:'left'}
,{field:'rybh', title:'人员编号',width:100, sort: true,fixed:'left'}
,{field:'xm', title:'姓名', width:80,fixed:'left'}
,{field:'clbh', title:'材料编号', width:80}
,{field:'clmc', title:'材料名称',width:80}
,{field:'lh', title:'类号',width:200 }
,{field:'year', title:'年',width:100}
,{field:'month', title:'月',width:100, sort: true}
,{field:'day', title:'日',width:130, }
,{field:'pageCount', title:'页数',width:130, sort: true}
,{field:'gddw', title:'归档单位',width:130, sort: true}
,{field:'gdr', title:'归档人',width:130 }
,{field:'gdsj', title:'归档时间',width:130 }
,{field:'fs', title:'份数',width:160}
,{field:'dah', title:'档案号',width:130 }
,{field:'clsslm', title:'材料所属类名',width:130}
,{field:'memo', title:'备注',width:130}
,{field:'peopleType', title:'人员类型',width:130}
]],
toolbar:'#toolbar1',
height:'full-120',
autoSort:true,
even: true ,//开启隔行背景
size: 'sm' ,//小尺寸的表格
page:true,
parseData:function(res){
return{
"data":res.data.content,
"code":res.code,
"msg":res.msg,
"count":res.count
}
}
});
var dangpai=tables.render({
elem:"#dangpai",
url:"${ctx}/admin/dangpai/data?f_eq_gh="+$rybh,
title:"行政、党派职务信息",
escape:true,
limit:20,
cols: [[
{type: 'checkbox',width:80,fixed:'left'}
,{field:'gh', title:'工号',width:100, sort: true,fixed:'left'}
,{field:'xzw', title:'现职务', width:80,fixed:'left'}
,{field:'xrzsj', title:'任现职时间', width:150}
,{field:'xxzjb', title:'现行政级别',width:150}
,{field:'xxzjbsj', title:'现行政级别时间',width:200 }
,{field:'xjszc', title:'现技术职称',width:150}
,{field:'xjszcqdrq', title:'现技术职称取得日期',width:250, sort: true}
,{field:'yxzjb', title:'原行政级别',width:150, }
,{field:'yxzjbsj', title:'原行政级别时间',width:180, sort: true}
,{field:'yjszc', title:'原技术职称',width:130, sort: true}
,{field:'yjszcsj', title:'原技术职称时间',width:180 }
,{field:'zcspdw', title:'职称审批单位',width:150 }
]],
toolbar:'#toolbar1',
height:'full-120',
autoSort:true,
even: true ,//开启隔行背景
size: 'sm' ,//小尺寸的表格
page:true,
parseData:function(res){
return{
"data":res.data.content,
"code":res.code,
"msg":res.msg,
"count":res.count
}
}
});
var transmit=tables.render({
elem:"#transmit",
url:"${ctx}/admin/transmit/data?f_eq_rybh="+$rybh,
title:"档案转递信息",
escape:true,
limit:20,
cols: [[
{type: 'checkbox',width:80,fixed:'left'}
,{field:'rybh', title:'人员编号',width:100, sort: true,fixed:'left'}
,{field:'xm', title:'姓名', width:80,fixed:'left'}
,{field:'ryldyy', title:'人员流动原因', width:180}
,{field:'lxsj', title:'来校时间',width:80}
,{field:'lxqdw', title:'来校前单位',width:200 }
,{field:'dazcsj', title:'档案转出时间',width:180}
,{field:'dazcyy', title:'档案转出原因',width:180, sort: true}
,{field:'dazwdw', title:'档案转往单位',width:180 }
]],
toolbar:'#toolbar1',
height:'full-120',
autoSort:true,
even: true ,//开启隔行背景
size: 'sm' ,//小尺寸的表格
page:true,
parseData:function(res){
return{
"data":res.data.content,
"code":res.code,
"msg":res.msg,
"count":res.count
}
}
});
//头工具栏事件
tables.on('toolbar(makings)', function(obj){
sheetF="makings";
groupEvent(obj,sheetF);
});
tables.on('toolbar(dangpai)', function(obj){
sheetF="dangpai";
groupEvent(obj,sheetF);
});
tables.on('toolbar(transmit)', function (obj) {
sheetF="transmit";
groupEvent(obj,sheetF);
});
function groupEvent(obj,flag){
var checkStatus = tables.checkStatus(obj.config.id);
switch(obj.event){
case 'add':
xadmin.open("编辑","${ctx}/admin/"+flag+"/edit/0?vadd");
break;
case 'edit':
var data = checkStatus.data;
if(data.length!=1){
layer.msg('只能选择1条数据,请确认选择数据后再继续操作!');
return;
}
alert("555555+++++++++");
xadmin.getHtml(layer,'${ctx}/admin/'+flag+'/edit/'+data[0].id+'?inviews','编辑');
break;
case 'delete':
var ids='';
var tableInfos =table.checkStatus("transmits").data;
if(tableInfos.length<1){
layer.msg('至少选择1条数据,请确认选择数据后再继续操作!');
}else{
layer.confirm('真的删除行么', function(index){
for(var i=0;i<tableInfos.length;i++){
ids+=tableInfos[i].id+",";
}
console.log(ids);
$.ajax({
url:'${ctx}/admin/'+flag+'/deleteAll?idss='+ids,
success:function(result){
layer.msg(result.message);
if('操作成功!' == result.message);
}
})
layer.close(index);
table.reload(sheetF);
});
}
break;
case 'attachment':
var data = checkStatus.data;
if(data.length!=1){
layer.msg('只能选择1条数据,请确认选择数据后再继续操作!');
return;
}else{
xadmin.open("原文信息","${ctx}/admin/"+flag+"/infos/"+checkStatus.data[0].pId+"?cId="+checkStatus.data[0].dId);
break;
}
}
}
$("div").delegate("#asd","click",function(){
alert("111")
})
$('#asd').on('click', function(){
alert("22222");
})
$("button").click(function(){
alert("3333");
})
form.on('submit(add-people-form-submit)', function(data){
alert("2222++++++++++++222");
console.log(data);
var pId=document.getElementById('pId').value;
$.ajax({
url:'${ctx}/admin/'+sheetF+'/update/'+pId,
type:'Post',
data:$("#add-makings-form").serialize(),
success:function(result){
if(result.success){
layer.closeAll();
layer.alert(result.msg);
table.reload('making');
}else{
layer.error(result.msg);
}
}
});
});
})
</script>
</body>
</html>
<%--这是edit页面--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>编辑信息</title>
</head>
<body>
</br>
<div style="margin-top: 30px;" id="add-makings-layer">
<form class="layui-form" id="add-makings-form">
<div class="layui-form-item">
<div class="layui-inline">
<label class="layui-form-label">人员编号:</label>
<div class="layui-input-inline">
<input type="text" name="rybh" value="${makings.rybh}" lay-verify="required|number" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">材料名称:</label>
<div class="layui-input-inline">
<input type="text" name="clmc" value="${makings.clmc}" autocomplete="off" class="layui-input">
</div>
</div>
</div>
...
<div class="layui-form-item">
<div class="layui-inline">
<label class="layui-form-label">份数:</label>
<div class="layui-input-inline">
<input type="text" name="fs" id="fs" value="${makings.fs}" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">备注:</label>
<div class="layui-input-inline">
<input type="text" name="memo" value="${makings.memo}" autocomplete="off" class="layui-input">
</div>
</div>
</div>
<div class="layui-form-item">
<div class="layui-inline">
<label class="layui-form-label">人员类型:</label>
<div class="layui-input-inline">
<input value="${makings.id}" id="pId" type="hidden">
<input type="text" name="peopleType" value="${makings.peopleType}" autocomplete="off" class="layui-input">
</div>
</div>
</div>
<div class="layui-form-item" style="margin-left: 30%;margin-top: 5%">
<div class="layui-input-block">
<button class="layui-btn" lay-submit lay-filter="add-makings-form-submit" id="asd">立即提交</button>
<button type="reset" class="layui-btn layui-btn-primary">重置</button>
</div>
</div>
</form>
</div>
</body>
</html>