348 lines
11 KiB
JavaScript
348 lines
11 KiB
JavaScript
define(['jquery', 'toastr','layer'], function($, Toastr, Layer){
|
||
var Sent = {
|
||
config: {
|
||
//toastr默认配置
|
||
toastr: {
|
||
"closeButton": true,
|
||
"debug": false,
|
||
"newestOnTop": false,
|
||
"progressBar": false,
|
||
"positionClass": "toast-top-center",
|
||
"preventDuplicates": false,
|
||
"onclick": null,
|
||
"showDuration": "300",
|
||
"hideDuration": "1000",
|
||
"timeOut": "5000",
|
||
"extendedTimeOut": "1000",
|
||
"showEasing": "swing",
|
||
"hideEasing": "linear",
|
||
"showMethod": "fadeIn",
|
||
"hideMethod": "fadeOut"
|
||
}
|
||
},
|
||
|
||
init: function () {
|
||
|
||
//绑定表单提交事件
|
||
if($('form[role=ajax]').length > 0){
|
||
require(['form'], function(Form){
|
||
Form.api.bindevent($("form"));
|
||
})
|
||
}
|
||
|
||
//绑定ajax请求事件
|
||
if($('.ajax-post').length > 0){
|
||
$('.ajax-post').on('click', function(e){
|
||
Sent.events.onAjaxRequest(this, e, 'post');
|
||
})
|
||
}
|
||
|
||
if($('.ajax-get').length > 0){
|
||
$('.ajax-post').on('click', function(e){
|
||
Sent.events.onAjaxRequest(this, e, 'get');
|
||
})
|
||
}
|
||
|
||
//公共代码
|
||
//配置Toastr的参数
|
||
Toastr.options = Sent.config.toastr;
|
||
},
|
||
|
||
events: {
|
||
//ajax请求
|
||
onAjaxRequest: function(obj, event, type){
|
||
event.preventDefault();
|
||
var url = $(obj).attr('href') ? $(obj).attr('href') : $(obj).attr('url');
|
||
if ($(obj).hasClass('confirm')) {
|
||
Layer.confirm('您确定需要'+$(obj).text()+'？', function(index){
|
||
Sent.api.ajax({type:type, url: url});
|
||
layer.close(index);
|
||
})
|
||
}else{
|
||
Sent.api.ajax({type:type, url: url});
|
||
}
|
||
},
|
||
//请求成功的回调
|
||
onAjaxSuccess: function (ret, onAjaxSuccess) {
|
||
var data = typeof ret.data !== 'undefined' ? ret.data : null;
|
||
var msg = typeof ret.msg !== 'undefined' && ret.msg ? ret.msg : 'Operation completed';
|
||
|
||
if (typeof onAjaxSuccess === 'function') {
|
||
var result = onAjaxSuccess.call(this, data, ret);
|
||
if (result === false)
|
||
return;
|
||
}
|
||
Toastr.success(msg);
|
||
},
|
||
//请求错误的回调
|
||
onAjaxError: function (ret, onAjaxError) {
|
||
var data = typeof ret.data !== 'undefined' ? ret.data : null;
|
||
if (typeof onAjaxError === 'function') {
|
||
var result = onAjaxError.call(this, data, ret);
|
||
if (result === false) {
|
||
return;
|
||
}
|
||
}
|
||
Toastr.error(ret.msg);
|
||
},
|
||
//服务器响应数据后
|
||
onAjaxResponse: function (response) {
|
||
try {
|
||
var ret = typeof response === 'object' ? response : JSON.parse(response);
|
||
if (!ret.hasOwnProperty('code')) {
|
||
$.extend(ret, {code: -2, msg: response, data: null});
|
||
}
|
||
} catch (e) {
|
||
var ret = {code: -1, msg: e.message, data: null};
|
||
}
|
||
return ret;
|
||
}
|
||
},
|
||
|
||
api: {
|
||
//发送Ajax请求
|
||
ajax: function (options, success, error) {
|
||
options = typeof options === 'string' ? {url: options} : options;
|
||
var index;
|
||
if (typeof options.loading === 'undefined' || options.loading) {
|
||
index = Layer.load(options.loading || 0);
|
||
}
|
||
options = $.extend({
|
||
type: "POST",
|
||
dataType: "json",
|
||
success: function (ret) {
|
||
index && Layer.close(index);
|
||
ret = Sent.events.onAjaxResponse(ret);
|
||
if (ret.code === 0) {
|
||
Sent.events.onAjaxSuccess(ret, success);
|
||
} else {
|
||
Sent.events.onAjaxError(ret, error);
|
||
}
|
||
if (ret.url) {
|
||
setTimeout(function(){
|
||
window.location.href = ret.url;
|
||
}, 3000);
|
||
}
|
||
},
|
||
error: function (xhr) {
|
||
index && Layer.close(index);
|
||
var ret = {code: xhr.status, msg: xhr.statusText, data: null};
|
||
Sent.events.onAjaxError(ret, error);
|
||
}
|
||
}, options);
|
||
$.ajax(options);
|
||
},
|
||
//查询Url参数
|
||
query: function (name, url) {
|
||
if (!url) {
|
||
url = window.location.href;
|
||
}
|
||
name = name.replace(/[\[\]]/g, "\\$&");
|
||
var regex = new RegExp("[?&/]" + name + "([=/]([^&#/?]*)|&|#|$)"),
|
||
results = regex.exec(url);
|
||
if (!results)
|
||
return null;
|
||
if (!results[2])
|
||
return '';
|
||
return decodeURIComponent(results[2].replace(/\+/g, " "));
|
||
},
|
||
//打开一个弹出窗口
|
||
open: function (url, title, options) {
|
||
title = options && options.title ? options.title : (title ? title : "");
|
||
//url = Sent.api.fixurl(url);
|
||
url = url + (url.indexOf("?") > -1 ? "&" : "?") + "dialog=1";
|
||
var area = Sent.config.openArea != undefined ? Sent.config.openArea : [$(window).width() > 800 ? '800px' : '95%', $(window).height() > 600 ? '600px' : '95%'];
|
||
options = $.extend({
|
||
type: 2,
|
||
title: title,
|
||
shadeClose: true,
|
||
shade: false,
|
||
maxmin: true,
|
||
moveOut: true,
|
||
area: area,
|
||
content: url,
|
||
zIndex: Layer.zIndex,
|
||
success: function (layero, index) {
|
||
var that = this;
|
||
//存储callback事件
|
||
$(layero).data("callback", that.callback);
|
||
//$(layero).removeClass("layui-layer-border");
|
||
Layer.setTop(layero);
|
||
try {
|
||
var frame = Layer.getChildFrame('html', index);
|
||
var layerfooter = frame.find(".layer-footer");
|
||
Sent.api.layerfooter(layero, index, that);
|
||
|
||
//绑定事件
|
||
if (layerfooter.size() > 0) {
|
||
// 监听窗口内的元素及属性变化
|
||
// Firefox和Chrome早期版本中带有前缀
|
||
var MutationObserver = window.MutationObserver || window.WebKitMutationObserver || window.MozMutationObserver;
|
||
if (MutationObserver) {
|
||
// 选择目标节点
|
||
var target = layerfooter[0];
|
||
// 创建观察者对象
|
||
var observer = new MutationObserver(function (mutations) {
|
||
Sent.api.layerfooter(layero, index, that);
|
||
mutations.forEach(function (mutation) {
|
||
});
|
||
});
|
||
// 配置观察选项:
|
||
var config = {attributes: true, childList: true, characterData: true, subtree: true}
|
||
// 传入目标节点和观察选项
|
||
observer.observe(target, config);
|
||
// 随后,你还可以停止观察
|
||
// observer.disconnect();
|
||
}
|
||
}
|
||
} catch (e) {
|
||
|
||
}
|
||
if ($(layero).height() > $(window).height()) {
|
||
//当弹出窗口大于浏览器可视高度时,重定位
|
||
Layer.style(index, {
|
||
top: 0,
|
||
height: $(window).height()
|
||
});
|
||
}
|
||
}
|
||
}, options ? options : {});
|
||
if ($(window).width() < 480 || (/iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream && top.$(".tab-pane.active").size() > 0)) {
|
||
options.area = [top.$(".tab-pane.active").width() + "px", top.$(".tab-pane.active").height() + "px"];
|
||
options.offset = [top.$(".tab-pane.active").scrollTop() + "px", "0px"];
|
||
}
|
||
return Layer.open(options);
|
||
},
|
||
//关闭窗口并回传数据
|
||
close: function (data) {
|
||
var index = parent.Layer.getFrameIndex(window.name);
|
||
var callback = parent.$("#layui-layer" + index).data("callback");
|
||
//再执行关闭
|
||
parent.Layer.close(index);
|
||
//再调用回传函数
|
||
if (typeof callback === 'function') {
|
||
callback.call(undefined, data);
|
||
}
|
||
},
|
||
layerfooter: function (layero, index, that) {
|
||
var frame = Layer.getChildFrame('html', index);
|
||
var layerfooter = frame.find(".layer-footer");
|
||
if (layerfooter.size() > 0) {
|
||
$(".layui-layer-footer", layero).remove();
|
||
var footer = $("<div />").addClass('layui-layer-btn layui-layer-footer');
|
||
footer.html(layerfooter.html());
|
||
if ($(".row", footer).size() === 0) {
|
||
$(">", footer).wrapAll("<div class='row'></div>");
|
||
}
|
||
footer.insertAfter(layero.find('.layui-layer-content'));
|
||
//绑定事件
|
||
footer.on("click", ".btn", function () {
|
||
if ($(this).hasClass("disabled") || $(this).parent().hasClass("disabled")) {
|
||
return;
|
||
}
|
||
var index = footer.find('.btn').index(this);
|
||
$(".btn:eq(" + index + ")", layerfooter).trigger("click");
|
||
});
|
||
|
||
var titHeight = layero.find('.layui-layer-title').outerHeight() || 0;
|
||
var btnHeight = layero.find('.layui-layer-btn').outerHeight() || 0;
|
||
//重设iframe高度
|
||
$("iframe", layero).height(layero.height() - titHeight - btnHeight);
|
||
}
|
||
//修复iOS下弹出窗口的高度和iOS下iframe无法滚动的BUG
|
||
if (/iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream) {
|
||
var titHeight = layero.find('.layui-layer-title').outerHeight() || 0;
|
||
var btnHeight = layero.find('.layui-layer-btn').outerHeight() || 0;
|
||
$("iframe", layero).parent().css("height", layero.height() - titHeight - btnHeight);
|
||
$("iframe", layero).css("height", "100%");
|
||
}
|
||
},
|
||
success: function (options, callback) {
|
||
var type = typeof options === 'function';
|
||
if (type) {
|
||
callback = options;
|
||
}
|
||
return Layer.msg('Operation completed', $.extend({
|
||
offset: 0, icon: 1
|
||
}, type ? {} : options), callback);
|
||
},
|
||
error: function (options, callback) {
|
||
var type = typeof options === 'function';
|
||
if (type) {
|
||
callback = options;
|
||
}
|
||
return Layer.msg('Operation failed', $.extend({
|
||
offset: 0, icon: 2
|
||
}, type ? {} : options), callback);
|
||
},
|
||
msg: function (message, url) {
|
||
var callback = typeof url === 'function' ? url : function () {
|
||
if (typeof url !== 'undefined' && url) {
|
||
location.href = url;
|
||
}
|
||
};
|
||
Layer.msg(message, {
|
||
time: 2000
|
||
}, callback);
|
||
},
|
||
toastr: Toastr,
|
||
layer: Layer
|
||
},
|
||
lang: function () {
|
||
var args = arguments,
|
||
string = args[0],
|
||
i = 1;
|
||
string = string.toLowerCase();
|
||
//string = typeof Lang[string] != 'undefined' ? Lang[string] : string;
|
||
if (typeof Lang !== 'undefined' && typeof Lang[string] !== 'undefined') {
|
||
if (typeof Lang[string] == 'object')
|
||
return Lang[string];
|
||
string = Lang[string];
|
||
} else if (string.indexOf('.') !== -1 && false) {
|
||
var arr = string.split('.');
|
||
var current = Lang[arr[0]];
|
||
for (var i = 1; i < arr.length; i++) {
|
||
current = typeof current[arr[i]] != 'undefined' ? current[arr[i]] : '';
|
||
if (typeof current != 'object')
|
||
break;
|
||
}
|
||
if (typeof current == 'object')
|
||
return current;
|
||
string = current;
|
||
} else {
|
||
string = args[0];
|
||
}
|
||
return string.replace(/%((%)|s|d)/g, function (m) {
|
||
// m is the matched format, e.g. %s, %d
|
||
var val = null;
|
||
if (m[2]) {
|
||
val = m[2];
|
||
} else {
|
||
val = args[i];
|
||
// A switch statement so that the formatter can be extended. Default is %s
|
||
switch (m) {
|
||
case '%d':
|
||
val = parseFloat(val);
|
||
if (isNaN(val)) {
|
||
val = 0;
|
||
}
|
||
break;
|
||
}
|
||
i++;
|
||
}
|
||
return val;
|
||
});
|
||
}
|
||
};
|
||
//将Layer暴露到全局中去
|
||
window.Layer = Layer;
|
||
//将Toastr暴露到全局中去
|
||
window.Toastr = Toastr;
|
||
//将语言方法暴露到全局中去
|
||
window.__ = Sent.lang;
|
||
//将Sent渲染至全局
|
||
window.Sent = Sent;
|
||
|
||
Sent.init(); //默认初始化执行的代码
|
||
return Sent;
|
||
}) |