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">
                        <button class="btn btn-sm btn-light dropdown-toggle text-primary" type="button" id="bizDropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                            计量期
                        </button>
                        <div class="dropdown-menu" aria-labelledby="bizDropdownMenuButton" id="select-item">
                            <a class="dropdown-item" href="javascript:void(0);" data-type="stage" style="display: none">计量期</a>
                            <a class="dropdown-item" href="javascript:void(0);" data-type="change">变更令</a>
                            <a class="dropdown-item" href="javascript:void(0);" data-type="change_project">变更立项</a>
                            <a class="dropdown-item" href="javascript:void(0);" data-type="change_apply">变更申请</a>
                            <a class="dropdown-item" href="javascript:void(0);" data-type="change_plan">变更方案</a>
                        </div>
                    </div>
                </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 class="d-inline-block">
                    <div class="dropdown" id="divSelectableChanges" style="display: none">
                        <button class="btn btn-sm btn-light dropdown-toggle text-primary" type="button" id="btnCurrentChange" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></button>
                        <div class="dropdown-menu" aria-labelledby="dropdownMenuButton" id="optionSelectableChanges"></div>
                    </div>
                </div>
                <% if (ctx.session.sessionUser.accountId === ctx.tender.data.user_id) { %>
                <div class="d-inline-block">
                    <button id="file-msg" class="btn btn-sm btn-primary" type="button" onclick="sendReportFileMsg();" <% if (!needFileMsg.stage.valid) { %>style="display: none;"<% } %>>同步档案系统</button>
                </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 position-absolute bg-light m-1">
                        <div class="print-toolsbar p-0">
                            <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" id="print_file">
                                            <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" id="download_file">
                                            <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>
                            <% if(ctx.session.sessionUser.is_admin) { %>
                                <div class="panel">
                                    <div class="panel-body" id="delete_div">
                                        <div class="btn-group mr-1" role="group">
                                            <button class="btn btn-outline-danger btn-sm" type="button" data-toggle="modal" data-target="#del-archive" id="delete_archive_btn">
                                                <i class="fa fa-remove"></i><br>
                                                删除归档
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            <% } %>
                        </div>
                    </div>
                    <div class="print-view form-view">
                        <div class="pageContainer sjs-height-1" id="iframe_made">
                            <iframe src="/archive/pdf/show" class="border-0" height="100%" width="100%"></iframe>
                        </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/js/datepicker/datepicker.min.js"></script>
<script type="text/javascript" src="/public/js/datepicker/datepicker.zh.js"></script>

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


<script type="text/javascript">
    const needFileMsg = JSON.parse('<%- JSON.stringify(needFileMsg) %>');
    let current_stage_order = -1;
    let current_stage_id = -1;
    let current_stage_status = -1;

    let ARCHIVE_LIST = JSON.parse('<%- JSON.stringify(archiveList) %>');
    let ARCHIVE_ENCRYPTION_LIST = JSON.parse('<%- JSON.stringify(archiveEncryptionList) %>');
    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 can_netcasign = <%- can_netcasign %>;
    const oss_path = JSON.parse('<%- JSON.stringify(ossPath) %>');
    let business_type = 'stage';
    let CHANGE_LIST = [], current_change_id = -1, current_change_code = '';
    let CHANGE_ID = -1, BUSINESS_ID = -1;

    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) {
        for (let i = STAGE_LIST.length; i > 0; i--) {
            if (parseInt(STAGE_LIST[i - 1].status) === 3) {
                current_stage_order = STAGE_LIST[i - 1].order;
                current_stage_id = STAGE_LIST[i - 1].id;
                break;
            }
        }
//        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].status) === 3 && 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 buildChangeSelection() {
        if (CHANGE_LIST.length === 0) {
            $("#optionSelectableChanges")[0].style.display = 'none';
            $("#btnCurrentChange")[0].innerText = '';
        } else {
            $("#optionSelectableChanges")[0].style.display = '';
            $("#btnCurrentChange")[0].innerText = current_change_code;

            $("#optionSelectableChanges").empty();
            if (CHANGE_LIST.length > 0) {
                for (let i = 0; i < CHANGE_LIST.length; i++) {
                    if (parseInt(CHANGE_LIST[i].status) === 3 && CHANGE_LIST[i].code !== current_change_code) {
                        const str = '<a class="dropdown-item" style="cursor:pointer" onclick="changeCurrentChange(this)" change_id = "' + CHANGE_LIST[i].id + '" change_code = "' + CHANGE_LIST[i].code + '">' + CHANGE_LIST[i].code + '</a>';
                        $("#optionSelectableChanges").append(str);
                    }
                }
            }
        }
        // if (CHANGE_ID > 0) {
        //     $("#divSelectableChanges")[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;
                ARCHIVE_ENCRYPTION_LIST = result.encryptionData;
                TOP_TREE_NODES = JSON.parse(JSON.stringify(ORG_TOP_TREE_NODES));
                rptArchiveObj.iniPage();
            }, function(err){
                $.bootstrapLoading.end();
            }, function(ex){
                $.bootstrapLoading.end();
            }
        );
    }

    function changeCurrentChange(ele) {
        // alert('you are selecting: ' + ele.innerText);
        current_change_id = ele.attributes.change_id.value;
        current_change_code = ele.attributes.change_code.value;
        CHANGE_ID = ele.attributes.change_id.value;
        BUSINESS_ID = ele.attributes.change_id.value;
        buildChangeSelection();
        //还有必要触发归档报表刷新！
        //rptArchiveObj.onClick(null, null, rptArchiveObj.currentNode);
        const params = {tenderId: TENDER_ID, business_type, bzId: current_change_id};
        $.bootstrapLoading.start();
        CommonAjax.postXsrfEx("/tender/report_api/getReportArchive4bz", params, 10000, true, getCookie('csrfToken_j'),
            function(result){
                $.bootstrapLoading.end();
                ARCHIVE_LIST = result.data;
                ARCHIVE_ENCRYPTION_LIST = result.encryptionData;
                TOP_TREE_NODES = JSON.parse(JSON.stringify(result.rpt_tpl_data));
                buildTplTree();
                rptArchiveObj.iniPage();
            }, function(err){
                $.bootstrapLoading.end();
            }, function(ex){
                $.bootstrapLoading.end();
            }
        );
    }


    function sendReportFileMsg() {
        if (!needFileMsg[business_type] || !needFileMsg[business_type].valid) return;

        if (business_type === 'stage') {
            postData('sendReportFileMsg', { sid: current_stage_id, sorder: current_stage_order }, function (result, msg) {
                toastr.success(msg);
            });
        } else {
            if (CHANGE_LIST.length === 0) {
                toastr.warning('暂无任何归档数据');
                return;
            }
            loadChangeSelect(CHANGE_LIST);
            $('#change-select').modal('show');
        }
    }

    function loadChangeSelect(changes) {
        const html = [];
        for (const c of changes) {
            html.push('<tr>');
            html.push(`<td><input cid="${c.cid || c.id}" type="checkbox" ${(c.selected ? "checked" : '')}></td>`);
            html.push(`<td>${c.code}</td>`);
            html.push(`<td>${c.name}</td>`);
            html.push(`<td>${moment(c.in_time).format('YYYY-MM-DD')}</td>`);
            html.push('</tr>');
        }
        $('#change-select-list').html(html.join(''));
    }

    $('body').on('change', '#change-select input[type=checkbox]', function() {
        if ($('#change-select input:checked').length > 10) {
            this.checked = false;
            toastr.warning('最多选择10条数据');
        }
    });
    $('body').on('click', '#change-select-ok', function() {
        if (!needFileMsg[business_type]) return;

        const select = $('#change-select input:checked');
        const id = [];
        for (const s of select) {
            id.push(s.getAttribute('cid'));
        }
        postData('sendOtherReportFileMsg', { id, msgType: needFileMsg[business_type].key }, function (result, msg) {
            toastr.success(msg);
            $('change-select').modal('hide');
        });
    });

    $(function () {
        //阻止事件冒泡
        //不仅仅要stopPropagation，还要preventDefault
        function pauseEvent(e){
            if(e.stopPropagation) e.stopPropagation();
            if(e.preventDefault) e.preventDefault();
            e.cancelBubble=true;
            e.returnValue=false;
            return false;
        }
        let pe = 0;
        $('#right-spr').mousedown(function (ev) {
            $('iframe').css('pointerEvents', 'none');
            let e = ev||event;
            pauseEvent(e);
            pe = 1;
        });
        $(document).mouseup(function (ev) {
            if(pe) {
                $('iframe').css('pointerEvents', 'auto');
                pe = 0;
                let e = ev||event;
                pauseEvent(e);
            }
        });

        $('#select-item a').on('click', function () {
           $('#select-item a').show();
           $(this).hide();
           $('#select-item').siblings('button').text($(this).text());
           const type = $(this).data('type');
           business_type = type;
           CHANGE_ID = -1;
           BUSINESS_ID = -1;
           if (type === 'stage') {
               $('#divSelectableStages').show();
               $('#divSelectableChanges').hide();
               current_stage_order = STAGE_LIST[i - 1].order;
               const info = _.find(STAGE_LIST, { order: current_stage_order });
               current_stage_id = info ? info.id : STAGE_LIST[i -1].id;
               current_stage_order = info ? info.order : STAGE_LIST[i - 1].order;
               // 下列树结构重新加载
               //还有必要触发归档报表刷新！
               //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;
                       ARCHIVE_ENCRYPTION_LIST = result.encryptionData;
                       TOP_TREE_NODES = JSON.parse(JSON.stringify(ORG_TOP_TREE_NODES));
                       buildTplTree();
                       rptArchiveObj.iniPage();
                   }, function(err){
                       $.bootstrapLoading.end();
                   }, function(ex){
                       $.bootstrapLoading.end();
                   }
               );
           } else {
               $('#divSelectableStages').hide();
               $('#divSelectableChanges').show();
               // 下列树结构重新加载
               //rptArchiveObj.onClick(null, null, rptArchiveObj.currentNode);
               const params = {tenderId: TENDER_ID, business_type: type};
               $.bootstrapLoading.start();
               // ARCHIVE_LIST = [];
               // ARCHIVE_ENCRYPTION_LIST = [];
               // TOP_TREE_NODES = JSON.parse(JSON.stringify(ORG_TOP_TREE_NODES));
               // rptArchiveObj.iniPage();
               CommonAjax.postXsrfEx("/tender/report_api/getReportArchive4bz", params, 10000, true, getCookie('csrfToken_j'),
                   function(result){
                       $.bootstrapLoading.end();
                       // console.log(result);
                       ARCHIVE_LIST = result.data;
                       ARCHIVE_ENCRYPTION_LIST = result.encryptionData;
                       CHANGE_LIST = result.changes;
                       current_change_id = CHANGE_LIST.length > 0 ? CHANGE_LIST[0].id : -1;
                       current_change_code = CHANGE_LIST.length > 0 ? CHANGE_LIST[0].code : '';
                       TOP_TREE_NODES = JSON.parse(JSON.stringify(result.rpt_tpl_data));
                       CHANGE_ID = CHANGE_LIST.length > 0 ? CHANGE_LIST[0].id : -1;
                       BUSINESS_ID = CHANGE_LIST.length > 0 ? CHANGE_LIST[0].id : -1;
                       buildTplTree();
                       rptArchiveObj.iniPage();
                       buildChangeSelection();
                       current_stage_id = result.stgId;
                   }, function(err){
                       $.bootstrapLoading.end();
                   }, function(ex){
                       $.bootstrapLoading.end();
                   }
               );
           }
           if (needFileMsg[type] && needFileMsg[type].valid) {
               $('#file-msg').show();
           } else {
               $('#file-msg').hide();
           }
        });
    })

    rptArchiveObj.iniPage();

    $(document).ready(() => {
        $('#change-select-date').datepicker({
            onSelect: function(selectedDate) {
                const rows = $('#change-select-list tr');
                for (const r of rows) {
                    const cid = $(r).find('input').attr('cid');
                    const change = CHANGE_LIST.find(x => { return x.cid ? x.cid === cid : c.id === cid; });
                    if (moment(selectedDate).isBefore(change.in_time)) {
                        $(r).show();
                    } else {
                        $(r).hide();
                    }
                }
            }
        });
    });

</script>