Calculation/app/view/report/rpt_all_popup.ejs

<div class="modal fade" id="paper" data-backdrop="static">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">页边距（毫米）</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <div class="row mb-1 justify-content-center">
                    <div class="col-3">
                        <div class="input-group input-group-sm ">
                            <div class="input-group-prepend">
                                <span class="input-group-text">上</span>
                            </div>
                            <input type="number" class="form-control form-control-sm" id="elementMargin_Top" value="12" onchange="rptControlObj.changeMargin('Top', this)" onkeyup="rptControlObj.changeMargin('Top', this)">
                        </div>
                    </div>
                </div>
                <div class="row mb-1 align-items-center">
                    <div class="col-3">
                        <div class="input-group input-group-sm ">
                            <div class="input-group-prepend">
                                <span class="input-group-text">左</span>
                            </div>
                            <input type="number" class="form-control form-control-sm" id="elementMargin_Left" value="12" onchange="rptControlObj.changeMargin('Left', this)" onkeyup="rptControlObj.changeMargin('Left', this)">
                        </div>
                    </div>
                    <div class="col-6">
                        <h1 class="display-4 text-center"><i class="fa fa-file-o"></i></h1>
                    </div>
                    <div class="col-3">
                        <div class="input-group input-group-sm ">
                            <div class="input-group-prepend">
                                <span class="input-group-text">右</span>
                            </div>
                            <input type="number" class="form-control form-control-sm" id="elementMargin_Right" value="12" onchange="rptControlObj.changeMargin('Right', this)" onkeyup="rptControlObj.changeMargin('Right', this)">
                        </div>
                    </div>
                </div>
                <div class="row mb-1 justify-content-center">
                    <div class="col-3">
                        <div class="input-group input-group-sm ">
                            <div class="input-group-prepend">
                                <span class="input-group-text">下</span>
                            </div>
                            <input type="number" class="form-control form-control-sm" id="elementMargin_Bottom"value="12" onchange="rptControlObj.changeMargin('Bottom', this)" onkeyup="rptControlObj.changeMargin('Bottom', this)">
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-link btn-sm float-left" data-dismiss="modal" onclick="rptControlObj.restoreMargine(); zTreeOprObj.changeCfg();">恢复默认值</button>
                <button type="button" class="btn btn-secondary btn-sm" data-dismiss="modal">取消</button>
                <a href="javascript:void(0)" class="btn btn-primary btn-sm" data-dismiss="modal" onclick="rptControlObj.confirmCfgChange()">确定</a>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="format" data-backdrop="static">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">格式</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <div class="row mb-1" id="font_cfg_blank_flag"></div>
                <div class="row mb-1">
                    <div class="col-3">边框线粗</div>
                    <div class="col-4">
                        <select class="form-control form-control-sm" id="cfg_border_thick" onchange="rptControlObj.changeBorderWeight(this)"><option>1</option><option>2</option></select>
                    </div>
                </div>
                <div class="row mb-1">
                    <div class="col-4">
                        <div class="form-check">
                            <label class="form-check-label">
                                <input type="checkbox" class="form-check-input" id="cfg_rpt_vertical_line" onchange="rptControlObj.changeCfgOption('showVerticalLine', this)">
                                报表边框竖线
                            </label>
                        </div>
                    </div>
                    <div class="col-4">
                        <div class="form-check">
                            <label class="form-check-label">
                                <input type="checkbox" class="form-check-input" id="cfg_rpt_narrow" onchange="rptControlObj.changeCfgOption('isNarrow', this)">
                                内容窄体输出
                            </label>
                        </div>
                    </div>
                    <div class="col-4">
                        <div class="form-check">
                            <label class="form-check-label">
                                <input type="checkbox" class="form-check-input" id="cfg_rpt_fill_zero" onchange="rptControlObj.changeCfgOption('fillZero', this)">
                                小数补0
                            </label>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-link btn-sm float-left" data-dismiss="modal" onclick="rptControlObj.restoreFormat(); zTreeOprObj.changeCfg();">恢复默认值</button>
                <button type="button" class="btn btn-secondary btn-sm" data-dismiss="modal">取消</button>
                <a href="javascript:void(0)" class="btn btn-primary btn-sm" data-dismiss="modal" onclick="rptControlObj.confirmCfgChange()">确定</a>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="export_excel" data-backdrop="static">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">批量导出Excel</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-6">
                        <div class="card">
                            <img class="card-img-top" src="/public/images/p2.png">
                            <div class="card-body px-3">
                                <div class="form-check">
                                    <input class="form-check-input" type="radio" name="excelExportTypeRadio" id="excelExportType_AllInOneBook" value="option1" checked>
                                    <label class="form-check-label" for="excelExportType_AllInOneBook">
                                        多个表导出一个Excel文件
                                    </label>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-6">
                        <div class="card">
                            <img class="card-img-top" src="/public/images/p1.png">
                            <div class="card-body px-3">
                                <div class="form-check">
                                    <input class="form-check-input" type="radio" name="excelExportTypeRadio" id="excelExportType_IndividualBook" value="option2" checked>
                                    <label class="form-check-label" for="excelExportType_IndividualBook">
                                        每个表导出一个Excel文件
                                    </label>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <a onclick="rptControlObj.getExcel()" class="btn btn-primary btn-sm" data-dismiss="modal">确定导出</a>
                <button type="button" class="btn btn-secondary btn-sm" data-dismiss="modal">取消</button>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="eSignature" data-backdrop="static">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">设置电子签名(审核通过后才显示)</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body" id="eSignatureBodyDiv">
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary btn-sm" data-dismiss="modal" onclick="rptSignatureHelper.removeSelectSignature()">取消</button>
                <a href="javascript:void(0);" onclick="rptSignatureHelper.setupAfterSelectSignature()" class="btn btn-primary btn-sm" data-dismiss="modal">确定</a>
            </div>
        </div>
    </div>
