Calculation/app/view/change/report.ejs

<% include ../tender/tender_sub_menu.ejs %>
<div class="panel-content">
    <div class="panel-title" style="padding-right: 0px"><!--收起详解目录添加类名 fluid -->
        <div class="title-main d-flex"><!--工具-->
            <% include ../tender/tender_sub_mini_menu.ejs %>
            <div style="width: 100%">
                <div id="left-header" class="d-inline-block" style="min-width: 203px;">
                    <div class="d-inline-block">
                        <div class="btn-group btn-group-toggle group-tab">
                            <a class="btn btn-sm btn-light" href="/tender/<%- ctx.tender.id %>/change/<%- ctx.change.cid %>/information">变更详情</a>
                            <a class="btn btn-sm btn-light active" href="javascript:void(0);">输出报表</a>
                            <a class="btn btn-sm btn-light" href="/tender/<%- ctx.tender.id %>/change/<%- ctx.change.cid %>/relation">关联数据</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="content-wrap">
        <div class="c-header p-0"></div>
        <div class="w-100 sub-content row">
            <div class="c-body col-3">
                <div class="d-inline-block">
                    <ul class="nav nav-pills m-0">
                        <li class="nav-item mr-1"><a href="#man-c" data-toggle="modal" data-target="#man-c" class=" btn btn-light btn-sm text-primary"><i class="fa fa-cog"></i> 通用报表</a></li>
                        <li class="nav-item"><a href="#add-c" data-toggle="modal" data-target="#add-c" class=" btn btn-light btn-sm  text-primary"><i class="fa fa-plus"></i> 定制报表</a></li>
                    </ul>
                </div>
                <div class="sjs-height-1">
                    <div class="text-center"></div>
                    <ul id="treeDemo2" class="ztree"></ul>
                </div>
            </div>
            <div class="c-body col-9">
                <!--调整侧栏宽度-->
                <div class="resize-x" title="调整大小"></div>

                <!--打印工具栏-->
                <div class="toolsbar-f d-flex justify-content-between">
                    <div class="print-toolsbar">
                        <div class="panel">
                            <div class="panel-body">
                                <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">5</span>
                                    </button>
                                </div>
                            </div>
                        </div>
                        <div class="panel">
                            <div class="panel-body">
                                <div class="btn-group" role="group" aria-label="Button group with nested dropdown">
                                    <button type="button" class="btn btn-outline-primary btn-sm" data-toggle="modal" data-target="#export" disabled=""><i class="fa fa-file-excel-o"></i> Excel <span class="badge badge-primary">5</span></button>
                                    <button type="button" class="btn btn-outline-primary btn-sm"><i class="fa fa-file-pdf-o"></i> PDF <span class="badge badge-primary">5</span></button>
                                </div>
                            </div>
                            <div class="panel-foot text-muted">
                                导出报表
                            </div>
                        </div>
                        <div class="panel">
                            <div class="panel-body">
                                <div class="btn-group" role="group">
                                    <button type="button" class="btn btn-outline-primary btn-sm" data-toggle="modal" data-target="#guidang"><i class="fa fa-archive"></i> 归档报表</button>

                                    <div class="btn-group" role="group">
                                        <button id="btnGroupDrop1" type="button" class="btn btn-success 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">
                                            <a class="dropdown-item" href="#">#1 2021-03-01</a>
                                            <a class="dropdown-item" href="#">#2 2021-02-28</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="panel-foot text-muted">
                                报表归档
                            </div>
                        </div>
                        <div class="panel">
                            <div class="panel-body">
                                <div class="btn-group" role="group">
                                    <div class="btn-group" role="group">
                                        <button id="btnGroupDrop1" 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">
                                            <a class="dropdown-item" href="#">横向</a>
                                        </div>
                                    </div>
                                    <div class="btn-group" role="group">
                                        <button id="btnGroupDrop1" type="button" class="btn btn-outline-primary btn-sm dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                            A4
                                        </button>
                                        <div class="dropdown-menu" aria-labelledby="btnGroupDrop1" style="min-width:112px">
                                            <a class="dropdown-item" href="#">A3</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="panel-foot text-muted">
                                预览设置
                            </div>
                        </div>
                        <div class="panel">
                            <div class="panel-body">
                                <div class="btn-group" role="group">
                                    <button type="button" class="btn btn-outline-primary btn-sm" data-toggle="tooltip" data-placement="bottom" title="缩小">-</button>
                                    <button class="btn btn-outline-primary btn-sm" data-toggle="tooltip" data-placement="bottom" title="重置默认大小">1000%</button>
                                    <button type="button" class="btn btn-outline-primary btn-sm" data-toggle="tooltip" data-placement="bottom" title="放大">+</button>
                                </div>
                            </div>
                            <div class="panel-foot text-muted">
                                缩放
                            </div>
                        </div>
                        <div class="panel">
                            <div class="panel-body">
                                <div class="btn-group" role="group">
                                    <button type="button" class="btn btn-outline-primary btn-sm" data-toggle="modal" data-target="#paper"><i class="fa fa-file-o"></i> 页边距</button>
                                    <button type="button" class="btn btn-outline-primary btn-sm" data-toggle="modal" data-target="#format"><i class="fa fa-bold"></i> 格式</button>
                                    <button type="button" class="btn btn-outline-primary btn-sm" data-toggle="modal" data-target="#setting"><i class="fa fa-cog"></i> 设置</button>
                                </div>
                            </div>
                            <div class="panel-foot text-muted">
                                报表设置
                            </div>
                        </div>
                        <div class="panel">
                            <div class="panel-body">
                                <div class="btn-group" role="group">
                                    <button class="btn btn-outline-primary btn-sm" type="button" data-toggle="modal" data-target="#sign">
                                        <i class="fa fa-pencil"></i><br>
                                        签字
                                    </button>
                                </div>
                            </div>
                        </div>
                        <div class="panel">
                            <div class="panel-body">
                                <div class="input-group input-group-sm">
                                    <div class="input-group-prepend">
                                        <button type="button" class="btn btn-outline-primary btn-sm" data-toggle="tooltip" data-placement="bottom" title="第一页"><i class="fa fa-angle-double-left "></i></button>
                                        <button type="button" class="btn btn-outline-primary btn-sm" disabled data-toggle="tooltip" data-placement="bottom" title="上一页"><i class="fa fa-angle-left "></i></button>
                                    </div>
                                    <input class="form-control" value="1/10" style="width:60px"  data-toggle="tooltip" data-placement="bottom" title="输入页码按回车键，快速跳转">
                                    <div class="input-group-append">
                                        <button type="button" class="btn btn-outline-primary btn-sm" data-toggle="tooltip" data-placement="bottom" title="下一页"><i class="fa fa-angle-right"></i></button>
                                        <button type="button" class="btn btn-outline-primary btn-sm" data-toggle="tooltip" data-placement="bottom" title="尾页"><i class="fa fa-angle-double-right "></i></button>
                                    </div>
                                </div>
                            </div>
                            <div class="panel-foot text-muted">
                                翻页
                            </div>
                        </div>
                        <!--用于报表带工具栏全屏显示 -->
                        <div class="panel">
                            <div class="panel-body">
                                <div class="btn-group" role="group">
                                    <button class="btn btn-outline-primary btn-sm" type="button" data-toggle="modal" data-target="#fullscreen">
                                        <i class="fa fa-window-maximize"></i><br>
                                        全屏显示
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="sjs-height-4">
                    <div class="print-view form-view">
                        <div class="pageContainer">
                            <div class="page">
                                <img src="img/2 中期支付证书(佛山禅城).png">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script>
    autoFlashHeight();
    $.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();
        }
    });
</script>