Calculation/app/view/file/file_modal.ejs

<% if (ctx.session.sessionUser.is_admin) { %>
<div class="modal" id="filing-permission">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">授权用户</h5>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-5">
                        <div class="d-flex justify-content-center bg-graye">
                            <div class="p-2 vertical-middle"><input class="mr-1" type="checkbox" id="filing-select-all">文档类别</div>
                        </div>
                        <div class="modal-height-400" id="permission-spread">
                        </div>
                    </div>
                    <div class="col-7">
                        <div class="d-flex flex-row bg-graye">
                            <div class="p-2">
                                <button class="btn btn-outline-primary btn-sm dropdown-toggle" type="button" id="dropdown-up" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                    添加用户
                                </button>
                                <div class="dropdown-menu" aria-labelledby="dropdown-up" style="width:220px">
                                    <dl class="list-unstyled book-list" id="puList">
                                    </dl>
                                </div>
                            </div>
                            <div class="p-2"><a href="javascript: void(0);" id="batch-del-filing" class="text-danger">批量删除</a></div>
                            <div class="p-2"><a href="javascript: void(0);" id="sync-filing">同步授权至其他类别</a></div>
                        </div>
                        <div class="modal-height-400 scroll-y">
                            <table class="table table-bordered">
                                <thead>
                                <tr><th class="vertical-middle"><input class="mr-1" type="checkbox" id="user-select-all">选择</th><th>用户名</th><th>授权时间</th><th>权限</th><th>操作</th></tr>
                                </thead>
                                <tbody id="filing-valid">
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-sm btn-primary" id="filing-permission-ok">确定</button>
            </div>
        </div>
    </div>
</div>
<% } %>
<% if (canUpload) { %>
<!--上传附件-->
<div class="modal fade" id="add-file" data-backdrop="static">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">上传附件</h5>
            </div>
            <div class="modal-body">
                <div class="form-group text-danger" style="display: none" id="upload-file-hint">
                </div>
                <div class="form-group">
                    <label for="formGroupExampleInput">单个文件大小限制：50MB，支持<span data-toggle="tooltip" data-placement="bottom" title="" data-original-title="doc,docx,xls,xlsx,ppt,pptx,pdf">office等文档格式</span>、<span data-toggle="tooltip" data-placement="bottom" title="" data-original-title="jpg,png,bmp">图片格式</span>、<span data-toggle="tooltip" data-placement="bottom" title="" data-original-title="rar,zip">压缩包格式</span></label>
                    <input type="file" class="" id="upload-file" multiple>
                </div>
            </div>
            <div class="modal-footer">
                <div class="custom-control custom-checkbox">
                    <input type="checkbox" class="custom-control-input" id="filter-same">
                    <label class="custom-control-label text-primary" for="filter-same">过滤同名附件</label>
                </div>
                <button type="button" class="btn btn-secondary btn-sm" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary btn-sm" id="add-file-ok">确认</button>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="add-big-file" data-backdrop="static">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">上传附件</h5>
            </div>
            <div class="modal-body">
                <div class="form-group text-danger" style="display: none" id="upload-big-file-hint">
                </div>
                <div class="form-group">
                    <label for="formGroupExampleInput">文件大小限制：500MB，支持<span data-toggle="tooltip" data-placement="bottom" title="" data-original-title="doc,docx,xls,xlsx,ppt,pptx,pdf">office等文档格式</span>、<span data-toggle="tooltip" data-placement="bottom" title="" data-original-title="jpg,png,bmp">图片格式</span>、<span data-toggle="tooltip" data-placement="bottom" title="" data-original-title="rar,zip">压缩包格式</span></label>
                    <input type="file" class="" id="upload-big-file">
                </div>
                <div class="form-group progress">
                    <div id="upload-big-file-progress" class="progress-bar" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100"></div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary btn-sm" id="add-big-file-stop" style="display: none">暂停</button>
                <button type="button" class="btn btn-primary btn-sm" id="add-big-file-resume" style="display: none">重新上传</button>
                <button type="button" class="btn btn-secondary btn-sm" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary btn-sm" id="add-big-file-ok">确认</button>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="batch-del-file" data-backdrop="static" style="display: none;" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">批量删除确认</h5>
            </div>
            <div class="modal-body">
                <p>确认删除当前文件类别？</p>
                <p>删除后，数据无法恢复，请谨慎操作。</p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-sm btn-danger" id="batch-del-file-ok">确定删除</button>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="rela-file" data-backdrop="static" style="display: none;" aria-hidden="true">
    <div class="modal-dialog modal-lgx" role="document">
        <div class="modal-content">
            <div class="modal-header d-flex justify-content-between align-items-center">
                <h5 class="modal-title">引用文件</h5>
                <div id="rela-filing-hint">当前目录：项目管理文件/第一合同段/计量台账（自己新增的节点）</div>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-4">
                        <div class="d-flex justify-content-center bg-graye">
                            <div class="p-2">标段列表</div>
                        </div>
                        <div class="modal-height-400 scroll-y">
                            <ul id="rela-tender" class="ztree"></ul>
                        </div>
                    </div>
                    <div class="col-8">
                        <div class="d-flex justify-content-between align-items-center">
                            <div>
                                <div class="d-flex flex-row">
                                    <select class="form-control form-control-sm mr-2" id="tf-type" style="width: 100px">
                                    </select>
                                    <select class="form-control form-control-sm mr-2" id="tf-sub-type" style="width: 120px">
                                    </select>
                                    <select class="form-control form-control-sm" id="tf-stage" style="width: 80px">
                                    </select>
                                </div>
                            </div>
                            <div id="cur-tender-hint">当前标段，已选14个文件</div>
                        </div>
                        <div class="modal-height-400 mt-3 scroll-y">
                            <table class="table table-bordered">
                                <thead>
                                <tr><th>选择</th><th>文件名称</th><th>文件分类</th></tr>
                                </thead>
                                <tbody id="rf-files">
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer d-flex justify-content-between align-items-center">
                <div id="rela-file-hint">已选1个标段，共14个文件</div>
                <div>
                    <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">取消</button>
                    <button type="button" class="btn btn-sm btn-primary" id="rela-file-ok">确定</button>
                </div>
            </div>
        </div>
    </div>
</div>
<% } %>
<% if (canFiling) { %>
<div class="modal fade" id="del-filing" data-backdrop="static" style="display: none;" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">删除确认</h5>
            </div>
            <div class="modal-body">
                <p>如存在子类别，数据文件会一并删除，删除后，数据无法恢复，请谨慎操作。</p>
                <h6>确认删除当前文件类别？</h6>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-sm btn-danger" id="del-filing-ok">确定删除</button>
            </div>
        </div>
    </div>
</div>
<% } %>
<div class="modal fade" id="move-file2" data-backdrop="static">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">选择分类</h5>
            </div>
            <div class="modal-body">
                <div class="btn-group">
                    <button type="button" class="btn btn-sm  text-primary dropdown-toggle" data-toggle="dropdown" id="mf2-zhankai" aria-expanded="false">显示层级</button>
                    <div class="dropdown-menu" aria-labelledby="mf2-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="mf2-showLevel" tag="1" href="javascript: void(0);">第一层</a>
                        <a class="dropdown-item" name="mf2-showLevel" tag="2" href="javascript: void(0);">第二层</a>
                        <a class="dropdown-item" name="mf2-showLevel" tag="3" href="javascript: void(0);">第三层</a>
                        <a class="dropdown-item" name="mf2-showLevel" tag="4" href="javascript: void(0);">第四层</a>
                        <a class="dropdown-item" name="mf2-showLevel" tag="last" href="javascript: void(0);">最底层</a>
                    </div>
                </div>
                <div class="modal-height-300">
                    <ul id="moveFile" class="ztree"></ul>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary btn-sm" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary btn-sm" id="move-file2-ok">确定添加</button>
            </div>
        </div>
    </div>
</div>