first commit
This commit is contained in:
168
WebRoot/jsp/safety/selectExternalStaffModel.jsp
Normal file
168
WebRoot/jsp/safety/selectExternalStaffModel.jsp
Normal file
@ -0,0 +1,168 @@
|
||||
<%@ page language="java" pageEncoding="UTF-8"%>
|
||||
<%@page import="java.util.Date" %>
|
||||
<%@page import="java.text.SimpleDateFormat" %>
|
||||
<%@ page import="com.sipai.tools.SessionManager"%>
|
||||
<%
|
||||
SessionManager sessionManager = new SessionManager();
|
||||
%>
|
||||
|
||||
<script type="text/javascript">
|
||||
var checkedItem="";
|
||||
var $table;
|
||||
function doselect() {
|
||||
if(checkedItem!= null && checkedItem!=""){
|
||||
$('#staffId').val(checkedItem.id);
|
||||
$('#username').val(checkedItem.name);
|
||||
$('#sex').val(checkedItem.sex);
|
||||
$('#company').val(checkedItem.company);
|
||||
$('#birthday').val(checkedItem.birthday);
|
||||
$('#duty').val(checkedItem.duty);
|
||||
$('#jobTitle').val(checkedItem.jobTitle);
|
||||
$('#usherDept').val(checkedItem.usherDept);
|
||||
$('#usherId').val(checkedItem.usherId);
|
||||
$('#usherName').val(checkedItem._usherName);
|
||||
$('#idcard').val(checkedItem.idcard);
|
||||
|
||||
$('#chooseId').text("清空");
|
||||
$('#chooseId').css('background','#DC1D36');
|
||||
$("#username").attr("readonly", "readonly");
|
||||
// $("#username").removeAttr("disabled");
|
||||
closeModal("externalStaffSubModal");
|
||||
}
|
||||
};
|
||||
|
||||
|
||||
//显示已经勾选的数据
|
||||
function stateFormatter(value, row, index) {
|
||||
var flag=false;
|
||||
if(row.id=='${staffId}'){
|
||||
flag=true;
|
||||
checkedItem = row;
|
||||
}
|
||||
if (flag)
|
||||
return {
|
||||
checked : true//设置选中
|
||||
};
|
||||
return value;
|
||||
}
|
||||
|
||||
$(function() {
|
||||
$table = $("#externalStaffTable").bootstrapTable({ // 对应table标签的id
|
||||
url: ext.contextPath + '/safety/externalStaff/getList.do', // 获取表格数据的url
|
||||
clickToSelect:true,
|
||||
singleSelect:true,
|
||||
striped: true, //表格显示条纹，默认为false
|
||||
pagination: true, // 在表格底部显示分页组件，默认false
|
||||
pageList: [10, 20], // 设置页面可以显示的数据条数
|
||||
pageSize: 10, // 页面数据条数
|
||||
pageNumber: 1, // 首页页码
|
||||
sidePagination: 'server', // 设置为服务器端分页
|
||||
//responseHandler:responseHandler, //在渲染页面数据之前执行的方法，此配置很重要!!!!!!!
|
||||
queryParams: function (params) { // 请求服务器数据时发送的参数，可以在这里添加额外的查询参数，返回false则终止请求
|
||||
return {
|
||||
rows: params.limit, // 每页要显示的数据条数
|
||||
page: params.offset/params.limit+1, // 每页显示数据的开始页码
|
||||
sort: params.sort, // 要排序的字段
|
||||
order: params.order,
|
||||
//search_code: '${companyId}',
|
||||
search_name: $('#external_staff_search_name').val()
|
||||
}
|
||||
},
|
||||
queryParamsType: "limit",
|
||||
sortName: 'createTime', // 要排序的字段
|
||||
sortOrder: 'desc', // 排序规则
|
||||
columns: [
|
||||
{
|
||||
checkbox: true, // 显示已勾选框
|
||||
formatter: stateFormatter
|
||||
},
|
||||
{
|
||||
field: 'name', // 返回json数据中的name
|
||||
title: '姓名', // 表格表头显示文字
|
||||
align: 'center', // 左右居中
|
||||
valign: 'middle' // 上下居中
|
||||
},
|
||||
{
|
||||
field: 'sex', // 返回json数据中的name
|
||||
title: '性别', // 表格表头显示文字
|
||||
align: 'center', // 左右居中
|
||||
valign: 'middle', // 上下居中
|
||||
formatter: function (value, row, index) {
|
||||
return value == '1' ? '男' : '女';
|
||||
}
|
||||
},
|
||||
{
|
||||
field: 'idcard', // 返回json数据中的name
|
||||
title: '身份证号', // 表格表头显示文字
|
||||
align: 'center', // 左右居中
|
||||
valign: 'middle', // 上下居中
|
||||
},
|
||||
{
|
||||
field: 'company', // 返回json数据中的name
|
||||
title: '所属公司单位', // 表格表头显示文字
|
||||
align: 'center', // 左右居中
|
||||
valign: 'middle', // 上下居中
|
||||
},
|
||||
],
|
||||
onLoadSuccess: function(){ //加载成功时执行
|
||||
adjustBootstrapTableView("externalStaffTable");
|
||||
},
|
||||
onLoadError: function(){ //加载失败时执行
|
||||
console.info("加载数据失败");
|
||||
}
|
||||
})
|
||||
});
|
||||
|
||||
//绑定选中事件、取消事件、全部选中、全部取消
|
||||
$table.on('check.bs.table check-all.bs.table uncheck.bs.table uncheck-all.bs.table', function (e,rows, obj) {
|
||||
if('check'==e.type){
|
||||
$('#externalStaffTable .checked').removeClass("checked");
|
||||
obj.parent().addClass("checked");
|
||||
checkedItem = rows;
|
||||
}else{
|
||||
obj.parent().removeClass("checked");
|
||||
checkedItem = "";
|
||||
}
|
||||
});
|
||||
|
||||
// 条件搜索
|
||||
var dosearch_externalStaff = function () {
|
||||
$("#externalStaffTable").bootstrapTable('refresh');
|
||||
};
|
||||
</script>
|
||||
<div class="modal fade" id="externalStaffSubModal" >
|
||||
<div class="modal-dialog modal-md" >
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||
<span aria-hidden="true">×</span></button>
|
||||
<h4 class="modal-title">选择外部人员</h4>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<div id="alertDiv_MaintainPlanSelect"></div>
|
||||
<div id="mainAlertdiv"></div>
|
||||
<div id="menu4SelectDiv"></div>
|
||||
<div id="modal-body">
|
||||
<div class="input-group input-group-sm pull-right" style="width: 250px;margin-bottom: 5px;">
|
||||
<input type="text" id="external_staff_search_name" name="external_staff_search_name" class="form-control"
|
||||
placeholder="名称">
|
||||
<div class="input-group-btn">
|
||||
<button class="btn btn-default" onclick="dosearch_externalStaff();"><i class="fa fa-search"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="table-scrollable">
|
||||
<table class="table table-bordered table-striped" style="overflow:auto;width:100%" id="externalStaffTable"></table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-default pull-left" data-dismiss="modal">关闭</button>
|
||||
<button type="button" class="btn btn-primary" onclick="doselect()">确定</button>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /.modal-content -->
|
||||
</div>
|
||||
<!-- /.modal-dialog -->
|
||||
</div>
|
||||
Reference in New Issue
Block a user