Calculation/app/view/report/index_archive.ejs

<% if (stg_id === -1) {%>
<% include ../tender/tender_sub_menu.ejs %>
<% } else { %>
<% include ../stage/stage_sub_menu.ejs %>
<% } %>
<div class="panel-content">
    <div class="panel-title">
        <div class="title-main d-flex">
            <% if(stg_id === -1) { %>
            <% include ../tender/tender_sub_mini_menu.ejs %>
            <% } else { %>
            <% include ../stage/stage_sub_mini_menu.ejs %>
            <% } %>
            <div>
                <div class="d-inline-block">
                    <div class="dropdown" id="divSelectableStages">
                        <button class="btn btn-sm btn-light dropdown-toggle text-primary" type="button" id="btnCurrentStage" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></button>
                        <div class="dropdown-menu" aria-labelledby="dropdownMenuButton" id="optionSelectableStages"></div>
                    </div>
                </div>
            </div>
            <div>
            </div>
        </div>
    </div>
    <div class="content-wrap">
        <div class="c-header p-0"></div>
        <div class="c-body">
            <div class="row">
                <div class="col-auto pr-0" id="tree-view" style="width: 17%">
                    <div class="sjs-height-1" style="overflow: auto">
                        <div class="text-center"></div>
                        <ul id="rptTplTree" class="ztree"></ul>
                    </div>
                </div>
                <div class="col-auto" id="main-view" style="width: 83%">
                    <div class="resize-x" id="right-spr" r-Type="width" div1="#tree-view" div2="#main-view" title="调整大小" a-type="percent"><!--调整左右高度条--></div>
                    <div class="toolsbar-f d-flex justify-content-between">
                        <div class="print-toolsbar">
                            <div class="panel">
                                <div class="panel-body" id="print_div">
                                    <div class="btn-group" role="group">
                                        <button class="btn btn-outline-primary btn-sm" type="button">
                                            <i class="fa fa-print"></i><br>
                                            打印 <span class="badge badge-primary">0</span>
                                        </button>
                                    </div>
                                </div>
                            </div>
                            <div class="panel">
                                <div class="panel-body" id="export_div">
                                    <div class="btn-group" role="group">
                                        <button class="btn btn-outline-primary btn-sm" type="button">
                                            <i class="fa fa-download"></i><br>
                                            下载 <span class="badge badge-primary">0</span>
                                        </button>
                                    </div>
                                </div>
                            </div>
                            <div class="panel">
                                <div class="panel-body">
                                    <div class="btn-group" role="group">
                                        <div>
                                            <button id="currentDrpArchiveSelect" type="button" class="btn btn-outline-primary btn-sm dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></button>
                                            <div class="dropdown-menu" aria-labelledby="btnGroupDrop1" style="min-width:112px" id="drpArchiveSelect">
                                                <!--
                                                <a class="dropdown-item" href="#">#1 2021-02-01</a>
                                                <a class="dropdown-item" href="#">#2 2021-02-27</a>
                                                <a class="dropdown-item" href="javascript: void(0);" onclick="zTreeOprObj.changeOrientation(this)">横向</a>
                                                -->
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="panel-foot text-muted">
                                    历史归档
                                </div>
                            </div>
                        </div>
                    </div>                    <div class="sjs-height-4">
                        <div class="print-view form-view">
                            <div class="pageContainer">
                                <canvas id="rptCanvas" height="820" width="920"></canvas>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script src="/public/js/sub_menu.js"></script>
<script src="/public/js/div_resizer.js"></script>
<script>
    $.subMenu({
        menu: '#sub-menu', miniMenu: '#sub-mini-menu', miniMenuList: '#mini-menu-list',
        toMenu: '#to-menu', toMiniMenu: '#to-mini-menu',
        key: 'menu.1.0.0',
        miniHint: '#sub-mini-hint', hintKey: 'menu.hint.1.0.1',
        callback: function (info) {
            if (info.mini) {
                $('.panel-title').addClass('fluid');
                $('#sub-menu').removeClass('panel-sidebar');
            } else {
                $('.panel-title').removeClass('fluid');
                $('#sub-menu').addClass('panel-sidebar');
            }
            autoFlashHeight();
        }
    });
    $.divResizer({
        select: '#right-spr',
        callback: function () {
            autoFlashHeight();
        }
    });
