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

弹框组件统一替换为layer;

上级 aeb1df7e
......@@ -49,7 +49,6 @@
<script src="${request.contextPath}/static/plugins/layer/layer.js"></script>
<#-- common -->
<script src="${request.contextPath}/static/js/xxl.alert.1.js"></script>
<script src="${request.contextPath}/static/js/common.1.js"></script>
<script>var base_url = '${request.contextPath}';</script>
......
......@@ -2,17 +2,29 @@ $(function(){
// logout
$("#logoutBtn").click(function(){
ComConfirm.show("确认注销登录?", function(){
layer.confirm('确认注销登录?', {icon: 3, title:'系统提示'}, function(index){
layer.close(index);
$.post(base_url + "/logout", function(data, status) {
if (data.code == "200") {
ComAlert.show(1, "注销成功", function(){
window.location.href = base_url + "/";
layer.open({
title: '系统提示',
content: '注销成功',
icon: '1',
end: function(layero, index){
window.location.href = base_url + "/";
}
});
} else {
ComAlert.show(1, data.msg);
layer.open({
title: '系统提示',
content: (data.msg || "操作失败"),
icon: '2'
});
}
});
});
});
// slideToTop
......
......@@ -18,7 +18,11 @@ $(function () {
lineChartInit(data)
pieChartInit(data);
} else {
ComAlert.show(2, data.msg || '调度报表数据加载异常' );
layer.open({
title: '系统提示',
content: (data.msg || '调度报表数据加载异常'),
icon: '2'
});
}
}
});
......
......@@ -49,14 +49,21 @@ $(function() {
var glueRemark = $("#glueRemark").val();
if (!glueRemark) {
ComAlert.show(2, "请输入备注");
layer.open({
title: '系统提示',
content: '请输入备注',
icon: '2'
});
return;
}
if (glueRemark.length <4 || glueRemark.length > 100) {
ComAlert.show(2, "备注长度应该在4至100之间");
layer.open({
title: '系统提示',
content: '备注长度应该在4至100之间',
icon: '2'
});
return;
}
$.ajax({
type : 'POST',
......@@ -69,12 +76,21 @@ $(function() {
dataType : "json",
success : function(data){
if (data.code == 200) {
ComAlert.show(1, '保存成功', function(){
//$(window).unbind('beforeunload');
window.location.reload();
layer.open({
title: '系统提示',
content: '保存成功',
icon: '1',
end: function(layero, index){
//$(window).unbind('beforeunload');
window.location.reload();
}
});
} else {
ComAlert.show(2, data.msg);
layer.open({
title: '系统提示',
content: (data.msg || "保存失败"),
icon: '2'
});
}
}
});
......
......@@ -4,7 +4,9 @@ $(function() {
$('.remove').on('click', function(){
var id = $(this).attr('id');
ComConfirm.show("确认删除分组?", function(){
layer.confirm('确认删除分组?', {icon: 3, title:'系统提示'}, function(index){
layer.close(index);
$.ajax({
type : 'POST',
url : base_url + '/jobgroup/remove',
......@@ -12,18 +14,25 @@ $(function() {
dataType : "json",
success : function(data){
if (data.code == 200) {
ComAlert.show(1, '删除成功');
window.location.reload();
layer.open({
title: '系统提示',
content: '删除成功',
icon: '1',
end: function(layero, index){
window.location.reload();
}
});
} else {
if (data.msg) {
ComAlert.show(2, data.msg);
} else {
ComAlert.show(2, '删除失败');
}
layer.open({
title: '系统提示',
content: (data.msg || "删除失败"),
icon: '2'
});
}
},
});
});
});
// jquery.validate 自定义校验 “英文字母开头,只含有英文字母、数字和下划线”
......@@ -86,17 +95,20 @@ $(function() {
$.post(base_url + "/jobgroup/save", $("#addModal .form").serialize(), function(data, status) {
if (data.code == "200") {
$('#addModal').modal('hide');
setTimeout(function () {
ComAlert.show(1, "新增成功", function(){
layer.open({
title: '系统提示',
content: '新增成功',
icon: '1',
end: function(layero, index){
window.location.reload();
});
}, 315);
}
});
} else {
if (data.msg) {
ComAlert.show(2, data.msg);
} else {
ComAlert.show(2, "新增失败");
}
layer.open({
title: '系统提示',
content: (data.msg || "新增失败"),
icon: '2'
});
}
});
}
......@@ -186,17 +198,21 @@ $(function() {
$.post(base_url + "/jobgroup/update", $("#updateModal .form").serialize(), function(data, status) {
if (data.code == "200") {
$('#addModal').modal('hide');
setTimeout(function () {
ComAlert.show(1, "更新成功", function(){
layer.open({
title: '系统提示',
content: '更新成功',
icon: '1',
end: function(layero, index){
window.location.reload();
});
}, 315);
}
});
} else {
if (data.msg) {
ComAlert.show(2, data.msg);
} else {
ComAlert.show(2, "更新失败");
}
layer.open({
title: '系统提示',
content: (data.msg || "更新失败"),
icon: '2'
});
}
});
}
......
......@@ -201,8 +201,10 @@ $(function() {
}
var id = $(this).parent('p').attr("id");
ComConfirm.show("确认" + typeName + "?", function(){
layer.confirm('确认' + typeName + '?', {icon: 3, title:'系统提示'}, function(index){
layer.close(index);
$.ajax({
type : 'POST',
url : url,
......@@ -212,14 +214,24 @@ $(function() {
dataType : "json",
success : function(data){
if (data.code == 200) {
ComAlert.show(1, typeName + "成功", function(){
if (needFresh) {
//window.location.reload();
jobTable.fnDraw();
layer.open({
title: '系统提示',
content: typeName + "成功",
icon: '1',
end: function(layero, index){
if (needFresh) {
//window.location.reload();
jobTable.fnDraw();
}
}
});
} else {
ComAlert.show(1, typeName + "失败");
layer.open({
title: '系统提示',
content: (data.msg || typeName + "失败"),
icon: '2'
});
}
},
});
......@@ -278,18 +290,21 @@ $(function() {
$.post(base_url + "/jobinfo/add", $("#addModal .form").serialize(), function(data, status) {
if (data.code == "200") {
$('#addModal').modal('hide');
setTimeout(function () {
ComAlert.show(1, "新增任务成功", function(){
layer.open({
title: '系统提示',
content: '新增任务成功',
icon: '1',
end: function(layero, index){
jobTable.fnDraw();
//window.location.reload();
});
}, 315);
}
});
} else {
if (data.msg) {
ComAlert.show(2, data.msg);
} else {
ComAlert.show(2, "新增失败");
}
layer.open({
title: '系统提示',
content: (data.msg || "新增失败"),
icon: '2'
});
}
});
}
......@@ -394,18 +409,21 @@ $(function() {
$.post(base_url + "/jobinfo/reschedule", $("#updateModal .form").serialize(), function(data, status) {
if (data.code == "200") {
$('#updateModal').modal('hide');
setTimeout(function () {
ComAlert.show(1, "更新成功", function(){
layer.open({
title: '系统提示',
content: '更新成功',
icon: '1',
end: function(layero, index){
//window.location.reload();
jobTable.fnDraw();
});
}, 315);
}
});
} else {
if (data.msg) {
ComAlert.show(2, data.msg);
} else {
ComAlert.show(2, "更新失败");
}
layer.open({
title: '系统提示',
content: (data.msg || "更新失败"),
icon: '2'
});
}
});
}
......
......@@ -48,11 +48,20 @@ $(function(){
submitHandler : function(form) {
$.post(base_url + "/login", $("#loginForm").serialize(), function(data, status) {
if (data.code == "200") {
ComAlert.show(1, "登录成功", function(){
window.location.href = base_url;
});
layer.open({
title: '系统提示',
content: '登录成功',
icon: '1',
end: function(layero, index){
window.location.href = base_url;
}
});
} 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.
先完成此消息的编辑!
想要评论请 注册