提交 3357529d 编写于 作者: X xueli.xue

弹框组件统一替换为layer;

上级 aeb1df7e
...@@ -49,7 +49,6 @@ ...@@ -49,7 +49,6 @@
<script src="${request.contextPath}/static/plugins/layer/layer.js"></script> <script src="${request.contextPath}/static/plugins/layer/layer.js"></script>
<#-- common --> <#-- common -->
<script src="${request.contextPath}/static/js/xxl.alert.1.js"></script>
<script src="${request.contextPath}/static/js/common.1.js"></script> <script src="${request.contextPath}/static/js/common.1.js"></script>
<script>var base_url = '${request.contextPath}';</script> <script>var base_url = '${request.contextPath}';</script>
......
...@@ -2,17 +2,29 @@ $(function(){ ...@@ -2,17 +2,29 @@ $(function(){
// logout // logout
$("#logoutBtn").click(function(){ $("#logoutBtn").click(function(){
ComConfirm.show("确认注销登录?", function(){ layer.confirm('确认注销登录?', {icon: 3, title:'系统提示'}, function(index){
layer.close(index);
$.post(base_url + "/logout", function(data, status) { $.post(base_url + "/logout", function(data, status) {
if (data.code == "200") { if (data.code == "200") {
ComAlert.show(1, "注销成功", function(){ layer.open({
window.location.href = base_url + "/"; title: '系统提示',
content: '注销成功',
icon: '1',
end: function(layero, index){
window.location.href = base_url + "/";
}
}); });
} else { } else {
ComAlert.show(1, data.msg); layer.open({
title: '系统提示',
content: (data.msg || "操作失败"),
icon: '2'
});
} }
}); });
}); });
}); });
// slideToTop // slideToTop
......
...@@ -18,7 +18,11 @@ $(function () { ...@@ -18,7 +18,11 @@ $(function () {
lineChartInit(data) lineChartInit(data)
pieChartInit(data); pieChartInit(data);
} else { } else {
ComAlert.show(2, data.msg || '调度报表数据加载异常' ); layer.open({
title: '系统提示',
content: (data.msg || '调度报表数据加载异常'),
icon: '2'
});
} }
} }
}); });
......
...@@ -49,14 +49,21 @@ $(function() { ...@@ -49,14 +49,21 @@ $(function() {
var glueRemark = $("#glueRemark").val(); var glueRemark = $("#glueRemark").val();
if (!glueRemark) { if (!glueRemark) {
ComAlert.show(2, "请输入备注"); layer.open({
title: '系统提示',
content: '请输入备注',
icon: '2'
});
return; return;
} }
if (glueRemark.length <4 || glueRemark.length > 100) { if (glueRemark.length <4 || glueRemark.length > 100) {
ComAlert.show(2, "备注长度应该在4至100之间"); layer.open({
title: '系统提示',
content: '备注长度应该在4至100之间',
icon: '2'
});
return; return;
} }
$.ajax({ $.ajax({
type : 'POST', type : 'POST',
...@@ -69,12 +76,21 @@ $(function() { ...@@ -69,12 +76,21 @@ $(function() {
dataType : "json", dataType : "json",
success : function(data){ success : function(data){
if (data.code == 200) { if (data.code == 200) {
ComAlert.show(1, '保存成功', function(){ layer.open({
//$(window).unbind('beforeunload'); title: '系统提示',
window.location.reload(); content: '保存成功',
icon: '1',
end: function(layero, index){
//$(window).unbind('beforeunload');
window.location.reload();
}
}); });
} else { } else {
ComAlert.show(2, data.msg); layer.open({
title: '系统提示',
content: (data.msg || "保存失败"),
icon: '2'
});
} }
} }
}); });
......
...@@ -4,7 +4,9 @@ $(function() { ...@@ -4,7 +4,9 @@ $(function() {
$('.remove').on('click', function(){ $('.remove').on('click', function(){
var id = $(this).attr('id'); var id = $(this).attr('id');
ComConfirm.show("确认删除分组?", function(){ layer.confirm('确认删除分组?', {icon: 3, title:'系统提示'}, function(index){
layer.close(index);
$.ajax({ $.ajax({
type : 'POST', type : 'POST',
url : base_url + '/jobgroup/remove', url : base_url + '/jobgroup/remove',
...@@ -12,18 +14,25 @@ $(function() { ...@@ -12,18 +14,25 @@ $(function() {
dataType : "json", dataType : "json",
success : function(data){ success : function(data){
if (data.code == 200) { if (data.code == 200) {
ComAlert.show(1, '删除成功'); layer.open({
window.location.reload(); title: '系统提示',
content: '删除成功',
icon: '1',
end: function(layero, index){
window.location.reload();
}
});
} else { } else {
if (data.msg) { layer.open({
ComAlert.show(2, data.msg); title: '系统提示',
} else { content: (data.msg || "删除失败"),
ComAlert.show(2, '删除失败'); icon: '2'
} });
} }
}, },
}); });
}); });
}); });
// jquery.validate 自定义校验 “英文字母开头,只含有英文字母、数字和下划线” // jquery.validate 自定义校验 “英文字母开头,只含有英文字母、数字和下划线”
...@@ -86,17 +95,20 @@ $(function() { ...@@ -86,17 +95,20 @@ $(function() {
$.post(base_url + "/jobgroup/save", $("#addModal .form").serialize(), function(data, status) { $.post(base_url + "/jobgroup/save", $("#addModal .form").serialize(), function(data, status) {
if (data.code == "200") { if (data.code == "200") {
$('#addModal').modal('hide'); $('#addModal').modal('hide');
setTimeout(function () { layer.open({
ComAlert.show(1, "新增成功", function(){ title: '系统提示',
content: '新增成功',
icon: '1',
end: function(layero, index){
window.location.reload(); window.location.reload();
}); }
}, 315); });
} else { } else {
if (data.msg) { layer.open({
ComAlert.show(2, data.msg); title: '系统提示',
} else { content: (data.msg || "新增失败"),
ComAlert.show(2, "新增失败"); icon: '2'
} });
} }
}); });
} }
...@@ -186,17 +198,21 @@ $(function() { ...@@ -186,17 +198,21 @@ $(function() {
$.post(base_url + "/jobgroup/update", $("#updateModal .form").serialize(), function(data, status) { $.post(base_url + "/jobgroup/update", $("#updateModal .form").serialize(), function(data, status) {
if (data.code == "200") { if (data.code == "200") {
$('#addModal').modal('hide'); $('#addModal').modal('hide');
setTimeout(function () {
ComAlert.show(1, "更新成功", function(){ layer.open({
title: '系统提示',
content: '更新成功',
icon: '1',
end: function(layero, index){
window.location.reload(); window.location.reload();
}); }
}, 315); });
} else { } else {
if (data.msg) { layer.open({
ComAlert.show(2, data.msg); title: '系统提示',
} else { content: (data.msg || "更新失败"),
ComAlert.show(2, "更新失败"); icon: '2'
} });
} }
}); });
} }
......
...@@ -201,8 +201,10 @@ $(function() { ...@@ -201,8 +201,10 @@ $(function() {
} }
var id = $(this).parent('p').attr("id"); var id = $(this).parent('p').attr("id");
ComConfirm.show("确认" + typeName + "?", function(){ layer.confirm('确认' + typeName + '?', {icon: 3, title:'系统提示'}, function(index){
layer.close(index);
$.ajax({ $.ajax({
type : 'POST', type : 'POST',
url : url, url : url,
...@@ -212,14 +214,24 @@ $(function() { ...@@ -212,14 +214,24 @@ $(function() {
dataType : "json", dataType : "json",
success : function(data){ success : function(data){
if (data.code == 200) { if (data.code == 200) {
ComAlert.show(1, typeName + "成功", function(){
if (needFresh) { layer.open({
//window.location.reload(); title: '系统提示',
jobTable.fnDraw(); content: typeName + "成功",
icon: '1',
end: function(layero, index){
if (needFresh) {
//window.location.reload();
jobTable.fnDraw();
}
} }
}); });
} else { } else {
ComAlert.show(1, typeName + "失败"); layer.open({
title: '系统提示',
content: (data.msg || typeName + "失败"),
icon: '2'
});
} }
}, },
}); });
...@@ -278,18 +290,21 @@ $(function() { ...@@ -278,18 +290,21 @@ $(function() {
$.post(base_url + "/jobinfo/add", $("#addModal .form").serialize(), function(data, status) { $.post(base_url + "/jobinfo/add", $("#addModal .form").serialize(), function(data, status) {
if (data.code == "200") { if (data.code == "200") {
$('#addModal').modal('hide'); $('#addModal').modal('hide');
setTimeout(function () { layer.open({
ComAlert.show(1, "新增任务成功", function(){ title: '系统提示',
content: '新增任务成功',
icon: '1',
end: function(layero, index){
jobTable.fnDraw(); jobTable.fnDraw();
//window.location.reload(); //window.location.reload();
}); }
}, 315); });
} else { } else {
if (data.msg) { layer.open({
ComAlert.show(2, data.msg); title: '系统提示',
} else { content: (data.msg || "新增失败"),
ComAlert.show(2, "新增失败"); icon: '2'
} });
} }
}); });
} }
...@@ -394,18 +409,21 @@ $(function() { ...@@ -394,18 +409,21 @@ $(function() {
$.post(base_url + "/jobinfo/reschedule", $("#updateModal .form").serialize(), function(data, status) { $.post(base_url + "/jobinfo/reschedule", $("#updateModal .form").serialize(), function(data, status) {
if (data.code == "200") { if (data.code == "200") {
$('#updateModal').modal('hide'); $('#updateModal').modal('hide');
setTimeout(function () { layer.open({
ComAlert.show(1, "更新成功", function(){ title: '系统提示',
content: '更新成功',
icon: '1',
end: function(layero, index){
//window.location.reload(); //window.location.reload();
jobTable.fnDraw(); jobTable.fnDraw();
}); }
}, 315); });
} else { } else {
if (data.msg) { layer.open({
ComAlert.show(2, data.msg); title: '系统提示',
} else { content: (data.msg || "更新失败"),
ComAlert.show(2, "更新失败"); icon: '2'
} });
} }
}); });
} }
......
...@@ -48,11 +48,20 @@ $(function(){ ...@@ -48,11 +48,20 @@ $(function(){
submitHandler : function(form) { submitHandler : function(form) {
$.post(base_url + "/login", $("#loginForm").serialize(), function(data, status) { $.post(base_url + "/login", $("#loginForm").serialize(), function(data, status) {
if (data.code == "200") { if (data.code == "200") {
ComAlert.show(1, "登录成功", function(){ layer.open({
window.location.href = base_url; title: '系统提示',
}); content: '登录成功',
icon: '1',
end: function(layero, index){
window.location.href = base_url;
}
});
} else { } else {
ComAlert.show(2, data.msg); layer.open({
title: '系统提示',
content: (data.msg || "登录失败"),
icon: '2'
});
} }
}); });
} }
......
/**
* Created by xuxueli on 16/8/12.
*
* dependency, jquery + bootstrap
*/
// 通用提示
var ComAlert = {
html:function(){
var html =
'<div class="modal fade" id="ComAlert" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">' +
'<div class="modal-dialog">' +
'<div class="modal-content">' +
'<div class="modal-header hidden"><h4 class="modal-title"><strong>提示:</strong></h4></div>' +
'<div class="modal-body"><div class="alert alert-success"></div></div>' +
'<div class="modal-footer">' +
'<div class="text-center" >' +
'<button type="button" class="btn btn-default ok" data-dismiss="modal" >确认</button>' +
'</div>' +
'</div>' +
'</div>' +
'</div>' +
'</div>';
return html;
},
show:function(type, msg, callback){
// dom init
if ($('#ComAlert').length == 0){
$('body').append(ComAlert.html());
}
// 弹框初始
if (type == 1) {
$('#ComAlert .alert').attr('class', 'alert alert-success');
} else {
$('#ComAlert .alert').attr('class', 'alert alert-warning');
}
$('#ComAlert .alert').html(msg);
$('#ComAlert').modal('show');
$('#ComAlert .ok').click(function(){
$('#ComAlert').modal('hide');
if(typeof callback == 'function') {
callback();
}
});
// $("#ComAlert").on('hide.bs.modal', function () { }); // 监听关闭
}
};
// 通用确认弹框
var ComConfirm = {
html:function(){
var html =
'<div class="modal fade" id="ComConfirm" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">' +
'<div class="modal-dialog">' +
'<div class="modal-content">' +
'<div class="modal-body"><div class="alert alert-success"></div></div>' +
'<div class="modal-footer">' +
'<div class="text-center" >' +
'<button type="button" class="btn btn-primary ok" data-dismiss="modal" >确认</button>' +
'<button type="button" class="btn btn-default cancel" data-dismiss="modal" >取消</button>' +
'</div>' +
'</div>' +
'</div>' +
'</div>' +
'</div>';
return html;
},
show:function(msg, callback){
// dom init
if ($('#ComConfirm').length == 0){
$("body").append(ComConfirm.html());
}
// 弹框初始
$('#ComConfirm .alert').attr('class', 'alert alert-warning');
$('#ComConfirm .alert').html(msg);
$('#ComConfirm').modal('show');
$('#ComConfirm .ok').unbind("click"); // 解绑陈旧事件
$('#ComConfirm .ok').click(function(){
$('#ComConfirm').modal('hide');
if(typeof callback == 'function') {
setTimeout(function(){
callback();
return;
}, 315);
}
});
$('#ComConfirm .cancel').click(function(){
$('#ComConfirm').modal('hide');
return;
});
}
};
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册