12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181 |
- $(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;
- this.pageCount = 15;
- this.expandKey = 'filing-' + window.location.pathname.split('/')[2];
- const cache = getLocalCache(this.expandKey);
- this.expandCache = cache ? _.uniq(cache.split(',')) : [];
- this.curFilingKey = 'cur-filing-' + window.location.pathname.split('/')[2];
- $('#filing').height($(".sjs-height-0").height()-$('.d-flex',".sjs-height-0").height());
- this.fileOrderKey = 'fileOrder';
- this.fileOrder = getLocalCache(this.fileOrderKey) || 'create_time|desc';
- }
- refreshFileOrderButton() {
- const orderBy = this.fileOrder.split('|');
- const field = orderBy[0], sort = orderBy[1];
- const buttons = $('[name=file-sort]');
- for (const b of buttons) {
- const curField = b.getAttribute('field');
- if (curField === field) {
- $(b).html(`<i class="fa fa-sort-amount-${sort}" aria-hidden="true"></i>`).attr('tag', `${curField}|${sort === 'asc' ? 'desc' : 'asc'}`);
- } else {
- $(b).html('<i class="fa fa-sort" aria-hidden="true">').attr('tag', `${curField}|desc`);
- }
- }
- }
- calcTotalFileCount() {
- this.dragTree.recursiveFun(this.dragTree.children, x => {
- if (x.children && x.children.length > 0) {
- x.total_file_count = x.children.reduce((pre, c) => {
- if (x.filing_type === 1) console.log('reduce', c.name, c.total_file_count);
- return pre + c.total_file_count
- }, 0);
- } else {
- x.total_file_count = x.file_count || 0;
- }
- if (x.filing_type === 1) console.log(x.name, x.total_file_count);
- });
- }
- _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() {
- const self = this;
- 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,
- };
- if (x.is_fixed) result.isParent = true;
- if (x.is_folder || x.is_fixed) result.open = self.expandCache.indexOf(result.id) >= 0;
- 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.calcTotalFileCount();
- this.loadFiling();
- }
- _getFileNameHtml(file) {
- const editHtml = file.canEdit ? `<a href="javascript: void(0);" class="mr-1" name="edit-file" fid="${file.id}"><i class="fa fa-pencil fa-fw"></i></a>` : '';
- const viewHtml = file.viewpath ? `<a href="${file.viewpath}" class="mr-1" target="_blank"><i class="fa fa-eye fa-fw"></i></a>` : '';
- const downHtml = `<a href="javascript: void(0);" onclick="AliOss.downloadFile('${file.filepath}', '${file.filename + file.fileext}')" class="mr-1"><i class="fa fa-download fa-fw"></i></a>`;
- const delHtml = file.canEdit ? `<a href="javascript: void(0);" class="mr-1 text-danger" name="del-file" fid="${file.id}"><i class="fa fa-trash-o fa-fw"></i></a>` : '';
- return `<div class="d-flex justify-content-between align-items-center table-file"><div name="filename" fid="${file.id}">${file.filename}${file.fileext}</div><div class="btn-group-table" style="display: none;">${editHtml}${viewHtml}${downHtml}${delHtml}</div></div>`;
- }
- _getEditFileNameHtml(file) {
- const inputHtml = `<input type="text" class="form-control form-control-sm form-control-width" maxlength="100" value="${file.filename + file.fileext}" fid="${file.id}">`;
- const btnHtml = `<div class="btn-group-table" style="display: none;"><a href="javascript: void(0)" class="mr-1" name="edit-file-ok"><i class="fa fa-check fa-fw"></i></a><a href="javascript: void(0)" class="mr-1" name="edit-file-cancel"><i class="fa fa-remove fa-fw"></i></a></div>`;
- return `<div class="d-flex justify-content-between align-items-center table-file"><div>${inputHtml}</div>${btnHtml}</div>`;
- }
- _getFileHtml(file) {
- const html = [];
- html.push(`<tr fid="${file.id}">`);
- html.push(`<td class="text-center"><input type="checkbox" name="bd-check" fid="${file.id}"></td>`);
- html.push(`<td fid="${file.id}">${this._getFileNameHtml(file)}</td>`);
- html.push(`<td class="text-center">${file.user_name}</td>`);
- html.push(`<td class="text-center">${moment(file.create_time).format('YYYY-MM-DD HH:mm:ss')}</td>`);
- html.push(`<td class="text-center">${file.fileext_str}</td>`);
- html.push('</tr>');
- return html.join('');
- }
- refreshFilesTable() {
- const html = [];
- const files = this.curFiling.source_node.files;
- if (!files || files.length === 0) {
- $('#file-list').html('');
- return;
- }
- const startIndex = (this.curPage - 1)*this.pageCount;
- const endIndex = this.curPage*this.pageCount;
- for (const [i, f] of files.entries()) {
- if (i < startIndex || i >= endIndex) continue;
- html.push(this._getFileHtml(f));
- }
- $('#file-list').html(html.join(''));
- }
- refreshPages() {
- if (!filingObj.curFiling) return;
- filingObj.curTotalPage = Math.ceil(filingObj.curFiling.source_node.file_count / this.pageCount);
- filingObj.curPage = Math.min(filingObj.curTotalPage, Math.max(filingObj.curPage, 1));
- $('#curPage').html(filingObj.curPage);
- $('#curTotalPage').html(filingObj.curTotalPage);
- if (filingObj.curTotalPage > 1) {
- $('#showPage').show();
- } else {
- $('#showPage').hide();
- }
- }
- async loadFiles(node, page) {
- if (node.source_node.children && node.source_node.children.length > 0) return;
- if (!node.source_node.files) node.source_node.files = [];
- if (!node.source_node.file_count) return;
- if (node.source_node.files && node.source_node.files.length === node.source_node.file_count) return;
- const needFiles = Math.min(page*this.pageCount, node.source_node.file_count);
- if (node.source_node.files && needFiles <= node.source_node.files.length) return;
- const files = await postDataAsync('file/load', { filing_id: node.id, page, count: this.pageCount, order: this.fileOrder });
- files.forEach(x => {
- const file = node.source_node.files.find(f => {return x.id === f.id; });
- if (file) {
- Object.assign(file, x);
- } else {
- node.source_node.files.push(x);
- }
- });
- // node.source_node.files.sort((x, y) => {
- // return x.create_time - y.create_time;
- // });
- }
- addSiblingFiling(node) {
- const self = this;
- postData('filing/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('filing/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('filing/del', { id: node.id }, function(result) {
- self.updateFilingFileCount(node, 0);
- self.dragTree.loadPostData(result);
- self.filingTree.removeNode(node);
- self.calcTotalFileCount();
- 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})` : '');
- if (p.source_node.is_fixed) p.isParent = true;
- filingObj.filingTree.updateNode(p);
- }
- }
- if (callback) callback();
- });
- }
- async renameFiling(node, newName) {
- const result = await postDataAsync('filing/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;
- }
- updateFilingFileCount(filing, count) {
- let differ = count - (filing.source_node.file_count || 0);
- filing.source_node.file_count = count;
- filing.source_node.total_file_count = count;
- filing.name = filing.source_node.name + (filing.source_node.total_file_count > 0 ? `(${filing.source_node.total_file_count})` : '');
- filingObj.filingTree.updateNode(filing);
- let parent = filing.getParentNode();
- while (!!parent) {
- parent.source_node.total_file_count = parent.source_node.total_file_count ? parent.source_node.total_file_count + differ : differ;
- parent.name = parent.source_node.name + (parent.source_node.total_file_count > 0 ? `(${parent.source_node.total_file_count})` : '');
- filingObj.filingTree.updateNode(parent);
- parent = parent.getParentNode();
- }
- }
- uploadFiles(files, callback) {
- const formData = new FormData();
- formData.append('filing_id', filingObj.curFiling.id);
- for (const file of files) {
- if (file === undefined) {
- toastr.error('未选择上传文件。');
- return false;
- }
- if (file.size > 50 * 1024 * 1024) {
- toastr.error('上传文件大小超过50MB。');
- return false;
- }
- const fileext = '.' + file.name.toLowerCase().split('.').splice(-1)[0];
- if (whiteList.indexOf(fileext) === -1) {
- toastr.error('仅支持office文档、图片、压缩包格式,请勿上传' + fileext + '格式文件。');
- return false;
- }
- formData.append('size', file.size);
- formData.append('file[]', file);
- }
- postDataWithFile('file/upload', formData, function (data) {
- filingObj.updateFilingFileCount(filingObj.curFiling, data.filing.file_count);
- filingObj.curFiling.source_node.files.unshift(...data.files);
- filingObj.refreshPages();
- filingObj.refreshFilesTable();
- if (callback) callback();
- });
- }
- uploadBigFile(file, callback) {
- if (file.size > 500 * 1024 * 1024) {
- toastr.error('上传文件大小超过500MB。');
- return false;
- }
- const fileext = '.' + file.name.toLowerCase().split('.').splice(-1)[0];
- if (whiteList.indexOf(fileext) === -1) {
- toastr.error('仅支持office文档、图片、压缩包格式,请勿上传' + fileext + '格式文件。');
- return false;
- }
- AliOss.uploadBigFile(file, 'file/upload/big', { filing_id: filingObj.curFiling.id },
- { progressObj: $('#upload-big-file-progress'), resumeObj: $('#add-big-file-resume'), stopObj: $('#add-big-file-stop') },
- function(result) {
- filingObj.curFiling.source_node.files.unshift(...result.files);
- filingObj.updateFilingFileCount(filingObj.curFiling, result.filing.file_count);
- filingObj.refreshPages();
- filingObj.refreshFilesTable();
- if (callback) callback();
- });
- }
- delFiles(files, callback) {
- postData('file/del', { del: files }, async function(data) {
- for (const id of data.del) {
- const fIndex = filingObj.curFiling.source_node.files.findIndex(x => { return x.id === id });
- if (fIndex >= 0) filingObj.curFiling.source_node.files.splice(fIndex, 1);
- }
- filingObj.updateFilingFileCount(filingObj.curFiling, data.filing.file_count);
- await filingObj.loadFiles(filingObj.curFiling, filingObj.curPage);
- filingObj.refreshPages();
- filingObj.refreshFilesTable();
- if (callback) callback();
- });
- }
- renameFile(fileId, filename) {
- const self = this;
- const file = filingObj.curFiling.source_node.files.find(x => { return x.id === fileId });
- if (!file) return;
- const td = $(`td[fid=${fileId}]`);
- if (filename === file.filename + file.fileext) {
- td.html(this._getFileNameHtml(file));
- return;
- }
- postData('file/save', { id: fileId, filename }, function(data) {
- file.filename = data.filename;
- file.fileext = data.fileext;
- td.html(self._getFileNameHtml(file));
- }, function() {
- td.html(self._getFileNameHtml(file));
- });
- }
- relaFiles(files, callback) {
- postData('file/rela', { filing_id: this.curFiling.id, files: files }, async function(data) {
- filingObj.curFiling.source_node.files.unshift(...data.files);
- filingObj.updateFilingFileCount(filingObj.curFiling, data.filing.file_count);
- filingObj.refreshFilesTable();
- filingObj.refreshPages();
- if (callback) callback();
- });
- }
- async setCurFiling(node) {
- filingObj.curFiling = node;
- filingObj.curPage = 1;
- filingObj.refreshPages();
- if (filingObj.curFiling.source_node.children && filingObj.curFiling.source_node.children.length > 0) {
- $('#file-view').hide();
- } else {
- $('#file-view').show();
- await filingObj.loadFiles(node, 1);
- filingObj.refreshFilesTable();
- }
- if (filingObj.curFiling.source_node.filing_type === 5) {
- $('#rela-file-btn').show();
- } else {
- $('#rela-file-btn').hide();
- }
- setLocalCache(this.curFilingKey, filingObj.curFiling.id);
- }
- prePage() {
- if (this.curPage === 1) return;
- this.curPage = this.curPage - 1;
- this.refreshPages();
- this.refreshFilesTable();
- }
- async nextPage() {
- if (this.curPage === this.curTotalPage) return;
- await filingObj.loadFiles(this.curFiling, this.curPage + 1);
- this.curPage = this.curPage + 1;
- this.refreshPages();
- this.refreshFilesTable();
- }
- getCurFilingFullPath(){
- let cur = filingObj.curFiling;
- const result = [];
- while (cur) {
- result.unshift(cur.source_node.name);
- cur = cur.getParentNode();
- }
- return result.join('/');
- }
- expandFiling(node, expand) {
- if (expand) {
- this.expandCache.push(node.id);
- } else{
- this.expandCache = this.expandCache.filter(x => { return x !== node.id });
- }
- setLocalCache(this.expandKey, this.expandCache.join(','));
- }
- expandByLevel(level) {
- this.expandByCustom(x => {
- return x.level + 1 < level;
- })
- }
- expandByCustom(fun) {
- const self = this;
- const expandCache = [];
- const expandChildren = function(children) {
- for (const child of children) {
- if (!child.children || child.children.length === 0) continue;
- const expand = fun(child);
- if (expand) expandCache.push(child.id);
- self.filingTree.expandNode(child, expand, false, false);
- expandChildren(child.children);
- }
- };
- const nodes = this.filingTree.getNodes();
- expandChildren(nodes);
- this.expandCache = expandCache;
- setLocalCache(this.expandKey, this.expandCache.join(','));
- }
- 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('filing/move', { id: node.id, tree_pid, tree_order }, function(result) {
- const refresh = self.dragTree.loadPostData(result);
- self.calcTotalFileCount();
- const updated = [];
- for (const u of refresh.update) {
- 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);
- }
- }
- }
- });
- }
- _clearAllFileCache() {
- const nodes = this.filingTree.getNodes();
- for (const node of nodes) {
- if (node.children && node.children.length > 0) continue;
- if (node.source_node.files) node.source_node.files.length = 0;
- }
- }
- changeFileOrder(fileOrder) {
- this.fileOrder = fileOrder;
- setLocalCache(this.fileOrderKey, fileOrder);
- this.refreshFileOrderButton();
- this._clearAllFileCache();
- this.setCurFiling(this.curFiling);
- }
- }
- const levelTreeSetting = {
- treeId: 'filing',
- view: {
- selectedMulti: false
- },
- data: {
- simpleData: {
- idKey: 'id',
- pIdKey: 'tree_pid',
- rootPId: '-1',
- enable: true,
- }
- },
- edit: {
- enable: true,
- showRemoveBtn: function(treeId, treeNode) {
- if (!canFiling) return false;
- return !treeNode.source_node.is_fixed;
- },
- showRenameBtn: function(treeId, treeNode) {
- if (!canFiling) return false;
- return !treeNode.source_node.is_fixed;
- },
- 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);
- },
- beforeEditName: function(key, node) {
- node.name = node.source_node.name;
- },
- beforeRename: async function(key, node, newName, isCancel) {
- if (!isCancel) await filingObj.renameFiling(node, newName);
- return true;
- },
- onRename: function(e, key, node, isCancel) {
- node.name = node.name + (node.source_node.total_file_count > 0 ? `(${node.source_node.total_file_count})` : '');
- filingObj.filingTree.updateNode(node);
- },
- beforeRemove: function(e, key, node, isCancel) {
- $('#del-filing').modal('show');
- return false;
- },
- onExpand(e, key, node) {
- filingObj.expandFiling(node, true);
- },
- onCollapse: function(e, key, node) {
- filingObj.expandFiling(node, false);
- },
- beforeDrop: function(key, nodes, target, moveType, isCopy) {
- if (!canFiling) return false;
- if (!target) return false;
- if (nodes[0].level < 1) {
- toastr.error('顶层节点请勿移动');
- return false;
- }
- if (nodes[0].source_node.filing_type !== target.source_node.filing_type) {
- toastr.error('请勿跨越最顶层节点移动');
- return false;
- }
- if (target.source_node.file_count > 0 && moveType === 'inner') {
- toastr.error(`节点[${target.source_node.name}]下存在文件,不可添加子级`);
- return false;
- }
- const order = nodes[0].getIndex() + 1;
- const targetOrder = target.getIndex() + 1;
- const targetMax = target.getParentNode().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(filing);
- $('#add-slibing').click(() => {
- if (!filingObj.curFiling) return;
- if (filingObj.curFiling.source_node.is_fixed) {
- toastr.error('固定分类不可添加同级');
- return;
- }
- filingObj.addSiblingFiling(filingObj.curFiling);
- });
- $('#add-child').click(() => {
- if (!filingObj.curFiling) return;
- if (filingObj.curFiling.source_node.file_count > 0) {
- toastr.error('该分类下已导入文件,不可添加子级');
- return;
- }
- filingObj.addChildFiling(filingObj.curFiling);
- });
- $('[name=file-sort]').click(function() {
- const tag = this.getAttribute('tag');
- filingObj.changeFileOrder(tag);
- });
- // $('#del-filing-btn').click(() => {
- // if (!filingObj.curFiling) return;
- // if (filingObj.curFiling.source_node.is_fixed) {
- // toastr.error('固定分类不可删除');
- // return;
- // }
- //
- // $('#del-filing').modal('show');
- // });
- $('#del-filing-ok').click(() => {
- filingObj.delFiling(filingObj.curFiling, function() {
- $('#del-filing').modal('hide');
- });
- });
- $('#add-file-ok').click(() => {
- const input = $('#upload-file');
- filingObj.uploadFiles(input[0].files, function() {
- $(input).val('');
- $('#add-file').modal('hide');
- });
- });
- $('#add-big-file-ok').click(() => {
- const input = $('#upload-big-file');
- filingObj.uploadBigFile(input[0].files[0], function () {
- $('#upload-big-file').val('');
- $('#add-big-file').modal('hide');
- });
- });
- $('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=del-file]", function() {
- const del = [this.getAttribute('fid')];
- filingObj.delFiles(del);
- });
- $('body').on('click', "a[name=edit-file]", function() {
- const check = $('[name=filename] input[fid]');
- if (check.length > 0 && check[0].getAttribute('fid') === this.getAttribute('fid')) return;
- const id = this.getAttribute('fid');
- const file = filingObj.curFiling.source_node.files.find(x => { return x.id === id });
- $(`td[fid=${id}]`).html(filingObj._getEditFileNameHtml(file));
- });
- $('body').on('click', "a[name=edit-file-ok]", function() {
- const td = $(this).parent().parent().parent();
- const fid = td.attr('fid');
- const file = filingObj.curFiling.source_node.files.find(x => { return x.id === fid });
- if (!file) return;
- filingObj.renameFile(fid, $('input', td).val());
- });
- $('body').on('click', "a[name=edit-file-cancel]", function() {
- const td = $(this).parent().parent().parent();
- const fid = td.attr('fid');
- const file = filingObj.curFiling.source_node.files.find(x => { return x.id === fid });
- if (!file) return;
- td.html(filingObj._getFileNameHtml(file));
- });
- // $('body').on('blur', "[name=filename] input[fid]", function() {
- // filingObj.renameFile(this.getAttribute('fid'), this.value);
- // });
- // $('body').on('keypress', "[name=filename] input[fid]", function(e) {
- // if (e.keyCode == 13) {
- // filingObj.renameFile(this.getAttribute('fid'), this.value);
- // }
- // });
- $('.page-select').click(function() {
- const content = this.getAttribute('content');
- switch(content) {
- case 'pre': filingObj.prePage(); break;
- case 'next': filingObj.nextPage(); break;
- default: return;
- }
- });
- $('#batch-download').click(function () {
- const self = this;
- const files = [];
- const checkes = $('[name=bd-check]:checked');
- checkes.each(function() {
- const fid = this.getAttribute('fid');
- const file = filingObj.curFiling.source_node.files.find(x => { return x.id === fid; });
- file && files.push(file);
- });
- if (files.length === 0) return;
- $(self).attr('disabled', 'true');
- AliOss.zipFiles(files, filingObj.curFiling.source_node.name + '.zip', (fails) => {
- $(self).removeAttr('disabled');
- if (fails.length === 0) {
- toastr.success('下载成功');
- } else {
- toastr.warning(`下载成功(${fails.length}个文件下载失败)`);
- }
- }, () => {
- $(self).removeAttr('disabled');
- toastr.error('批量下载失败');
- });
- });
- $('#batch-del-file-btn').click(() => {
- const checkes = $('[name=bd-check]:checked');
- if (checkes.length === 0) {
- return;
- } else {
- for (const c of checkes) {
- const fid = c.getAttribute('fid');
- const file = filingObj.curFiling.source_node.files.find(x => { return x.id === fid });
- if (!file) continue;
- if (file.user_id !== userID) {
- toastr.error(`文件【${file.filename + file.fileext}】不是您上传的文件,请勿删除`);
- return;
- }
- }
- }
- $('#batch-del-file').modal('show');
- });
- $('#batch-del-file-ok').click(function() {
- const del = [];
- const checkes = $('[name=bd-check]:checked');
- checkes.each(function() {
- del.push(this.getAttribute('fid'));
- });
- filingObj.delFiles(del, function() {
- $('#batch-del-file').modal('hide');
- });
- });
- class RelaFileLoader {
- constructor() {
- const self = this;
- // 可导入的标段
- this.treeSetting = {
- view: {
- selectedMulti: false
- },
- data: {
- simpleData: {
- idKey: 'id',
- pIdKey: 'tree_pid',
- rootPId: '-1',
- enable: true,
- }
- },
- edit: {
- enable: false,
- },
- callback: {
- onClick: async function (e, key, node) {
- if (this.curTender && this.curTender.id === node.id) return;
- self.setCurTender(node);
- },
- }
- };
- $('body').on('click', '[name=rf-check]', function () {
- self.selectFile(this.getAttribute('rfid'), this.checked);
- });
- $('#tf-type').change(function() {
- self.selectTfType(this.value);
- });
- $('#tf-sub-type').change(function() {
- self.selectTfSubType(this.value);
- });
- $('#tf-stage').change(function() {
- self.selectTfStage(this.value);
- });
- $('#rela-file-ok').click(function() {
- const selectFiles = self.getSelectRelaFile();
- filingObj.relaFiles(selectFiles, function() {
- $('#rela-file').modal('hide');
- });
- });
- }
- clearFileSelect() {
- if (!this.tenderTree) return;
- const nodes = this.tenderTree.getNodes();
- nodes.forEach(node => {
- const x = node.source_node;
- x.selectFiles = [];
- if (x.att) x.att.forEach(la => { la.checked = false });
- if (x.advance) {
- x.advance.forEach(a => {
- if (a.files) a.files.forEach(aa => { aa.checked = false });
- });
- }
- if (x.stage) {
- x.stage.forEach(s => {
- if (s.att) s.att.forEach(sa => { sa.checked = false });
- })
- }
- });
- }
- refreshSelectHint(){
- if (this.curTender) {
- $('#cur-tender-hint').html(`当前标段,已选${this.curTender.source_node.selectFiles.length}文件`);
- } else {
- $('#cur-tender-hint').html('');
- }
- const nodes = this.tenderTree.getNodes();
- const selectTenders = nodes.filter(x => { return x.source_node.selectFiles.length > 0; });
- if (selectTenders.length > 0) {
- const count = selectTenders.reduce((rst, x) => { return rst + x.source_node.selectFiles.length; }, 0);
- $('#rela-file-hint').html(`已选择${selectTenders.length}个标段,共${count}个文件`);
- } else {
- $('#rela-file-hint').html('未选择标段、文件');
- }
- }
- selectFile(fileId, isSelect) {
- const file = this.curFiles.find(x => { return x.rf_id == fileId });
- if (file) {
- file.checked = isSelect;
- if (isSelect) {
- this.curTender.source_node.selectFiles.push(file);
- } else {
- const index = this.curTender.source_node.selectFiles.findIndex(x => { return x.rf_id === file.rf_id });
- this.curTender.source_node.selectFiles.splice(index, 1);
- }
- this.refreshSelectHint();
- }
- }
- async showRelaFile(){
- $('#rela-filing-hint').html(`当前目录:${filingObj.getCurFilingFullPath()}`);
- if (!this.tenderTree) {
- const tenders = await postDataAsync('file/rela/tender', {});
- const sortNodes = tenders.map(x => {
- return { id: x.id, tree_pid: -1, name: x.name, source_node: x };
- });
- this.tenderTree = this.filingTree = $.fn.zTree.init($('#rela-tender'), this.treeSetting, sortNodes);
- }
- this.clearFileSelect();
- this.refreshSelectHint();
- const firstNode = this.filingTree.getNodes()[0];
- if (firstNode) {
- this.filingTree.selectNode(firstNode);
- await this.setCurTender(firstNode);
- }
- }
- refreshTenderFileStage() {
- if (this.rfType.sub_type) {
- const type = this.tenderFileType.find(x => { return x.value === this.rfType.type});
- const subType = type.subType ? type.subType.find(x => { return x.value === this.rfType.sub_type; }) : null;
- if (subType) {
- this.rfType.stage = subType.stage[0].value;
- const html= [];
- for (const stage of subType.stage) {
- html.push(`<option value="${stage.value}">${stage.text}</option>`);
- }
- $('#tf-stage').html(html.join('')).show();
- } else {
- $('#tf-stage').html('').hide();
- }
- } else {
- $('#tf-stage').html('').hide();
- }
- }
- refreshTenderFileSubType() {
- const type = this.tenderFileType.find(x => { return x.value === this.rfType.type});
- if (type.subType && type.subType.length > 0) {
- this.rfType.sub_type = type.subType[0].value;
- const html= [];
- for (const tfst of type.subType) {
- html.push(`<option value="${tfst.value}">${tfst.text}</option>`);
- }
- $('#tf-sub-type').html(html.join('')).show();
- } else {
- $('#tf-sub-type').html('').hide();
- }
- }
- refreshTenderFileType() {
- const html= [];
- for (const tft of this.tenderFileType) {
- html.push(`<option value="${tft.value}">${tft.text}</option>`);
- }
- $('#tf-type').html(html.join(''));
- }
- refreshSelects(tender) {
- this.tenderFileType = [];
- this.tenderFileType.push({ value: 'ledger', text: '台账附件' });
- if (tender.stage && tender.stage.length > 0) {
- const stages = tender.stage.map(x => { return {value: x.id, text: `第${x.order}期`}; });
- this.tenderFileType.push({
- value: 'stage', text: '计量期',
- subType: [
- { value: 'att', text: '计量附件', stage: JSON.parse(JSON.stringify(stages)) },
- ],
- });
- }
- if (tender.advance && tender.advance.length > 0) {
- const advanceType = [];
- tender.advance.forEach(x => {
- let at = advanceType.find(y => { return y.value === x.type + '' });
- if (!at) {
- at = { value: x.type + '', text: x.type_str, stage: [] };
- advanceType.push(at);
- }
- at.stage.push({ value: x.id, text: `第${x.order}期`});
- });
- this.tenderFileType.push({
- value: 'advance', text: '预付款', subType: advanceType
- });
- }
- this.rfType = { type: this.tenderFileType[0].value };
- this.refreshTenderFileType();
- this.refreshTenderFileSubType();
- this.refreshTenderFileStage();
- }
- async selectTfStage(stage){
- this.rfType.stage = stage;
- await this.loadFiles();
- this.refreshFileTable();
- }
- async selectTfSubType(sub_type){
- this.rfType.sub_type = sub_type;
- this.refreshTenderFileStage();
- await this.loadFiles();
- this.refreshFileTable();
- }
- async selectTfType(type){
- this.rfType.type = type;
- this.refreshTenderFileSubType();
- this.refreshTenderFileStage();
- await this.loadFiles();
- this.refreshFileTable();
- }
- refreshFileTable() {
- const html = [];
- const typeStr = [];
- const selectOption = $('option:selected');
- selectOption.each((i, x) => {
- typeStr.push(x.innerText);
- });
- for (const f of this.curFiles) {
- html.push('<tr>');
- const checked = f.checked ? "checked" : '';
- html.push(`<td><input type="checkbox" name="rf-check" rfid="${f.rf_id}" ${checked}></td>`);
- html.push(`<td>${f.filename}${f.fileext}</td>`);
- html.push(`<td>${typeStr.join(' - ')}</td>`);
- html.push('</tr>');
- }
- $('#rf-files').html(html.join(''));
- };
- initFilesId(files){
- const tender_id = this.curTender.id;
- const rfType = this.rfType;
- files.forEach((f, i) => {
- f.rf_id = `${tender_id}-${rfType.type}-${rfType.sub_type}-${rfType.stage}-${i}`;
- f.rf_key = {
- tender_id, ...rfType, id: f.id,
- };
- });
- }
- async _loadRelaFiles(rfType) {
- return await postDataAsync('file/rela/files', { tender_id: this.curTender.id, ...rfType });
- }
- async _loadLedgerFile() {
- if (!this.curTender.source_node.att) this.curTender.source_node.att = await this._loadRelaFiles(this.rfType);
- this.curFiles = this.curTender.source_node.att;
- }
- async _loadStageFile() {
- const rfType = this.rfType;
- const stage = this.curTender.source_node.stage.find(x => {
- return x.id == rfType.stage;
- });
- if (!stage) {
- this.curFiles = [];
- return;
- }
- if (!stage[this.rfType.sub_type]) stage[this.rfType.sub_type] = await this._loadRelaFiles(rfType);
- this.curFiles = stage[this.rfType.sub_type];
- }
- async _loadAdvanceFile() {
- const rfType = this.rfType;
- const advance = this.curTender.source_node.advance.find(x => {
- return x.id == rfType.stage;
- });
- if (!advance) {
- this.curFiles = [];
- return;
- }
- if (!advance.files) advance.files = await this._loadRelaFiles(rfType);
- this.curFiles = advance.files;
- }
- async loadFiles() {
- switch (this.rfType.type) {
- case 'ledger': await this._loadLedgerFile(); break;
- case 'stage': await this._loadStageFile(); break;
- case 'advance': await this._loadAdvanceFile(); break;
- }
- this.initFilesId(this.curFiles);
- }
- async setCurTender(node) {
- this.curTender = node;
- this.refreshSelects(node.source_node);
- await this.loadFiles();
- this.refreshSelectHint();
- this.refreshFileTable();
- }
- getSelectRelaFile() {
- const data = [];
- const nodes = this.tenderTree.getNodes();
- nodes.forEach(node => {
- if (node.source_node.selectFiles.length === 0) return;
- node.source_node.selectFiles.forEach(x => {
- data.push({
- filename: x.filename, fileext: x.fileext, filepath: x.filepath, filesize: x.filesize,
- rela_info: x.rf_key,
- })
- });
- });
- return data;
- }
- }
- const relaFileLoader = new RelaFileLoader();
- $('#rela-file').on('show.bs.modal', function() {
- relaFileLoader.showRelaFile(this.getAttribute('content'));
- });
- // 授权相关
- class FilingPermission {
- constructor (setting) {
- this.setting = setting;
- const self = this;
- $(setting.modal).on('show.bs.modal', () => {
- self.loadPermission();
- });
- $(`${setting.modal}-ok`).click(() => {
- self.savePermission();
- });
- $('[name=ftName]').click(function () {
- const filingId = this.getAttribute('ftid');
- self.setCurFiling(filingId);
- });
- $('.book-list').on('click', 'dt', function () {
- const idx = $(this).find('.acc-btn').attr('data-groupid');
- const type = $(this).find('.acc-btn').attr('data-type');
- if (type === 'hide') {
- $(this).parent().find(`div[data-toggleid="${idx}"]`).show(() => {
- $(this).children().find('i').removeClass('fa-plus-square').addClass('fa-minus-square-o')
- $(this).find('.acc-btn').attr('data-type', 'show')
- })
- } else {
- $(this).parent().find(`div[data-toggleid="${idx}"]`).hide(() => {
- $(this).children().find('i').removeClass('fa-minus-square-o').addClass('fa-plus-square')
- $(this).find('.acc-btn').attr('data-type', 'hide')
- })
- }
- return false;
- });
- $('dl').on('click', 'dd', function () {
- const type = $(this).data('type');
- if (type === 'all') {
- const cid = parseInt($(this).data('id'));
- const company = self.company.find(x => { return x.id === cid });
- for (const u of company.users) {
- if (u.filing_type.indexOf(self.curFiling) < 0) u.filing_type.push(self.curFiling);
- }
- } else {
- const uid = $(this).data('id');
- const pu = self.permissionUser.find(x => { return x.id === uid });
- if (pu.filing_type.indexOf(self.curFiling) < 0) pu.filing_type.push(self.curFiling);
- }
- self.loadCurFiling();
- });
- $('#sync-filing').click(function() {
- const selectFiling = $('[name=cbft]:checked');
- if (selectFiling.length === 0) {
- toastr.warning('请先选择文档类别');
- return;
- }
- const selectFilingId = [];
- selectFiling.each((i, x) => { selectFilingId.push(x.value); });
- self.syncFiling(self.curFiling, selectFilingId);
- toastr.success('同步成功');
- $('[name=cbft]').removeAttr('checked');
- $('#filing-select-all')[0].checked = false;
- });
- $('#batch-del-filing').click(() => {
- const selectUser = $('[name=ftu-check]:checked');
- if (selectUser.length === 0) {
- toastr.warning('请先选择用户');
- return;
- }
- const userId = [];
- selectUser.each((i, x) => { userId.push(x.getAttribute('uid')); });
- self.delFiling(self.curFiling, userId);
- self.loadCurFiling();
- });
- $('body').on('click', '[name=del-filing]', function() {
- const id = this.getAttribute('uid');
- self.delFiling(self.curFiling, id);
- self.loadCurFiling();
- });
- $('#user-select-all').click(function(){
- $('input[uid]').attr('checked', this.checked);
- });
- $('#filing-select-all').click(function(){
- $('input[name=cbft]').attr('checked', this.checked);
- });
- }
- analysisFiling(data) {
- this.permissionUser = data;
- this.permissionUser.forEach(x => { x.filing_type = x.filing_type ? x.filing_type.split(',') : []; });
- this.company = [];
- for (const pu of this.permissionUser) {
- let c = this.company.find(x => { return x.company === pu.company });
- if (!c) {
- c = { id: this.company.length + 1, company: pu.company, users: [] };
- this.company.push(c);
- }
- c.users.push(pu);
- }
- }
- loadCurFiling() {
- const html = [];
- for (const f of this.permissionUser) {
- if (f.filing_type.indexOf(this.curFiling) < 0) continue;
- html.push('<tr>');
- html.push(`<td><input uid="${f.id}" type="checkbox" name="ftu-check"></td>`);
- html.push(`<td>${f.name}</td>`);
- html.push(`<td>${moment(f.create_time).format('YYYY-MM-DD HH:mm:ss')}</td>`);
- html.push(`<td>${f.file_permission}</td>`);
- html.push(`<td><button class="btn btn-sm btn-outline-danger" uid="${f.id}" name="del-filing">移除</button></td>`);
- html.push('</tr>');
- }
- $(this.setting.list).html(html.join(''));
- $('#user-select-all')[0].checked = false;
- }
- setCurFiling(filingType) {
- this.curFiling = filingType;
- $('[name=ftName]').removeClass('bg-warning-50');
- $(`[ftid=${filingType}]`).addClass('bg-warning-50');
- this.loadCurFiling();
- }
- loadPermissionUser() {
- const html = [];
- for (const c of this.company) {
- html.push(`<dt><a href="javascript: void(0);" class="acc-btn" data-groupid="${c.id}" data-type="hide"><i class="fa fa-plus-square"></i></a> ${c.company}</dt>`);
- html.push(`<div class="dd-content" data-toggleid="${c.id}">`);
- html.push(`<dd class="border-bottom p-2 mb-0 " data-id="${c.id}" data-type="all"><p class="mb-0 d-flex"><span class="text-primary">添加单位下全部用户</span></p></dd>`);
- for (const u of c.users) {
- html.push(`<dd class="border-bottom p-2 mb-0 " data-id="${u.id}" >`);
- html.push(`<p class="mb-0 d-flex"><span class="text-primary">${u.name}</span><span class="ml-auto">${u.mobile}</span></p>`);
- html.push(`<span class="text-muted">${u.role}</span>`);
- html.push(`</dd>`);
- }
- html.push('</div>');
- }
- $('#puList').html(html.join(''));
- }
- loadPermission() {
- const self = this;
- postData('permission', {}, function(result) {
- self.analysisFiling(result);
- if (!self.curFiling) {
- self.setCurFiling($('[name=ftName]').attr('ftid'));
- } else {
- self.loadCurFiling();
- }
- self.loadPermissionUser();
- });
- }
- syncFiling(sourceId, targetIds) {
- for (const pu of this.permissionUser) {
- if (pu.filing_type.indexOf(sourceId) >= 0) {
- targetIds.forEach(id => {
- if (pu.filing_type.indexOf(id) < 0) pu.filing_type.push(id);
- });
- } else {
- targetIds.forEach(id => {
- if (pu.filing_type.indexOf(id) >= 0) pu.filing_type.splice(pu.filing_type.indexOf(id), 1);
- })
- }
- }
- }
- delFiling(filingId, userId) {
- const userIds = userId instanceof Array ? userId : [userId];
- for (const id of userIds) {
- const pu = this.permissionUser.find(x => { return x.id === id });
- if (!pu) continue;
- if (pu.filing_type.indexOf(filingId) >= 0) pu.filing_type.splice(pu.filing_type.indexOf(filingId), 1);
- }
- }
- savePermission() {
- const self = this;
- const data = this.permissionUser.map(x => {
- return { id: x.id, filing_type: x.filing_type.join(',') };
- });
- postData('permission/save', data, function(result) {
- $(self.setting.modal).modal('hide');
- });
- }
- }
- const filingPermission = new FilingPermission({
- modal: '#filing-permission',
- list: '#filing-valid',
- });
- // 显示层次
- (function (select) {
- $(select).click(function () {
- const tag = $(this).attr('tag');
- setTimeout(() => {
- showWaitingView();
- switch (tag) {
- case "1":
- case "2":
- case "3":
- case "4":
- filingObj.expandByLevel(parseInt(tag));
- break;
- case "last":
- filingObj.expandByCustom(() => { return true; });
- break;
- }
- closeWaitingView();
- }, 100);
- });
- })('a[name=showLevel]');
- });
|