');
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) {
if (!d.node) continue;
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;
};
const afterDeleteBills = function (nodes) {
for (const node of nodes) {
const bi = billsIndexes[node.id];
if (!bi) continue;
delete billsIndexes[node.id];
for (const biTag of bi) {
const delTag = billsTags.find(x => {return x.id === biTag.id});
billsTags.splice(billsTags.indexOf(delTag), 1);
$('#bills-tag-' + delTag.id).remove();
}
}
};
$('body').on('click', '[name=bills-tag-locate]', function () {
const lid = parseInt(this.getAttribute('lid'));
SpreadJsObj.locateTreeNode(setting.relaSpread.getActiveSheet(), lid, true);
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, afterDeleteBills }
};
$.sumLoadMiss = function (setting) {
if (!setting.spreadSetting) {
setting.spreadSetting = {
cols: [
{ title: '清单编号', field: 'b_code', width: 80, formatter: '@' },
{ title: '清单名称', field: 'name', width: 120, formatter: '@' },
{ title: '单位', field: 'unit', width: 50, formatter: '@' },
{ title: setting.type === 'stage' ? '合同数量' : '数量', field: 'qty', width: 60 },
{ title: '变更数量', field: 'qc_qty', width: 60, visible: setting.type === 'stage' },
{
title: '类型', field: 'type', width: 100, getValue: function (x) {
switch (x.type) {
case 'less': return '数量变少';
case 'miss': return '找不到清单';
case 'qc-conflict': return '变更冲突(已调用变更令)';
default: return '';
}
}
}
],
emptyRows: 0,
headRows: 1,
headRowHeight: [32],
defaultRowHeight: 21,
headerFont: '12px 微软雅黑',
font: '12px 微软雅黑',
selectedBackColor: '#fffacd',
readOnly: true,
};
}
const clearMissData = function () {
if (setting.storeKey) removeLocalCache(setting.storeKey);
};
const autoShowHistory = function (show) {
if (setting.storeKey) {
setLocalCache(setting.storeKey + '-showHis', show.toString());
}
};
if (setting.selector && setting.relaSpread) {
const resultId = setting.id + '-spread';
const obj = $(setting.selector);
obj.html(
'
\n' +
'
'
);
autoFlashHeight();
const spread = SpreadJsObj.createNewSpread($('#' + resultId)[0]);
const sheet = spread.getActiveSheet();
SpreadJsObj.initSheet(sheet, setting.spreadSetting);
spread.getActiveSheet().bind(spreadNS.Events.CellDoubleClick, function (e, info) {
if (!setting.relaSpread) return;
const sheet = info.sheet;
const data = sheet.zh_data;
if (!data) { return }
const curBills = data[info.row];
if (!curBills) { return }
if (curBills.ledger_id) {
SpreadJsObj.locateTreeNode(setting.relaSpread.getActiveSheet(), curBills.ledger_id, true);
if (setting.afterLocated) {
setting.afterLocated();
}
} else {
toastr.warning('找不到该清单');
}
});
const loadMissData = function (data, his = false) {
const sourceTree = setting.relaSpread.getActiveSheet().zh_tree;
if (!sourceTree) return;
for (const d of data) {
d.serialNo = sourceTree.getNodeIndex(sourceTree.getItems(d.ledger_id)) + 1;
}
data.sort(function (a, b) {
return a.serialNo - b.serialNo;
});
SpreadJsObj.loadSheetData(sheet, SpreadJsObj.DataType.Data, data);
if (!his && setting.storeKey) {
setLocalCache(setting.storeKey, JSON.stringify(data));
}
$(setting.tabSelector).show();
};
const showMissList = function () {
const tab = $(setting.tabSelector), tabPanel = $(tab.attr('content'));
$('a', '.side-menu').removeClass('active');
tab.addClass('active');
$('.tab-content .tab-pane').removeClass('active');
tabPanel.addClass('active');
showSideTools(true);
spread.refresh();
if (setting.afterShow) setting.afterShow();
};
const loadHisMissData = function () {
if (setting.storeKey) {
const storeStr = getLocalCache(setting.storeKey);
const storeData = storeStr ? JSON.parse(storeStr) : [];
if (storeData.length > 0) {
loadMissData(storeData, true);
const showHis = getLocalCache(setting.storeKey + '-showHis');
if (showHis === 'true') {
showMissList();
removeLocalCache(setting.storeKey + '-showHis');
}
}
}
};
return {
spread: spread,
loadMissData: loadMissData,
clearMissData: clearMissData,
loadHisMissData: loadHisMissData,
show: showMissList,
autoShowHistory: autoShowHistory,
};
} else {
const loadMissData = function (data) {
if (setting.storeKey) {
setLocalCache(setting.storeKey, JSON.stringify(data));
}
};
return {
loadErrorData: loadMissData,
clearErrorData: clearMissData,
autoShowHistory: autoShowHistory,
};
}
};
$.stdLib = function (setting) {
if (!setting.selector) return;
const obj = $(setting.selector);
const stdLibHtml = setting.libs.map(l => {
return `
`;
});
const relaSelect = {
showLevel: `std-${setting.stdType}-sl`,
searchText: `std-${setting.stdType}-st`,
searchResult: `std-${setting.stdType}-sr`,
searchPre: `std-${setting.stdType}-sp`,
searchNext: `std-${setting.stdType}-sn`,
searchClose: `std-${setting.stdType}-sc`,
};
obj.html(
'
\n' +
'
\n' +
' \n' +
' \n' +
'
' +
`
\n` +
'
\n' +
'
\n' +
' \n' +
' \n' +
'
\n' +
'
' +
'
\n' +
`
\n`
);
autoFlashHeight();
const pathTree = createNewPathTree('base', setting.treeSetting);
const spreadSetting = {
cols: [
{title: '名称', field: 'name', hAlign: 0, width: 180, formatter: '@'},
{title: '单位', field: 'unit', hAlign: 1, width: 60, formatter: '@'},
],
treeCol: 0,
emptyRows: 0,
headRows: 1,
headRowHeight: [32],
defaultRowHeight: 21,
headerFont: '12px 微软雅黑',
font: '12px 微软雅黑',
headColWidth: [30],
selectedBackColor: '#fffacd',
readOnly: true,
stdType: setting.stdType,
};
spreadSetting.cols.unshift(setting.stdType === 'xmj'
? {title: '项目节编号', field: 'code', hAlign: 0, width: 150, formatter: '@', cellType: 'tree'}
: {title: '清单编号', field: 'b_code', hAlign: 0, width: 150, formatter: '@', cellType: 'tree'});
const spread = SpreadJsObj.createNewSpread($(`#std-${setting.stdType}-spread`)[0]);
const sheet = spread.getActiveSheet();
SpreadJsObj.initSheet(sheet, spreadSetting);
if (setting.cellDoubleClick) sheet.bind(spreadNS.Events.CellDoubleClick, setting.cellDoubleClick);
sheet.bind(spreadNS.Events.SelectionChanged, function (e, info) {
if (!info.oldSelections || !info.oldSelections[0] || info.newSelections[0].row !== info.oldSelections[0].row) {
SpreadJsObj.saveTopAndSelect(info.sheet, cacheKey.node);
}
});
sheet.bind(spreadNS.Events.TopRowChanged, function (e, info) {
SpreadJsObj.saveTopAndSelect(info.sheet, cacheKey.node);
});
const cacheLib = [];
const cacheKey = {
lib: setting.page + '-' + setting.tid + '-' + setting.stdType,
};
$('select', setting.selector).change(function () {
loadLib(parseInt(this.value), true);
});
(function (select, sheet) {
$(select).click(function () {
if (!sheet.zh_tree) return;
const tag = $(this).attr('tag');
const tree = sheet.zh_tree;
setTimeout(() => {
switch (tag) {
case "1":
case "2":
case "3":
case "4":
case "5":
tree.expandByLevel(parseInt(tag));
SpreadJsObj.refreshTreeRowVisible(sheet);
break;
case "last":
tree.expandByCustom(() => { return true; });
SpreadJsObj.refreshTreeRowVisible(sheet);
break;
}
}, 100);
});
})(`a[name=${relaSelect.showLevel}]`, sheet);
const loadLib = function(listId, reload = false) {
cacheKey.node = cacheLib.lib + '-' + listId;
const locateMemory = function () {
if (!reload) {
SpreadJsObj.loadTopAndSelect(sheet, cacheKey.node);
} else {
removeLocalCache(cacheKey.node);
}
};
const cacheData = cacheLib.find(function (lib) {
return lib.id === listId;
});
if (cacheData) {
pathTree.loadDatas(cacheData.data);
SpreadJsObj.loadSheetData(sheet, 'tree', pathTree);
locateMemory();
setLocalCache(cacheKey.lib, listId);
} else {
postData(`/std-lib/get-data`, {stdType: setting.stdType, list_id: listId}, function (data) {
cacheLib.push({id: listId, data: data});
pathTree.loadDatas(data);
SpreadJsObj.loadSheetData(sheet, 'tree', pathTree);
locateMemory();
setLocalCache(cacheKey.lib, listId);
});
}
};
const _loadCacheLib = function() {
let libId = getLocalCache(cacheKey.lib);
if (libId) {
$('select', setting.selector).val(libId);
loadLib(parseInt(libId));
} else {
loadLib(parseInt($('select', setting.selector).val()));
}
};
_loadCacheLib();
const searchObj = {
result: [],
cur: 0,
searchStdNode: function() {
const keyword = $(`#${relaSelect.searchText}`).val();
searchObj.result = keyword ? pathTree.nodes.filter(x => {
return x.code.indexOf(keyword) >= 0 || x.b_code.indexOf(keyword) >= 0 || x.name.indexOf(keyword) >= 0;
}) : [];
// searchObj.result = [];
// for (const x of pathTree.nodes) {
// if (x.code.indexOf(keyword) >= 0 || x.b_code.indexOf(keyword) >= 0 || x.name.indexOf(keyword) >= 0) {
// searchObj.result.push(x);
// }
// }
$(`#${relaSelect.searchResult}`)[0].innerText = `结果：${searchObj.result.length}`;
searchObj.cur = 0;
if (searchObj.result.length > 0) {
SpreadJsObj.locateTreeNode(sheet, pathTree.getNodeKey(searchObj.result[searchObj.cur]));
}
},
searchPre: function () {
if (searchObj.result.length === 0) return;
searchObj.cur = searchObj.cur === 0 ? searchObj.result.length - 1 : this.cur - 1;
SpreadJsObj.locateTreeNode(sheet, pathTree.getNodeKey(searchObj.result[searchObj.cur]), true);
},
searchNext: function () {
if (searchObj.result.length === 0) return;
searchObj.cur = searchObj.cur === searchObj.result.length - 1 ? 0 : searchObj.cur + 1;
SpreadJsObj.locateTreeNode(sheet, pathTree.getNodeKey(searchObj.result[searchObj.cur]), true);
},
clear: function () {
$(`#${relaSelect.searchText}`).val('');
$(`#${relaSelect.searchResult}`)[0].innerText = `结果：${0}`;
searchObj.result = [];
searchObj.cur = 0;
}
};
$(`#${relaSelect.searchText}`).change(searchObj.searchStdNode);
$(`#${relaSelect.searchPre}`).click(function (e) {
searchObj.searchPre();
e.stopPropagation();
});
$(`#${relaSelect.searchNext}`).click(function (e) {
searchObj.searchNext();
e.stopPropagation();
});
$(`#${relaSelect.searchClose}`).click(function (e) {
searchObj.clear();
e.stopPropagation();
});
return { spread }
};
$.gljLib = function (setting) {
if (!setting.selector) return;
const obj = $(setting.selector);
const stdLibHtml = setting.libs.map(l => {
return `
`;
});
const relaSelect = {
showLevel: `std-${setting.stdType}-sl`,
searchText: `std-${setting.stdType}-st`,
searchResult: `std-${setting.stdType}-sr`,
searchPre: `std-${setting.stdType}-sp`,
searchNext: `std-${setting.stdType}-sn`,
searchClose: `std-${setting.stdType}-sc`,
};
obj.html(
'
\n' +
`
\n` +
'
\n' +
'
\n' +
' \n' +
' \n' +
'
\n' +
'
' +
'
\n' +
`
\n`
);
autoFlashHeight();
const pathTree = createNewPathTree('base', setting.treeSetting);
const spreadSetting = {
cols: [
{title: '名称', field: 'name', hAlign: 0, width: 180, formatter: '@'},
{title: '单位', field: 'unit', hAlign: 1, width: 60, formatter: '@'},
],
treeCol: 0,
emptyRows: 0,
headRows: 1,
headRowHeight: [32],
defaultRowHeight: 21,
headerFont: '12px 微软雅黑',
font: '12px 微软雅黑',
headColWidth: [30],
selectedBackColor: '#fffacd',
readOnly: true,
stdType: setting.stdType,
};
spreadSetting.cols.unshift(setting.stdType === 'xmj'
? {title: '项目节编号', field: 'code', hAlign: 0, width: 150, formatter: '@', cellType: 'tree'}
: {title: '清单编号', field: 'b_code', hAlign: 0, width: 150, formatter: '@', cellType: 'tree'});
const spread = SpreadJsObj.createNewSpread($(`#std-${setting.stdType}-spread`)[0]);
const sheet = spread.getActiveSheet();
SpreadJsObj.initSheet(sheet, setting.spreadSetting ? setting.spreadSetting : spreadSetting);
if (setting.cellDoubleClick) sheet.bind(spreadNS.Events.CellDoubleClick, setting.cellDoubleClick);
sheet.bind(spreadNS.Events.SelectionChanged, function (e, info) {
if (!info.oldSelections || !info.oldSelections[0] || info.newSelections[0].row !== info.oldSelections[0].row) {
SpreadJsObj.saveTopAndSelect(info.sheet, cacheKey.node);
}
});
sheet.bind(spreadNS.Events.TopRowChanged, function (e, info) {
SpreadJsObj.saveTopAndSelect(info.sheet, cacheKey.node);
});
const cacheLib = [];
const cacheKey = {
lib: setting.page + '-' + setting.tid + '-' + setting.stdType,
};
$('select', setting.selector).change(function () {
loadLib(parseInt(this.value), true);
});
const loadLib = function(listId, reload = false) {
cacheKey.node = cacheLib.lib + '-' + listId;
const locateMemory = function () {
if (!reload) {
SpreadJsObj.loadTopAndSelect(sheet, cacheKey.node);
} else {
removeLocalCache(cacheKey.node);
}
};
const cacheData = cacheLib.find(function (lib) {
return lib.id === listId;
});
if (cacheData) {
pathTree.loadDatas(cacheData.data);
SpreadJsObj.loadSheetData(sheet, 'tree', pathTree);
locateMemory();
setLocalCache(cacheKey.lib, listId);
} else {
postData(`/std-lib/get-data`, {stdType: setting.stdType, list_id: listId}, function (data) {
cacheLib.push({id: listId, data: data});
pathTree.loadDatas(data);
SpreadJsObj.loadSheetData(sheet, 'tree', pathTree);
locateMemory();
setLocalCache(cacheKey.lib, listId);
});
}
};
const _loadCacheLib = function() {
let libId = getLocalCache(cacheKey.lib);
if (libId) {
$('select', setting.selector).val(libId);
loadLib(parseInt(libId));
} else {
loadLib(parseInt($('select', setting.selector).val()));
}
};
_loadCacheLib();
const searchObj = {
result: [],
cur: 0,
searchStdNode: function() {
const keyword = $(`#${relaSelect.searchText}`).val();
searchObj.result = keyword ? pathTree.nodes.filter(x => {
return x.code.indexOf(keyword) >= 0 || x.name.indexOf(keyword) >= 0;
}) : [];
// searchObj.result = [];
// for (const x of pathTree.nodes) {
// if (x.code.indexOf(keyword) >= 0 || x.b_code.indexOf(keyword) >= 0 || x.name.indexOf(keyword) >= 0) {
// searchObj.result.push(x);
// }
// }
$(`#${relaSelect.searchResult}`)[0].innerText = `结果：${searchObj.result.length}`;
searchObj.cur = 0;
if (searchObj.result.length > 0) {
SpreadJsObj.locateTreeNode(sheet, pathTree.getNodeKey(searchObj.result[searchObj.cur]));
}
},
searchPre: function () {
if (searchObj.result.length === 0) return;
searchObj.cur = searchObj.cur === 0 ? searchObj.result.length - 1 : this.cur - 1;
SpreadJsObj.locateTreeNode(sheet, pathTree.getNodeKey(searchObj.result[searchObj.cur]), true);
},
searchNext: function () {
if (searchObj.result.length === 0) return;
searchObj.cur = searchObj.cur === searchObj.result.length - 1 ? 0 : searchObj.cur + 1;
SpreadJsObj.locateTreeNode(sheet, pathTree.getNodeKey(searchObj.result[searchObj.cur]), true);
},
clear: function () {
$(`#${relaSelect.searchText}`).val('');
$(`#${relaSelect.searchResult}`)[0].innerText = `结果：${0}`;
searchObj.result = [];
searchObj.cur = 0;
}
};
$(`#${relaSelect.searchText}`).change(searchObj.searchStdNode);
$(`#${relaSelect.searchPre}`).click(function (e) {
searchObj.searchPre();
e.stopPropagation();
});
$(`#${relaSelect.searchNext}`).click(function (e) {
searchObj.searchNext();
e.stopPropagation();
});
$(`#${relaSelect.searchClose}`).click(function (e) {
searchObj.clear();
e.stopPropagation();
});
return { spread }
};
})(jQuery);