</div>
<!--弹出添加签名人-->
<div class="modal fade" id="add-sign" data-backdrop="static">
    <div class="modal-dialog modal-sm" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">添加签名</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <ul class="nav nav-tabs justify-content-center mb-1" role="tablist">
                    <li class="nav-item">
                        <a class="nav-link active px-3 p-1" data-toggle="tab" href="#adst-1" role="tab">项目</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link px-3 p-1" data-toggle="tab" href="#adst-2" role="tab"><i class="fa fa-user"></i> 角色</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link px-3 p-1" data-toggle="tab" href="#adst-3" role="tab">最近使用</a>
                    </li>
                </ul>
                <div class="tab-content">
                    <div class="tab-pane fade show active" id="adst-1" role="tabpanel" aria-labelledby="home-tab">
                        <div class="input-group input-group-sm mt-1 mb-2">
                            <div class="input-group-prepend">
                                <span class="input-group-text" id="inputGroup-sizing-sm"><i class="fa fa-search" onclick="rptSignatureHelper.buildSelectableAccount(this);"></i></span>
                            </div>
                            <input type="text" id="search_account" class="form-control form-control-sm" placeholder="搜索..."  onkeypress="searchAccount()">
                        </div>
                        <div class="modal-height-300" id="project_account_select_div">
                        </div>
                    </div>
                    <div class="tab-pane fade" id="adst-2" role="tabpanel" aria-labelledby="profile-tab">
                        <a href="javascript:void(0)" onclick="rptSignatureHelper.switchAddRoleDiv(this)" class="btn btn-sm btn-link">添加角色</a>
                        <div class="modal-height-300">
                            <!--添加角色-->
                            <div class="card" id="role_select_acc_div" style="display:none">
                                <div class="p-2">
                                    <div class="input-group input-group-sm mb-1">
                                        <div class="input-group-prepend">
                                            <span class="input-group-text" id="inputGroup-sizing-sm">角色名称</span>
                                        </div>
                                        <input type="text" class="form-control form-control-sm" id="acc_role_name" placeholder="最多10个字符">
                                    </div>
                                    <div class="input-group input-group-sm mb-1">
                                        <div class="input-group-prepend">
                                            <span class="input-group-text" id="inputGroup-sizing-sm">绑定成员</span>
                                        </div>
                                        <select class="form-control form-control-sm" id="project_account_select_dom">
                                        </select>
                                    </div>
                                    <a href="javascript:void(0)" onclick="rptSignatureHelper.createNewRole(this)" class="btn btn-sm btn-primary">添加角色</a>
                                </div>
                            </div>
                            <ul class="list-group p-2" id="existed_roles_ul">
                            </ul>
                        </div>
                    </div>
                    <div class="tab-pane fade" id="adst-3" role="tabpanel" aria-labelledby="contact-tab">
                        <div class="modal-height-300">
                            <ul class="list-group" id="account_used_select_div"></ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--选择审批人-->
<div class="modal fade" id="audit-select" data-backdrop="static">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="audit-select-title">重置</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <table class="table table-bordered">
                    <tr><th style="width: 50%">报表数据</th><th>审批人</th></tr>
                    <tbody id="audit-select-list">
                    </tbody>
                </table>
                <div id="audit-select-hint" class="text-danger">
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary btn-sm" data-dismiss="modal">关闭</button>
                <button id="audit-select-ok" class="btn btn-primary btn-sm" onclick="rptCustomObj.resetAuditSelect(this)">确定</button>
            </div>
        </div>
    </div>
