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>
                <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>
        </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="#dqjiedian" role="tab" fujian-content="dqjiedian">当前节点</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" data-toggle="tab" href="#syfujian" role="tab" fujian-content="syfujian">所有附件</a>
                                </li>
                                <li class="nav-item ml-auto pt-1">
                                    <button  id="bach-download" 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>
                        <a href="javascript: void(0);" id="zipDown" download style="display: none;"></a>
                        <div class="tab-content">
                            <div class="tab-pane active" id="dqjiedian">
                                <div class="sjs-height-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="nodelist-table" class="list-table">
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                            <div class="tab-pane" id="syfujian">
                                <div class="sjs-height-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="alllist-table" class="list-table">
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                            <div class="sjs-bottom">
                                <div class="resize-y" id="file-spr" r-Type="height" div1=".sjs-height-3" div2=".sjs-bottom" title="调整大小"><!--调整上下高度条--></div>
                                <br>
                                <div class="tab-content" id="showAttachment" style="display: none" file-id="">
                                    <div class="sjs-bottom-2">
                                        <a href="javascript:void(0);" target="_blank" style="display: none" id="load-file"></a>
                                        <div class="d-flex justify-content-end mb-1" id="btn-att">
                                            <a href="javascript:void(0);" content="location" class="btn btn-sm btn-outline-primary" style="margin-right: 5px">定位</a>
                                            <a href="javascript:void(0);" content="view" class="btn btn-sm btn-outline-primary" style="margin-right: 5px">查看</a>
                                            <!--默认 有删除权限-->
                                            <a href="javascript:void(0);" content="del" class="btn btn-sm text-danger" style="display: none; margin-right: 5px">删除</a>
                                            <!--默认 有编辑权限-->
                                            <a href="javascript:void(0);" content="edit" class="btn btn-sm btn-outline-primary" style="display: none; margin-right: 5px">编辑</a>
                                            <!--编辑模式-->
                                            <a href="javascript:void(0);" content="save" class="btn btn-sm btn-outline-success mr-1" style="display: none; margin-right: 5px">保存</a>
                                            <a href="javascript:void(0);" content="cancel" class="btn btn-sm btn-outline-secondary" style="display: none; margin-right: 5px">取消</a>
                                        </div>
                                        <!--显示信息-->
                                        <table class="table table-sm table-bordered" id="show-att" style="word-break:break-all; table-layout: fixed">
                                            <tbody>
                                            <tr><th>文件名</th><td colspan="3">asdasd.jpg</td></tr>
                                            <tr><th>所在节点</th><td colspan="3" id="show-att-node">1 第一部分 建筑安装工程非</td></tr>
                                            <!-- <tr><td colspan="4"><a href="javascript:void(0);" target="_blank"><span>下载附件</span></a></td></tr> -->
                                            <tr><th>上传者</th><td>张三</td><th>上传时间</th><td>2018-10-20</td></tr>
                                            <tr><th>备注</th><td colspan="3"></td></tr>
                                            </tbody>
                                        </table>
                                        <div id="edit-att" style="display: none">
                                            <!--编辑模式-->
                                            <div class="form-group">
                                                <div class="input-group input-group-sm">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text">文件名</span>
                                                    </div>
                                                    <input type="text" class="form-control form-control-sm" value="asdasd">
                                                    <div class="input-group-append">
                                                        <span class="input-group-text">.jpg</span>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <div class="input-group input-group-sm">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text">所在节点</span>
                                                    </div>
                                                    <input type="text" class="form-control form-control-sm" value="1 第一部分 建筑安装工程非" readonly="">
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <div class="input-group input-group-sm">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text">上传时间</span>
                                                    </div>
                                                    <input type="text" class="form-control form-control-sm" value="2018-10-20" readonly="">
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <div class="input-group input-group-sm">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text">备注</span>
                                                    </div>
                                                    <input type="text" class="form-control form-control-sm" value="">
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <label>替换文件</label>
                                                <div class="custom-file">
                                                    <input type="file" class="custom-file-input" id="change-att-btn">
                                                    <label class="custom-file-label" data-browse="浏览" for="customFile">选择文件</label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </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 = false;
    const stdBills = JSON.parse(unescape('<%- escape(JSON.stringify(stdBills)) %>'));
</script>