</script>
<script type="text/javascript">  autoFlashHeight();</script>
<script src="/public/js/shares/cs_tools.js"></script>

<!-- zTree -->
<script type="text/javascript" src="/public/js/ztree/jquery.ztree.core.js"></script>
<script type="text/javascript" src="/public/js/ztree/jquery.ztree.excheck.js"></script>
<script type="text/javascript" src="/public/js/string_util_light.js"></script>
<!--
-->
<script type="text/javascript" src="/public/js/rpt_tpl_def.js"></script>
<script type="text/javascript" src="/public/js/common_ajax.js"></script>
<script type="text/javascript" src="/public/js/treeDataHelper.js"></script>
<script type="text/javascript" src="/public/js/ztree_common.js"></script>
<script type="text/javascript" src="/public/js/storageUtil.js"></script>

<script type="text/javascript" src="/public/report/js/rpt_archive.js"></script>
<script type="text/javascript" src="/public/report/js/rpt_main.js"></script>
<script type="text/javascript" src="/public/report/js/rpt_cfg_const.js"></script>

<!--
<script type="text/javascript" src="/public/report/js/rpt_custom.js"></script>
-->


<script type="text/javascript">
    let current_stage_order = -1;
    let current_stage_id = -1;
    let current_stage_status = -1;

    let ARCHIVE_LIST = JSON.parse('<%- JSON.stringify(archiveList) %>');
    let TOP_TREE_NODES = <%- rpt_tpl_data %>;

    const CUST_TREE_NODES = <%- cust_tpl_data %>;
    if (!(CUST_TREE_NODES.customize instanceof Array)) {
        CUST_TREE_NODES.customize = [];
    }
    const ORG_CUST_TREE_NODES = JSON.parse(JSON.stringify(CUST_TREE_NODES));
    //
    const PROJECT_ID = <%- project_id %>;
    const TENDER_ID = <%- tender_id %>;
    const STAGE_ID = <%- stg_id %>;
    const STAGE_ORDER = <%- stg_order %>;
    const STAGE_LIST = <%- stage_list %>;

    const FOLDER_SEPERATER = '->';

    if (STAGE_ORDER > 0) {
        current_stage_order = STAGE_ORDER;
        current_stage_id = STAGE_ID;
//        current_stage_status = STAGE_STATUS;
    } else if (STAGE_LIST.length > 0) {
        current_stage_order = STAGE_LIST[STAGE_LIST.length - 1].order;
        current_stage_id = STAGE_LIST[STAGE_LIST.length - 1].id;
//        current_stage_status = STAGE_LIST[STAGE_LIST.length - 1].status;
    }

    buildStageSelection();

    for (let item of TOP_TREE_NODES) {
        if (item.name === '通用报表') {
            item.name = '推荐报表';
        }
    }
    const ORG_TOP_TREE_NODES = JSON.parse(JSON.stringify(TOP_TREE_NODES));
    for (let item of TOP_TREE_NODES) {
        item.items = JSON.parse(item.items);
        if (item.items && item.items.length > 0) {
            for (let dtlItem of item.items) {
                chkAndSetNode(dtlItem);
            }
        }
    }
    for (let item of ORG_TOP_TREE_NODES) {
        item.items = JSON.parse(item.items);
        if (item.items && item.items.length > 0) {
            for (let dtlItem of item.items) {
                chkAndSetNode(dtlItem);
            }
        }
    }
    buildTplTree();

    function chkAndSetNode(parentItem) {
        if (parentItem.nodeType === 1) {
            parentItem.isParent = true;
        }
        if (parentItem.items) {
            for (let dtlItem of parentItem.items) {
                chkAndSetNode(dtlItem);
            }
        }
    }

    function buildTplTree() {
        if (TOP_TREE_NODES.length > 0) {
            //1. 整理模板树 (原始状态的TOP_TREE_NODES包含了推荐报表与定制表，需要分割)
            const individualNode = {id: 99999, name: '定制报表', pid: -1, rpt_type: 0, items: [], isParent: true};
            for (let tnIdx = TOP_TREE_NODES.length - 1; tnIdx >= 0; tnIdx--) {
                if (TOP_TREE_NODES[tnIdx].pid !== -1) {
                    TOP_TREE_NODES[tnIdx].isParent = true;
                    TOP_TREE_NODES[tnIdx].nodeType = 1;
                    individualNode.items.unshift(TOP_TREE_NODES[tnIdx]);
                    TOP_TREE_NODES.splice(tnIdx, 1);
                }
            }
            // 1.1 移除未被选择的模板
            // filterUnchkTplTreeNode(TOP_TREE_NODES[0], CUST_TREE_NODES.common);
            TOP_TREE_NODES.unshift(individualNode); //定制在前
            // filterUnchkTplTreeNode(TOP_TREE_NODES[0], CUST_TREE_NODES.customize);
            //2. 原始的模板树(恢复用)
            const individualNodeOrg = {id: 99999, name: '定制报表', pid: -1, rpt_type: 0, items: [], isParent: true};
            for (let tnIdx = ORG_TOP_TREE_NODES.length - 1; tnIdx >= 0; tnIdx--) {
                if (ORG_TOP_TREE_NODES[tnIdx].pid !== -1) {
                    ORG_TOP_TREE_NODES[tnIdx].isParent = true;
                    ORG_TOP_TREE_NODES[tnIdx].nodeType = 1;
                    individualNodeOrg.items.unshift(ORG_TOP_TREE_NODES[tnIdx]);
                    ORG_TOP_TREE_NODES.splice(tnIdx, 1);
                }
            }
            //ORG_TOP_TREE_NODES.push(individualNode);
            ORG_TOP_TREE_NODES.unshift(individualNodeOrg);
        }
    }

    function buildStageSelection() {
        if (STAGE_LIST.length === 0) {
            $("#optionSelectableStages")[0].style.display = 'none';
        } else {
            $("#optionSelectableStages")[0].style.display = '';
            $("#btnCurrentStage")[0].innerText = '第' + current_stage_order + '期';
            $("#optionSelectableStages").empty();
            if (STAGE_LIST.length > 0 && STAGE_ID < 0) {
                for (let i = STAGE_LIST.length; i > 0; i--) {
                    if (parseInt(STAGE_LIST[i - 1].order) !== current_stage_order) {
                        const str = '<a class="dropdown-item" style="cursor:pointer" onclick="changeCurrentStage(this)" stg_id = "' + STAGE_LIST[i - 1].id + '" stg_order="' + STAGE_LIST[i - 1].order + '">第' + STAGE_LIST[i - 1].order + '期</a>';
                        $("#optionSelectableStages").append(str);
                    }
                }
            }
        }
        if (STAGE_ID > 0) {
            $("#divSelectableStages")[0].style.display = 'none';
        }
    }

    function changeCurrentStage(ele) {
        // alert('you are selecting: ' + ele.innerText);
        current_stage_order = parseInt(ele.attributes.stg_order.value);
        current_stage_id = parseInt(ele.attributes.stg_id.value);
        for (let i = STAGE_LIST.length; i > 0; i--) {
            if (parseInt(STAGE_LIST[i - 1].order) === current_stage_order) {
                current_stage_status = STAGE_LIST[i - 1].status;
                break;
            }
        }
        buildStageSelection();
        //还有必要触发归档报表刷新！
        //rptArchiveObj.onClick(null, null, rptArchiveObj.currentNode);
        const params = {prjId: PROJECT_ID, stgId: current_stage_id};
        $.bootstrapLoading.start();
        CommonAjax.postXsrfEx("/tender/report_api/getReportArchive", params, 10000, true, getCookie('csrfToken_j'),
            function(result){
                $.bootstrapLoading.end();
                // console.log(result);
                ARCHIVE_LIST = result.data;
                TOP_TREE_NODES = JSON.parse(JSON.stringify(ORG_TOP_TREE_NODES));
                rptArchiveObj.iniPage();
            }, function(err){
                $.bootstrapLoading.end();
            }, function(ex){
                $.bootstrapLoading.end();
            }
        );
    }


    $(function () {
        // 多层modal关闭后的滚动bug修复
        $('#add-sign').on('hidden.bs.modal', function (e) {
            $(document.body).addClass('modal-open');
        });
    })

    rptArchiveObj.iniPage();

</script>