193 lines
8.5 KiB
Plaintext
193 lines
8.5 KiB
Plaintext
<%@ page language="java" pageEncoding="UTF-8"%>
|
||
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
|
||
|
||
<style type="text/css">
|
||
.select2-container .select2-selection--single{
|
||
height:34px;
|
||
line-height: 34px;
|
||
}
|
||
.select2-selection__arrow{
|
||
margin-top:3px;
|
||
}
|
||
</style>
|
||
<script type="text/javascript">
|
||
$(function(){
|
||
var alarmMoldCodeEnum=jQuery.parseJSON('${alarmMoldCodeEnum}');
|
||
var selelct_ = $("#moldCode").select2({
|
||
data: alarmMoldCodeEnum,
|
||
cache: false,
|
||
placeholder: '请选择',//默认文字提示
|
||
allowClear: true,//允许清空
|
||
escapeMarkup: function (markup) { return markup; }, // 自定义格式化防止xss注入
|
||
language: "zh-CN",
|
||
minimumInputLength: 0,
|
||
minimumResultsForSearch: 10,//数据超过十个启用搜索框
|
||
formatResult: function formatRepo(repo) { return repo.text; }, // 函数用来渲染结果
|
||
formatSelection: function formatRepoSelection(repo) { return repo.text; } // 函数用于呈现当前的选择
|
||
});
|
||
if('${param.nowMoldCode}'!=''){
|
||
selelct_.val('${param.nowMoldCode}').trigger("change");
|
||
}else{
|
||
selelct_.val('').trigger("change");
|
||
}
|
||
|
||
selelct_.on("change", function (e) {
|
||
var value = $('#moldCode').val();
|
||
var text = $("#moldCode").find("option:selected").text();
|
||
var value2 = $('#levelCode').val();
|
||
var text2 = $("#levelCode").find("option:selected").text();
|
||
$('#name').val(text+"_"+text2);
|
||
$('#code').val(value+"_"+value2);
|
||
});
|
||
|
||
var alarmLevelsCodeEnum=jQuery.parseJSON('${alarmLevelsCodeEnum}');
|
||
var selelct_2 = $("#levelCode").select2({
|
||
data: alarmLevelsCodeEnum,
|
||
cache: false,
|
||
placeholder: '请选择',//默认文字提示
|
||
allowClear: true,//允许清空
|
||
escapeMarkup: function (markup) { return markup; }, // 自定义格式化防止xss注入
|
||
language: "zh-CN",
|
||
minimumInputLength: 0,
|
||
minimumResultsForSearch: 10,//数据超过十个启用搜索框
|
||
formatResult: function formatRepo(repo) { return repo.text; }, // 函数用来渲染结果
|
||
formatSelection: function formatRepoSelection(repo) { return repo.text; } // 函数用于呈现当前的选择
|
||
});
|
||
selelct_2.val('').trigger("change");
|
||
selelct_2.on("change", function (e) {
|
||
var value = $('#moldCode').val();
|
||
var text = $("#moldCode").find("option:selected").text();
|
||
var value2 = $('#levelCode').val();
|
||
var text2 = $("#levelCode").find("option:selected").text();
|
||
$('#name').val(text+"_"+text2);
|
||
$('#code').val(value+"_"+value2);
|
||
});
|
||
|
||
var alarmInformationAlarmModeEnum=jQuery.parseJSON('${AlarmInformationAlarmModeEnum}');
|
||
var selelct_3 = $("#alarmMode").select2({
|
||
data: alarmInformationAlarmModeEnum,
|
||
cache: false,
|
||
placeholder: '请选择',//默认文字提示
|
||
allowClear: true,//允许清空
|
||
escapeMarkup: function (markup) { return markup; }, // 自定义格式化防止xss注入
|
||
language: "zh-CN",
|
||
minimumInputLength: 0,
|
||
minimumResultsForSearch: 10,//数据超过十个启用搜索框
|
||
formatResult: function formatRepo(repo) { return repo.text; }, // 函数用来渲染结果
|
||
formatSelection: function formatRepoSelection(repo) { return repo.text; } // 函数用于呈现当前的选择
|
||
});
|
||
selelct_3.val('').trigger("change");
|
||
// if(alarmInformationAlarmModeEnum!=''){
|
||
// selelct_3.val(alarmInformationAlarmModeEnum[0].id).trigger("change");
|
||
// }else{
|
||
// selelct_3.val('').trigger("change");
|
||
// }
|
||
selelct_3.on("change", function (e) {
|
||
|
||
});
|
||
|
||
})
|
||
|
||
function dosave() {
|
||
$("#subForm").bootstrapValidator('validate');//提交验证
|
||
setTimeout(function(){
|
||
if ($("#subForm").data('bootstrapValidator').isValid()) {//获取验证结果，如果成功，执行下面代码
|
||
$.post(ext.contextPath + "/alarm/alarmInformation/dosave.do", $("#subForm").serialize()+"&unitId="+unitId, function(data) {
|
||
if (data.code == 1){
|
||
informationTree();
|
||
// closeModal('subModal');
|
||
// $("#table").bootstrapTable('refresh');
|
||
// showAlert('s','保存成功');
|
||
}else if(data.code == 0){
|
||
showAlert('d',data.msg);
|
||
}else{
|
||
showAlert('d',data.msg);
|
||
}
|
||
},'json');
|
||
}
|
||
}, 100);
|
||
|
||
}
|
||
//输入框验证
|
||
$("#subForm").bootstrapValidator({
|
||
live: 'disabled',//验证时机，enabled是内容有变化就验证（默认），disabled和submitted是提交再验证
|
||
fields: {
|
||
moldCode: {
|
||
validators: {
|
||
notEmpty: {
|
||
message: '报警类型不能为空'
|
||
}
|
||
}
|
||
},
|
||
levelCode: {
|
||
validators: {
|
||
notEmpty: {
|
||
message: '报警等级不能为空'
|
||
}
|
||
}
|
||
}
|
||
}
|
||
});
|
||
|
||
var showUser4SelectsFun = function() {
|
||
var userIds= $("#alarmReceivers").val();
|
||
$.post(ext.contextPath + '/user/userForSelectByStructure.do', {formId:"subForm",hiddenId:"alarmReceivers",textId:"alarmReceiversName",userIds:userIds} , function(data) {
|
||
$("#user4SelectDiv").html(data);
|
||
openModal("user4SelectModal");
|
||
});
|
||
};
|
||
|
||
</script>
|
||
<div class="box box-primary">
|
||
<div class="box-header with-border">
|
||
<h3 class="box-title">新增</h3>
|
||
|
||
<div class="box-tools pull-right">
|
||
<a onclick="dosave()" class="btn btn-box-tool" data-toggle="tooltip" title="保存"><i
|
||
class="glyphicon glyphicon-floppy-disk"></i></a>
|
||
<a onclick="dodel()" class="btn btn-box-tool" data-toggle="tooltip" title="删除"><i
|
||
class="glyphicon glyphicon-trash"></i></a>
|
||
</div>
|
||
</div>
|
||
<!-- /.box-header -->
|
||
<div class="box-body ">
|
||
<form class="form-horizontal" id="subForm">
|
||
<!-- 界面提醒div强制id为alertDiv -->
|
||
<div id="alertDiv"></div>
|
||
<div class="form-group">
|
||
<label class="col-sm-2 control-label">*名称</label>
|
||
<div class="col-sm-4">
|
||
<input type="text" class="form-control" id="name" name ="name" placeholder="名称" readonly>
|
||
</div>
|
||
<label class="col-sm-2 control-label">*标识</label>
|
||
<div class="col-sm-4">
|
||
<input type="text" class="form-control" id="code" name ="code" placeholder="标识" readonly>
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label class="col-sm-2 control-label">*报警类型</label>
|
||
<div class="col-sm-4">
|
||
<select class="form-control select2" id="moldCode" name ="moldCode" style="width:170px;"></select>
|
||
</div>
|
||
<label class="col-sm-2 control-label">*报警等级</label>
|
||
<div class="col-sm-4">
|
||
<select class="form-control select2" id="levelCode" name ="levelCode" style="width:170px;"></select>
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label class="col-sm-2 control-label">报警方式</label>
|
||
<div class="col-sm-4">
|
||
<select class="form-control select2" id="alarmMode" name ="alarmMode" style="width:170px;"></select>
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label class="col-sm-2 control-label">报警接收人</label>
|
||
<div class="col-sm-10">
|
||
<textarea type="text" style="height: 80px;" class="form-control" id="alarmReceiversName" name ="alarmReceiversName" placeholder="报警接收人" onclick="showUser4SelectsFun();" readonly></textarea>
|
||
<input id="alarmReceivers" name="alarmReceivers" type="hidden" />
|
||
</div>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</div>
|