');
tagHtml.push('');
return tagHtml.join('');
};
const searchTagsAndShow = function () {
const keyword = $('#bills-tag-keyword').val();
const filterClass = $('#bills-tag-filter')[0].classList;
const tagClass = filterClass.length > 2 ? filterClass[2] : null;
const ci = tagClass ? classIndexes.find(x => {return x.tagClass === tagClass}) : null;
curShow = billsTags.filter(x => {
if (ci && ci.color !== x.color) return false;
if (!keyword) return true;
if (x.node.code && x.node.code.indexOf(keyword) >= 0) return true;
if (x.node.b_code && x.node.b_code.indexOf(keyword) >= 0) return true;
if (x.node.name && x.node.name.indexOf(keyword) >= 0) return true;
return false;
});
reloadViewTags();
};
const refreshTagView = function (tag) {
const obj = $('#bills-tag-' + tag.id);
if (obj && obj.length > 0) {
obj.html(getTagDisplayHtml(tag));
}
};
const refreshBillsTagView = function (bills) {
const bi = billsIndexes[bills.id] || [];
for (const tag of bi) {
refreshTagView(tag);
}
};
const reviewTag = function (tag, isTop = false) {
const obj = $('#bills-tag-' + tag.id);
if (obj && obj.length > 0) {
obj.html(getTagDisplayHtml(tag));
} else {
const objHtml = [];
objHtml.push(`
`);
objHtml.push(getTagDisplayHtml(tag));
objHtml.push('
');
if (isTop) {
$('#bills-tag-list').prepend(objHtml.join(''));
} else {
$('#bills-tag-list').append(objHtml.join(''));
}
}
tag.display = true;
};
const loadViewTags = function () {
let showCount = 0;
for (const t of curShow) {
if (showCount >= pageLength) continue;
if (t.display) continue;
reviewTag(t);
showCount++;
}
};
const reloadViewTags = function () {
clearViewTags();
$("#bills-tag-lis").scrollTop(0);
loadViewTags();
};
const _addToBillsIndex = function(data, isTop = false) {
let bi = billsIndexes[data.lid];
if (!bi) {
bi = [];
billsIndexes[data.lid] = bi;
}
isTop ? bi.unshift(data) : bi.push(data);
};
const loadDatas = function (datas) {
billsTags = [];
billsIndexes = {};
for (const d of datas) {
billsTags.push(d);
_addToBillsIndex(d);
}
curShow = billsTags;
reloadViewTags();
};
const updateDatas = function (data) {
const refresh = {};
if (data.add) {
billsTags.push(data.add);
_addToBillsIndex(data.add, true);
refresh.add = data.add;
}
if (data.del) {
const delTag = billsTags.find(x => {return x.id === data.del});
billsTags.splice(billsTags.indexOf(delTag), 1);
if (delTag.node) {
const bi = billsIndexes[delTag.node.id];
bi.splice(bi.indexOf(delTag), 1);
}
refresh.del = delTag;
}
if (data.update) {
const updateTag = billsTags.find(x => {return x.id === data.update.id});
for (const prop in data.update) {
updateTag[prop] = data.update[prop];
}
refresh.update = updateTag;
}
return refresh;
};
const updateDatasAndShow = function (data) {
const relaBills = [];
const refresh = updateDatas(data);
if (refresh.add) {
reviewTag(refresh.add, true);
relaBills.push(refresh.add.node);
}
if (refresh.del) {
$('#bills-tag-' + refresh.del.id).remove();
relaBills.push(refresh.del.node);
}
if (refresh.update) {
refreshTagView(refresh.update);
relaBills.push(refresh.update.node);
}
return relaBills;
};
const show = function () {
showSelectTab(setting.selector, null, setting.afterShow);
};
const getBillsTagsColor = function (id) {
const billsTags = billsIndexes[id] || [];
return billsTags.length > 0 ? billsTags.map(x => {return x.color}) : undefined;
};
const getBillsTagsInfo = function (id) {
const billsTags = billsIndexes[id] || [];
return billsTags.length > 0 ? billsTags.map(x => {
const tagClass = classIndexes.find(tc => {return tc.color === x.color}) || {};
return {color: x.color, comment: x.comment, tagClass: tagClass.tagClass};
}) : undefined;
};
$('body').on('click', '[name=bills-tag-locate]', function () {
const lid = parseInt(this.getAttribute('lid'));
SpreadJsObj.locateTreeNode(setting.relaSpread.getActiveSheet(), lid);
setting.afterLocated && setting.afterLocated();
});
$('body').on('click', '[name=bills-tag-edit]', function () {
const tagId = this.getAttribute('tag-id');
const tag = billsTags.find(x => {return x.id == tagId});
if (tag) {
const obj = $('#bills-tag-' + tag.id);
$('[name=tag-view]', obj).hide();
obj.append(getTagEditHtml(tag));
}
});
$('body').on('click', '#tag-edit-cancel', function () {
const obj = $('[name=tag-edit]').parent();
$('[name=tag-edit]').remove();
$('[name=tag-view]', obj).show();
});
$('body').on('click', '#tag-del', function () {
const obj = $('[name=tag-edit]').parent();
postData(setting.updateUrl, {del: parseInt(obj.attr('tag-id'))}, function (result) {
if (!result.del) return;
const bills = updateDatasAndShow(result);
setting.afterModify && setting.afterModify(bills);
});
});
$('body').on('click', '#tag-edit-ok', function () {
const obj = $('[name=tag-edit]').parent();
const data = {
id: parseInt(obj.attr('tag-id')),
share: $('#tag-share')[0].checked,
comment: $('#tag-comment').val(),
color: $('#tag-change-color').attr('tag-color'),
};
postData(setting.updateUrl, {update: data}, function (result) {
if (!result.update) return;
const bills = updateDatasAndShow(result);
setting.afterModify && setting.afterModify(bills);
});
});
$('body').on('click', '[name=tag-color]', function () {
const tagClass = this.classList[1];
const ci = classIndexes.find(tc => {return tc.tagClass === tagClass});
const tcc = $('#tag-change-color');
tcc.attr('tag-color', ci.color);
tcc.find('i').attr('class', 'fa fa-tag ' + tagClass);
});
$('body').on('click', '[tagType]', function () {
const tagClass = this.getAttribute('tagType');
if (tagClass === 'all') {
$('#bills-tag-filter').attr('class', 'fa fa-list-ol');
} else {
$('#bills-tag-filter').attr('class', 'fa fa-tag ' + tagClass);
}
searchTagsAndShow();
});
// 防抖
function debounce(fun, delay) {
let timer = null;
return function () {
if (timer) {
clearTimeout(timer);
}
timer = setTimeout(fun, delay);
}
}
$('#bills-tag-list').bind('scroll', debounce(function (e) {
const obj = $('#bills-tag-list');
var sum = obj[0].scrollHeight;
if (sum <= obj.scrollTop() + obj.height()) {
loadViewTags();
}
}, 300));
$('#bills-tag-clear').bind('click', () => {
if (!$('#bills-tag-keyword').val()) return;
$('#bills-tag-keyword').val('');
searchTagsAndShow();
});
$('#bills-tag-search').bind('click', () => {searchTagsAndShow();});
$('#bills-tag-keyword').bind('keydown', e => {if (e.keyCode === 13) searchTagsAndShow();});
return { loadDatas, updateDatasAndShow, show, getBillsTagsColor, getBillsTagsInfo, refreshBillsTagView, }
}
})(jQuery);