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 row pr-46">
        <div class="row w-100 sub-content">
            <div class="c-body" id="left-view" style="width: 100%">
                <div class="sjs-height-0 row" style="width: 100%">
                    <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 pr-0" 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-hover 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 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="search" class="tab-pane tab-select-show mr-1">
                        <div class="sjs-bar mt-1">
                            <div class="input-group input-group-sm pb-1">
                                <div class="input-group-prepend">
                                    <select class="input-group-text" id="search-filter">
                                        <option value="cur">当前分类</option>
                                        <option value="all">全部分类</option>
                                    </select>
                                </div>
                                <input id="search-keyword" type="text" class="form-control" autocomplete="off" placeholder="输入文件名称查找" aria-label="Recipient\'s username" aria-describedby="button-addon2">
                                <div class="input-group-append"><button class="btn btn-outline-secondary" type="button">搜索</button></div>
                            </div>
                        </div>
                        <div class="sjs-sh scroll-y">
                            <table class="table table-bordered">
                                <tr class="text-center"><th>文件名称</th><th width="15%">上传人</th><th width="15%">操作</th></tr>
                                <tbody id="search-list"></tbody>
                            </table>
                        </div>
                    </div>
                    <div id="reference" class="tab-pane tab-select-show">
                    </div>
                </div>
            </div>
        </div>
        <!--右侧菜单-->
        <div class="side-menu">
            <ul class="nav flex-column right-nav" id="side-menu">
                <li>
                    <a class="nav-link" content="#search" href="javascript: void(0);">查找定位</a>
                </li>
                <li>
                    <a class="nav-link" content="#reference" href="javascript: void(0);">参考文件</a>
                </li>
            </ul>
        </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) %>');
    const canDelete = <%- canDelete %>;
    const fileReferenceList = JSON.parse('<%- JSON.stringify(fileReferenceList) %>');
</script>