Calculation/app/view/file/file.ejs

<div class="panel-content">
    <div class="panel-title fluid">
        <div class="title-main  d-flex justify-content-between">
            <div>资料归集/<%- ctx.subProject.name %></div>
            <div class="ml-auto">
                <% if (ctx.session.sessionUser.is_admin) { %>
                <a class="btn btn-sm btn-outline-primary mr-1" href="#filing-permission" data-toggle="modal" data-target="#filing-permission">授权用户</a>
                <% } %>
            </div>
        </div>
    </div>
    <div class="content-wrap">
        <div class="c-body">
            <div class="sjs-height-0 row">
                <div class="col-3 border-right pr-0">
                    <div class="d-flex flex-row">
                        <div class="btn-group">
                            <button type="button" class="btn btn-sm  text-primary dropdown-toggle" data-toggle="dropdown" id="zhankai" aria-expanded="false">显示层级</button>
                            <div class="dropdown-menu" aria-labelledby="zhankai" x-placement="bottom-start" style="position: absolute; transform: translate3d(0px, 21px, 0px); top: 0px; left: 0px; will-change: transform;">
                                <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>
                        <% if (canFiling) { %>
                        <div class="p-2"><a href="javascript: void(0);" id="add-slibing">添加同级</a></div>
                        <div class="p-2"><a href="javascript: void(0);" id="add-child">添加子级</a></div>
                        <% } %>
                    </div>
                    <ul id="filing" class="ztree" style="overflow: auto"></ul>
                </div>
                <div class="col-9" id="file-view" style="display: none">
                    <div class="d-flex flex-row">
                        <% if (canUpload) { %>
                        <div class="py-2 pr-2"><a href="#add-file" data-toggle="modal" data-target="#add-file">上传文件</a></div>
                        <div class="py-2 pr-2"><a href="#add-big-file" data-toggle="modal" data-target="#add-big-file">大文件上传</a></div>
                        <div class="p-2" id="rela-file-btn"><a href="#rela-file" data-toggle="modal" data-target="#rela-file">导入文件</a></div>
                        <div class="p-2"><a href="javascript: void(0)" id="batch-del-file-btn">批量删除</a></div>
                        <% } %>
                        <div class="p-2"><a href="javascript: void(0)" id="batch-download">批量下载</a></div>
                        <div class="p-2">
                            <span id="showPage">
                                <a href="javascript:void(0);" class="page-select ml-3" content="pre"><i class="fa fa-chevron-left"></i></a>
                                <span id="curPage">1</span>/<span id="curTotalPage">10</span>
                                <a href="javascript:void(0);" class="page-select mr-3" content="next"><i class="fa fa-chevron-right"></i></a>
                            </span>
                        </div>
                    </div>
                    <table class="table table-bordered">
                        <thead>
                        <tr class="text-center">
                            <th width="60px">选择</th>
                            <th>文件名称 <span name="file-sort" field="filename" tag="filename|desc"><i class="fa fa-sort" aria-hidden="true"></i></span></th>
                            <th width="10%">上传人</th>
                            <th width="20%">上传时间 <span name="file-sort" field="create_time" tag="create_time|asc"><i class="fa fa-sort-amount-desc" aria-hidden="true"></i></span></th>
                            <th width="10%">文件类型</th>
                        </tr>
                        </thead>
                        <tbody id="file-list">
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
<script>
    const canFiling = <%- canFiling %>;
    const filing = JSON.parse(unescape('<%- escape(JSON.stringify(filing)) %>'));
    const category = JSON.parse(unescape('<%- escape(JSON.stringify(categoryData)) %>'));
    const whiteList = JSON.parse('<%- JSON.stringify(ctx.app.config.multipart.whitelist) %>');
</script>