<!DOCTYPE html>
|
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
|
<head>
|
<th:block th:include="include :: header('查看隐患验收信息')"/>
|
<th:block th:include="include :: jquery-steps-css"/>
|
<style type="text/css">
|
#tablist li a {
|
height: 5em;
|
}
|
|
#tablist li.notExecute a {
|
line-height: 5em;
|
text-align: center;
|
}
|
</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 done" aria-disabled="true" aria-selected="false">
|
<a><span th:text="${'3.【'+hdcp.rectifyUserName+'】整改'}"></span><br/>
|
<span th:text="${#dates.format(hdcp.rectifyCreateTime,'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="${'4.【'+hdcp.acceptUserName+'】验收'}"></span><br/>
|
<span th:text="${#dates.format(hdcp.acceptCreateTime,'yyyy-MM-dd HH:mm:ss')}"></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 class="col-sm-6">
|
<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 readonly="readonly" disabled>
|
<option value="" disabled>--请选择隐患来源--</option>
|
<option th:each="dict : ${type}" th:text="${dict.dictLabel}"
|
th:value="${dict.dictValue}" disabled></option>
|
</select>
|
</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:field="*{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="*{remark}" 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="*{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:field="*{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}">-->
|
<img style="width: 100px; height: 100px;cursor:pointer;display: none"
|
title="查看图片"
|
class="allPics1"
|
th:src="*{preRectifyPhoto}"
|
onclick="showPicture(this.getAttribute('data-id'),'preRectifyPhoto')"
|
th:data-id="${hdcp.id}">
|
<div class="image-container1" style="display: flex;align-items: flex-start"></div>
|
</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="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="*{rectifyCondition}" 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="*{rectifyFund}" 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="*{rectifyDeptName}" 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="*{rectifyUserName}" 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="${#dates.format(hdcp.rectifyCompleteTime,'yyyy-MM-dd')}"
|
class="form-control" type="text" readonly="readonly">
|
</div>
|
</div>
|
</div>
|
|
<div class="col-sm-6">
|
<label class="col-sm-4 control-label ">隐患整改后视图：</label>
|
<div class="col-sm-8">
|
<!-- <img style="width: 100px; height: 100px;cursor:pointer;"-->
|
<!-- title="查看图片"-->
|
<!-- th:src="*{postRectifyPhoto}"-->
|
<!-- onclick="showPicture(this.getAttribute('data-id'),'postRectifyPhoto')"-->
|
<!-- th:data-id="${hdcp.id}">-->
|
<img style="width: 100px; height: 100px;cursor:pointer;display: none"
|
title="查看图片"
|
class="allPics2"
|
th:src="*{postRectifyPhoto}"
|
onclick="showPicture(this.getAttribute('data-id'),'postRectifyPhoto')"
|
th:data-id="${hdcp.id}">
|
<div class="image-container2" style="display: flex;align-items: flex-start"></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="*{rectifyMeasure}" class="form-control" type="text" readonly="readonly">
|
</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="*{acceptUserName}" 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="*{acceptOpinion}" 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" th:switch="*{acceptResult}">
|
<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 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.acceptCreateTime,'yyyy-MM-dd HH:mm:ss')}"
|
class="form-control" type="text" readonly="readonly">
|
</div>
|
</div>
|
</div>
|
</div>
|
|
|
<div class="row" th:if="${hdcp.acceptFile!=null&&hdcp.acceptFile!=''}">
|
<div class="form-group">
|
<label class="col-sm-2 control-label">验收文件：</label>
|
<div class="col-sm-10">
|
<a th:href="*{acceptFile}" target="_blank" download="">点击下载验收文件</a>
|
</div>
|
</div>
|
</div>
|
|
</form>
|
</div>
|
<th:block th:include="include :: footer"/>
|
<th:block th:include="include :: jquery-steps-js"/>
|
<script type="text/javascript">
|
$(document).ready(function () {
|
var imgsUrl1 = $('.allPics1');
|
var imageUrls1 = imgsUrl1.attr('src')
|
var ids = imgsUrl1.attr('data-id')
|
var imageContainer1 = document.querySelector('.image-container1');
|
// 将逗号分隔的字符串拆分为URL数组
|
var imageUrlArray1 = imageUrls1.split(',');
|
// 遍历URL数组并创建img元素
|
imageUrlArray1.forEach(function(url, index) {
|
var img = document.createElement('img');
|
img.setAttribute('src', url);
|
img.setAttribute('style', 'width: 100px; height: 100px; cursor: pointer;margin-right: 10px');
|
img.setAttribute('title', '查看图片');
|
img.setAttribute('data-id', ids);
|
img.addEventListener('click', function() {
|
// showPicture(this.getAttribute('data-id'), 'preRectifyPhoto');
|
openPicture(url)
|
});
|
imageContainer1.appendChild(img);
|
});
|
|
var imgsUrl2 = $('.allPics2');
|
var imageUrls2 = imgsUrl2.attr('src')
|
var imageContainer2 = document.querySelector('.image-container2');
|
// 将逗号分隔的字符串拆分为URL数组
|
var imageUrlArray2 = imageUrls2.split(',');
|
// 遍历URL数组并创建img元素
|
imageUrlArray2.forEach(function(url, index) {
|
var img = document.createElement('img');
|
img.setAttribute('src', url);
|
img.setAttribute('style', 'width: 100px; height: 100px; cursor: pointer;margin-right: 10px');
|
img.setAttribute('title', '查看图片');
|
img.setAttribute('data-id', ids);
|
img.addEventListener('click', function() {
|
// showPicture(this.getAttribute('data-id'), 'preRectifyPhoto');
|
openPicture(url)
|
});
|
imageContainer2.appendChild(img);
|
});
|
});
|
|
function openPicture(url) {
|
window.open(url)
|
}
|
|
/* 图片--查看 */
|
function showPicture(id,type) {
|
var showPictureUrl = "/tr/hiddenDangerCheck/dangerBase/showPicture/{type}/{id}";
|
var urlLast = showPictureUrl.replace("{type}", type).replace("{id}", id);
|
$.operate.openDetailInfo("查看图片", urlLast);
|
}
|
|
</script>
|
</body>
|
</html>
|
