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-4">
                        <div class="d-flex justify-content-center bg-graye">
                            <div class="p-2">文档类别</div>
                        </div>
                        <div class="modal-height-400">
                            <div class="category">
                                <ul>
                                    <% for (const ft of filingTypes) { %>
                                    <li>
                                        <div class="form-check">
                                            <input class="form-check-input" name="cbft" type="checkbox" value="<%- ft.value %>" id="ftCheck<%- ft.value %>">
                                            <label class="form-check-label" for="ftCheck<%- ft.value %>"></label>
                                            <span name="ftName" ftid="<%- ft.value %>"><%- ft.name %></span>
                                        </div>
                                    </li>
                                    <% } %>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-8">
                        <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">
                            <table class="table table-bordered">
                                <thead>
                                <tr><th>选择</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">
                    <label for="formGroupExampleInput">单个文件大小限制：30MB，支持<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">
                <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="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">
                            <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>
<% } %>