mirror of https://github.com/layui/layui
ruciwuyu
parent
2ee10f2ea5
commit
b81a9a6d95
File diff suppressed because it is too large
Load Diff
|
|
@ -0,0 +1,412 @@
|
|||
"use strict";
|
||||
|
||||
/*
|
||||
* 2017.10.19
|
||||
* xzb
|
||||
*/
|
||||
|
||||
var layConfig = {},
|
||||
layInit = function(options,selectData) {
|
||||
/*
|
||||
* 传入参数
|
||||
* url 数据地址
|
||||
* numpage 每页出现的数据量 默认为 10
|
||||
* title 表格标题
|
||||
*/
|
||||
var that = this,
|
||||
initData,
|
||||
jwidth = ($(window).width() !== 0) ? $(window).width() : Number($.cookie("cookieBefore").split("$")[0]),
|
||||
jheight = ($(window).height() !== 0) ? $(window).height() : Number($.cookie("cookieBefore").split("$")[1]),
|
||||
defaults = {
|
||||
elem:"",
|
||||
id:"",
|
||||
url: "",
|
||||
width: jwidth,
|
||||
height: jheight,
|
||||
numpage: 50,
|
||||
limits:"",
|
||||
page: true,
|
||||
where:"",
|
||||
initSort: "",
|
||||
done :""
|
||||
};
|
||||
if($(window).width() !== 0 && $(window).height() !== 0) {
|
||||
$.cookie("cookieBefore", $(window).width() + "$" + $(window).height(), {path: "/" });
|
||||
}
|
||||
|
||||
initData = $.extend(true,defaults, options);
|
||||
return new layInit.prototype.init(initData,selectData);
|
||||
},
|
||||
layPaging = function(data) {
|
||||
var paging = {where:data},
|
||||
newData = $.extend(true,{},layConfig.RenderJson,paging)
|
||||
;
|
||||
layui.use(['table'], function() {
|
||||
var table = layui.table,
|
||||
reloadId = newData.elem.split("#")[1]
|
||||
;
|
||||
table.reload(reloadId, newData);
|
||||
//table.renderData();
|
||||
// table.reloadData(reloadId, newData);
|
||||
})
|
||||
},
|
||||
layWindow = {}
|
||||
;
|
||||
|
||||
layInit.prototype = {
|
||||
init : function(data,selectData) {
|
||||
var that = this,
|
||||
RenderJson
|
||||
;
|
||||
RenderJson = {
|
||||
elem: data.viewId,
|
||||
id: data.id,
|
||||
cols: [data.columns],
|
||||
url: data.url,
|
||||
width: data.width,
|
||||
height: data.height,
|
||||
limit: data.numpage,
|
||||
limits: data.limits,
|
||||
page: data.page,
|
||||
initSort: data.initSort,
|
||||
clearArray:that.events.clearArray,
|
||||
where: data.where || selectData,
|
||||
done : function (res, curr, count){
|
||||
if(data.done) {
|
||||
data.done.event(res, curr, count);
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
if($(RenderJson.elem).attr('lay-filter') == undefined) {
|
||||
$(RenderJson.elem).attr('lay-filter',"LAY-table-1");
|
||||
}
|
||||
|
||||
layConfig['RenderJson'] = RenderJson;
|
||||
layui.use(['table', 'form', 'layer', 'jquery'], function() {
|
||||
var table = layui.table,
|
||||
form = layui.form,
|
||||
layer = parent.layer,
|
||||
$ = layui.jquery,
|
||||
checboxFid = [],
|
||||
checkId = data.viewId.split("#")[1]
|
||||
;
|
||||
if(table.cache.PageList == undefined) {
|
||||
table.render(RenderJson);
|
||||
}
|
||||
table.reloadData(selectData);
|
||||
|
||||
table.on('checkbox(LAY-table-1)', function(obj){
|
||||
var checkStatus = table.checkStatus(checkId); //test即为基础参数id对应的值
|
||||
if(!layConfig.jChecbox) {
|
||||
checboxFid = [];
|
||||
}
|
||||
if(obj.type == 'all') {
|
||||
if(obj.checked){
|
||||
checboxFid = [];
|
||||
$(checkStatus.data).each(function(index, item) {
|
||||
checboxFid.push(item.FID)
|
||||
});
|
||||
} else {
|
||||
checboxFid = [];
|
||||
}
|
||||
} else {
|
||||
if(obj.checked){
|
||||
checboxFid.push(obj.data.FID);
|
||||
} else {
|
||||
checboxFid = $.grep(checboxFid, function(value) {
|
||||
return value != obj.data.FID;
|
||||
});
|
||||
}
|
||||
}
|
||||
layConfig.jChecbox = checboxFid;
|
||||
// console.log(obj.checked); //当前是否选中状态
|
||||
// console.log(obj.data.FID); //选中行的相关数据
|
||||
// console.log(obj.type); //如果触发的是全选，则为：all，如果触发的是单选，则为：one
|
||||
});
|
||||
})
|
||||
},
|
||||
events : {
|
||||
clearArray : function(checkStatus){ // 事件处理
|
||||
var that = this;
|
||||
layConfig.checkStatus = null; //将选中项值置为空
|
||||
layConfig.jChecbox = null;
|
||||
layConfig.checkStatus = checkStatus.object;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
layInit.prototype.init.prototype = layInit.prototype;
|
||||
|
||||
layWindow = {
|
||||
/*
|
||||
*打开layer弹窗
|
||||
*OConfig 弹窗配置
|
||||
*title 标题
|
||||
*href 地址
|
||||
*boxArea 宽高,
|
||||
*/
|
||||
layerOpen: function layerOpen(OConfig, callback) {
|
||||
// 阻止event默认行为 a标签的跳转
|
||||
// event.preventDefault();//支持DOM标准的浏览器
|
||||
// event.returnValue = false;//IE
|
||||
var boxSize = [],
|
||||
boxWidth,
|
||||
boxheight,
|
||||
boxType,
|
||||
boxShade
|
||||
;
|
||||
if (OConfig.boxArea == "" || OConfig.boxArea == null) {
|
||||
//判断页面高度
|
||||
boxWidth = 1200 + 'px';
|
||||
boxheight = 600 + 'px';
|
||||
} else if (OConfig.boxArea.width == "auto" || OConfig.boxArea.height == "auto") {
|
||||
boxWidth = "100%";
|
||||
boxheight = "100%";
|
||||
} else {
|
||||
boxWidth = OConfig.boxArea.width + 'px';
|
||||
boxheight = OConfig.boxArea.height + 'px';
|
||||
}
|
||||
//判断是否有遮罩
|
||||
boxShade = (OConfig.closeShade == true) ? 0 : 0.3;
|
||||
boxSize.push(boxWidth, boxheight);
|
||||
|
||||
layui.use(['layer'], function() {
|
||||
var layer = layui.layer;
|
||||
|
||||
var index = layer.open({
|
||||
id: 'UrgeEdit',
|
||||
type: 2,
|
||||
title: OConfig.title,
|
||||
area: boxSize,
|
||||
shade:boxShade,
|
||||
anim: 0,
|
||||
resize: true,
|
||||
content: [OConfig.href] //iframe的url，no代表不显示滚动条
|
||||
|
||||
,
|
||||
success: function success(event, index) {
|
||||
//给予index属性
|
||||
event.attr("lr-index", index);
|
||||
},
|
||||
cancel: function cancel() {
|
||||
//右上角关闭按钮触发的回调
|
||||
//回调函数
|
||||
if (callback) {
|
||||
callback();
|
||||
}
|
||||
}
|
||||
});
|
||||
if (OConfig.maxmin == true) {
|
||||
layer.full(index);
|
||||
}
|
||||
});
|
||||
|
||||
//layer.full(index);
|
||||
},
|
||||
/*
|
||||
* index 弹出框 自动关闭
|
||||
*/
|
||||
layerPopup: function layerPopup(OConfig, callback) {
|
||||
var layOffset = OConfig.offset || 'rb',
|
||||
latTime = OConfig.time || 6000,
|
||||
btnClick = OConfig.btnClick == "null" ? "" : OConfig.btnClick,
|
||||
boxSize = [],
|
||||
boxWidth,
|
||||
boxheight;
|
||||
if (OConfig.boxArea == "" || OConfig.boxArea == null) {
|
||||
//判断页面高度
|
||||
boxWidth = 300;
|
||||
boxheight = 200;
|
||||
} else {
|
||||
boxWidth = OConfig.boxArea.width;
|
||||
boxheight = OConfig.boxArea.height;
|
||||
}
|
||||
boxSize.push(boxWidth + 'px', boxheight + 'px');
|
||||
layui.use(['layer'], function() {
|
||||
layer.open({
|
||||
type: 1,
|
||||
offset: layOffset,
|
||||
id: 'LAY_demo', //防止重复弹出
|
||||
time: latTime,
|
||||
area: boxSize,
|
||||
content: '<div style="padding: 20px 0; text-align:center">' + OConfig.content + '</div>',
|
||||
btn: btnClick,
|
||||
btnAlign: 'c', //按钮居中
|
||||
shade: 0, //不显示遮罩
|
||||
yes: function yes(index) {
|
||||
if (callback) {
|
||||
callback();
|
||||
}
|
||||
layer.close(index);
|
||||
}
|
||||
});
|
||||
});
|
||||
},
|
||||
/*
|
||||
*layerPrompt 输入层
|
||||
*PConfig 弹窗配置参数
|
||||
*
|
||||
*PConfig.title 标题名字 type:string 可缺省
|
||||
*PConfig.formType 输入框类型 type:number 可缺省
|
||||
*支持0（文本）默认1（密码）2（多行文本）
|
||||
*PConfig.boxArea 宽高 type:object 可缺省
|
||||
*PConfig.value 默认值 type:string 可缺省
|
||||
*/
|
||||
layerPrompt: function layerPrompt(PConfig, execute) {
|
||||
var boxSize = [],
|
||||
boxWidth,
|
||||
boxheight;
|
||||
|
||||
if (PConfig.boxArea == "" || PConfig.boxArea == null) {
|
||||
//判断页面高度
|
||||
boxWidth = 300;
|
||||
boxheight = 100;
|
||||
} else {
|
||||
boxWidth = PConfig.boxArea.width;
|
||||
boxheight = PConfig.boxArea.height;
|
||||
}
|
||||
|
||||
boxSize.push(boxWidth + 'px', boxheight + 'px');
|
||||
|
||||
layui.use(['layer'], function() {
|
||||
var layer = layui.layer;
|
||||
layer.prompt({
|
||||
formType: PConfig.formType || 0,
|
||||
value: PConfig.value || "",
|
||||
title: PConfig.title || "输入层",
|
||||
area: boxSize //自定义文本域宽高
|
||||
}, function(value, index, elem) {
|
||||
execute(value, elem); //执行事件
|
||||
layer.close(index);
|
||||
});
|
||||
});
|
||||
},
|
||||
/**
|
||||
* layerConfirm 询问框
|
||||
* @param {[string]} content [提示内容]
|
||||
* @param {[object]} options [标题，标签]
|
||||
* @param {[function]} yes [确定事件]
|
||||
* @param {[function]} cancel [取消事件]
|
||||
*/
|
||||
layerConfirm: function layerConfirm(content, options, yes, cancel) {
|
||||
layui.use(['layer'], function() {
|
||||
var layer = layui.layer;
|
||||
layer.confirm(content, options, function(index) {
|
||||
yes();
|
||||
layer.close(index);
|
||||
}, cancel);
|
||||
});
|
||||
},
|
||||
/**
|
||||
* layMsg 提示框
|
||||
* @param {[string]} content [提示内容]
|
||||
* @param {[function]} options [关闭后执行事件]
|
||||
*/
|
||||
layMsg: function layMsg(content, callback, time) {
|
||||
layui.use(['layer'], function() {
|
||||
var layer = layui.layer;
|
||||
layer.msg(content, {
|
||||
time: time || 2000
|
||||
}, callback);
|
||||
});
|
||||
},
|
||||
layerLoad: function layerLoad(isClose, index) {
|
||||
if (!isClose) {
|
||||
var layShade = '<div class="layui-layer-shade" style="background-color:#000; opacity:0.01; filter:alpha(opacity=1);"></div>\n <div class="layui-layer-loading" style="position: absolute;top:50%;left:50%;">\n <div class="layui-layer-contimg" style="width: 32px;height: 32px;background: url(/images/loading-2.gif) no-repeat;"></div>\n </div>';
|
||||
|
||||
$("body").append(layShade);
|
||||
|
||||
} else {
|
||||
$(".layui-layer-shade,.layui-layer-loading").remove();
|
||||
}
|
||||
},
|
||||
//关闭自身
|
||||
layerCloseSelf: function layerCloseSelf(callback) {
|
||||
var index;
|
||||
layui.use(['layer'], function() {
|
||||
//关闭当前iframe,parent找不到就去top找
|
||||
if (parent.layer.getFrameIndex(window.name)) {
|
||||
if (callback) {
|
||||
callback();
|
||||
}
|
||||
|
||||
index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
|
||||
parent.layWindow.layerClose(index); //再执行关闭
|
||||
} else {
|
||||
if (callback) {
|
||||
callback();
|
||||
}
|
||||
index = top.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
|
||||
top.layWindow.layerClose(index); //再执行关闭
|
||||
}
|
||||
});
|
||||
},
|
||||
//关闭所有
|
||||
layerCloseAll: function layerCloseAll() {
|
||||
layui.use(['layer'], function() {
|
||||
layer.closeAll();
|
||||
});
|
||||
},
|
||||
layerClose: function layerClose(index) {
|
||||
layui.use(['layer'], function() {
|
||||
layer.close(index);
|
||||
});
|
||||
},
|
||||
/*
|
||||
* input 自动补全
|
||||
*/
|
||||
completion: function completion(config, callback) {
|
||||
var tautocomp = $("#" + config.id).tautocomplete({
|
||||
columns: config.columns,
|
||||
delay: 1000,
|
||||
ajax: {
|
||||
url: config.url,
|
||||
type: "GET",
|
||||
data: function data() {
|
||||
var x = {
|
||||
SearchText: tautocomp.searchdata()
|
||||
};
|
||||
return x;
|
||||
},
|
||||
success: function success(data) {
|
||||
return data.object;
|
||||
}
|
||||
},
|
||||
onchange: function onchange() {}
|
||||
}, callback);
|
||||
},
|
||||
/*
|
||||
* 时间轴插件
|
||||
*/
|
||||
timeAxis: function timeAxis(config) {
|
||||
var AxisId = $('#' + config.id);
|
||||
$.fn.axisOption = function(data) {
|
||||
var jThis = $(this);
|
||||
$.ajax({
|
||||
url: data,
|
||||
type: 'GET',
|
||||
dataType: "JSON",
|
||||
success: loopData
|
||||
});
|
||||
|
||||
function loopData(oData) {
|
||||
var dataTpl = "";
|
||||
if (oData.object !== null) {
|
||||
AxisId.append("<div class=\"debrisBox\"></div><div class=\"container\"></div>");
|
||||
$(oData.object).each(function(index, item) {
|
||||
|
||||
if (item.complete == true) {
|
||||
dataTpl += "<li class = 'complTrue'>\n <span class='dsk-circle-title'>" + item.title + "</span>\n <span class='dsk-circle dsk-success'>\u5B8C\u6210</span>\n <span class='dsk-circle-time'>" + item.time + "</span>\n </li>";
|
||||
} else {
|
||||
dataTpl += "<li class = 'complFalse'>\n <span class='dsk-circle-title'>" + item.title + "</span>\n <span class='dsk-circle dsk-failed'>\u672A\u5B8C\u6210</span>\n <span class='dsk-circle-time'>" + item.time + "</span>\n </li>";
|
||||
}
|
||||
});
|
||||
jThis.find('.container').html("<ul class='ks-clear'>" + dataTpl + "</ul>");
|
||||
}
|
||||
|
||||
}
|
||||
};
|
||||
AxisId.axisOption(config.url);
|
||||
}
|
||||
}
|
||||
Loading…
Reference in New Issue