<!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 :: select2-css" />
|
</head>
|
<body class="white-bg">
|
<div class="wrapper wrapper-content animated fadeInRight ibox-content">
|
<form class="form-horizontal m" id="form-hiddenDangerCheck-add">
|
<div class="form-group">
|
<label class="col-sm-3 control-label is-required">计划名称：</label>
|
<div class="col-sm-8">
|
<input name="planName" 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">-->
|
<!--<select name="troubleshootTypeId" class="form-control m-b" required>-->
|
<!--<option th:each="troubleshootType : ${troubleshootTypeList}" th:text="${troubleshootType.typeName}"-->
|
<!--th:value="${troubleshootType.typeId}"></option>-->
|
<!--</select>-->
|
<!--</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">
|
<input name="organizationDeptId" type="hidden" id="organizationDeptId">
|
<input name="organizationDeptName" onclick="selectOrganizationDeptTree()" id="organizationDeptName"
|
type="text" placeholder="请选择归属部门" class="form-control" required
|
readonly="readonly">
|
<span class="input-group-addon"><i class="fa fa-search"></i></span>
|
</div>
|
</div>
|
</div>
|
|
<!--<div class="form-group">-->
|
<!--<label class="col-sm-3 control-label is-required">风险单元类型：</label>-->
|
<!--<div class="col-sm-8">-->
|
<!--<select name="riskType" id="riskType" class="form-control m-b" required>-->
|
<!--<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 is-required">风险单元：</label>-->
|
<!--<div class="col-sm-8">-->
|
<!--<input id="checkPointName" name="riskName" placeholder="选择风险单元" class="form-control" type="text"-->
|
<!--onclick="selectRiskPoint()" maxlength="30" readonly="true" required>-->
|
<!--<input id="checkPointId" name="riskId" type="hidden">-->
|
<!--<input id="dangerDeptId" name="dangerDeptId" type="hidden">-->
|
<!--<input id="dangerDeptName" name="dangerDeptName" type="hidden">-->
|
<!--<input id="dangerPlaceName" name="dangerPlaceName" 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="checkType" class="form-control m-b" required id="checkType">
|
<option value="1">基础清单排查</option>
|
<option value="2">风险单元清单排查</option>
|
</select>
|
</div>
|
</div>
|
|
|
|
<div class="form-group" style="display:block;" id="basicRiskListInfo">
|
<label class="col-sm-3 control-label is-required">基础清单：</label>
|
<div class="col-sm-8">
|
<select class="form-control m-b" name="riskId" id="basicRiskList">
|
<option th:each="basic : ${basicRiskList}"
|
th:text="${basic.riskListName}"
|
th:value="${basic.riskListId}"></option>
|
</select>
|
</div>
|
</div>
|
|
|
<div class="form-group" id="riskInfo" style="display:none" >
|
<label class="col-sm-3 control-label is-required">风险单元：</label>
|
<div class="col-sm-8">
|
<input id="riskName" placeholder="选择风险单元" class="form-control" type="text"
|
onclick="selectRiskList()" maxlength="30" readonly="true">
|
<input id="riskId" name="riskIdLabel" type="hidden">
|
<input id="riskDeptId" name="dangerDeptId" type="hidden">
|
<input id="riskDeptName" name="dangerDeptName" type="hidden">
|
<input id="riskPlaceId" name="dangerPlaceId" type="hidden">
|
<input id="riskPlaceName" name="dangerPlaceName" type="hidden">
|
<input id="riskType" name="riskType" type="hidden">
|
</div>
|
</div>
|
|
<div class="form-group">
|
<label class="col-sm-3 control-label is-required">排查人：</label>
|
<div class="col-sm-8">
|
<select id ="checkUserIds" class="form-control select2-multiple" multiple required readonly="">
|
<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">
|
<div class="input-group">
|
<input name="beCheckedDeptId" type="hidden" id="beCheckedDeptId">
|
<input name="beCheckedDeptName" onclick="selectBeCheckedDeptTree()" id="beCheckedDeptName"
|
type="text" placeholder="请选择归属部门" class="form-control" required
|
readonly="readonly">
|
<span class="input-group-addon"><i class="fa fa-search"></i></span>
|
</div>
|
</div>
|
</div>
|
|
<div class="form-group">
|
<label class="col-sm-3 control-label is-required">排查开始日期：</label>
|
<div class="col-sm-8">
|
<input name="checkBeginTime" 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 name="checkEndTime" placeholder="请选择排查结束日期" class="form-control" type="text" readonly="readonly"
|
required>
|
</div>
|
</div>
|
|
</form>
|
</div>
|
<th:block th:include="include :: footer"/>
|
<th:block th:include="include :: datetimepicker-js"/>
|
<th:block th:include="include :: select2-js" />
|
<script type="text/javascript">
|
|
|
|
//切换排查类型
|
$("#checkType").on("change", function () {
|
var $thisValue = $(this).val();
|
if($thisValue == "1"){
|
$("#riskInfo").find(":input").attr("disabled", true);
|
$("#riskInfo").hide();
|
$("#basicRiskListInfo").attr("disabled", false);//基础清单信息
|
$("#basicRiskListInfo").show();
|
|
$("#basicRiskList").attr("required", "true");
|
$("#riskName").attr("required", "false");
|
}else if($thisValue == "2"){
|
$("#basicRiskListInfo").attr("disabled",true);
|
$("#basicRiskListInfo").hide();
|
$("#riskInfo").find(":input").attr("disabled", false);
|
$("#riskInfo").show();
|
|
$("#basicRiskList").attr("required", "false");
|
$("#riskName").attr("required", "true");
|
}
|
});
|
|
|
|
|
/*选择风险单元 选择 start*/
|
function selectRiskList() {
|
var url = ctx + "tr/riskList/selectRiskListByDangerReportMultiple";
|
var options = {
|
title: '选择风险单元',
|
width: "700",
|
height: "500",
|
url: url,
|
callBack: doSubmitSelectRiskList
|
};
|
$.modal.openOptions(options);
|
}
|
|
function doSubmitSelectRiskList(index, layero) {
|
var rows = layero.find("iframe")[0].contentWindow.$("#bootstrap-table").bootstrapTable('getSelections');
|
if (rows.length > 0) {
|
var riskId = "";
|
var riskName = "";
|
var riskDeptId = "";
|
var riskDeptName = "";
|
var riskPlaceId = "";
|
var riskPlaceName = "";
|
var riskType = "";
|
|
$.each(rows, function (i, row) {
|
riskId = riskId!="" ? riskId + "," + row.riskListId : row.riskListId;
|
riskName = riskName!="" ? riskName + "," + row.riskListName : row.riskListName;
|
riskDeptId = riskDeptId!="" ? riskDeptId + "," + row.deptId : row.deptId;
|
riskDeptName = riskDeptName!="" ? riskDeptName + "," + row.deptName : row.deptName;
|
riskPlaceId = riskPlaceId!="" ? riskPlaceId + "," + row.regionId : row.regionId;
|
riskPlaceName = riskPlaceName!="" ? riskPlaceName + "," + row.regionName : row.regionName;
|
riskType = riskType!="" ? riskType + "," + row.riskType : row.riskType;
|
});
|
$("#riskId").val(riskId);
|
$("#riskName").val(riskName);
|
$("#riskDeptId").val(riskDeptId);
|
$("#riskDeptName").val(riskDeptName);
|
$("#riskPlaceId").val(riskPlaceId);
|
$("#riskPlaceName").val(riskPlaceName);
|
$("#riskType").val(riskType);
|
layer.close(index);
|
} else {
|
$.modal.alertWarning("请至少选择一个风险单元");
|
}
|
}
|
|
/*选择风险单元 选择 end*/
|
|
|
|
|
|
// // 选择风险单元
|
// function selectRiskPoint() {
|
// var riskType = $('#riskType').val();
|
// var url = "/tr/riskList/selectRiskListByDangerReport/" + riskType;
|
// $.modal.openNoConfirm("选择风险单元", url, '700', '500');
|
// }
|
|
var prefix = ctx + "tr/hiddenDangerCheck/dangerPlanFormulate";
|
$("#form-hiddenDangerCheck-add").validate({
|
focusCleanup: true
|
});
|
|
function submitHandler() {
|
if ($.validate.form()) {
|
var data = $('#form-hiddenDangerCheck-add').serializeArray();
|
|
// var troubleshootTypeName = $("select[name='troubleshootTypeId']").find("option:selected").text();//排查类型名称
|
// data.push({"name": "troubleshootTypeName", "value": troubleshootTypeName});
|
|
// var checkUserName = $("select[name='checkUserId']").find("option:selected").text();//排查人名称
|
// data.push({"name": "checkUserName", "value": checkUserName});
|
|
var checkUserIds = $.form.selectSelects("checkUserIds");
|
data.push({"name": "checkUserIds", "value": checkUserIds});
|
|
//取text
|
var checkUserNames = "";
|
$('#checkUserIds option:selected').each(function (i) {
|
if (0 == i) {
|
checkUserNames = $(this).text();
|
} else {
|
checkUserNames += ("," + $(this).text());
|
}
|
});
|
|
data.push({"name": "checkUserNames", "value": checkUserNames});
|
|
var checkType = $("#checkType").val();//排查类型
|
if(checkType == "1"){//基础清单排查
|
$("#riskInfo").find(":input").attr("disabled", true);
|
$("#riskInfo").hide();
|
var riskId = $("#basicRiskList").find("option:selected").val();//基础清单文件risk_id
|
var riskName = $("#basicRiskList").find("option:selected").text();//基础清单文件risk_name
|
if(riskId==null||riskId==""){
|
$.modal.alertWarning("请选择基础清单文件！");
|
return false;
|
}
|
data.push({"name": "riskName", "value": riskName});//风险名称
|
}else if(checkType == "2"){//选择风险单元清单排查
|
$("#basicRiskListInfo").attr("disabled",true);
|
$("#basicRiskListInfo").hide();
|
|
var riskId = $("#riskId").val();
|
if(riskId==null||riskId==""){
|
$.modal.alertWarning("请选择风险单元！");
|
return false;
|
}
|
var riskName = $("#riskName").val();
|
data.push({"name": "riskName", "value": riskName});//风险名称
|
}
|
|
|
$.operate.save(prefix + "/addDangerPlanFormulate", data);
|
}
|
}
|
|
/*组织单位 选择 start*/
|
function selectOrganizationDeptTree() {
|
var treeId = $("#organizationDeptId").val();
|
var deptId = $.common.isEmpty(treeId) ? "100" : $("#organizationDeptId").val();
|
var url = ctx + "system/dept/selectDeptTreeByCompanyId/" + deptId;
|
var options = {
|
title: '选择部门',
|
width: "380",
|
url: url,
|
callBack: doSubmitOrganizationDept
|
};
|
$.modal.openOptions(options);
|
}
|
|
function doSubmitOrganizationDept(index, layero) {
|
var tree = layero.find("iframe")[0].contentWindow.$._tree;
|
// if ($.tree.notAllowParents(tree)) {
|
var body = layer.getChildFrame('body', index);
|
$("#organizationDeptId").val(body.find('#treeId').val());
|
$("#organizationDeptName").val(body.find('#treeName').val());
|
layer.close(index);
|
// }
|
}
|
|
/*组织单位 选择 end*/
|
|
|
/*被检查单位 选择 start*/
|
function selectBeCheckedDeptTree() {
|
var treeId = $("#beCheckedDeptId").val();
|
var deptId = $.common.isEmpty(treeId) ? "100" : $("#beCheckedDeptId").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);
|
$("#beCheckedDeptId").val(body.find('#treeId').val());
|
$("#beCheckedDeptName").val(body.find('#treeName').val());
|
layer.close(index);
|
// }
|
}
|
|
/*被检查单位 选择 end*/
|
|
|
$("input[name='checkBeginTime']").datetimepicker({
|
format: "yyyy-mm-dd",
|
minView: "month",
|
autoclose: true
|
});
|
|
$("input[name='checkEndTime']").datetimepicker({
|
format: "yyyy-mm-dd",
|
minView: "month",
|
autoclose: true
|
});
|
</script>
|
</body>
|
</html>
|