</div>
<!--选择标段-->
<div class="modal fade" id="gather-select" data-backdrop="static">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="gather-select-title">选择标段</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-6">
                        <h5>可选标段 </h5>
                        <div class="modal-height-300" id="gather-source-spread" style="height: 330px">
                        </div>
                    </div>
                    <div class="col-6">
                        <h5>已选标段 </h5>
                        <div class="modal-height-300" id="gather-result-spread">
                        </div>
                        <div class="mt-1" id="gather-by-month" style="width: 60%">
                            <div class="input-group input-group-sm">
                                <div class="input-group-prepend">
                                    <span class="input-group-text">汇总年月</span>
                                </div>
                                <input id="gather-month" class="datepicker-here form-control form-control-sm" auto-close="true" autocomplete="off" placeholder="点击选择年月" data-view="months" data-min-view="months" data-date-format="yyyy-MM" data-language="zh" type="text" autocomplete="off">
                            </div>
                        </div>
                        <div id="gather-by-zone">
                            <div class="input-group input-group-sm">
                                <div class="input-group-prepend">
                                    <span class="input-group-text">汇总周期</span>
                                </div>
                                <input id="gather-zone" class="datepicker-here form-control mt-0" placeholder="点击选择周期" data-range="true" data-multiple-dates-separator=" - "  data-min-view="months" data-view="months" data-date-format="yyyy-MM" data-language="zh" type="text" autocomplete="off">
                            </div>
                        </div>
                    </div>
                    <div class="text-danger text-center ml-3" id="gather-hint">我是提示呀</div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">取消</button>
                <button class="btn btn-sm btn-primary" id="gather-select-ok">确定</button>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="stage-select" data-backdrop="static">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="stage-select-title">选择期</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <div class="row">
                    <% for (const s of stages) { %>
                    <div class="col-3">
                        <div class="custom-control custom-checkbox custom-control-inline">
                            <input type="checkbox" id="stage-select-<%- s.order %>" name="stage-select-check" stage-order="<%- s.order %>" class="custom-control-input">
                            <label class="custom-control-label" for="stage-select-<%- s.order %>">第<%- s.order %>期</label>
                        </div>
                    </div>
                    <% } %>
                </div>
                <div class="alert alert-danger my-2 p-2" id="stage-select-hint">我是提示呀</div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">取消</button>
                <button class="btn btn-sm btn-primary" id="stage-select-ok">确定</button>
            </div>
        </div>
    </div>
</div>
<!--管理通用报表-->
<div class="modal fade" id="man-c" data-backdrop="static">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">管理通用报表</h5>
            </div>
            <div class="modal-body">
                <div class="modal-height-500" style="overflow: auto;">
                    <table class="table table-sm table-bordered" id="report_cust_group_common">
                    </table>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal" onclick="revertCommonCustRptCfg();">关闭</button>
                <!--有结果出现添加-->
                <button type="button" class="btn btn-primary" data-dismiss="modal" onclick="updateCustRptCfg()">确认</button>
            </div>
        </div>
    </div>
</div>
<!--管理定制报表-->
<div class="modal fade" id="man-i" data-backdrop="static">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">管理定制报表</h5>
            </div>
            <div class="modal-body">
                <div class="modal-height-500" style="overflow: auto;">
                    <table class="table table-sm table-bordered" id="report_cust_group_individual">
                    </table>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal" onclick="revertIndividualCustRptCfg();">关闭</button>
                <!--有结果出现添加-->
                <button type="button" class="btn btn-primary" data-dismiss="modal" onclick="updateCustRptCfg()">确认</button>
            </div>
        </div>
    </div>
</div>

