Calculation/app/view/phase_pay/detail.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">
                    <a href="javascript: void(0)" class="btn btn-sm btn-light text-primary" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="添加" name="base-opr" type="add"><i class="fa fa-plus" aria-hidden="true"></i></a>
                    <a href="javascript: void(0)" class="btn btn-sm btn-light text-primary" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="删除" name="base-opr" type="delete"><i class="fa fa-remove" aria-hidden="true"></i></a>
                    <a href="javascript: void(0)" class="btn btn-sm btn-light text-primary" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="下移" name="base-opr" type="down-move"><i class="fa fa-arrow-down" aria-hidden="true"></i></a>
                    <a href="javascript: void(0)" class="btn btn-sm btn-light text-primary" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="上移" name="base-opr" type="up-move"><i class="fa fa-arrow-up" aria-hidden="true"></i></a>
                </div>
                <div class="d-inline-block ">
                    <div class="input-group input-group-sm ml-2 mt-1">
                        <div class="input-group-prepend">
                            <span class="input-group-text">表达式</span>
                        </div>
                        <input type="text" class="form-control m-0" style="width: 270px" value="" id="pay-expr">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="content-wrap pr-46">
        <div class="c-header p-0"></div>
        <!--核心内容（两栏）-->
        <div class="row w-100 sub-content">
            <!--左栏-->
            <div class="c-body" id="left-view" style="width: 100%">
                <div class="sjs-height-1" id="pay-spread">
                </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="calcBase" class="tab-pane tab-select-show">
                        <div class="side-bar-1"></div>
                        <div class="sjs-sh-1">
                            <table class="table table-bordered">
                                <tr><th></th><th>可选基数</th><th>计算代号</th><th>值</th></tr>
                                <tbody id="base-list">
                                <% for (let iBase = 0; iBase < calcBase.length; iBase++) { %>
                                <tr>
                                    <td><%- iBase + 1 %></td>
                                    <td><%- calcBase[iBase].name %></td>
                                    <td><%- calcBase[iBase].code %></td>
                                    <% if (calcBase[iBase].code === 'bqyf') { %>
                                    <td class="text-right">--</td>
                                    <% } else {%>
                                    <td class="text-right"><%- (ctx.tender.info.display.thousandth ? ctx.helper.formatNum(calcBase[iBase].value, '#,##0.######') : calcBase[iBase].value) %></td>
                                    <% } %>
                                </tr>
                                <% } %>
                                </tbody>
                            </table>
                        </div>
                    </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="#calcBase" 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 lockPayExpr = <%- lockPayExpr %>;
    const phasePay = JSON.parse('<%- JSON.stringify(ctx.phasePay) %>');
    const readOnly = <%- ctx.phasePay.readOnly %>;
    const maxStageOrder = <%- maxStageOrder %>;
    const details = JSON.parse('<%- JSON.stringify(pays) %>');
    const calcBase = JSON.parse('<%- JSON.stringify(calcBase) %>');
    const addBase = JSON.parse('<%- JSON.stringify(ctx.phasePay.calc_base) %>');
    const deadlineType = JSON.parse('<%- JSON.stringify(deadlineType) %>');
</script>