<!DOCTYPE HTML>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<meta charset="utf-8">
<head 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-alarmFlow-add">
<div class="form-group">
<label class="col-sm-3 control-label">报警等级：</label>
<div class="col-sm-8">
<input id="grade" name="grade" class="form-control" type="text">
</div>
</div>
<!--<div class="form-group">-->
<!--<label class="col-sm-3 control-label">报警名称：</label>-->
<!--<div class="col-sm-8">-->
<!--<input id="name" name="name" class="form-control" type="text">-->
<!--</div>-->
<!--</div>-->
<!--<div class="form-group">-->
<!--<label class="col-sm-3 control-label">报警编码：</label>-->
<!--<div class="col-sm-8">-->
<!--<input id="code" name="code" class="form-control" type="text">-->
<!--</div>-->
<!--</div>-->
<div class="form-group">
<label class="col-sm-3 control-label">报警类型：</label>
<div class="col-sm-8">
<select id="alarmT" name="alarmT" class="form-control" type="text" style="width:25%;display:inline-block"></select>
<span class="" style="display:inline-block;width:18%;text-align:center;padding-left:10px">报警名称：</span>
<select id="alarmName" name="alarmName" class="form-control" type="text" style="display:inline-block;width:55%"></select>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">收件人名称：</label>
<div class="col-sm-8">
<input id="addressee" name="addressee" class="form-control" type="text">
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">收件人邮箱：</label>
<div class="col-sm-8">
<input id="addresseeemail" name="addresseeemail" class="form-control" type="text">
</div>
</div>
<!--<div class="form-group"> -->
<!--<label class="col-sm-3 control-label">创建用户：</label>-->
<!--<div class="col-sm-8">-->
<!--<input id="createdBy" name="createdBy" class="form-control" type="text">-->
<!--</div>-->
<!--</div>-->
<!--<div class="form-group"> -->
<!--<label class="col-sm-3 control-label">创建时间：</label>-->
<!--<div class="col-sm-8">-->
<!--<input id="lastUpdated" name="lastUpdated" class="form-control" type="text">-->
<!--</div>-->
<!--</div>-->
<!--<div class="form-group"> -->
<!--<label class="col-sm-3 control-label">更新用户：</label>-->
<!--<div class="col-sm-8">-->
<!--<input id="lastUpdatedBy" name="lastUpdatedBy" class="form-control" type="text">-->
<!--</div>-->
<!--</div>-->
<div class="form-group">
<label class="col-sm-3 control-label">是否有效：</label>
<div class="col-sm-8">
<!--<input id="enable" name="enable" class="form-control" type="text">-->
<div class="onoffswitch">
<input type="checkbox" th:checked="true" class="onoffswitch-checkbox" id="enable" name="enable">
<label class="onoffswitch-label" for="enable">
<span class="onoffswitch-inner"></span>
<span class="onoffswitch-switch"></span>
</label>
</div>
</div>
</div>
<!--<div class="form-group"> -->
<!--<label class="col-sm-3 control-label">是否删除：</label>-->
<!--<div class="col-sm-8">-->
<!--<input id="deleted" name="deleted" class="form-control" type="text">-->
<!--</div>-->
<!--</div>-->
<!--<div class="form-group"> -->
<!--<label class="col-sm-3 control-label">自定义字段1：</label>-->
<!--<div class="col-sm-8">-->
<!--<input id="userDef1" name="userDef1" class="form-control" type="text">-->
<!--</div>-->
<!--</div>-->
<div class="form-group">
<div class="form-control-static col-sm-offset-9">
<button type="submit" class="btn btn-primary" onclick="check()" >提交</button>
<button onclick="$.modal.close()" class="btn btn-danger" type="button">关闭</button>
</div>
</div>
</form>
</div>
<div th:include="include::footer"></div>
<script type="text/javascript">
var prefix = ctx + "administration/alarmFlow";
$("#form-alarmFlow-add").validate({
submitHandler: function(form) {
$.ajax({
cache : true,
type : "POST",
url : prefix + "/add",
data : {
"grade" : $("input[name='grade']").val(),
"enable" : $("input[name='enable']").is(':checked'),
"type" :$("#alarmT option:selected").val(),
"addressee" :$("input[name='addressee']").val(),
"addresseeemail" :$("input[name='addresseeemail']").val(),
"alarmid" : $("#alarmName option:selected").val(),
},
async : false,
error : function(request) {
$.modal.alertError("添加失败！");
},
success : function(data) {
$.operate.saveSuccess(data);
}
});
}
});
$(function () {
//页面初始化请求
resetAjax();
//报警类型选择
$("#alarmT").change(function () {
let id=$("#alarmT option:selected").val();
let alarmT=$("#alarmT option:selected").text();
AjaxAlarm(alarmT,id);
})
});
function resetAjax() {
$.ajax({
url:prefix+'/type',
type:'post',
data:{},
success:function (res) {
if (res.code === 200) {
$("#alarmT").children().remove();
for (let i = 0; i < res.data.length; i++) {
$("#alarmT").append("<option value='"+res.data[i].type+"'>"+res.data[i].type+"</option>")
}
AjaxAlarm(res.data[0].type,res.data[0].id)
}
else {
console.log(res.msg);
}
}
})
}
function AjaxAlarm(type,id) {
$.ajax({
url:prefix+'/name',
type:'post',
data:{
type:type,
id:id
},
success:function (res) {
if (res.code === 200) {
$("#alarmName").children().remove();
for (let i = 0; i < res.data.length; i++) {
$("#alarmName").append("<option value='"+res.data[i].id+"'>"+res.data[i].name+"</option>")
}
}
else {
console.log(res.msg);
}
}
})
}
</script>
</body>
</html>