<!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"/>
|
<th:block th:include="include :: jasny-bootstrap-css"/>
|
|
<!--多图上传样式-->
|
<link rel="stylesheet" href="/ajax/libs/layui/css/layui.css" media="all">
|
</head>
|
<body class="white-bg">
|
<div class="wrapper wrapper-content animated fadeInRight ibox-content">
|
<form class="form-horizontal m" id="form-hiddenDangerCheck-edit" th:object="${hiddenDangerCheck}">
|
<input name="checkId" th:field="*{checkId}" type="hidden">
|
<div class="form-group">
|
<label class="col-sm-3 control-label is-required">风险单元：</label>
|
<div class="col-sm-8">
|
<input name="riskName" th:field="*{riskName}" class="form-control" type="text" readonly="readonly">
|
</div>
|
</div>
|
|
<!-- <div class="form-group">
|
<label class="col-sm-3 control-label is-required">排查项目：</label>
|
<div class="col-sm-8">
|
<input value="功能是否正常" class="form-control" type="text" readonly="readonly">
|
</div>
|
</div>-->
|
|
<div class="form-group">
|
<label class="col-sm-3 control-label is-required">隐患名称：</label>
|
<div class="col-sm-8">
|
<input name="dangerName" class="form-control" type="text" required>
|
</div>
|
</div>
|
|
<div class="form-group">
|
<label class="col-sm-3 control-label is-required">隐患描述：</label>
|
<div class="col-sm-8">
|
<textarea name="dangerDescription" maxlength="500" class="form-control" rows="3" required></textarea>
|
</div>
|
</div>
|
|
<div class="form-group">
|
<label class="col-sm-3 control-label is-required">隐患级别：</label>
|
<div class="col-sm-8">
|
<select name="dangerLevel" class="form-control m-b" required>
|
<option value="0">一般隐患</option>
|
<option value="1">重大隐患</option>
|
</select>
|
</div>
|
</div>
|
|
<div class="form-group">
|
<label class="col-sm-3 control-label is-required">隐患类别：</label>
|
<div class="col-sm-8">
|
<select name="troubleTypeId" class="form-control m-b" required>
|
<option th:each="hiddenTroubleType : ${hiddenTroubleTypeList}"
|
th:value="${hiddenTroubleType.hiddenTroubleTypeId}"
|
th:text="${hiddenTroubleType.hiddenTroubleName}"></option>
|
</select>
|
</div>
|
</div>
|
|
<div class="form-group">
|
<label class="col-sm-3 control-label is-required">隐患责任部门：</label>
|
<div class="col-sm-8">
|
<input name="dangerDeptName" th:field="*{dangerDeptName}" class="form-control" type="text" readonly="readonly">
|
</div>
|
</div>
|
|
<div class="form-group">
|
<label class="col-sm-3 control-label is-required">隐患地点：</label>
|
<div class="col-sm-8">
|
<input name="dangerPlaceName" th:field="*{dangerPlaceName}" class="form-control" type="text" readonly="readonly">
|
</div>
|
</div>
|
|
<div class="form-group">
|
<label class="col-sm-3 control-label is-required">排查时间：</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="registerCreateTime" class="form-control" type="text" readonly="readonly">
|
</div>
|
</div>
|
</div>
|
|
<div class="form-group">
|
<label class="col-sm-3 control-label is-required">隐患整改前照片：</label>
|
<div class="col-sm-8">
|
<input name="preRectifyPhoto" id="preRectifyPhoto" type="hidden">
|
<button type="button" class="layui-btn" id="preRectifyPhotoUpload">上传</button>
|
<div class="layui-upload-list">
|
<img class="layui-upload-img" style="width: 92px; height: 92px;" id="ThumbImg">
|
<p id="msgText"></p>
|
</div>
|
</div>
|
</div>
|
|
|
<div class="form-group">
|
<label class="col-sm-3 control-label is-required">选择核查人：</label>
|
<div class="col-sm-8">
|
<select name="examineUserId" class="form-control m-b" required>
|
<option th:each="user : ${userList}" th:text="${user.userName}" th:value="${user.userId}"></option>
|
</select>
|
</div>
|
</div>
|
|
</form>
|
</div>
|
<th:block th:include="include :: footer"/>
|
<th:block th:include="include :: datetimepicker-js"/>
|
<script type="text/javascript">
|
var prefix = ctx + "tr/hiddenDangerCheck/dangerPlanExecute";
|
$("#form-hiddenDangerCheck-edit").validate({
|
focusCleanup: true
|
});
|
|
function submitHandler() {
|
if ($.validate.form()) {
|
var data = $('#form-hiddenDangerCheck-edit').serializeArray();
|
|
var troubleTypeName = $("select[name='troubleTypeId']").find("option:selected").text();//隐患类别名称
|
data.push({"name": "troubleTypeName", "value": troubleTypeName});
|
|
var examineUserName = $("select[name='examineUserId']").find("option:selected").text();//核查人名称
|
data.push({"name": "examineUserName", "value": examineUserName});
|
|
$.operate.save(prefix + "/editDangerRegisterSave", data);
|
}
|
}
|
|
$("input[name='registerCreateTime']").datetimepicker({
|
format: "yyyy-mm-dd",
|
minView: "month",
|
autoclose: true
|
});
|
|
|
<!--layui图片文件上传-->
|
layui.use('upload', function () {
|
var $ = layui.jquery
|
, upload = layui.upload;
|
|
//普通图片上传
|
var uploadInst = upload.render({
|
elem: '#preRectifyPhotoUpload'
|
, url: ctx + 'tr/upload'
|
, before: function (obj) {
|
//预读本地文件示例，不支持ie8
|
obj.preview(function (index, file, result) {
|
$('#ThumbImg').attr('src', result); //图片链接（base64）
|
});
|
}
|
, done: function (res) {
|
//如果上传失败
|
if (res.code > 0) {
|
return layer.msg('上传失败');
|
}
|
//上传成功
|
$('#preRectifyPhoto').val(res.imageUrl);
|
}
|
, error: function () {
|
//演示失败状态，并实现重传
|
var msgText = $('#msgText');
|
msgText.html('<span style="color: #FF5722;">上传失败</span> <a class="layui-btn layui-btn-xs demo-reload">重试</a>');
|
msgText.find('.demo-reload').on('click', function () {
|
uploadInst.upload();
|
});
|
}
|
});
|
});
|
|
|
</script>
|
</body>
|
</html>
|