<script>
    zTreeOprObj.getCustomerCfg();
    zTreeOprObj.iniFontCfgDom(CUST_CFG);
    buildCustRptCommon('report_cust_group_common', ORG_TOP_TREE_NODES[1], CUST_TREE_NODES.common, 'true');
    buildCustRptCommon('report_cust_group_individual', ORG_TOP_TREE_NODES[0], CUST_TREE_NODES.customize, 'false');

    function searchAccount() {
        if (event.keyCode == 13) {
            rptSignatureHelper.buildSelectableAccount(this);
        }
    }

    function buildCustRptCommon(tbDomId, topTreeNode, checkingArr, isCommonStr) {
        let tbDom = $("#" + tbDomId);
        tbDom.empty();
        tbDom.append('<tr><th>类别</th><th>包含报表</th><th>显示</th></tr>');
        let _countAvailableTpls = function (tItem) {
            let rst = 0;
            if (tItem.nodeType === 1 && tItem.items && tItem.items.length > 0) {
                for (const dItem of tItem.items) {
                    if (dItem.nodeType === 2) {
                        if (dItem.released) rst++;
                    } else {
                        rst += _countAvailableTpls(dItem);
                    }
                }
            }
            return rst;
        };
        let _pushRptLine = function (parentItem, rptItem, level, needChk, parentNodeIdStr, thisItemSeq) {
            if (rptItem.nodeType === 1) {
                let amt = _countAvailableTpls(rptItem);
                let classStr = '';
                if (level > 0) {
                    classStr = 'pl-' + (level + 3);
                }
                if (needChk) {
                    let chkName = parentItem.name + FOLDER_SEPERATER + rptItem.name;
                    let checkedStr = (checkingArr.indexOf(chkName) >= 0) ? ' checked' : '';
                    let sIdStr = parentNodeIdStr + '_sub_' + thisItemSeq;
                    tbDom.append('<tr><td class="' + classStr + '">' + rptItem.name + '</td><td>' + amt + '</td><td><input id="' + sIdStr + '" onchange="changeFolder(this, ' + isCommonStr + ', "' + parentNodeIdStr + '")" hiddenval="' + chkName + '" type="checkbox"' + checkedStr + '></td></tr>');
                } else {
                    tbDom.append('<tr><td class="' + classStr + '">' + rptItem.name + '</td><td>' + amt + '</td><td></td></tr>');
                }
                if (rptItem.items && rptItem.items.length > 0) {
                    for (const subItem of rptItem.items) {
                        _pushRptLine(rptItem, subItem, level + 1, false, '');
                    }
                }
            }
        }
        let TplAmts = [];
        let parentIdx = 0;
        let subCnt = topTreeNode.items.length;
        for (const topItem of topTreeNode.items) {
            TplAmts.push(_countAvailableTpls(topItem));
            let checkedStr = (checkingArr.indexOf(topItem.name) >= 0) ? ' checked' : '';
            let pIdStr = tbDomId + '_' + parentIdx + '_' + subCnt;
            tbDom.append('<tr><td>' + topItem.name + '</td><td>' + TplAmts[TplAmts.length - 1] + '</td><td><input id="' + pIdStr + '" onchange="changeFolder(this, ' + isCommonStr + ', null)" hiddenval="' + topItem.name + '" type="checkbox"' + checkedStr + '></td></tr>');
            if (topItem.items && topItem.items.length > 0) {
                let subSeq = 0;
                for (const subItem of topItem.items) {
                    _pushRptLine(topItem, subItem, 1, true, pIdStr, subSeq);
                }
                subSeq++;
            }
            parentIdx++;
        }
    }

    function updateCustRptCfg(){
        let params = {};
        params.nodeItems = CUST_TREE_NODES;
        CommonAjax.postXsrfEx("/tender/report_api/updateCustNode", params, 60000, true, getCookie('csrfToken'),
            function(result){
                try {
                    // console.log(result);
                    ORG_CUST_TREE_NODES.common = JSON.parse(JSON.stringify(CUST_TREE_NODES.common));
                    ORG_CUST_TREE_NODES.customize = JSON.parse(JSON.stringify(CUST_TREE_NODES.customize));
                    //刷新报表模板树
                    TOP_TREE_NODES = JSON.parse(JSON.stringify(ORG_TOP_TREE_NODES));
                    // 移除未被选择的模板
                    filterUnchkTplTreeNode(TOP_TREE_NODES[0], CUST_TREE_NODES.customize);
                    filterUnchkTplTreeNode(TOP_TREE_NODES[1], CUST_TREE_NODES.common);
                    zTreeOprObj.getReportTemplateTree();
                } catch(err) {
                }
            }, function(err){
                // hintBox.unWaitBox();
            }, function(ex){
                // hintBox.unWaitBox();
            }
        );
    }

    function revertCommonCustRptCfg(){
        CUST_TREE_NODES.common = JSON.parse(JSON.stringify(ORG_CUST_TREE_NODES.common));
        buildCustRptCommon('report_cust_group_common', ORG_TOP_TREE_NODES[1], CUST_TREE_NODES.common, 'true');
    }

    function revertIndividualCustRptCfg(){
        CUST_TREE_NODES.customize = JSON.parse(JSON.stringify(ORG_CUST_TREE_NODES.customize));
        buildCustRptCommon('report_cust_group_individual', ORG_TOP_TREE_NODES[0], CUST_TREE_NODES.customize, 'false');
    }

    function changeFolder(dom, isCommon, parentIdStr) {
        let prop = null;
        if (isCommon) {
            prop = CUST_TREE_NODES.common;
        } else {
            prop = CUST_TREE_NODES.customize;
        }
        let idx = prop.indexOf(dom.attributes['hiddenval'].value);
        if (dom.checked) {
            if (idx < 0) {
                prop.push(dom.attributes['hiddenval'].value);
                if (parentIdStr === null) {
                    //这是父节点，需要把所有子节点都勾上
                    //后期补上
                }
            }
        } else {
            if (idx >= 0) {
                prop.splice(idx, 1);
                if (parentIdStr === null) {
                    //这是父节点，需要把所有子节点都uncheck
                    //后期补上
                }
            }
        }
    }
</script>