<!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"/>
|
<!--多图上传样式-->
|
<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="${hiddenDangerCheckPoint}">
|
<input name="id" th:field="*{id}" type="hidden">
|
|
<!--<div class="form-group">-->
|
<!--<label class="col-sm-3 control-label">风险单元类型：</label>-->
|
<!--<div class="col-sm-8">-->
|
<!--<select name="riskType" id="riskType" th:field="*{riskType}" class="form-control m-b">-->
|
<!--<option value="">--请选择--</option>-->
|
<!--<option value="1">设备设施清单</option>-->
|
<!--<option value="2">作业活动清单</option>-->
|
<!--<option value="3">工艺节点清单</option>-->
|
<!--</select>-->
|
<!--</div>-->
|
<!--</div>-->
|
<!--<div class="form-group">-->
|
<!--<label class="col-sm-3 control-label">风险单元：</label>-->
|
<!--<div class="col-sm-8">-->
|
<!--<input id="checkPointName" name="riskName" th:field="*{riskName}" placeholder="选择风险单元" class="form-control" type="text"-->
|
<!--onclick="selectRiskPoint()" maxlength="30" readonly="true">-->
|
<!--<input id="checkPointId" name="riskId" th:field="*{riskId}" type="hidden">-->
|
<!--</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" th:field="*{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" th:field="*{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="dangerSrc" th:field="*{dangerSrc}" class="form-control m-b"
|
th:with="type=${@dict.getType('danger_source')}" required>
|
<option value="">--请选择隐患来源--</option>
|
<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 is-required">隐患责任部门：</label>
|
<div class="col-sm-8">
|
<input name="dangerDeptId" id="dangerDeptId" th:field="*{dangerDeptId}" type="hidden">
|
<input name="dangerDeptName" placeholder="选择隐患责任部门"
|
onclick="selectRectifyDeptTree()" id="dangerDeptName"
|
class="form-control" type="text" th:field="*{dangerDeptName}"
|
readonly="readonly" required>
|
</div>
|
</div>
|
|
<div class="form-group">
|
<label class="col-sm-3 control-label is-required">隐患地点：</label>
|
<div class="col-sm-8">
|
<input name="dangerPlaceId" id="dangerPlaceId" th:field="*{dangerPlaceId}" type="hidden">
|
<input name="dangerPlaceName" placeholder="选择隐患地点"
|
onclick="selectRegionTree()" id="dangerPlaceName"
|
class="form-control" type="text" th:field="*{dangerPlaceName}"
|
readonly="readonly" required>
|
</div>
|
</div>
|
|
|
<div class="form-group">
|
<label class="col-sm-3 control-label">隐患整改前照片：</label>
|
<div class="col-sm-8">
|
<input name="preRectifyPhoto" id="preRectifyPhoto" type="hidden" th:field="*{preRectifyPhoto}">
|
<button type="button" class="layui-btn" id="preRectifyPhotoUpload">上传</button>
|
<div class="layui-upload-list"
|
th:if="${hiddenDangerCheckPoint.preRectifyPhoto==null||hiddenDangerCheckPoint.preRectifyPhoto==''}">
|
<img class="layui-upload-img" style="width: 92px; height: 92px;" id="ThumbImg">
|
<p id="msgText"></p>
|
</div>
|
<div class="layui-upload-list"
|
th:if="${hiddenDangerCheckPoint.preRectifyPhoto!=null&&hiddenDangerCheckPoint.preRectifyPhoto!=''}">
|
<img class="layui-upload-img" style="width: 92px; height: 92px;" id="ThumbImg"
|
th:src="*{preRectifyPhoto}">
|
<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">
|
<input id="judgeUserName" name="judgeUserName" th:field="*{judgeUserName}" placeholder="选择隐患责任人（判定人）" class="form-control" type="text" onclick="selectJudgeUser()" maxlength="30" readonly="true" required>
|
<input id="judgeUserId" name="judgeUserId" th:field="*{judgeUserId}" type="hidden" >
|
</div>
|
</div>
|
|
<div class="form-group">
|
<label class="col-sm-3 control-label is-required">隐患发现时间：</label>
|
<div class="col-sm-8">
|
<input name="findTime" placeholder="请选择隐患发现时间" class="form-control" type="text"
|
readonly="readonly" required>
|
</div>
|
</div>
|
|
<div class="form-group">
|
<label class="col-sm-3 control-label is-required">检查人：</label>
|
<div class="col-sm-8">
|
<input id="checkPerson" name="checkPerson" placeholder="选择检查人" class="form-control" type="text" onclick="selectCheckPerson()" maxlength="30" readonly="true" required>
|
<!-- <input id="checkPersonId" name="checkPersonId" type="hidden">-->
|
</div>
|
</div>
|
|
<!-- <div class="form-group">-->
|
<!-- <label class="col-sm-3 control-label is-required">安全风险分析单元名称：</label>-->
|
<!-- <div class="col-sm-8">-->
|
<!-- <select name="riskUnitId" th:field="*{riskUnitId}" class="form-control m-b" required>-->
|
<!-- <option value="">--请选择安全风险分析单元--</option>-->
|
<!-- <option th:each="u :${riskUnits}" th:value="${u.riskListId}" th:text="${u.riskListName}"></option>-->
|
<!-- </select>-->
|
<!-- </div>-->
|
<!-- </div>-->
|
<div class="form-group">
|
<label class="col-sm-3 control-label is-required">风险对象分析编码：</label>
|
<div class="col-sm-8">
|
<textarea name="hazardCode" th:field="*{hazardCode}" 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="dangerSrc" th:field="*{dangerSrc}" class="form-control m-b" th:with="type=${@dict.getType('danger_source')}" required>-->
|
<!-- <option value="">--请选择隐患来源--</option>-->
|
<!-- <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 is-required">隐患类型：</label>
|
<div class="col-sm-8">
|
<select name="hazardDangerType" th:field="*{hazardDangerType}" class="form-control m-b" th:with="type=${@dict.getType('danger_type')}" required>
|
<option value="">--请选择隐患类型--</option>
|
<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 is-required">隐患造成后果：</label>
|
<div class="col-sm-8">
|
<select name="dangerResult" th:field="*{dangerResult}" class="form-control m-b" th:with="type=${@dict.getType('danger_result')}" required>
|
<option value="">--请选择隐患造成后果--</option>
|
<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 is-required">隐患原因：</label>
|
<div class="col-sm-8">
|
<textarea name="dangerReason" th:field="*{dangerReason}" maxlength="500" class="form-control" rows="3" required></textarea>
|
</div>
|
</div>
|
</form>
|
</div>
|
<th:block th:include="include :: footer"/>
|
<th:block th:include="include :: datetimepicker-js"/>
|
<script th:inline="javascript">
|
|
|
|
/*隐患责任部门 选择 start*/
|
function selectRectifyDeptTree() {
|
var treeId = $("#dangerDeptId").val();
|
var deptId = $.common.isEmpty(treeId) ? "100" : $("#dangerDeptId").val();
|
var url = ctx + "system/dept/selectDeptTreeByCompanyId/" + deptId;
|
var options = {
|
title: '选择部门',
|
width: "380",
|
url: url,
|
callBack: doSubmitBeCheckedDept
|
};
|
$.modal.openOptions(options);
|
}
|
|
function doSubmitBeCheckedDept(index, layero) {
|
var tree = layero.find("iframe")[0].contentWindow.$._tree;
|
// if ($.tree.notAllowParents(tree)) {
|
var body = layer.getChildFrame('body', index);
|
$("#dangerDeptId").val(body.find('#treeId').val());
|
$("#dangerDeptName").val(body.find('#treeName').val());
|
layer.close(index);
|
// }
|
}
|
/*隐患责任部门 选择 end*/
|
|
|
/*区域/位置 选择 start*/
|
function selectRegionTree() {
|
var treeId = $("#dangerPlaceId").val();
|
var regionTreeId = $.common.isEmpty(treeId) ? "100" : $("#dangerPlaceId").val();
|
var url = ctx + "tr/region/selectRegionTreeByCompanyId/" + regionTreeId;
|
var options = {
|
title: '选择区域/位置',
|
width: "380",
|
url: url,
|
callBack: doSubmitRegion
|
};
|
$.modal.openOptions(options);
|
}
|
function doSubmitRegion(index, layero) {
|
var tree = layero.find("iframe")[0].contentWindow.$._tree;
|
// if ($.tree.notAllowParents(tree)) {
|
var body = layer.getChildFrame('body', index);
|
$("#dangerPlaceId").val(body.find('#treeId').val());
|
$("#dangerPlaceName").val(body.find('#treeName').val());
|
layer.close(index);
|
// }
|
}
|
/*区域/位置 选择 end*/
|
|
|
// 选择风险单元
|
function selectRiskPoint() {
|
var riskType = $('#riskType').val();
|
if(riskType) {
|
var url = "/tr/riskList/selectRiskListByDangerReport/" + riskType;
|
$.modal.openNoConfirm("选择风险单元", url, '700', '500');
|
}else{
|
$.modal.alertWarning("请先选择风险单元类型");
|
}
|
}
|
|
|
|
/*隐患责任人 选择 start*/
|
function selectJudgeUser() {
|
var url = ctx + "system/user/selectUserListByParentSonCompany";
|
var options = {
|
title: '用户选择',
|
width: "800",
|
url: url,
|
};
|
$.modal.openOptionsByCallback(options, function (layero, index) {
|
var body = layer.getChildFrame('body', index);
|
body.on("click", ".selectUser", function () {
|
var userId = $(this).data("userid");
|
var userName = $(this).data("username");
|
$("#judgeUserId").val(userId);
|
$("#judgeUserName").val(userName);
|
layer.close(index);
|
});
|
});
|
}
|
/*隐患责任人 选择 end*/
|
|
function selectCheckPerson() {
|
var url = ctx + "system/user/selectUserListByParentSonCompany";
|
var options = {
|
title: '用户选择',
|
width: "800",
|
url: url,
|
};
|
$.modal.openOptionsByCallback(options, function (layero, index) {
|
var body = layer.getChildFrame('body', index);
|
body.on("click", ".selectUser", function () {
|
var userId = $(this).data("userid");
|
var userName = $(this).data("username");
|
// $("#checkPersonId").val(userId);
|
$("#checkPerson").val(userName);
|
layer.close(index);
|
});
|
});
|
}
|
|
$("input[name='findTime']").datetimepicker({
|
format: "yyyy-mm-dd",
|
minView: "month",
|
autoclose: true
|
});
|
|
var prefix = ctx + "tr/hiddenDangerCheck/dangerReport";
|
$("#form-hiddenDangerCheck-edit").validate({
|
focusCleanup: true
|
});
|
|
function submitHandler() {
|
if ($.validate.form()) {
|
var data = $('#form-hiddenDangerCheck-edit').serializeArray();
|
|
$.operate.save(prefix + "/editDangerReportSave", data);
|
}
|
}
|
|
|
|
|
|
<!--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>
|
