|
@@ -93,6 +93,7 @@
|
|
|
<form:form id="searchForm" modelAttribute="workStaffBasicInfo" action="${ctx}/workstaff/workStaffBasicInfo/" method="post" class="form-inline">
|
|
|
<input id="pageNo" name="pageNo" type="hidden" value="${page.pageNo}"/>
|
|
|
<input id="pageSize" name="pageSize" type="hidden" value="${page.pageSize}"/>
|
|
|
+ <input type="hidden" input="params" value="">
|
|
|
<table:sortColumn id="orderBy" name="orderBy" value="${page.orderBy}" callback="sortOrRefresh();"/><!-- 支持排序 -->
|
|
|
<div class="commonQuery">
|
|
|
<div class="layui-item query athird">
|
|
@@ -182,7 +183,7 @@
|
|
|
<button class="nav-btn nav-btn-refresh" data-toggle="tooltip" data-placement="left" onclick="sortOrRefresh()" title="刷新"><i class="glyphicon glyphicon-repeat"></i> 刷新</button>
|
|
|
<div style="clear: both;"></div>
|
|
|
</div>
|
|
|
- <table class="oa-table layui-table" id="contentTable"></table>
|
|
|
+ <table class="oa-table layui-table" id="contentTable" lay-filter="tableEvent"></table>
|
|
|
|
|
|
<!-- 分页代码 -->
|
|
|
<table:page page="${page}"></table:page>
|
|
@@ -192,10 +193,25 @@
|
|
|
</div>
|
|
|
<div id="changewidth"></div>
|
|
|
</div>
|
|
|
-<script src="${ctxStatic}/layer-v2.3/layui/layui.all.js" charset="utf-8"></script>
|
|
|
+<script type="text/javascript" src="${ctxStatic}/layui/layui.js"></script>
|
|
|
+<script charset="utf-8" src="${ctxStatic}/kindeditor/plugins/tableEdit/tableEdit.js"></script>
|
|
|
<script>
|
|
|
- layui.use('table', function(){
|
|
|
- layui.table.render({
|
|
|
+ $(document).ready(function() {
|
|
|
+
|
|
|
+ window.params;
|
|
|
+ $.ajax({
|
|
|
+ url:"${ctx}/workstaff/workStaffBasicInfo/getAuditUserList",
|
|
|
+ type:"post",
|
|
|
+ success:function(data){
|
|
|
+ params = data;
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ });
|
|
|
+ layui.use(['table','tableEdit','layer'], function () {
|
|
|
+ var table = layui.table,tableEdit = layui.tableEdit,$ = layui.$;
|
|
|
+
|
|
|
+ var cols = layui.table.render({
|
|
|
limit:${ page.pageSize }
|
|
|
,elem: '#contentTable'
|
|
|
,page: false
|
|
@@ -211,11 +227,22 @@
|
|
|
"<span title=" + d.name + ">" + d.name + "</span></a>";
|
|
|
return xml;
|
|
|
}}
|
|
|
- ,{field:'idCard',align:'center', title: '身份证号码',minWidth:150}
|
|
|
+ ,{field:'idCard',align:'center', title: '身份证号码',minWidth:150,edit: 'text'}
|
|
|
,{field:'mobile',align:'center', title: '移动电话', minWidth:100}
|
|
|
,{field:'office',align:'center', title: '部门', minWidth:100}
|
|
|
// ,{field:'role',align:'center', title: '岗位', minWidth:100}
|
|
|
,{field:'jobGrade',align:'center', title: '职级', minWidth:100}
|
|
|
+ ,{field:'auditUserName',align:'center', title: '校审人员', minWidth:100
|
|
|
+ ,event:'auditUserId',config:{type:'select',data:params,verify:true}
|
|
|
+ ,templet:function (d) {
|
|
|
+ if(d.auditUserName){
|
|
|
+ if(d.auditUserName.value){
|
|
|
+ return d.auditUserName.value;
|
|
|
+ }
|
|
|
+ return d.auditUserName;
|
|
|
+ }
|
|
|
+ return ''
|
|
|
+ }}
|
|
|
,{field:'status',align:'center', title: '员工状态', minWidth:80}
|
|
|
,{field:'entryDate', align:'center',sort:true,title: '入职日期',width:100}
|
|
|
,{field:'op',align:'center',title:"操作",width:130,templet:function(d){
|
|
@@ -237,6 +264,8 @@
|
|
|
{
|
|
|
"index":"${index.index+1}"
|
|
|
,"id":"${workStaffBasicInfo.id}"
|
|
|
+ ,"auditUserId":"${workStaffBasicInfo.auditUserId}"
|
|
|
+ ,"auditUserName":"${workStaffBasicInfo.auditUserName}"
|
|
|
<%--,"role":"${workStaffBasicInfo.roleName}"--%>
|
|
|
,"no":"<c:out value="${workStaffBasicInfo.no}" escapeXml="true"/>"
|
|
|
,"name":"<c:out value="${workStaffBasicInfo.name}" escapeXml="false"/>"
|
|
@@ -252,6 +281,47 @@
|
|
|
</c:forEach>
|
|
|
</c:if>
|
|
|
]
|
|
|
+ }).config.cols;
|
|
|
+
|
|
|
+ /**
|
|
|
+ * 参数cols是table.render({})中的cols属性值
|
|
|
+ * aop代理是基于event点击事件进行操作的,
|
|
|
+ * 因此cols中务必开启event点击事件!
|
|
|
+ **/
|
|
|
+ var aopTable = tableEdit.aopObj(cols); //获取一个aop对象
|
|
|
+ /**
|
|
|
+ * 注意:
|
|
|
+ * 1、 aopTable.on('tool(xxx)',function (obj) {})
|
|
|
+ * 2、 table.on('tool(yyy)',function (obj) {})
|
|
|
+ * 如果1中的xxx与2中的yyy字符串相同时,
|
|
|
+ * 不能同时用,用了会造成后调用者覆盖前调用者。
|
|
|
+ * 应该直接用1来代替2,因为1中包含了2中的事件。
|
|
|
+ * 如果不相同,则可以同时使用。
|
|
|
+ **/
|
|
|
+ aopTable.on('tool(tableEvent)',function (obj) {
|
|
|
+ var field = obj.field; //单元格字段
|
|
|
+ console.log(field);
|
|
|
+ var value = obj.value; //修改后的值
|
|
|
+ console.log(value);
|
|
|
+ var data = obj.data; //当前行旧数据
|
|
|
+ console.log(data);
|
|
|
+ var event = obj.event; //当前单元格事件属性值
|
|
|
+ console.log(event);
|
|
|
+ var update = {};
|
|
|
+ update[field] = value;
|
|
|
+ //把value更新到行中
|
|
|
+ obj.update(update);
|
|
|
+
|
|
|
+ $.ajax({
|
|
|
+ type:'post',
|
|
|
+ url:"${ctx}/workstaff/workStaffBasicInfo/updateAuditUser",
|
|
|
+ data:{"id":data.id,"auditUserId":value.name},
|
|
|
+ dataType:"json",
|
|
|
+ success:function(data){
|
|
|
+ var data = data;
|
|
|
+ parent.layer.msg(data.msg,{icon:1});
|
|
|
+ }
|
|
|
+ });
|
|
|
});
|
|
|
|
|
|
})
|