<!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>