<!DOCTYPE html>
|
<html lang="zh" xmlns:th="http://www.thymeleaf.org" >
|
<head>
|
<th:block th:include="include :: header('新增项目人员')" />
|
<th:block th:include="include :: datetimepicker-css" />
|
</head>
|
<body class="white-bg">
|
<div class="wrapper wrapper-content animated fadeInRight ibox-content">
|
<form class="form-horizontal m" id="form-projectPerson-add">
|
<div class="form-group">
|
<label class="col-sm-3 control-label">人员名称：</label>
|
<div class="col-sm-8">
|
<input name="name" class="form-control" type="text" placeholder="请输入人员名称" required>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">类型：</label>
|
<div class="col-sm-8">
|
<select name="type" class="form-control m-b" th:with="type=${@dict.getType('project_person_type')}">
|
<option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}"></option>
|
</select>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">手机号：</label>
|
<div class="col-sm-8">
|
<input name="phone" class="form-control" type="text" placeholder="请输入手机号" required>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">身份证号：</label>
|
<div class="col-sm-8">
|
<input name="idCard" class="form-control" type="text" placeholder="请输入身份证号" required>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">人员分组：</label>
|
<div class="col-sm-8">
|
<input name="personGroup" class="form-control" type="text">
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">职责：</label>
|
<div class="col-sm-8">
|
<input name="responsibility" class="form-control" type="text">
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">进场时间：</label>
|
<div class="col-sm-8">
|
<div class="input-group date">
|
<span class="input-group-addon"><i class="fa fa-calendar"></i></span>
|
<input name="inSiteTime" class="form-control" placeholder="yyyy-MM-dd" type="text">
|
</div>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">出场时间：</label>
|
<div class="col-sm-8">
|
<div class="input-group date">
|
<span class="input-group-addon"><i class="fa fa-calendar"></i></span>
|
<input name="outSiteTime" class="form-control" placeholder="yyyy-MM-dd" type="text">
|
</div>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">证件类型：</label>
|
<div class="col-sm-8">
|
<input name="documentType" class="form-control" type="text">
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">证件编号：</label>
|
<div class="col-sm-8">
|
<input name="documentCode" class="form-control" type="text">
|
</div>
|
</div>
|
|
<div class="form-group">
|
<label class="col-sm-3 control-label">上传证件：</label>
|
<div class="col-sm-8">
|
<input type="file" name= "file" id="file"/>
|
</div>
|
</div>
|
|
</form>
|
</div>
|
<th:block th:include="include :: footer" />
|
<th:block th:include="include :: datetimepicker-js" />
|
<script th:inline="javascript">
|
var prefix = ctx + "geo/projectPerson"
|
var projectId = [[${projectId}]];
|
|
$("#form-projectPerson-add").validate({
|
focusCleanup: true
|
});
|
|
function submitHandler() {
|
var result = doSubmitFile();
|
var documentFile =null;
|
if(result !=null){
|
if(result.code == web_status.SUCCESS){
|
documentFile= result.fileName;
|
}
|
}
|
if ($.validate.form()) {
|
let formData = $('#form-projectPerson-add').serialize();
|
let data = formData + "&projectId=" + projectId +"&documentPath="+documentFile;
|
$.operate.save(prefix + "/add", data);
|
}
|
}
|
//上传文件
|
function doSubmitFile(){
|
var file = $('#file').val();
|
if (file == '' || file ==null){
|
return null;
|
}
|
var formData = new FormData();
|
formData.append("file", $('#file')[0].files[0]);
|
var data = null;
|
$.ajax({
|
url: ctx + "geo/projectPerson/uploadPersonFile",
|
data: formData,
|
cache: false,
|
contentType: false,
|
processData: false,
|
type: 'POST',
|
async:false,
|
success: function (result) {
|
data= result;
|
}
|
});
|
return data;
|
}
|
|
$("input[name='inSiteTime']").datetimepicker({
|
format: "yyyy-mm-dd",
|
minView: "month",
|
autoclose: true
|
});
|
|
$("input[name='outSiteTime']").datetimepicker({
|
format: "yyyy-mm-dd",
|
minView: "month",
|
autoclose: true
|
});
|
|
</script>
|
</body>
|
</html>
|
