Calculation/app/view/payment_safe/index.ejs

<% include ./sub_menu.ejs %>
<div class="panel-content">
    <div class="panel-title">
        <div class="title-main d-flex">
            <% include ./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="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                            <i class="fa fa-list-ol"></i> 显示层级
                        </button>
                        <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                            <a class="dropdown-item" name="showLevel" tag="1" href="javascript: void(0);">第一层</a>
                            <a class="dropdown-item" name="showLevel" tag="2" href="javascript: void(0);">第二层</a>
                            <a class="dropdown-item" name="showLevel" tag="3" href="javascript: void(0);">第三层</a>
                            <a class="dropdown-item" name="showLevel" tag="4" href="javascript: void(0);">第四层</a>
                            <a class="dropdown-item" name="showLevel" tag="last" href="javascript: void(0);">最底层</a>
                        </div>
                    </div>
                </div>
                <% if (ctx.detail.uid === ctx.session.sessionUser.accountId) { %>
                <div class="d-inline-block">
                    <a href="javascript: void(0);" name="base-opr" type="add" class="btn btn-sm btn-light text-primary" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="新增"><i class="fa fa-plus" aria-hidden="true"></i></a>
                    <a href="javascript: void(0);" name="base-opr" type="delete" class="btn btn-sm btn-light text-primary" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="删除"><i class="fa fa-remove" aria-hidden="true"></i></a>
                    <a href="javascript: void(0);" name="base-opr" type="up-level" class="btn btn-sm btn-light text-primary" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="升级"><i class="fa fa-arrow-left" aria-hidden="true"></i></a>
                    <a href="javascript: void(0);" name="base-opr" type="down-level" class="btn btn-sm btn-light text-primary" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="降级"><i class="fa fa-arrow-right" aria-hidden="true"></i></a>
                    <a href="javascript: void(0);" name="base-opr" type="down-move" class="btn btn-sm btn-light text-primary" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="下移"><i class="fa fa-arrow-down" aria-hidden="true"></i></a>
                    <a href="javascript: void(0);" name="base-opr" type="up-move" class="btn btn-sm btn-light text-primary" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="上移"><i class="fa fa-arrow-up" aria-hidden="true"></i></a>
                </div>
                <div class="d-inline-block">
                    <a href="" class="btn btn-sm btn-light text-primary" data-toggle="modal" data-placement="bottom" title="设置" data-target="#psb-decimal"><i class="fa fa-cog" aria-hidden="true"></i></a>
                </div>
                <% } %>
            </div>
            <div class="ml-auto">
                <% include ../payment/audit_btn.ejs %>
            </div>
        </div>
    </div>
    <div class="content-wrap row pr-46">
        <div class="c-header p-0 col-12">
        </div>
        <!--核心内容（两栏）-->
        <div class="row w-100 sub-content">
            <!--左栏-->
            <div class="c-body" id="left-view" style="width: 100%">
                <div id="bills-spread" class="sjs-height-1"></div>
            </div>
            <div class="c-body" id="right-view" style="display: none; width: 33%;">
                <div class="resize-x" id="right-spr" r-Type="width" div1="#left-view" div2="#right-view" title="调整大小" a-type="percent"><!--调整左右高度条--></div>
                <div class="tab-content">
                    <div id="std-gcl" class="tab-pane tab-select-show">
                    </div>
                    <div id="fujian" class="tab-pane tab-select-show">
                        <div class="sjs-bar">
                            <ul class="nav nav-tabs">
                                <li class="nav-item">
                                    <a class="nav-link active" data-toggle="tab" href="#cur-att" role="tab" fujian-content="cur-att">当前节点</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" data-toggle="tab" href="#all-att" role="tab" fujian-content="all-att">所有附件</a>
                                </li>
                                <li class="nav-item ml-auto pt-1">
                                    <button  id="batch-download-att" class="btn btn-sm btn-primary" type="curr">批量下载</button>
                                    <!--所有附件 翻页-->
                                    <span id="showPage" style="display: none"><a href="javascript:void(0);" class="page-select ml-3" content="pre"><i class="fa fa-chevron-left"></i></a> <span id="currentPage">1</span>/<span id="totalPage">10</span> <a href="javascript:void(0);" class="page-select mr-3" content="next"><i class="fa fa-chevron-right"></i></a></span>
                                    <a href="#upload" data-toggle="modal" data-target="#upload" class="btn btn-sm btn-outline-primary ml-3">上传</a>
                                </li>
                            </ul>
                        </div>
                        <div class="tab-content">
                            <div class="tab-pane active" id="cur-att">
                                <div class="sjs-sh-3" style="overflow:auto; overflow-x:hidden;">
                                    <table class="table table-sm table-bordered table-hover" style="word-break:break-all; table-layout: fixed">
                                        <tr><th width="25"><input type="checkbox" class="check-all-file"><th>文件名</th><th width="80">上传</th></tr>
                                        <tbody id="cur-att-list" class="list-table">
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                            <div class="tab-pane" id="all-att">
                                <div class="sjs-sh-3" style="overflow:auto; overflow-x:hidden;">
                                    <table class="table table-sm table-bordered table-hover" style="word-break:break-all; table-layout: fixed">
                                        <tr><th width="25"><input type="checkbox" class="check-all-file"></th><th>文件名</th><th width="80">上传</th></tr>
                                        <tbody id="all-att-list" class="list-table">
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--右侧菜单-->
        <div class="side-menu">
            <ul class="nav flex-column right-nav" id="side-menu">
                <li class="nav-item">
                    <a class="nav-link" content="#std-gcl" href="javascript: void(0);">工程量清单</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" content="#fujian" href="javascript: void(0);">附件</a>
                </li>
            </ul>
        </div>
    </div>
</div>
<script>
    const readOnly = <%- ctx.detail.readOnly %>;
    const stdBills = JSON.parse(unescape('<%- escape(JSON.stringify(stdBills)) %>'));
    const tenderId = parseInt('<%- ctx.paymentTender.id %>');
    const detailId = parseInt('<%- ctx.detail.id %>');
    const whiteList = JSON.parse('<%- JSON.stringify(ctx.app.config.multipart.whitelist) %>');
</script>