<!DOCTYPE html>
|
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
|
<head>
|
<th:block th:include="include :: header('隐患台账列表')"/>
|
</head>
|
<body class="gray-bg">
|
|
|
<div class="container-div">
|
<div class="row">
|
<div class="col-sm-12 search-collapse">
|
<div style="display: flow-root;">
|
<div class="form-group" style="font-size: 25px;color: #4CAF50;">
|
<label class="col-sm-3 control-label">隐患数：<span id="totalDangerNum"></span></label>
|
<label class="col-sm-3 control-label">已整改：<span id="rectifyNum"></span></label>
|
<label class="col-sm-3 control-label">未整改：<span id="notRectifyNum"></span></label>
|
<label class="col-sm-3 control-label">整改率：<span id="rectifyRate"></span></label>
|
</div>
|
<div class="form-group" style="font-size: 25px;color: #4CAF50;">
|
<label class="col-sm-3 control-label">按期改：<span id="onTimeRectifyNum"></span></label>
|
<label class="col-sm-3 control-label">按期率：<span id="onTimeRectifyRate"></span></label>
|
<label class="col-sm-3 control-label">超期改：<span id="overdueRectifyNum"></span></label>
|
<label class="col-sm-3 control-label">超期率：<span id="overdueRectifyRate"></span></label>
|
</div>
|
|
<div class="form-group" style="font-size: 25px;color: #4CAF50;">
|
<label class="col-sm-3 control-label">环比：<span id="monthOnMonthRate"></span></label>
|
<label class="col-sm-3 control-label">同比：<span id="yearOnYearRate"></span></label>
|
</div>
|
</div>
|
|
<form id="formId">
|
<div class="select-list">
|
<ul>
|
<li class="select-time">
|
<label>登记日期：</label>
|
<input type="text" class="time-input" id="startTime" placeholder="开始时间" name="params[beginTime]"/>
|
<span>-</span>
|
<input type="text" class="time-input" id="endTime" placeholder="结束时间" name="params[endTime]"/>
|
</li>
|
<li>
|
<label>隐患来源：</label>
|
<select name="dangerSources">
|
<option value="">所有</option>
|
<option value="1">隐患排查计划</option>
|
<option value="2">隐患上报</option>
|
<option value="3">定时隐患排查</option>
|
</select>
|
</li>
|
<li>
|
<label>隐患名称：</label>
|
<input type="text" name="dangerName"/>
|
</li>
|
<li>
|
<label>隐患等级：</label>
|
<select name="dangerLevel">
|
<option value="">所有</option>
|
<option value="0">一般隐患</option>
|
<option value="1">重大隐患</option>
|
</select>
|
</li>
|
<li>
|
<label>日期区间：</label>
|
<select name="dateRangeLedger">
|
<option value="">所有</option>
|
<option value="近一年">近一年</option>
|
<option value="近一月">近一月</option>
|
<option value="近一周">近一周</option>
|
</select>
|
</li>
|
<li>
|
<label>整改状态：</label>
|
<select name="rectifyStatusLedger">
|
<option value="">所有</option>
|
<option value="未整改">未整改</option>
|
<option value="未验收">未验收</option>
|
<option value="已验收">已验收</option>
|
<option value="超期改">超期改</option>
|
</select>
|
</li>
|
<li style="display: flex;align-items: center">
|
<label>整改部门：</label>
|
<div class="input-group" style="width: 200px;position: relative">
|
<input name="rectifyDeptIdLedger" id="rectifyDeptIdLedger" style="position: absolute;z-index: -1;top: 0;left: 0">
|
<input onclick="selectDangerDeptTree()" id="dangerDeptName" type="text"
|
placeholder="请选择部门" class="form-control" required
|
readonly="readonly">
|
<span class="input-group-addon"><i class="fa fa-search"></i></span>
|
</div>
|
</li>
|
<li style="display: flex;align-items: center">
|
<label>隐患登记人：</label>
|
<div class="input-group" style="width: 200px;position: relative">
|
<input id="registerUserId" name="registerUserId" style="position: absolute;z-index: -1;top: 0;left: 0">
|
<input id="registerUserName" placeholder="请选择登记人" class="form-control" type="text" onclick="selectAcceptUser()" maxlength="30" readonly="true" required>
|
<span class="input-group-addon"><i class="fa fa-search"></i></span>
|
</div>
|
</li>
|
<li>
|
<a class="btn btn-primary btn-rounded btn-sm" onclick="$.table.search()"><i
|
class="fa fa-search"></i> 搜索</a>
|
<a class="btn btn-warning btn-rounded btn-sm" onclick="$.form.reset()"><i
|
class="fa fa-refresh"></i> 重置</a>
|
</li>
|
</ul>
|
</div>
|
</form>
|
</div>
|
|
<div class="btn-group-sm" id="toolbar" role="group">
|
<a class="btn btn-warning" onclick="$.table.exportExcel()">
|
<i class="fa fa-download"></i> 导出
|
</a>
|
</div>
|
|
|
<div class="col-sm-12 select-table table-striped">
|
<table id="bootstrap-table"></table>
|
</div>
|
</div>
|
</div>
|
<th:block th:include="include :: footer"/>
|
<script th:inline="javascript">
|
var prefix = ctx + "tr/hiddenDangerCheck/dangerLedger";
|
var common = [[${common}]];//用户角色 是否在公司管理员
|
$(function () {
|
$("#totalDangerNum").text([[${totalDangerNum}]]);
|
$("#rectifyNum").text([[${rectifyNum}]]);
|
$("#notRectifyNum").text([[${notRectifyNum}]]);
|
$("#rectifyRate").text([[${rectifyRate}]]);
|
$("#onTimeRectifyNum").text([[${onTimeRectifyNum}]]);
|
$("#onTimeRectifyRate").text([[${onTimeRectifyRate}]]);
|
$("#overdueRectifyNum").text([[${overdueRectifyNum}]]);
|
$("#overdueRectifyRate").text([[${overdueRectifyRate}]]);
|
$("#monthOnMonthRate").text([[${monthOnMonthRate}]]);
|
$("#yearOnYearRate").text([[${yearOnYearRate}]]);
|
});
|
|
/*验收人 选择 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");
|
$("#registerUserId").val(userId);
|
$("#registerUserName").val(userName);
|
layer.close(index);
|
});
|
});
|
}
|
|
$(function () {
|
var options = {
|
url: prefix + "/list",
|
createUrl: prefix + "/add",
|
updateUrl: prefix + "/edit/{id}",
|
removeUrl: prefix + "/removeDangerLedger",
|
exportUrl: prefix + "/export",
|
detailUrl: prefix + "/detail/{id}",
|
modalName: "隐患台账",
|
columns: [{
|
checkbox: true
|
},
|
{
|
field: 'id',
|
title: '隐患检查点ID',
|
visible: false
|
},
|
{
|
field: 'registerCreateTime',
|
title: '登记时间'
|
},
|
{
|
field: 'checkType',
|
title: '排查方式',
|
formatter: function (value, row, index) {
|
if (row.dangerSources == "2") {
|
return "隐患上报";
|
} else {
|
if (value == "1") {
|
return "基础清单排查";
|
} else if (value == "2") {
|
return "选择风险单元清单排查";
|
} else {
|
return "选择风险单元清单排查";
|
}
|
}
|
}
|
},
|
{
|
field: 'riskName',
|
title: '基础清单名称',
|
formatter: function (value, row, index) {
|
if (row && row.checkType == "1" && value) {
|
return value;
|
}
|
}
|
},
|
{
|
field: 'riskName',
|
title: '风险单元',
|
formatter: function (value, row, index) {
|
if (row && row.checkType != "1" && value) {
|
return value;
|
}
|
}
|
},
|
{
|
field: 'riskType',
|
title: '风险单元类型',
|
formatter: function (value, item, index) {
|
var label = "";
|
if (value == "1") {
|
label = "设备设施清单";
|
} else if (value == "2") {
|
label = "作业活动清单";
|
} else if (value == "3") {
|
label = "工艺节点清单";
|
} else if (value == "5") {
|
label = "区域、作用场所";
|
}
|
return label;
|
}
|
},
|
{
|
field: 'dangerName',
|
title: '隐患名称'
|
},
|
{
|
field: 'dangerLevel',
|
title: '隐患级别',
|
formatter: function (value, item, index) {
|
var label = "";
|
if (value == "0") {
|
label = "一般隐患";
|
} else if (value == "1") {
|
label = "重大隐患";
|
} else if (value == "2") {
|
label = "不是隐患";
|
}
|
return label;
|
}
|
},
|
{
|
field: 'dangerSources',
|
title: '隐患来源',
|
formatter: function (value, item, index) {
|
var label = "";
|
if (value == "1") {
|
label = "隐患排查计划";
|
} else if (value == "2") {
|
label = "隐患上报";
|
} else if (value == "3") {
|
label = "定时隐患排查";
|
}
|
return label;
|
}
|
},
|
{
|
field: 'dangerResources',
|
title: '整改状态',
|
formatter: function (value, item, index) {
|
var label = "";
|
if (item.stage) {
|
if (item.stage == 3) {
|
if (item.examineStatus) {
|
if (item.examineStatus == "0") {
|
label = "待核查";
|
} else if (item.examineStatus == "1") {
|
label = "已核查";
|
}
|
}
|
} else if (item.stage == 4) {
|
if (item.rectifyStatus) {
|
if (item.rectifyStatus == "0") {
|
label = "未整改";
|
} else if (item.rectifyStatus == "1") {
|
label = "已整改";
|
}
|
}
|
} else if (item.stage == 5) {
|
if (item.acceptStatus) {
|
if (item.acceptStatus == "0") {
|
label = "未验收";
|
} else if (item.acceptStatus == "1") {
|
label = "已验收";
|
} else if (item.acceptStatus == "2") {
|
label = "验收未通过";
|
}
|
}
|
|
}
|
}
|
return label;
|
}
|
},
|
{
|
title: '操作',
|
align: 'center',
|
formatter: function (value, row, index) {
|
var actions = [];
|
if (row.stage) {
|
if (row.stage == 3) {
|
actions.push('<a class="btn btn-warning btn-xs" href="javascript:void(0)" onclick="detailDangerExamine(\'' + row.id + '\')"><i class="fa fa-search"></i>查看</a> ');
|
actions.push('<a class="btn btn-success btn-xs" href="javascript:void(0)" onclick="editType(\'' + row.id + '\')"><i class="fa fa-edit"></i>修改</a>');
|
if (common == "common") {
|
actions.push('<a class="btn btn-danger btn-xs " href="javascript:void(0)" onclick="$.operate.remove(\'' + row.id + '\')"><i class="fa fa-remove"></i>删除</a>');
|
}
|
|
return actions.join('');
|
} else if (row.stage == 4) {
|
actions.push('<a class="btn btn-warning btn-xs" href="javascript:void(0)" onclick="detailDangerRectify(\'' + row.id + '\')"><i class="fa fa-search"></i>查看</a> ');
|
actions.push('<a class="btn btn-success btn-xs" href="javascript:void(0)" onclick="editType(\'' + row.id + '\')"><i class="fa fa-edit"></i>修改</a>');
|
if (common == "common") {
|
actions.push('<a class="btn btn-danger btn-xs " href="javascript:void(0)" onclick="$.operate.remove(\'' + row.id + '\')"><i class="fa fa-remove"></i>删除</a>');
|
}
|
|
return actions.join('');
|
} else if (row.stage == 5) {
|
actions.push('<a class="btn btn-warning btn-xs" href="javascript:void(0)" onclick="detailDangerAccept(\'' + row.id + '\')"><i class="fa fa-search"></i>查看</a> ');
|
actions.push('<a class="btn btn-success btn-xs" href="javascript:void(0)" onclick="editType(\'' + row.id + '\')"><i class="fa fa-edit"></i>修改</a>');
|
if (common == "common") {
|
actions.push('<a class="btn btn-danger btn-xs " href="javascript:void(0)" onclick="$.operate.remove(\'' + row.id + '\')"><i class="fa fa-remove"></i>删除</a>');
|
}
|
return actions.join('');
|
}
|
}
|
return actions.join('');
|
}
|
}]
|
};
|
$.table.init(options);
|
});
|
|
var compareDate = function (date1, date2) {
|
var oDate1 = new Date(date1);
|
var oDate2 = new Date(date2);
|
if (oDate1.getTime() >= oDate2.getTime()) {
|
return true; //第一个大
|
} else {
|
return false; //第二个大
|
}
|
}
|
|
|
/* 隐患核查--核查 */
|
function editDangerExamine(id) {
|
var editDangerExamineUrl = ctx + "tr/hiddenDangerCheck/dangerExamine/editDangerExamine/{id}";
|
$.modal.open("隐患核查", editDangerExamineUrl.replace("{id}", id));
|
}
|
|
/* 隐患核查--修改 */
|
function editType(id) {
|
var editTypeUrl = prefix + "/editDangerLevel/{id}";
|
console.log(id,'id')
|
$.modal.open("修改", editTypeUrl.replace("{id}", id));
|
}
|
|
/* 隐患核查--查看 */
|
function detailDangerExamine(id) {
|
var detailDangerExamineUrl = ctx + "tr/hiddenDangerCheck/dangerExamine/detailDangerExamine/{id}";
|
$.operate.openDetailInfo("查看隐患核查信息", detailDangerExamineUrl.replace("{id}", id));
|
}
|
|
/* 隐患整改--整改 */
|
function editDangerRectify(id) {
|
var editDangerRectifyUrl = ctx + "tr/hiddenDangerCheck/dangerRectify/editDangerRectify/{id}";
|
$.modal.open("隐患整改", editDangerRectifyUrl.replace("{id}", id));
|
}
|
|
/* 隐患整改--查看 */
|
function detailDangerRectify(id) {
|
var detailDangerRectifyUrl = ctx + "tr/hiddenDangerCheck/dangerRectify/detailDangerRectify/{id}";
|
$.operate.openDetailInfo("查看隐患整改信息", detailDangerRectifyUrl.replace("{id}", id));
|
}
|
|
/* 隐患验收--验收 */
|
function editDangerAccept(id) {
|
var editDangerAcceptUrl = ctx + "tr/hiddenDangerCheck/dangerAccept/editDangerAccept/{id}";
|
$.modal.open("隐患验收", editDangerAcceptUrl.replace("{id}", id));
|
}
|
|
/* 隐患验收--查看 */
|
function detailDangerAccept(id) {
|
var detailDangerAcceptUrl = ctx + "tr/hiddenDangerCheck/dangerAccept/detailDangerAccept/{id}";
|
$.operate.openDetailInfo("查看隐患验收信息", detailDangerAcceptUrl.replace("{id}", id));
|
}
|
|
/*隐患责任部门 选择 start*/
|
function selectDangerDeptTree() {
|
var treeId = $("#rectifyDeptIdLedger").val();
|
var deptId = $.common.isEmpty(treeId) ? "100" : $("#rectifyDeptIdLedger").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);
|
$("#rectifyDeptIdLedger").val(body.find('#treeId').val());
|
$("#dangerDeptName").val(body.find('#treeName').val());
|
layer.close(index);
|
// }
|
}
|
</script>
|
</body>
|
</html>
|
