394 lines
9.4 KiB
JavaScript
394 lines
9.4 KiB
JavaScript
layui.define(function (exports) {
|
||
var MOD_NAME = 'tool';
|
||
var tool = {
|
||
loading: false,
|
||
//右侧iframe的方式打开页面，参考勾股CMS、勾股OA
|
||
side: function (url, width) {
|
||
let that = this;
|
||
if (that.loading == true) {
|
||
return false;
|
||
}
|
||
that.loading = true;
|
||
sideWidth = '80%';
|
||
if(window.innerWidth>1400 && window.innerWidth<=1600){
|
||
sideWidth = '85%';
|
||
}
|
||
if(window.innerWidth>1000 && window.innerWidth<=1440){
|
||
sideWidth = '92%';
|
||
}
|
||
if(window.innerWidth<=1000){
|
||
sideWidth = '93.8%';
|
||
}
|
||
layer.open({
|
||
type: 2,
|
||
title: false,
|
||
offset: 'r',
|
||
anim: 'slideLeft',
|
||
closeBtn: 0,
|
||
content: url,
|
||
area: [sideWidth, '100%'],
|
||
skin:'layui-layer-gougu-admin',
|
||
end: function(){
|
||
$('body').removeClass('right-open');
|
||
if (layui.pageTable && layui.pageTable.resize) {
|
||
layui.pageTable.resize();
|
||
}
|
||
},
|
||
success: function (obj, index) {
|
||
var btn = '<div data-index="'+index+'" class="express-close" title="关闭">关闭</div>';
|
||
obj.append(btn);
|
||
$('body').addClass('right-open');
|
||
that.loading = false;
|
||
obj.on('click','.express-close', function () {
|
||
layer.close(index);
|
||
})
|
||
}
|
||
})
|
||
},
|
||
box: function (url,title="内容", width=720,height=405) {
|
||
let that = this;
|
||
if (that.loading == true) {
|
||
return false;
|
||
}
|
||
that.loading = true;
|
||
layer.open({
|
||
type: 2,
|
||
title: title,
|
||
content: url,
|
||
area: [width+'px', height+'px'],
|
||
maxmin: true,
|
||
end: function(){
|
||
if (layui.pageTable && layui.pageTable.resize) {
|
||
layui.pageTable.resize();
|
||
}
|
||
},
|
||
success: function (obj, index) {
|
||
var btn = '<div data-index="'+index+'" class="express-close" style="display:none;" title="关闭">关闭</div>';
|
||
obj.append(btn);
|
||
that.loading = false;
|
||
obj.on('click','.express-close', function () {
|
||
layer.close(index);
|
||
})
|
||
}
|
||
})
|
||
},
|
||
//右侧ajax请求的方式打开页面参考勾股DEV
|
||
open: function (url, width) {
|
||
let that = this;
|
||
if (that.loading == true) {
|
||
return false;
|
||
}
|
||
that.loading = true;
|
||
var countWidth = window.innerWidth-(window.innerWidth*0.5)+456;
|
||
if(window.innerWidth<=1000){
|
||
countWidth = 750;
|
||
}
|
||
if (width && width > 0) {
|
||
sideWidth = width + 'px';
|
||
}
|
||
else{
|
||
sideWidth = countWidth + 'px';
|
||
}
|
||
$.ajax({
|
||
url: url,
|
||
type: "GET",
|
||
timeout: 10000,
|
||
success: function (res) {
|
||
if (res['code'] && res['code'] > 0) {
|
||
layer.msg(res.msg);
|
||
return false;
|
||
}
|
||
var express = '<section id="expressLayer" class="express-box" style="width:' + sideWidth + '"><article id="articleLayer">' + res + '</article><div id="expressClose" class="express-close" title="关闭">关闭</div></section><div id="expressMask" class="express-mask"></div>';
|
||
|
||
$('body').append(express).addClass('right-open');
|
||
$('#expressMask').fadeIn(200);
|
||
$('#expressLayer').animate({ 'right': 0 }, 200, 'linear', function () {
|
||
if (typeof (openInit) == "function") {
|
||
openInit();
|
||
}
|
||
});
|
||
that.loading = false;
|
||
|
||
//关闭
|
||
$('body').on('click','.express-close', function () {
|
||
$('#expressMask').fadeOut(100);
|
||
$('body').removeClass('right-open');
|
||
let op_width = $('#expressLayer').outerWidth();
|
||
$('#expressLayer').animate({ left: '+=' + op_width + 'px' }, 200, 'linear', function () {
|
||
$('#expressLayer').remove();
|
||
$('#expressMask').remove();
|
||
if (layui.pageTable) {
|
||
layui.pageTable.resize();
|
||
}
|
||
})
|
||
})
|
||
$(window).resize(function () {
|
||
var resizeWidth = window.innerWidth-(window.innerWidth*0.5)+456;
|
||
if(window.innerWidth<=1000){
|
||
resizeWidth = 750;
|
||
}
|
||
$('#expressLayer').width(resizeWidth);
|
||
})
|
||
|
||
}
|
||
, error: function (xhr, textstatus, thrown) {
|
||
console.log('错误');
|
||
},
|
||
complete: function () {
|
||
that.loading = false;
|
||
}
|
||
});
|
||
},
|
||
load: function (url) {
|
||
let that = this;
|
||
if (that.loading == true) {
|
||
return false;
|
||
}
|
||
that.loading = true;
|
||
$.ajax({
|
||
url: url,
|
||
type: "GET",
|
||
timeout: 10000,
|
||
success: function (res) {
|
||
if (res['code'] && res['code'] > 0) {
|
||
layer.msg(res.msg);
|
||
return false;
|
||
}
|
||
$('#articleLayer').html(res);
|
||
openInit();
|
||
}
|
||
, error: function (xhr, textstatus, thrown) {
|
||
console.log('错误');
|
||
},
|
||
complete: function () {
|
||
that.loading = false;
|
||
}
|
||
});
|
||
},
|
||
page: function (url) {
|
||
let that = this;
|
||
if (that.loading == true) {
|
||
return false;
|
||
}
|
||
that.loading = true;
|
||
$.ajax({
|
||
url: url,
|
||
type: "GET",
|
||
timeout: 10000,
|
||
success: function (res) {
|
||
if (res['code'] && res['code'] > 0) {
|
||
layer.msg(res.msg);
|
||
return false;
|
||
}
|
||
$('#pageBox').html(res);
|
||
pageInit();
|
||
}
|
||
, error: function (xhr, textstatus, thrown) {
|
||
console.log('错误');
|
||
},
|
||
complete: function () {
|
||
that.loading = false;
|
||
}
|
||
});
|
||
},
|
||
close: function (delay) {
|
||
//延迟关闭，一般是在编辑完页面数据后需要自动关闭页面用到
|
||
if(delay && delay>0){
|
||
setTimeout(function () {
|
||
$('.express-close').last().click();
|
||
}, delay);
|
||
}else{
|
||
$('.express-close').last().click();
|
||
}
|
||
if (layui.pageTable) {
|
||
layui.pageTable.reload();
|
||
}
|
||
},
|
||
ajax: function (options, callback) {
|
||
var format = 'json';
|
||
if (options.hasOwnProperty('data')) {
|
||
format = options.data.hasOwnProperty('format') ? options.data.format : 'json';
|
||
}
|
||
callback = callback || options.success;
|
||
callback && delete options.success;
|
||
var optsetting = { timeout: 10000 };
|
||
if (format == 'jsonp') {
|
||
optsetting = { timeout: 10000, dataType: 'jsonp', jsonp: 'callback' }
|
||
}
|
||
var opts = $.extend({}, optsetting, {
|
||
success: function (res) {
|
||
if (callback && typeof callback === 'function') {
|
||
callback(res);
|
||
}
|
||
}
|
||
}, options);
|
||
$.ajax(opts);
|
||
},
|
||
get: function (url, data, callback) {
|
||
this.ajax({
|
||
url: url,
|
||
type: "GET",
|
||
data: data
|
||
}, callback);
|
||
},
|
||
post: function (url, data, callback) {
|
||
this.ajax({
|
||
url: url,
|
||
type: "POST",
|
||
data: data
|
||
}, callback);
|
||
},
|
||
put: function (url, data, callback) {
|
||
this.ajax({
|
||
url: url,
|
||
type: "PUT",
|
||
data: data
|
||
}, callback);
|
||
},
|
||
delete: function (url, data, callback) {
|
||
this.ajax({
|
||
url: url,
|
||
type: "DELETE",
|
||
data: data
|
||
}, callback);
|
||
},
|
||
sideClose(delay){
|
||
if(parent.layui.tool){
|
||
parent.layui.tool.close(delay);
|
||
}
|
||
else{
|
||
console.log('父页面没引用tool模块');
|
||
}
|
||
},
|
||
tabAdd:function(url,title,id){
|
||
if(parent.layui.admin){
|
||
parent.layui.admin.sonAdd(url,title,id);
|
||
}
|
||
else{
|
||
console.log('父页面没引用admin模块');
|
||
}
|
||
},
|
||
tabClose:function(){
|
||
if(parent.layui.admin){
|
||
parent.layui.admin.sonClose();
|
||
}
|
||
else{
|
||
console.log('父页面没引用admin模块');
|
||
}
|
||
},
|
||
tabDelete:function(id){
|
||
if(parent.layui.admin){
|
||
parent.layui.admin.tabDelete(id);
|
||
}
|
||
else{
|
||
console.log('父页面没引用admin模块');
|
||
}
|
||
},
|
||
tabChange:function(id){
|
||
if(parent.layui.admin){
|
||
parent.layui.admin.tabChange(id);
|
||
}
|
||
else{
|
||
console.log('父页面没引用admin模块');
|
||
}
|
||
},
|
||
tabRefresh:function(id){
|
||
if(parent.layui.admin){
|
||
parent.layui.admin.refresh(id);
|
||
}
|
||
else{
|
||
console.log('父页面没引用admin模块');
|
||
}
|
||
}
|
||
};
|
||
//时间选择快捷操作
|
||
$('body').on('click', '.tool-time', function () {
|
||
let that = $(this);
|
||
let type = that.data('type');
|
||
if (typeof(type) == "undefined" || type == '') {
|
||
type = 'date';
|
||
}
|
||
layui.laydate.render({
|
||
elem: that,
|
||
show: true,
|
||
type: type,
|
||
fullPanel: true
|
||
});
|
||
return false;
|
||
});
|
||
|
||
//查看图片附件
|
||
$('body').on('click','.file-view-img',function () {
|
||
let href = $(this).data('href');
|
||
if(href){
|
||
let photos = { "data": [{"src": href}]};
|
||
layer.photos({
|
||
photos: photos
|
||
,anim: 5 //0-6的选择，指定弹出图片动画类型，默认随机（请注意，3.0之前的版本用shift参数）
|
||
});
|
||
}
|
||
});
|
||
|
||
//查看pdf附件
|
||
$('body').on('click','.file-view-pdf',function () {
|
||
let href = $(this).data('href');
|
||
if(href){
|
||
layer.open({
|
||
type: 2,
|
||
title: '查看PDF文件，可以最大化看',
|
||
shadeClose: true,
|
||
shade: false,
|
||
maxmin: true, //开启最大化最小化按钮
|
||
area: ['900px', '600px'],
|
||
content: href
|
||
});
|
||
}
|
||
});
|
||
|
||
//搜索表单重置快捷操作
|
||
$('body').on('click', '[lay-filter="reset"]', function () {
|
||
let that = $(this);
|
||
let prev = that.prev();
|
||
if (typeof(prev) != "undefined") {
|
||
setTimeout(function () {
|
||
prev.click();
|
||
}, 10)
|
||
}
|
||
});
|
||
|
||
$('body').on('click', '.tab-a', function () {
|
||
let id = $(this).data('id');
|
||
let url = $(this).data('href');
|
||
let title = $(this).data('title');
|
||
if (url && url !== '') {
|
||
if (typeof(id) == "undefined" || id == '') {
|
||
id = Date.now();
|
||
}
|
||
tool.tabAdd(url,title,id);
|
||
}
|
||
return false;
|
||
});
|
||
|
||
$('body').on('click', '.side-a', function () {
|
||
let url = $(this).data('href');
|
||
if (url && url !== '') {
|
||
tool.side(url);
|
||
}
|
||
return false;
|
||
});
|
||
$('body').on('click', '.open-a', function () {
|
||
let url = $(this).data('href');
|
||
if (url && url !== '') {
|
||
tool.open(url);
|
||
}
|
||
return false;
|
||
});
|
||
$('body').on('click', '.link-a', function () {
|
||
let url = $(this).data('href');
|
||
if (url && url !== '') {
|
||
window.location.href=url;
|
||
}
|
||
return false;
|
||
});
|
||
exports(MOD_NAME, tool);
|
||
});
|