<!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 :: jquery-steps-css"/>
|
|
<!--多图上传样式-->
|
<link rel="stylesheet" href="/ajax/libs/layui/css/layui.css" media="all">
|
<style type="text/css">
|
#tablist li a {
|
height: 5em;
|
}
|
|
#tablist li.notExecute a {
|
line-height: 5em;
|
text-align: center;
|
}
|
|
label.error{
|
position :absolute !important;
|
}
|
</style>
|
</head>
|
<body class="white-bg">
|
<div class="wrapper wrapper-content animated fadeInRight ibox-content">
|
<form class="form-horizontal m" id="form-hdcp-edit" th:object="${hdcp}">
|
<h4 class="form-header h4">处理进度</h4>
|
<div class="row" style="margin-bottom: 30px;">
|
<div class="col-sm-12">
|
<div role="application" class="wizard clearfix">
|
<div class="steps clearfix">
|
<ul role="tablist" id="tablist">
|
<li role="tab" class="disabled done" aria-disabled="true" aria-selected="false">
|
<a><span th:text="${'1.【'+hdcp.registerUserName+'】登记'}"></span><br/>
|
<span th:text="${#dates.format(hdcp.registerCreateTime,'yyyy-MM-dd HH:mm:ss')}"></span>
|
</a>
|
</li>
|
<li role="tab" class="disabled done" aria-disabled="true" aria-selected="false">
|
<a><span th:text="${'2.【'+hdcp.examineUserName+'】核查'}"></span><br/>
|
<span th:text="${#dates.format(hdcp.examineCreateTime,'yyyy-MM-dd HH:mm:ss')}"></span>
|
</a>
|
</li>
|
<li role="tab" class="disabled current" aria-disabled="true" aria-selected="true">
|
<a><span th:text="${'3.【'+hdcp.rectifyUserName+'】整改'}"></span>
|
</a>
|
</li>
|
<li role="tab" class="disabled notExecute" aria-disabled="true">
|
<a><span th:text="4"></span>
|
</a>
|
</li>
|
<!--<li role="tab" class="disabled" aria-disabled="true">
|
<a><span>1</span><br/><span>1</span></a>
|
</li>
|
<li role="tab" class="disabled" aria-disabled="true">
|
<a><span>1</span><br/><span>1</span></a>
|
</li>-->
|
</ul>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
<input name="id" th:field="*{id}" type="hidden">
|
<input name="checkId" th:field="*{checkId}" type="hidden">
|
<h4 class="form-header h4">隐患登记信息</h4>
|
<div class="row">
|
<div class="col-sm-6">
|
<div class="form-group">
|
<label class="col-sm-4 control-label ">排查方式：</label>
|
<div class="col-sm-8" th:switch="*{checkType}">
|
<input value="基础清单排查" class="form-control" type="text" readonly="readonly" th:case="1">
|
<input value="选择风险单元清单排查" class="form-control" type="text" readonly="readonly" th:case="2">
|
<input value="选择风险单元清单排查" class="form-control" type="text" readonly="readonly" th:case="*">
|
</div>
|
</div>
|
</div>
|
</div>
|
|
|
<div class="row" th:if="${hdcp.checkType=='1'}">
|
<div class="col-sm-12">
|
<div class="form-group">
|
<label class="col-sm-2 control-label ">基础清单：</label>
|
<div class="col-sm-10">
|
<input th:value="*{riskName}" class="form-control" type="text" readonly="readonly">
|
</div>
|
</div>
|
</div>
|
</div>
|
|
|
<div class="row" th:if="${hdcp.checkType=='2'||hdcp.checkType==null||hdcp.checkType==''}">
|
|
<div class="col-sm-6">
|
<div class="form-group">
|
<label class="col-sm-4 control-label ">风险单元类型：</label>
|
<div class="col-sm-8" th:switch="*{riskType}">
|
<input value="设备设施清单" class="form-control" type="text" readonly="readonly" th:case="1">
|
<input value="作业活动清单" class="form-control" type="text" readonly="readonly" th:case="2">
|
<input value="工艺节点清单" class="form-control" type="text" readonly="readonly" th:case="3">
|
</div>
|
</div>
|
</div>
|
|
<div class="col-sm-6">
|
<div class="form-group">
|
<label class="col-sm-4 control-label ">风险单元：</label>
|
<div class="col-sm-8">
|
<input th:value="*{riskName}" class="form-control" type="text" readonly="readonly">
|
</div>
|
</div>
|
</div>
|
</div>
|
|
|
<div class="row">
|
<div class="col-sm-6">
|
<div class="form-group">
|
<label class="col-sm-4 control-label ">检查项：</label>
|
<div class="col-sm-8">
|
<input value="功能是否正常" class="form-control" type="text" readonly="readonly">
|
</div>
|
</div>
|
</div>
|
<div class="col-sm-6">
|
<div class="form-group">
|
<label class="col-sm-4 control-label ">隐患名称：</label>
|
<div class="col-sm-8">
|
<textarea th:value="*{dangerName}" class="form-control" type="text" rows="4" readonly="readonly"></textarea>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
|
<div class="row">
|
<div class="col-sm-6">
|
<div class="form-group">
|
<label class="col-sm-4 control-label ">隐患地点：</label>
|
<div class="col-sm-8">
|
<input th:value="*{dangerPlaceName}" class="form-control" type="text" readonly="readonly">
|
</div>
|
</div>
|
</div>
|
<div class="col-sm-6">
|
<div class="form-group">
|
<label class="col-sm-4 control-label ">隐患描述：</label>
|
<div class="col-sm-8">
|
<textarea th:value="*{dangerDescription}" class="form-control" type="text" rows="4" readonly="readonly"></textarea>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
|
<div class="row">
|
<div class="col-sm-6">
|
<div class="form-group">
|
<label class="col-sm-4 control-label ">隐患类别：</label>
|
<div class="col-sm-8">
|
<input th:value="*{troubleTypeName}" class="form-control" type="text" readonly="readonly">
|
</div>
|
</div>
|
</div>
|
<div class="col-sm-6">
|
<div class="form-group">
|
<label class="col-sm-4 control-label ">隐患责任部门：</label>
|
<div class="col-sm-8">
|
<input th:value="*{dangerDeptName}" class="form-control" type="text" readonly="readonly">
|
</div>
|
</div>
|
</div>
|
</div>
|
|
|
<div class="row">
|
<div class="col-sm-6">
|
<div class="form-group">
|
<label class="col-sm-4 control-label ">隐患视图：</label>
|
<div class="col-sm-8">
|
<img style="width: 100px; height: 100px;cursor:pointer;"
|
title="查看图片"
|
th:src="*{preRectifyPhoto}"
|
onclick="showPicture(this.getAttribute('data-id'),'preRectifyPhoto')"
|
th:data-id="${hdcp.id}">
|
</div>
|
</div>
|
</div>
|
<div class="col-sm-6">
|
<div class="form-group">
|
<label class="col-sm-4 control-label ">隐患核查人：</label>
|
<div class="col-sm-8">
|
<input th:value="*{examineUserName}" class="form-control" type="text" readonly="readonly">
|
</div>
|
</div>
|
</div>
|
</div>
|
|
|
<div class="row">
|
<div class="col-sm-6">
|
<div class="form-group">
|
<label class="col-sm-4 control-label ">登记人：</label>
|
<div class="col-sm-8">
|
<input th:value="*{registerUserName}" class="form-control" type="text" readonly="readonly">
|
</div>
|
</div>
|
</div>
|
<div class="col-sm-6">
|
<div class="form-group">
|
<label class="col-sm-4 control-label ">登记时间：</label>
|
<div class="col-sm-8">
|
<input th:value="${#dates.format(hdcp.registerCreateTime,'yyyy-MM-dd HH:mm:ss')}"
|
class="form-control" type="text" readonly="readonly">
|
</div>
|
</div>
|
</div>
|
</div>
|
|
<h4 class="form-header h4">隐患核查信息</h4>
|
<div class="row">
|
<div class="col-sm-6">
|
<div class="form-group">
|
<label class="col-sm-4 control-label">隐患核查意见：</label>
|
<div class="col-sm-8">
|
<input th:value="*{examineOpinion}" class="form-control" type="text" readonly="readonly">
|
</div>
|
</div>
|
</div>
|
<div class="col-sm-6">
|
<div class="form-group">
|
<label class="col-sm-4 control-label ">隐患核查结果：</label>
|
<div class="col-sm-8" th:switch="*{dangerLevel}">
|
<input value="一般隐患" class="form-control" type="text" readonly="readonly" th:case="0">
|
<input value="重大隐患" class="form-control" type="text" readonly="readonly" th:case="1">
|
</div>
|
</div>
|
</div>
|
</div>
|
|
<div class="row">
|
<div class="col-sm-6">
|
<div class="form-group">
|
<label class="col-sm-4 control-label ">隐患治理期限：</label>
|
<div class="col-sm-8">
|
<input th:value="${#dates.format(hdcp.rectifyDeadlineTime,'yyyy-MM-dd')}"
|
class="form-control" type="text" readonly="readonly">
|
</div>
|
</div>
|
</div>
|
<div class="col-sm-6">
|
<div class="form-group">
|
<label class="col-sm-4 control-label">隐患整改部门：</label>
|
<div class="col-sm-8">
|
<input th:value="*{rectifyDeptName}" class="form-control" type="text" readonly="readonly">
|
</div>
|
</div>
|
</div>
|
</div>
|
|
<div class="row">
|
<div class="col-sm-6">
|
<div class="form-group">
|
<label class="col-sm-4 control-label">隐患整改责任人：</label>
|
<div class="col-sm-8">
|
<input th:value="*{rectifyUserName}" class="form-control" type="text" readonly="readonly">
|
</div>
|
</div>
|
</div>
|
<div class="col-sm-6">
|
<div class="form-group">
|
<label class="col-sm-4 control-label">核查时间：</label>
|
<div class="col-sm-8">
|
<input th:value="${#dates.format(hdcp.examineCreateTime,'yyyy-MM-dd HH:mm:ss')}"
|
class="form-control" type="text" readonly="readonly">
|
</div>
|
</div>
|
</div>
|
</div>
|
|
<div class="row">
|
<div class="form-group">
|
<label class="col-sm-2 control-label">隐患治理措施：</label>
|
<div class="col-sm-10">
|
<input th:value="*{treatMeasure}" class="form-control" type="text" readonly="readonly">
|
</div>
|
</div>
|
</div>
|
|
|
<h4 class="form-header h4">隐患整改信息</h4>
|
<div class="form-group">
|
<label class="col-sm-3 control-label is-required">隐患整改措施：</label>
|
<div class="col-sm-8">
|
<input name="rectifyMeasure" 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">
|
<input name="rectifyCondition" 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">
|
<input name="rectifyFund" 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">
|
<div class="input-group date">
|
<span class="input-group-addon"><i class="fa fa-calendar"></i></span>
|
<input name="rectifyCompleteTime" class="form-control" type="text" readonly="readonly" required>
|
</div>
|
</div>
|
</div>
|
|
<div class="form-group">
|
<label class="col-sm-3 control-label is-required">验收负责人：</label>
|
<div class="col-sm-8">
|
<input id="acceptUserName" name="acceptUserName" placeholder="选择验收负责人" class="form-control" type="text" onclick="selectAcceptUser()" maxlength="30" readonly="true" required>
|
<input id="acceptUserId" name="acceptUserId" 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="acceptUserId" class="form-control m-b" required>-->
|
<!--<option th:each="user : ${userList}" th:text="${user.userName}" th:value="${user.userId}"></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="postRectifyPhoto" id="postRectifyPhoto" type="hidden">
|
<button type="button" class="layui-btn" id="postRectifyPhotoUpload">上传</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>
|
|
|
</form>
|
</div>
|
<th:block th:include="include :: footer"/>
|
<th:block th:include="include :: datetimepicker-js"/>
|
<th:block th:include="include :: jquery-steps-js"/>
|
<script type="text/javascript">
|
/* 图片--查看 */
|
function showPicture(id,type) {
|
var showPictureUrl = "/tr/hiddenDangerCheck/dangerBase/showPicture/{type}/{id}";
|
var urlLast = showPictureUrl.replace("{type}", type).replace("{id}", id);
|
$.operate.openDetailInfo("查看图片", urlLast);
|
}
|
var prefix = ctx + "tr/hiddenDangerCheck/dangerRectify";
|
$("#form-hdcp-edit").validate({
|
focusCleanup: true
|
});
|
|
|
function submitHandler() {
|
if ($.validate.form()) {
|
var data = $('#form-hdcp-edit').serializeArray();
|
|
$.operate.save(prefix + "/editDangerRectifySave", data);
|
}
|
}
|
|
|
/*隐患整改责任部门 选择 start*/
|
function selectRectifyDeptTree() {
|
var treeId = $("#rectifyDeptId").val();
|
var deptId = $.common.isEmpty(treeId) ? "100" : $("#rectifyDeptId").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);
|
$("#rectifyDeptId").val(body.find('#treeId').val());
|
$("#rectifyDeptName").val(body.find('#treeName').val());
|
layer.close(index);
|
// }
|
}
|
/*隐患整改责任部门 选择 end*/
|
|
|
|
|
/*验收负责人 选择 start*/
|
function selectAcceptUser() {
|
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");
|
$("#acceptUserId").val(userId);
|
$("#acceptUserName").val(userName);
|
layer.close(index);
|
});
|
});
|
}
|
/*验收负责人 选择 end*/
|
|
|
$("input[name='rectifyCompleteTime']").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: '#postRectifyPhotoUpload'
|
, 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('上传失败');
|
}
|
//上传成功
|
$('#postRectifyPhoto').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>
|
