' : '
';
+ html += ' ';
+ html += '
';
+ $(option.elem).html(html);
+ // 根 据 请 求 方 式 获 取 数 据
+ html = "";
+ if (url != null) {
+ if (!!option.page) {
+ url = url + '&' + option.request.limitName + '=' + option.limit;
+ url = url + '&' + option.request.pageName + '=' + option.currentPage;
+ }
+ if (!!option.where) {
+ for (let key in option.where) {
+ url = url + '&' + key + '=' + option.where[key];
+ }
+ }
+ var data = getData(url);
+ data = initData(data, option);
+ if (data.code != option.response.statusCode) {
+ html = "
" + data.msg + "
";
+ }
+ else {
+ option.data = data.data;
+ option.count = data.count;
+ // 根据结果进行相应结构的创建
+ if (!!option.data && option.data.length > 0) {
+ html = createComponent(option.elem.substring(1),option.linenum,data.data);
+ html += "
";
+ }
+ else {
+ html = "
没有数据
";
+ }
+ }
+ }
+ $(option.elem).html(html);
+ if (option.page) {
+ // 初始化分页组件
+ laypage.render({
+ elem: 'cardpage'
+ , count: option.count, limit: option.limit, limits:option.limits, curr: option.currentPage
+ , layout: option.layout
+ , jump: function (obj, first) {
+ option.limit = obj.limit;
+ option.currentPage = obj.curr;
+ if (!first) {
+ _instances[option.elem.substring(1)].reload(option);
+ }
+ }
+ });
+ }
+ }
+ card.prototype.reload = function (opt) {
+ this.initOptions(this.option ? $.extend(true, this.option, opt) : opt);
+ this.init(); // 初始化表格
+ }
+
+ function createComponent(elem,linenum,data) {
+ var html = "
"
+ var content = createCards(elem, linenum,data);
+ var page = "";
+ content = content + page;
+ html += content + "
"
+ return html;
+ }
+ /** 创建指定数量的卡片 */
+ function createCards(elem, linenum,data) {
+ var content = "
";
+ for (var i = 0; i < data.length; i++) {
+ content += createCard(elem, linenum,data[i],i);
+ }
+ content += "
";
+ return content;
+ }
+ /** 创建一个卡片 */
+ function createCard(elem, linenum, item, no) {
+ var line = 12 / linenum;
+ var card =
+ '
' + item.title + '
' + item.remark + '
'
+ return card;
+ }
+ /** 格式化返回参数 */
+ function initData(tempData, option) {
+ var data = {};
+ data.code = tempData[option.response.statusName];
+ data.msg = tempData[option.response.msgName];
+ data.count = tempData[option.response.countName];
+ var dataList = tempData[option.response.dataName];
+ alert(JSON.stringify(dataList));
+ data.data = [];
+ for (var i = 0; i < dataList.length; i++) {
+ var item = {};
+ item.id = dataList[i][option.request.idName];
+ item.image = dataList[i][option.request.imageName];
+ item.title = dataList[i][option.request.titleName];
+ item.remark = dataList[i][option.request.remarkName];
+ item.time = dataList[i][option.request.timeName];
+ data.data.push(item);
+ }
+ return data;
+ }
+ /** 同 步 请 求 获 取 数 据 */
+ function getData(url) {
+ $.ajaxSettings.async = false;
+ var data = null;
+
+ $.get(url, function (result) {
+ data = result;
+ });
+
+ $.ajaxSettings.async = true;
+ return data;
+ }
+ //卡片点击事件
+ window.cardTableCheckedCard = function (elem,obj) {
+ $(obj).addClass('layui-table-click').siblings().removeClass('layui-table-click');
+ var item = {};
+ item.id = obj.id;
+ item.image = $(obj).find('.project-list-item-cover')[0].src;
+ item.title = $(obj).find('h2')[0].innerHTML;
+ item.remark = $(obj).find('.project-list-item-text')[0].innerHTML;
+ item.time = $(obj).find('.time')[0].innerHTML;
+ _instances[elem.id].option.checkedItem = item;
+ }
+ /** 对外提供的方法 */
+ var tt = {
+ /* 渲染 */
+ render: function (options) {
+ return new card(options);
+ },
+ /* 重载 */
+ reload: function (id, opt) {
+ _instances[id].reload(opt);
+ },
+ /* 获取选中参数 */
+ getChecked: function (id) {
+ var option = _instances[id].option;
+ var data = option.checkedItem;
+ var item = {};
+ item[option.request.idName] = data.id;
+ item[option.request.imageName] = data.image;
+ item[option.request.titleName] = data.title;
+ item[option.request.remarkName] = data.remark;
+ item[option.request.timeName] = data.time;
+ return item;
+ },
+ }
+ exports(MOD_NAME, tt);
+})
diff --git a/component/pear/modules/tab.js b/component/pear/modules/tab.js
index e527c44..3dcc6e7 100644
--- a/component/pear/modules/tab.js
+++ b/component/pear/modules/tab.js
@@ -8,7 +8,9 @@ layui.define(['jquery', 'element'], function(exports) {
var pearTab = function(opt) {
this.option = opt;
};
-
+
+ var tabData = new Array();
+ var tabDataCurrent = 0;
pearTab.prototype.render = function(opt) {
//默认配置值
@@ -21,46 +23,57 @@ layui.define(['jquery', 'element'], function(exports) {
width: opt.width,
height: opt.height,
tabMax: opt.tabMax,
- closeEvent: opt.closeEvent
+ session: opt.session?opt.session:false,
+ closeEvent: opt.closeEvent,
+ success: opt.success?opt.success:function(id){}
}
-
+
+ // 初始化，检索 session 是否开启
+ if(option.session){
+ // 替换 opt.data 数据
+ if(sessionStorage.getItem(option.elem+"-pear-tab-data")!=null){
+ tabData = JSON.parse(sessionStorage.getItem(option.elem+"-pear-tab-data"));
+ option.data = JSON.parse(sessionStorage.getItem(option.elem+"-pear-tab-data"));
+ tabDataCurrent = sessionStorage.getItem(option.elem+"-pear-tab-data-current");
+ tabData.forEach(function(item,index){
+ if(item.id == tabDataCurrent){
+ option.index = index;
+ }
+ })
+ }else{
+ tabData = opt.data;
+ }
+ }
+
var tab = createTab(option);
-
$("#" + option.elem).html(tab);
-
$(".layui-tab[lay-filter='" + option.elem + "'] .layui-tab-prev").click(function() {
rollPage("left", option);
})
-
$(".layui-tab[lay-filter='" + option.elem + "'] .layui-tab-next").click(function() {
rollPage("right", option);
})
-
element.init();
-
toolEvent(option);
-
$("#" + option.elem).width(opt.width);
$("#" + option.elem).height(opt.height);
$("#" + option.elem).css({
position: "relative"
});
-
closeEvent(option);
-
+
+ option.success(sessionStorage.getItem(option.elem+"-pear-tab-data-current"));
+ // 执行回调
return new pearTab(option);
}
pearTab.prototype.click = function(callback) {
-
var elem = this.option.elem;
-
+ var option = this.option;
element.on('tab(' + this.option.elem + ')', function(data) {
-
var id = $("#" + elem + " .layui-tab-title .layui-this").attr("lay-id");
-
+ sessionStorage.setItem(option.elem+"-pear-tab-data-current",id);
callback(id);
-
});
}
@@ -80,9 +93,7 @@ layui.define(['jquery', 'element'], function(exports) {
}
pearTab.prototype.addTab = function(opt) {
-
var title = '';
-
if (opt.close) {
title += '
' + opt.title +
'ဆ';
@@ -96,6 +107,9 @@ layui.define(['jquery', 'element'], function(exports) {
opt.url + '" style="width:100%;height:100%;">',
id: opt.id
});
+ tabData.push(opt);
+ sessionStorage.setItem(this.option.elem+"-pear-tab-data",JSON.stringify(tabData));
+ sessionStorage.setItem(this.option.elem+"-pear-tab-data-current",opt.id);
element.tabChange(this.option.elem, opt.id);
}
var index = 0;
@@ -152,6 +166,8 @@ layui.define(['jquery', 'element'], function(exports) {
opt.url + '" style="width:100%;height:100%;">',
id: opt.id
});
+ tabData.push(opt);
+ sessionStorage.setItem(elem+"-pear-tab-data",JSON.stringify(tabData));
} else {
var isData = false;
$.each($(".layui-tab[lay-filter='" + elem + "'] .layui-tab-title li[lay-id]"), function() {
@@ -184,45 +200,37 @@ layui.define(['jquery', 'element'], function(exports) {
opt.url + '" style="width:100%;height:100%;">',
id: opt.id
});
+ tabData.push(opt);
+ sessionStorage.setItem(elem+"-pear-tab-data",JSON.stringify(tabData));
+
}
}
+ sessionStorage.setItem(elem+"-pear-tab-data-current",opt.id);
element.tabChange(elem, opt.id);
}
-
/** 添 加 唯 一 选 项 卡 */
pearTab.prototype.addTabOnly = function(opt, time) {
-
var title = '';
-
if (opt.close) {
-
title += '
' + opt.title +
- 'ဆ'
-
+ '
ဆ';
} else {
-
title += '
' + opt.title +
- 'ဆ'
-
+ '
ဆ';
}
-
if ($(".layui-tab[lay-filter='" + this.option.elem + "'] .layui-tab-title li[lay-id]").length <= 0) {
-
if (time != false && time != 0) {
-
var load = '
'
-
+ '