358 lines
15 KiB
Plaintext
358 lines
15 KiB
Plaintext
<%@page import="com.sipai.entity.sparepart.SparePartCommString" %>
|
||
<%@ page language="java" pageEncoding="UTF-8" %>
|
||
<style type="text/css">
|
||
.select2-container .select2-selection--single {
|
||
height: 30px;
|
||
line-height: 34px;
|
||
}
|
||
|
||
.select2-selection__arrow {
|
||
margin-top: 3px;
|
||
}
|
||
.form-horizontal {
|
||
padding-top: 20px;
|
||
padding-right: 30px;
|
||
|
||
}
|
||
|
||
/*.form-horizontal{*/
|
||
/* padding-top: 20px;*/
|
||
/* padding-right: 60px;*/
|
||
/*}*/
|
||
</style>
|
||
<script type="text/javascript">
|
||
// 自执行函数
|
||
$(function () {
|
||
//出生日期
|
||
$("#birthday").datepicker({
|
||
language: 'zh-CN',
|
||
autoclose: true,
|
||
todayHighlight: true,
|
||
format: 'yyyy-mm-dd',
|
||
});
|
||
|
||
//领证时间
|
||
$("#issueDate").datepicker({
|
||
language: 'zh-CN',
|
||
autoclose: true,
|
||
todayHighlight: true,
|
||
format: 'yyyy-mm-dd',
|
||
});
|
||
|
||
//有效期至
|
||
$("#expirationDate").datepicker({
|
||
language: 'zh-CN',
|
||
autoclose: true,
|
||
todayHighlight: true,
|
||
format: 'yyyy-mm-dd',
|
||
});
|
||
|
||
// 初始化
|
||
$('#chooseId').text("清空");
|
||
$('#chooseId').css('background','#DC1D36');
|
||
$("#username").attr("readonly", "readonly");
|
||
|
||
$('#sex').val('${safetyExternalCertificate.sex}');
|
||
|
||
});
|
||
|
||
// 提交表单
|
||
function doupdate() {
|
||
$("#subForm").data("bootstrapValidator").updateStatus("username", "NOT_VALIDATED", null).validateField("username");
|
||
$("#subForm").bootstrapValidator('validate');//提交验证
|
||
if ($("#subForm").data('bootstrapValidator').isValid()) {//获取验证结果，如果成功，执行下面代码
|
||
var formData = new FormData($("#subForm")[0]);
|
||
$.ajax({
|
||
url: ext.contextPath + "/safety/externalCertificate/update.do",
|
||
type: 'POST',
|
||
data: formData,
|
||
async: false,
|
||
cache: false,
|
||
contentType: false,
|
||
processData: false,
|
||
dataType: 'json',
|
||
success: function (data) {
|
||
if (data.code == 1) {
|
||
$("#table").bootstrapTable('refresh');
|
||
closeModal('subModal');
|
||
// 初始化 作业类型
|
||
jobTypePulldown();
|
||
// 施工单位下拉
|
||
companyPulldown();
|
||
} else {
|
||
showAlert('d', '保存失败！' + data.msg);
|
||
}
|
||
},
|
||
error: function (data) {
|
||
}
|
||
});
|
||
}
|
||
}
|
||
|
||
//关闭模态框时刷新表格数据
|
||
function closeModel() {
|
||
closeModal('subModal');
|
||
$("#table").bootstrapTable('refresh');
|
||
}
|
||
|
||
// 输入框验证
|
||
$("#subForm").bootstrapValidator({
|
||
live: 'disabled',//验证时机，enabled是内容有变化就验证（默认），disabled和submitted是提交再验证
|
||
fields: {
|
||
username: {
|
||
validators: {
|
||
notEmpty: {
|
||
message: '姓名不能为空'
|
||
}
|
||
}
|
||
},
|
||
idcard: {
|
||
validators: {
|
||
notEmpty: {
|
||
message: '身份证号不能为空'
|
||
},
|
||
regexp: {
|
||
regexp: /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/,
|
||
message: '身份证号格式错误'
|
||
}
|
||
}
|
||
}
|
||
}
|
||
});
|
||
|
||
// 选择外部人员弹框
|
||
var selectExternalStaffModel = function () {
|
||
var content = $('#chooseId').text();
|
||
if (content == "清空") {
|
||
$("#username").removeAttr("readonly");
|
||
$('#chooseId').text("选择");
|
||
$('#chooseId').css("background", '#269abc');
|
||
|
||
$('#staffId').val('');
|
||
$('#username').val('');
|
||
$('#sex').val('1');
|
||
$('#company').val('');
|
||
$('#birthday').val('');
|
||
$('#duty').val('');
|
||
$('#jobTitle').val('');
|
||
$('#usherDept').val('');
|
||
$('#usherId').val('');
|
||
$('#usherName').val('');
|
||
$('#idcard').val('');
|
||
return;
|
||
}
|
||
|
||
$.post(ext.contextPath + '/safety/externalStaff/selectExternalStaffModel.do', {
|
||
staffId: $('#staffId').val()
|
||
}, function (data) {
|
||
$("#externalStaffSubDiv").html(data);
|
||
openModal('externalStaffSubModal');
|
||
});
|
||
};
|
||
|
||
// 选择负责人
|
||
function showUser4OneSelectFun() {
|
||
var userId = $("#usherId").val();
|
||
$.post(ext.contextPath + '/user/userForOneSelectByStructure.do', {
|
||
formId: "subForm",
|
||
hiddenId: "usherId",
|
||
textId: "usherName",
|
||
deptNameDom: "usherDept",
|
||
sexDom: "",
|
||
userCardIdDom: "",
|
||
userId: userId
|
||
}, function (data) {
|
||
$("#user4SelectDiv").html(data);
|
||
openModal('user4SelectModal');
|
||
});
|
||
}
|
||
|
||
// 附件
|
||
var fileinput = function () {
|
||
$('#file').click();
|
||
};
|
||
var fileSelected = function () {
|
||
var filename = $('#file').val();
|
||
$('#fileName').val(filename);
|
||
};
|
||
</script>
|
||
<div class="modal fade" id="subModal">
|
||
<div class="modal-dialog modal-lg">
|
||
<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">
|
||
<!-- 新增界面formid强制为subForm -->
|
||
<form class="form-horizontal" id="subForm">
|
||
<!-- 界面提醒div强制id为alertDiv -->
|
||
<div id="alertDiv"></div>
|
||
<input id="id" name="id" type="hidden" value="${safetyExternalCertificate.id}"/>
|
||
<input id="fileId" name="fileId" type="hidden" value="${safetyExternalCertificate.safetyFiles.id}"/>
|
||
<div class="form-group">
|
||
<label class="col-sm-2 control-label">*姓名</label>
|
||
<div style="width: 24%;float: left;margin-left: 15px;">
|
||
<input type="text" id="username" name="username" class="form-control" placeholder="请选择或输入姓名"
|
||
value="${safetyExternalCertificate.username}" />
|
||
<input type="hidden" id="staffId" name="staffId"
|
||
value="${safetyExternalCertificate.staffId}" />
|
||
</div>
|
||
<div class="input-group-addon" id="chooseId"
|
||
style="width: 6%;background-color: #269abc;cursor: pointer;font-size: 11px;color: white;height: 34px;border-radius: 3px;float: left;line-height: 2.5;text-align: center;margin-right: 14px;padding: 0px !important;"
|
||
onclick="selectExternalStaffModel()"> 选择
|
||
</div>
|
||
|
||
<label class="col-sm-2 control-label">*身份证号</label>
|
||
<div class="col-sm-4">
|
||
<input type="text" class="form-control" id="idcard" name="idcard" placeholder="身份证号"
|
||
value="${safetyExternalCertificate.idcard}" />
|
||
</div>
|
||
</div>
|
||
|
||
<div class="form-group">
|
||
<label class="col-sm-2 control-label">性别</label>
|
||
<div class="col-sm-4">
|
||
<select id="sex" name="sex" class="form-control select2" value="">
|
||
<option value="1" selected>男</option>
|
||
<option value="0">女</option>
|
||
</select>
|
||
</div>
|
||
|
||
<label class="col-sm-2 control-label">施工单位</label>
|
||
<div class="col-sm-4">
|
||
<input type="text" class="form-control" id="company" name="company" placeholder="施工单位"
|
||
value="${safetyExternalCertificate.company}" />
|
||
</div>
|
||
</div>
|
||
|
||
<div class="form-group">
|
||
<label class="col-sm-2 control-label">出生日期</label>
|
||
<div class="col-sm-4">
|
||
<div class="input-group date">
|
||
<div class="input-group-addon">
|
||
<i class="fa fa-calendar"></i>
|
||
</div>
|
||
<input type="text" class="form-control" id="birthday" name="birthday" placeholder="请选择"
|
||
value="${safetyExternalCertificate.birthday}"/>
|
||
</div>
|
||
</div>
|
||
|
||
<label class="col-sm-2 control-label">负责部门</label>
|
||
<div class="col-sm-4">
|
||
<input type="text" class="form-control" id="usherDept" name="usherDept" placeholder="负责部门"
|
||
value="${safetyExternalCertificate.usherDept}" readonly onclick="showUser4OneSelectFun();"/>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="form-group">
|
||
<label class="col-sm-2 control-label">负责人</label>
|
||
<div class="col-sm-4">
|
||
<input type="text" class="form-control" id="usherName" name="usherName" placeholder="点击选择"
|
||
value="${safetyExternalCertificate.usherName}" readonly onclick="showUser4OneSelectFun();"/>
|
||
<input id="usherId" name="usherId" type="hidden" value="${safetyExternalCertificate.usherId}"/>
|
||
</div>
|
||
|
||
<label class="col-sm-2 control-label">职务</label>
|
||
<div class="col-sm-4">
|
||
<input type="text" class="form-control" id="duty" name="duty" placeholder="职务"
|
||
value="${safetyExternalCertificate.duty}" />
|
||
</div>
|
||
</div>
|
||
|
||
<div class="form-group">
|
||
<label class="col-sm-2 control-label">职称</label>
|
||
<div class="col-sm-4">
|
||
<input type="text" class="form-control" id="jobTitle" name="jobTitle" placeholder="职称"
|
||
value="${safetyExternalCertificate.jobTitle}" />
|
||
</div>
|
||
|
||
<label class="col-sm-2 control-label">证书名称</label>
|
||
<div class="col-sm-4">
|
||
<input type="text" class="form-control" id="certificateName" name="certificateName"
|
||
placeholder="证书名称" value="${safetyExternalCertificate.certificateName}" />
|
||
</div>
|
||
</div>
|
||
|
||
<div class="form-group">
|
||
<label class="col-sm-2 control-label">证书编号</label>
|
||
<div class="col-sm-4">
|
||
<input type="text" class="form-control" id="certificateNo" name="certificateNo"
|
||
placeholder="证书编号" value="${safetyExternalCertificate.certificateNo}" />
|
||
</div>
|
||
|
||
<label class="col-sm-2 control-label">作业项目代码</label>
|
||
<div class="col-sm-4">
|
||
<input type="text" class="form-control" id="jobCode" name="jobCode" placeholder="作业项目代码"
|
||
value="${safetyExternalCertificate.jobCode}" />
|
||
</div>
|
||
</div>
|
||
|
||
<div class="form-group">
|
||
<label class="col-sm-2 control-label">作业类型</label>
|
||
<div class="col-sm-4">
|
||
<input type="text" class="form-control" id="jobType" name="jobType" placeholder="作业类型"
|
||
value="${safetyExternalCertificate.jobType}" />
|
||
</div>
|
||
|
||
<label class="col-sm-2 control-label">发证部门</label>
|
||
<div class="col-sm-4">
|
||
<input type="text" class="form-control" id="issuingAuthority" name="issuingAuthority" placeholder="发证部门"
|
||
value="${safetyExternalCertificate.issuingAuthority}" />
|
||
</div>
|
||
</div>
|
||
|
||
<div class="form-group">
|
||
<label class="col-sm-2 control-label">领证时间</label>
|
||
<div class="col-sm-4">
|
||
<div class="input-group date">
|
||
<div class="input-group-addon">
|
||
<i class="fa fa-calendar"></i>
|
||
</div>
|
||
<input type="text" class="form-control" id="issueDate" name="issueDate" placeholder="请选择"
|
||
value="${safetyExternalCertificate.issueDate}"/>
|
||
</div>
|
||
</div>
|
||
|
||
<label class="col-sm-2 control-label">有效期至</label>
|
||
<div class="col-sm-4">
|
||
<div class="input-group date">
|
||
<div class="input-group-addon">
|
||
<i class="fa fa-calendar"></i>
|
||
</div>
|
||
<input type="text" class="form-control" id="expirationDate" name="expirationDate" placeholder="请选择"
|
||
value="${safetyExternalCertificate.expirationDate}" />
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="form-group">
|
||
<label class="col-sm-2 control-label">
|
||
<button type="button" class="btn btn-default btn-file" onclick="fileinput()"
|
||
id="btn_save"><i class="fa fa-paperclip"></i>上传附件
|
||
</button>
|
||
</label>
|
||
<div class="col-sm-4">
|
||
<input type="text" class="form-control" name="fileName" id="fileName" style="width:350px;display:inline;border:none"
|
||
value="${safetyExternalCertificate.safetyFiles.originalFileName}" />
|
||
</div>
|
||
</div>
|
||
|
||
<div class="form-group" style="margin:8px;">
|
||
<input type="file" name="file" id="file" multiple class="file-loading"
|
||
onchange="fileSelected()"/>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
<div class="modal-footer">
|
||
<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
|
||
<button type="button" class="btn btn-primary" onclick="doupdate()">保存</button>
|
||
</div>
|
||
</div>
|
||
<!-- /.modal-content -->
|
||
</div>
|
||
<!-- /.modal-dialog -->
|
||
</div>
|