Calculation/app/public/js/file_detail.js

$(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]');
});