<!DOCTYPE html>
|
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
|
<head>
|
<th:block th:include="include :: header('编辑隐患排查计划执行')"/>
|
</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 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">
|
<input id="examineUserName" name="examineUserName" placeholder="选择核查人" class="form-control" type="text" onclick="selectExamineUser()" maxlength="30" readonly="true" required>
|
<input id="examineUserId" name="examineUserId" type="hidden">
|
</div>
|
</div>
|
</form>
|
|
<div class="row">
|
<div class="col-sm-12 select-table table-bordered">
|
<table id="bootstrap-table-identify"></table>
|
</div>
|
</div>
|
|
|
</div>
|
<th:block th:include="include :: footer"/>
|
<script type="text/javascript">
|
/*核查人 选择 start*/
|
function selectExamineUser() {
|
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");
|
$("#examineUserId").val(userId);
|
$("#examineUserName").val(userName);
|
layer.close(index);
|
});
|
});
|
}
|
/*核查人 选择 end*/
|
|
|
|
var prefix = ctx + "tr/hiddenDangerCheck/dangerPlanExecute";
|
$("#form-hiddenDangerCheck-edit").validate({
|
focusCleanup: true
|
});
|
|
function submitHandler() {
|
if ($.validate.form()) {
|
var data = $('#form-hiddenDangerCheck-edit').serializeArray();
|
var allTableData = $('#bootstrap-table-identify').bootstrapTable('getData');
|
var whetherDangerStatusBoolean = true;
|
for (var i in allTableData) {
|
var tempData = allTableData[i];
|
if (tempData.whetherDanger ==null) {
|
whetherDangerStatusBoolean = false;
|
}
|
}
|
if (!whetherDangerStatusBoolean) {
|
$.modal.alertWarning("检查点需全部操作，请操作检查点。");
|
} else {
|
$.operate.save(prefix + "/editDangerPlanExecuteSave", data);
|
}
|
}
|
}
|
</script>
|
|
|
<script th:inline="javascript">
|
$(function () {
|
//方法不同初始化的内容不一样
|
var riskType = [[${hiddenDangerCheck.riskType}]];
|
var checkId = [[${hiddenDangerCheck.checkId}]];
|
if (riskType == 1||riskType == 5) {
|
var options = {
|
id: "bootstrap-table-identify",
|
url: ctx + "tr/hiddenDangerCheck/dangerBase/selectRiskCheckPointListByCheckIdAndMergeSamePoint",
|
modalName: "SCL辨识",
|
queryParams: queryParams,
|
showSearch: false,
|
showRefresh: false,
|
showToggle: false,
|
showColumns: false,
|
pagination:false,
|
columns: [
|
{
|
field: 'checkPointId',
|
title: 'id',
|
visible: false
|
},
|
{
|
title: "序号",
|
formatter: function (value, row, index) {
|
return $.table.serialNumber(index);
|
}
|
},
|
{
|
field: 'sclJianchaXiangmu',
|
title: 'SCL_检查项目'
|
},
|
{
|
field: 'sclJianchaMubiao',
|
title: 'SCL_检查标准'
|
},
|
{
|
field: 'sclQingkuang',
|
title: '检查内容',
|
formatter: function (value, row, index) {
|
var text = "";
|
// text += "建议技术措施:" + (row.evaluationAfterJishu == null ? '暂无' : row.evaluationAfterJishu) + "<br/>";
|
// text += "建议管理措施:" + (row.evaluationAfterGuanli == null ? '暂无' : row.evaluationAfterGuanli) + "<br/>";
|
// text += "建议培训教育措施:" + (row.evaluationAfterJiaoyu == null ? '暂无' : row.evaluationAfterJiaoyu) + "<br/>";
|
// text += "建议个体防护措施:" + (row.evaluationAfterFanghu == null ? '暂无' : row.evaluationAfterFanghu) + "<br/>";
|
// text += "建议应急处置措施:" + (row.evaluationAfterYingji == null ? '暂无' : row.evaluationAfterYingji) + "<br/>";
|
|
text += (row.evaluationAfterJishu == null ? '' : "建议技术措施:" +row.evaluationAfterJishu+ "<br/>") ;
|
text += (row.evaluationAfterGuanli == null ? '' : "建议管理措施:" +row.evaluationAfterGuanli+ "<br/>") ;
|
text += (row.evaluationAfterJiaoyu == null ? '' : "建议培训教育措施:" +row.evaluationAfterJiaoyu + "<br/>");
|
text += (row.evaluationAfterFanghu == null ? '' : "建议个体防护措施:" +row.evaluationAfterFanghu+ "<br/>") ;
|
text += (row.evaluationAfterYingji == null ? '' : "建议应急处置措施:" +row.evaluationAfterYingji+ "<br/>") ;
|
|
|
return text;
|
}
|
},
|
// {
|
// field: 'sclZhuyaoHouguo',
|
// title: 'SCL_主要后果'
|
// },
|
{
|
title: '操作',
|
align: 'center',
|
formatter: function (value, row, index) {
|
var actions = [];
|
if (row.whetherDanger == 0) {
|
actions.push('<a class="btn btn-outline btn-xs" href="javascript:void(0)">正常</a> ');
|
return actions.join('');
|
} else if (row.whetherDanger == 1) {
|
var hiddenDangerCheckPointIds = row.hiddenDangerCheckPointIds;
|
for(var a = 0 ; a < hiddenDangerCheckPointIds.length ; a++){
|
var hiddenDangerCheckPointId = hiddenDangerCheckPointIds[a];
|
actions.push('<a class="btn btn-warning btn-xs" href="javascript:void(0)" onclick="detailPointDangerRegister(\'' + hiddenDangerCheckPointId + '\')"><i class="fa fa-search"></i>查看隐患</a> ');
|
}
|
actions.push('<a class="btn btn-success btn-xs" href="javascript:void(0)" onclick="editPointDangerRegister(\'' + row.id + '\',\''+ riskType +'\')"><i class="fa fa-edit"></i>隐患登记</a> ');
|
return actions.join('');
|
}else {
|
actions.push('<a class="btn btn-primary btn-xs" href="javascript:void(0)" onclick="editPointSetNormal(\'' + row.id + '\')"><i class="fa fa-hand-pointer-o"></i>正常</a> ');
|
actions.push('<a class="btn btn-success btn-xs" href="javascript:void(0)" onclick="editPointDangerRegister(\'' + row.id + '\',\''+ riskType +'\')"><i class="fa fa-edit"></i>隐患登记</a> ');
|
return actions.join('');
|
}
|
}
|
}]
|
};
|
$.table.init(options);
|
} else if (riskType == 2) {
|
var options = {
|
id: "bootstrap-table-identify",
|
url: ctx + "tr/hiddenDangerCheck/dangerBase/selectRiskCheckPointListByCheckIdAndMergeSamePoint",
|
modalName: "JHA辨识",
|
queryParams: queryParams,
|
showSearch: false,
|
showRefresh: false,
|
showToggle: false,
|
showColumns: false,
|
pagination:false,
|
columns: [
|
{
|
field: 'checkPointId',
|
title: 'id',
|
visible: false
|
},
|
{
|
title: "序号",
|
formatter: function (value, row, index) {
|
return $.table.serialNumber(index);
|
}
|
},
|
{
|
field: 'jhaZuoyeBuzhou',
|
title: 'JHA_作业步骤'
|
},
|
{
|
field: 'jhaWeixianyuan',
|
title: 'JHA_危险源或潜在事件'
|
},
|
{
|
field: 'jhaShiguLeixing',
|
title: '检查内容',
|
formatter: function (value, row, index) {
|
var text = "";
|
|
text += (row.evaluationAfterJishu == null ? '' : "建议技术措施:" +row.evaluationAfterJishu+ "<br/>") ;
|
text += (row.evaluationAfterGuanli == null ? '' : "建议管理措施:" +row.evaluationAfterGuanli+ "<br/>") ;
|
text += (row.evaluationAfterJiaoyu == null ? '' : "建议培训教育措施:" +row.evaluationAfterJiaoyu + "<br/>");
|
text += (row.evaluationAfterFanghu == null ? '' : "建议个体防护措施:" +row.evaluationAfterFanghu+ "<br/>") ;
|
text += (row.evaluationAfterYingji == null ? '' : "建议应急处置措施:" +row.evaluationAfterYingji+ "<br/>") ;
|
|
return text;
|
}
|
},
|
// {
|
// field: 'jhaShiguLeixing',
|
// title: 'JHA_可能发生的事故类型及后果'
|
// },
|
{
|
title: '操作',
|
align: 'center',
|
formatter: function (value, row, index) {
|
var actions = [];
|
if (row.whetherDanger == 0) {
|
actions.push('<a class="btn btn-outline btn-xs" href="javascript:void(0)">正常</a> ');
|
return actions.join('');
|
} else if (row.whetherDanger == 1) {
|
var hiddenDangerCheckPointIds = row.hiddenDangerCheckPointIds;
|
for(var a = 0 ; a < hiddenDangerCheckPointIds.length ; a++){
|
var hiddenDangerCheckPointId = hiddenDangerCheckPointIds[a];
|
actions.push('<a class="btn btn-warning btn-xs" href="javascript:void(0)" onclick="detailPointDangerRegister(\'' + hiddenDangerCheckPointId + '\')"><i class="fa fa-search"></i>查看隐患</a> ');
|
}
|
actions.push('<a class="btn btn-success btn-xs" href="javascript:void(0)" onclick="editPointDangerRegister(\'' + row.id + '\',\''+ riskType +'\')"><i class="fa fa-edit"></i>隐患登记</a> ');
|
return actions.join('');
|
}else {
|
actions.push('<a class="btn btn-primary btn-xs" href="javascript:void(0)" onclick="editPointSetNormal(\'' + row.id + '\')"><i class="fa fa-hand-pointer-o"></i>正常</a> ');
|
actions.push('<a class="btn btn-success btn-xs" href="javascript:void(0)" onclick="editPointDangerRegister(\'' + row.id + '\',\''+ riskType +'\')"><i class="fa fa-edit"></i>隐患登记</a> ');
|
return actions.join('');
|
}
|
}
|
}]
|
};
|
$.table.init(options);
|
} else if (riskType == 3) {
|
var options = {
|
id: "bootstrap-table-identify",
|
url: ctx + "tr/hiddenDangerCheck/dangerBase/selectRiskCheckPointListByCheckIdAndMergeSamePoint",
|
modalName: "HAZOP辨识",
|
queryParams: queryParams,
|
showSearch: false,
|
showRefresh: false,
|
showToggle: false,
|
showColumns: false,
|
pagination:false,
|
columns: [
|
{
|
field: 'checkPointId',
|
title: 'id',
|
visible: false
|
},
|
{
|
title: "序号",
|
formatter: function (value, row, index) {
|
return $.table.serialNumber(index);
|
}
|
},
|
{
|
field: 'hazopJiedian',
|
title: 'HAZOP_节点'
|
},
|
{
|
field: 'hazopCanshu',
|
title: 'HAZOP_参数'
|
},
|
{
|
field: 'hazopCanshuMiaoshu',
|
title: '检查内容',
|
formatter: function (value, row, index) {
|
var text = "";
|
|
text += (row.evaluationAfterJishu == null ? '' : "建议技术措施:" +row.evaluationAfterJishu+ "<br/>") ;
|
text += (row.evaluationAfterGuanli == null ? '' : "建议管理措施:" +row.evaluationAfterGuanli+ "<br/>") ;
|
text += (row.evaluationAfterJiaoyu == null ? '' : "建议培训教育措施:" +row.evaluationAfterJiaoyu + "<br/>");
|
text += (row.evaluationAfterFanghu == null ? '' : "建议个体防护措施:" +row.evaluationAfterFanghu+ "<br/>") ;
|
text += (row.evaluationAfterYingji == null ? '' : "建议应急处置措施:" +row.evaluationAfterYingji+ "<br/>") ;
|
|
return text;
|
}
|
},
|
// {
|
// field: 'hazopCanshuMiaoshu',
|
// title: 'HAZOP_参数描述'
|
// },
|
// {
|
// field: 'hazopYindaoci',
|
// title: 'HAZOP_引导词'
|
// },
|
// {
|
// field: 'hazopPiancha',
|
// title: 'HAZOP_偏差'
|
// },
|
// {
|
// field: 'hazopYuanyin',
|
// title: 'HAZOP_可能原因'
|
// },
|
// {
|
// field: 'hazopHouguo',
|
// title: 'HAZOP_主要后果'
|
// },
|
{
|
title: '操作',
|
align: 'center',
|
formatter: function (value, row, index) {
|
var actions = [];
|
if (row.whetherDanger == 0) {
|
actions.push('<a class="btn btn-outline btn-xs" href="javascript:void(0)">正常</a> ');
|
return actions.join('');
|
} else if (row.whetherDanger == 1) {
|
var hiddenDangerCheckPointIds = row.hiddenDangerCheckPointIds;
|
for(var a = 0 ; a < hiddenDangerCheckPointIds.length ; a++){
|
var hiddenDangerCheckPointId = hiddenDangerCheckPointIds[a];
|
actions.push('<a class="btn btn-warning btn-xs" href="javascript:void(0)" onclick="detailPointDangerRegister(\'' + hiddenDangerCheckPointId + '\')"><i class="fa fa-search"></i>查看隐患</a> ');
|
}
|
actions.push('<a class="btn btn-success btn-xs" href="javascript:void(0)" onclick="editPointDangerRegister(\'' + row.id + '\',\''+ riskType +'\')"><i class="fa fa-edit"></i>隐患登记</a> ');
|
return actions.join('');
|
}else {
|
actions.push('<a class="btn btn-primary btn-xs" href="javascript:void(0)" onclick="editPointSetNormal(\'' + row.id + '\')"><i class="fa fa-hand-pointer-o"></i>正常</a> ');
|
actions.push('<a class="btn btn-success btn-xs" href="javascript:void(0)" onclick="editPointDangerRegister(\'' + row.id + '\',\''+ riskType +'\')"><i class="fa fa-edit"></i>隐患登记</a> ');
|
return actions.join('');
|
}
|
}
|
}]
|
};
|
$.table.init(options);
|
}else if (riskType == 4) {
|
var options = {
|
id: "bootstrap-table-identify",
|
url: ctx + "tr/hiddenDangerCheck/dangerBase/selectBaseCheckPointListByCheckIdAndMergeSamePoint",
|
modalName: "基础清单",
|
queryParams: queryParams,
|
showSearch: false,
|
showRefresh: false,
|
showToggle: false,
|
showColumns: false,
|
pagination:false,
|
columns: [
|
{
|
field: 'checkPointId',
|
title: 'id',
|
visible: false
|
},
|
{
|
title: "序号",
|
formatter: function (value, row, index) {
|
return $.table.serialNumber(index);
|
}
|
},
|
{
|
field: 'checkType',
|
title: '检查类别'
|
},
|
{
|
field: 'checkContent',
|
title: '检查内容'
|
},
|
{
|
field: 'checkResult',
|
title: '检查依据'
|
},
|
{
|
title: '操作',
|
align: 'center',
|
formatter: function (value, row, index) {
|
var actions = [];
|
if (row.whetherDanger == 0) {
|
actions.push('<a class="btn btn-outline btn-xs" href="javascript:void(0)">正常</a> ');
|
return actions.join('');
|
} else if (row.whetherDanger == 1) {
|
var hiddenDangerCheckPointIds = row.hiddenDangerCheckPointIds;
|
for(var a = 0 ; a < hiddenDangerCheckPointIds.length ; a++){
|
var hiddenDangerCheckPointId = hiddenDangerCheckPointIds[a];
|
actions.push('<a class="btn btn-warning btn-xs" href="javascript:void(0)" onclick="detailPointDangerRegister(\'' + hiddenDangerCheckPointId + '\')"><i class="fa fa-search"></i>查看隐患</a> ');
|
}
|
actions.push('<a class="btn btn-success btn-xs" href="javascript:void(0)" onclick="editPointDangerRegister(\'' + row.id + '\',\''+ riskType +'\')"><i class="fa fa-edit"></i>隐患登记</a> ');
|
return actions.join('');
|
}else {
|
actions.push('<a class="btn btn-primary btn-xs" href="javascript:void(0)" onclick="editPointSetNormal(\'' + row.id + '\')"><i class="fa fa-hand-pointer-o"></i>正常</a> ');
|
actions.push('<a class="btn btn-success btn-xs" href="javascript:void(0)" onclick="editPointDangerRegister(\'' + row.id + '\',\''+ riskType +'\')"><i class="fa fa-edit"></i>隐患登记</a> ');
|
return actions.join('');
|
}
|
}
|
}],
|
onLoadSuccess: function () {//当所有数据被加载时触发处理函数
|
var data = $('#bootstrap-table-identify').bootstrapTable('getData', true);//获取当前页数据
|
mergeCells(data,'checkType',1,$('#bootstrap-table-identify'));
|
hiddenCheckResult(data,'checkResult',$('#bootstrap-table-identify'));
|
|
},
|
onPageChange: function (){//当页面更改页码或页面大小时触发
|
var data = $('#bootstrap-table').bootstrapTable('getData', true);
|
mergeCells(data,'checkType',1,$('#bootstrap-table-identify'));
|
hiddenCheckResult(data,'checkResult',$('#bootstrap-table-identify'));
|
},
|
};
|
$.table.init(options);
|
}
|
|
});
|
|
|
function hiddenCheckResult(data,fieldName,target){
|
var checkResultDataBoolean = false;
|
for(var i = 0 ; i < data.length ; i++){
|
var checkResult = data[i][fieldName];
|
console.log("checkResult==="+checkResult);
|
if(checkResult){
|
checkResultDataBoolean = true;
|
break;
|
}
|
}
|
if(!checkResultDataBoolean) {
|
$(target).bootstrapTable('hideColumn', fieldName);
|
}
|
}
|
|
|
function mergeCells(data,fieldName,colspan,target){
|
//声明一个map计算相同属性值在data对象出现的次数和
|
var sortMap = {};
|
for(var i = 0 ; i < data.length ; i++){
|
for(var prop in data[i]){
|
if(prop == fieldName){
|
var key = data[i][prop] //fieldName的value
|
if(sortMap.hasOwnProperty(key)){
|
sortMap[key] = sortMap[key] * 1 + 1;
|
} else {
|
sortMap[key] = 1;
|
}
|
break;
|
}
|
}
|
}
|
/*for(var prop in sortMap){
|
console.log(prop,sortMap[prop])
|
}*/
|
//合并单元格
|
var index = 0;
|
for(var prop in sortMap){
|
var count = sortMap[prop] * 1;
|
$(target).bootstrapTable('mergeCells',{index:index, field:fieldName, colspan: colspan, rowspan: count});
|
index += count;
|
}
|
}
|
|
function queryParams(params) {
|
var checkId = [[${hiddenDangerCheck.checkId}]];
|
var search = $.table.queryParams(params);
|
search.checkId = checkId;
|
return search;
|
}
|
|
|
//检查点设置为正常
|
function editPointSetNormal(id) {
|
$.modal.confirm("设置为该条记录正常（设置后不可修改）？", function () {
|
var url = prefix + "/editPointSetNormal";
|
var data = {"id": id};
|
$.operate.submit(url, "post", "json", data);
|
});
|
}
|
|
|
//检查点隐患登记--登记
|
function editPointDangerRegister(id,riskType) {
|
var editPointDangerRegisterUrl = prefix + "/editPointDangerRegister/{id}";
|
$.modal.open("隐患登记", editPointDangerRegisterUrl.replace("{id}", id));
|
}
|
|
|
|
/* 检查点隐患登记查看 */
|
function detailPointDangerRegister(id) {
|
var detailPointDangerRegisterUrl = prefix + "/detailPointDangerRegister/{id}";
|
$.operate.openDetailInfo("查看隐患登记信息", detailPointDangerRegisterUrl.replace("{id}", id));
|
}
|
|
</script>
|
</body>
|
</html>
|
