$(document).ready(function() {
autoFlashHeight();
$('#filing').height($(".sjs-height-0").height() - $('#add-slibing').parent().parent().height() - 10);
class FilingObj {
constructor(setting) {
// 原始数据整理后的树结构，用来整理zTree显示
this.dragTree = createDragTree({
id: 'id',
pid: 'tree_pid',
level: 'tree_level',
order: 'tree_order',
rootId: '-1'
});
// 界面显示的zTree
this.setting = setting;
this.filingTree = null;
$('#filing').height($(".sjs-height-0").height()-$('.d-flex',".sjs-height-0").height() - 10);
}
_loadFilingSourceNode() {
const self = this;
const loadChildren = function(children) {
for (const child of children) {
if (child.children && child.children.length > 0) loadChildren(child.children);
child.source_node = self.dragTree.getItems(child.id);
}
};
const nodes = this.filingTree.getNodes();
loadChildren(nodes);
}
loadFiling() {
if (this.filingTree) $.fn.zTree.destroy(this.setting.treeId);
const sortNodes = this.dragTree.nodes.map(x => {
const result = {
id: x.id,
tree_pid: x.tree_pid,
name: x.name + (x.total_file_count > 0 ? `(${x.total_file_count})` : ''),
spid: x.spid,
};
return result;
});
this.filingTree = $.fn.zTree.init($('#filing'), this.setting, sortNodes);
this._loadFilingSourceNode();
const curCache = getLocalCache(this.curFilingKey);
const curNode = curCache ? this.filingTree.getNodeByParam('id', curCache) : null;
if (curNode){
this.filingTree.selectNode(curNode);
filingObj.setCurFiling(curNode);
}
}
analysisFiling(data) {
this.dragTree.loadDatas(data);
this.loadFiling();
}
addSiblingFiling(node) {
const self = this;
postData(`${window.location.pathname}/update`, { updateType: 'add', tree_pid: node.tree_pid, tree_pre_id: node.id }, function(result) {
const refreshData = self.dragTree.loadPostData(result);
const newNode = refreshData.create[0];
const nodes = self.filingTree.addNodes(node.getParentNode(), node.getIndex() + 1, [{ id: newNode.id, tree_pid: newNode.tree_pid, name: newNode.name, spid: newNode.spid }]);
nodes[0].source_node = newNode;
});
}
addChildFiling(node) {
const self = this;
postData(`${window.location.pathname}/update`, { updateType: 'add', tree_pid: node.id }, function(result) {
const refreshData = self.dragTree.loadPostData(result);
const newNode = refreshData.create[0];
const nodes = self.filingTree.addNodes(node, -1, [{ id: newNode.id, tree_pid: newNode.tree_pid, name: newNode.name, spid: newNode.spid}]);
nodes[0].source_node = newNode;
});
}
delFiling(node, callback) {
const parent = node.getParentNode();
const self = this;
postData(`${window.location.pathname}/update`, { updateType: 'del', id: node.id }, function(result) {
self.dragTree.loadPostData(result);
self.filingTree.removeNode(node);
if (parent) {
const path = parent.getPath();
for (const p of path) {
p.name = p.source_node.name + (p.source_node.total_file_count > 0 ? `(${p.source_node.total_file_count})` : '');
filingObj.filingTree.updateNode(p);
}
}
if (callback) callback();
});
}
async renameFiling(node, newName) {
const result = await postDataAsync(`${window.location.pathname}/update`, { updateType:'save', id: node.id, name: newName });
node.source_node.name = newName;
node.name = node.source_node.name + (node.source_node.total_file_count > 0 ? `(${node.source_node.total_file_count})` : '');
return result;
}
async setCurFiling(node) {
filingObj.curFiling = node;
}
moveFiling(node, tree_pid, tree_order) {
if (tree_pid === node.source_node.tree_pid && tree_order === node.source_node.tree_order) return;
const self = this;
postData(`${window.location.pathname}/update`, { updateType: 'move', id: node.id, tree_pid, tree_order }, function(result) {
const refresh = self.dragTree.loadPostData(result);
const updated = [];
for (const u of refresh.update) {
if (!u) continue;
const node = self.filingTree.getNodeByParam('id', u.id);
if (node) {
const path = node.getPath();
for (const p of path) {
if (updated.indexOf(p.id) >= 0) continue;
p.name = p.source_node.name + (p.source_node.total_file_count > 0 ? `(${p.source_node.total_file_count})` : '');
filingObj.filingTree.updateNode(p);
updated.push(p.id);
}
}
}
});
}
batchUpdateFiling(data, callback) {
const self = this;
postData(`${window.location.pathname}/update`, data, function(result) {
self.analysisFiling(result);
if (callback) callback();
})
}
}
const levelTreeSetting = {
treeId: 'filing',
view: {
selectedMulti: false,
showIcon: false,
},
data: {
simpleData: {
idKey: 'id',
pIdKey: 'tree_pid',
rootPId: '-1',
enable: true,
}
},
edit: {
enable: true,
showRemoveBtn: !readOnly,
showRenameBtn: !readOnly,
renameTitle: '编辑',
removeTitle: '删除',
drag: {
isCopy: false,
isMove: true,
pre: true,
next: true,
inner: false,
},
editNameSelectAll: true,
},
callback: {
onClick: async function (e, key, node) {
if (filingObj.curFiling && filingObj.curFiling.id === node.id) return;
filingObj.setCurFiling(node);
},
beforeRename: async function(key, node, newName, isCancel) {
if (!isCancel) await filingObj.renameFiling(node, newName);
return true;
},
beforeRemove: function(key, node, isCancel) {
filingObj.delFiling(node, function() {
$('#del-filing').modal('hide');
});
return false;
},
beforeDrop: function(key, nodes, target, moveType, isCopy) {
if (readOnly) return false;
if (!target) return false;
const order = nodes[0].getIndex() + 1;
const targetOrder = target.getIndex() + 1;
const targetParent = target.getParentNode();
const targetMax = targetParent ? targetParent.children.length : filingObj.dragTree.children.length;
if (moveType === 'prev') {
if (target.tree_pid === nodes[0].tree_pid) {
if (targetOrder > order) {
filingObj.moveFiling(nodes[0], target.tree_pid, targetOrder === 1 ? 1 : targetOrder - 1);
} else {
filingObj.moveFiling(nodes[0], target.tree_pid, targetOrder === 1 ? 1 : targetOrder);
}
} else {
filingObj.moveFiling(nodes[0], target.tree_pid, targetOrder === 1 ? 1 : targetOrder);
}
} else if (moveType === 'next') {
if (target.tree_pid === nodes[0].tree_pid) {
if (targetOrder < order) {
filingObj.moveFiling(nodes[0], target.tree_pid, targetOrder === targetMax ? targetMax : targetOrder + 1);
} else {
filingObj.moveFiling(nodes[0], target.tree_pid, targetOrder === targetMax ? targetMax : targetOrder);
}
} else {
filingObj.moveFiling(nodes[0], target.tree_pid, targetOrder + 1);
}
} else if (moveType === 'inner') {
filingObj.moveFiling(nodes[0], target.tree_id, targetMax + 1);
}
}
}
};
const filingObj = new FilingObj(levelTreeSetting);
filingObj.analysisFiling(templateData);
$('#add-slibing').click(() => {
if (!filingObj.curFiling) return;
filingObj.addSiblingFiling(filingObj.curFiling);
});
$('#add-child').click(() => {
if (!filingObj.curFiling) return;
filingObj.addChildFiling(filingObj.curFiling);
});
const hiddenSubmit = function(action, extraName, extraValue) {
$('#hiddenForm').attr('action', action);
if (extraName) {
$('#extra').attr('name', extraName);
$('#extra').val(extraValue);
};
$('#hiddenForm').submit();
};
$('body').on('mouseenter', ".table-file", function(){
$(this).children(".btn-group-table").css("display","block");
});
$('body').on('mouseleave', ".table-file", function(){
$(this).children(".btn-group-table").css("display","none");
});
$('body').on('click', 'a[name=renameTemplate]', function(e){
$(this).parents('.table-file').attr('renaming', '1');
$(`#${this.getAttribute('aria-describedby')}`).remove();
const tempId = $(this).parents('.table-file').attr('tempId');
const template = templateList.find(x => { return x.id === tempId; });
if (!template) return;
const html = [];
html.push(``);
html.push('');
$(`.table-file[tempId=${tempId}]`).html(html.join(''));
e.stopPropagation();
});
$('body').on('click', 'a[name=renameOk]', function(){
const tempId = $(this).parents('.table-file').attr('tempId');
const newName = $(this).parents('.table-file').find('input').val();
hiddenSubmit('/file/template/save?id='+tempId, 'name', newName);
$(this).parents('.table-file').attr('renaming', '0');
});
$('body').on('click', 'a[name=delTemplate]', function(e){
e.stopPropagation();
const tempId = $(this).parents('.table-file').attr('tempId');
hiddenSubmit('/file/template/del?id='+tempId);
});
$('body').on('click', 'a[name=renameCancel]', function() {
$(this).parents('.table-file').attr('renaming', '0');
const tempId = $(this).parents('.table-file').attr('tempId');
const template = templateList.find(x => { return x.id === tempId; });
if (!template) return;
const html = [];
html.push(`${template.name}
`);
html.push('');
$(`.table-file[tempId=${tempId}]`).html(html.join(''));
});
$('body').on('click', 'a[name=shareTemplate]', function(e){
e.stopPropagation();
const tempId = $(this).parents('.table-file').attr('tempId');
hiddenSubmit('/file/template/save?id='+tempId, 'is_share', 1);
});
$('body').on('click', 'a[name=shareOffTemplate]', function(e){
e.stopPropagation();
const tempId = $(this).parents('.table-file').attr('tempId');
hiddenSubmit('/file/template/save?id='+tempId, 'is_share', 0);
});
class MultiObj {
constructor(setting) {
this.modal = $(`#${setting.modal}`);
this.spread = SpreadJsObj.createNewSpread($(`#${setting.spread}`)[0]);
this.sheet = this.spread.getActiveSheet();
this.spreadSetting = {
cols: [
{ title: '名称', colSpan: '1', rowSpan: '1', field: 'name', hAlign: 0, width: 250, formatter: '@', readOnly: true, cellType: 'tree' },
{ title: '固定', colSpan: '1', rowSpan: '1', field: 'is_fixed', hAlign: 1, width: 50, cellType: 'checkbox' },
{ title: '提示', colSpan: '1', rowSpan: '1', field: 'tips', hAlign: 0, width: 280, formatter: '@', wordWrap: 1 },
],
emptyRows: 0,
headRows: 1,
headRowHeight: [32],
defaultRowHeight: 21,
headerFont: '12px 微软雅黑',
font: '12px 微软雅黑',
};
SpreadJsObj.initSheet(this.sheet, this.spreadSetting);
this.checkTree = createNewPathTree('base', {
id: 'tree_id',
pid: 'tree_pid',
order: 'order',
level: 'level',
isLeaf: 'is_leaf',
fullPath: 'full_path',
rootId: -1,
});
const self = this;
this.modal.bind('shown.bs.modal', function() {
self.spread.refresh();
});
this.spread.bind(spreadNS.Events.ButtonClicked, function(e, info) {
if (!info.sheet.zh_setting) return;
const sheet = info.sheet, cellType = sheet.getCellType(info.row, info.col);
if (cellType instanceof spreadNS.CellTypes.CheckBox) {
if (sheet.isEditing()) sheet.endEdit(true);
}
const col = info.sheet.zh_setting.cols[info.col];
if (col.field !== 'is_fixed') return;
const tree = self.checkTree;
const node = tree.nodes[info.row];
if (node.level <= 1 && node.is_fixed) {
toastr.warning('顶层节点不可取消固定');
SpreadJsObj.reLoadRowsData(info.sheet, [info.row]);
return;
}
const row = [];
if (!node.is_fixed) {
const relas = [];
if (node.level > 1) {
const parents = tree.getAllParents(node);
for (const p of parents) {
relas.push(...p.children);
if (p.level === 1) relas.push(p);
}
} else {
relas.push(node);
}
for (const p of relas) {
p.is_fixed = true;
row.push(tree.nodes.indexOf(p));
}
} else {
const parent = tree.getParent(node);
const posterity = tree.getPosterity(parent);
for (const p of posterity) {
p.is_fixed = false;
row.push(tree.nodes.indexOf(p));
}
}
SpreadJsObj.reLoadRowsData(info.sheet, row);
});
this.spread.bind(spreadNS.Events.EditEnded, function(e, info) {
if (!info.sheet.zh_setting) return;
const col = info.sheet.zh_setting.cols[info.col];
const node = SpreadJsObj.getSelectObject(info.sheet);
node[col.field] = trimInvalidChar(info.editingText);
SpreadJsObj.reLoadRowData(info.sheet, info.row)
});
$(`#${setting.modal}-ok`).click(function() {
try {
const data = self.getMultiUpdateData();
filingObj.batchUpdateFiling(data, function() {
self.modal.modal('hide');
});
} catch(err) {
toastr.error(err.stack ? '保存配置数据错误' : err);
}
});
}
getMultiUpdateData() {
const data = [], self = this;
for (const [i, node] of this.checkTree.nodes.entries()) {
node.source_filing_type = i + 1;
}
const getUpdateData = function(children) {
for (const [i, node] of children.entries()) {
let filing_type = node.source_filing_type;
if (!node.is_fixed) {
const parents = self.checkTree.getAllParents(node);
parents.sort((a, b) => { return b.tree_level - a.tree_level});
const fixedParent = parents.find(function(x) { return x.is_fixed; });
if (!fixedParent) throw `【${node.name}】查询不到固定信息`;
filing_type = fixedParent.source_filing_type;
}
data.push({ id: node.id, is_fixed: node.is_fixed, filing_type, tree_order: i + 1, tips: node.tips || '' });
if (node.children) getUpdateData(node.children);
}
};
getUpdateData(this.checkTree.children);
return {updateType: 'multi', data};
}
_convertData(sourceTree) {
const data = [];
for (const node of sourceTree.nodes) {
const parent = node.tree_pid === '-1' ? undefined : data.find(x => { return x.id === node.tree_pid; });
const child = sourceTree.nodes.find(x => { return x.tree_pid === node.id; });
data.push({
id: node.id,
tree_id: data.length + 1,
tree_pid: parent ? parent.tree_id : -1,
order: node.tree_order + 1,
level: node.tree_level,
is_leaf: !child,
full_path: '',
name: node.name,
is_fixed: node.is_fixed,
filing_type: node.filing_type,
tips: node.tips,
});
}
return data;
}
reload(sourceTree) {
this.checkTree.loadDatas(this._convertData(sourceTree));
SpreadJsObj.loadSheetData(this.sheet, SpreadJsObj.DataType.Tree, this.checkTree);
}
show() {
this.modal.modal('show');
}
exportFile(sourceTree) {
const exportData = sourceTree.nodes.map(node => { return {
id: node.id,
tree_pid: node.tree_pid,
tree_order: node.tree_order,
tree_level: node.tree_level,
name: node.name,
is_fixed: node.is_fixed,
filing_type: node.filing_type,
tips: node.tips,
}});
const blob = new Blob([JSON.stringify(exportData, '', '')], { type: 'application/text'});
const template = templateList.find(x => { return x.id === sourceTree.nodes[0].temp_id });
saveAs(blob, `${template.name}.json`);
}
importFromJSON(str) {
try {
const data = JSON.parse(str);
filingObj.batchUpdateFiling({ updateType: 'import', data });
} catch(err) {
toastr.error('导入文件格式错误，无法解析');
}
}
importFile(file) {
if (!file) return;
const self = this;
let reader = new FileReader();
reader.onload = function() {
self.importFromJSON(this.result);
};
reader.readAsText(file);
}
}
let multiObj = new MultiObj({ modal: 'multi-set', spread: 'multi-spread' });
$('#multi-setting').click(() => {
multiObj.reload(filingObj.dragTree);
multiObj.show();
});
$('#export-template').click(() => {
multiObj.exportFile(filingObj.dragTree);
});
$('#import-template').click(() => {
selectFile({
fileType: '*.json',
select: function(file) {
multiObj.importFile(file)
}
});
});
$('#import-share-template').click(() => {
const check = $('[name=sst-check]');
for (const c of check) {
c.checked = false;
}
$('#select-share-template').modal('show');
});
$('[name=sst-check]').change(function() {
const check = $('[name=sst-check]');
for (const c of check) {
if (c.value !== this.value) c.checked = false;
}
// if (val.length > 1) val.shift();
});
$('#sst-ok').click(function() {
const tempId = $('[name=sst-check]:checked').val();
if (!tempId) {
toastr.warning('请选择要导入的模板');
return;
}
hiddenSubmit('/file/template/save', 'share_id', tempId);
});
});