367 lines
14 KiB
Plaintext
367 lines
14 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;
|
||
|
||
}
|
||
</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',
|
||
});
|
||
});
|
||
|
||
// 提交表单
|
||
function dosave() {
|
||
$("#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/save.do",
|
||
type: 'POST',
|
||
data: formData,
|
||
async: false,
|
||
cache: false,
|
||
contentType: false,
|
||
processData: false,
|
||
dataType: 'json',
|
||
success: function (data) {
|
||
// console.log(data)
|
||
if (data.code == 1) {
|
||
$("#table").bootstrapTable('refresh');
|
||
closeModal('subModal');
|
||
// 初始化 作业类型
|
||
jobTypePulldown();
|
||
// 施工单位下拉
|
||
companyPulldown();
|
||
} else {
|
||
showAlert('d', '保存失败！' + data.msg);
|
||
}
|
||
},
|
||
error: function (data) {
|
||
}
|
||
});
|
||
}
|
||
}
|
||
|
||
//输入框验证
|
||
$("#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: '身份证号格式错误'
|
||
}
|
||
}
|
||
},
|
||
certificateName: {
|
||
validators: {
|
||
notEmpty: {
|
||
message: '证书名称不能为空'
|
||
}
|
||
}
|
||
},
|
||
certificateNo: {
|
||
validators: {
|
||
notEmpty: {
|
||
message: '证书编号不能为空'
|
||
}
|
||
}
|
||
},
|
||
issueDate: {
|
||
trigger: "change",
|
||
validators: {
|
||
notEmpty: {
|
||
message: '领证时间不能为空'
|
||
}
|
||
}
|
||
},
|
||
expirationDate: {
|
||
trigger: "change",
|
||
validators: {
|
||
notEmpty: {
|
||
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>
|
||
|
||
<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="请选择或输入姓名" />
|
||
<input type="hidden" id="staffId" name="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="" />
|
||
</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">
|
||
<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="施工单位" />
|
||
</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="请选择"/>
|
||
</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="点击选择" 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" value=""
|
||
placeholder="点击选择" readonly onclick="showUser4OneSelectFun();"/>
|
||
<input id="usherId" name="usherId" type="hidden" value=""/>
|
||
</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="" />
|
||
</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="" />
|
||
</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="" />
|
||
</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="" />
|
||
</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="">
|
||
</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="" />
|
||
</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="" />
|
||
</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="请选择"/>
|
||
</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="请选择"/>
|
||
</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" />
|
||
</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="dosave()">保存</button>
|
||
</div>
|
||
</div>
|
||
<!-- /.modal-content -->
|
||
</div>
|
||
<!-- /.modal-dialog -->
|
||
</div>
|