Calculation/app/view/sp_setting/user_modal.ejs

<div class="modal fade" id="sel-batch" data-backdrop="static">
    <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="d-flex justify-content-between mb-2">
                    <div class="col">
                        <div class="form-inline">
                            <label for="inputPassword2" class="">单位：</label>
                            <select class="form-control form-control-sm" style="width:300px" id="sel-batch-unit">
                                <% for (const g of accountGroup) { %>
                                <option value="<%- g.name %>"><%- g.name %></option>
                                <% } %>
                            </select>
                        </div>
                    </div>
                    <div class="col-5">
                        <div class="input-group input-group-sm">
                            <input type="text" class="form-control" placeholder="姓名/职位 搜索" aria-label="姓名/职位 搜索" id="sb-keyword" aria-describedby="sb-search">
                            <div class="input-group-append">
                                <button class="btn btn-outline-primary" type="button" id="sb-search"><i class="fa fa-search"></i></button>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-height-500 scroll-y">
                    <table class="table table-bordered">
                        <thead><tr class="text-center"><th width="15%"><input type="checkbox" id="sel-batch-all"></th><th width="20%">用户</th><th width="30%">职位</th><th>单位</th></tr></thead>
                        <tbody id="sel-batch-users"></tbody>
                    </table>
                </div>
                <div class="mt-3">
                    <label class="form-text alert alert-danger">整行灰底显示的账号，请选择左上角的“单位”与之一致，即可勾选。</label>
                </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-sm btn-primary" id="sel-batch-ok">确定</button>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="permission" data-backdrop="static" style="display: none;" aria-hidden="true">
    <div class="modal-dialog modal-xl" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">编辑权限</h5>
            </div>
            <div class="modal-body" style="max-height: 800px;overflow: auto;">
                <% for (const pb of permissionBlock) { %>
                <div class="card mb-2">
                    <h6 class="card-header">
                        <%- pb.name %>
                        <% if (pb.hint) { %>
                        <div class="btn-group">
                            <a href="javascript:void(0);" data-toggle="dropdown" title="权限说明" aria-expanded="false"><i class="fa fa-question-circle"></i></a>
                            <div class="dropdown-menu bg-dark" style="will-change: transform;">
                                <% for (const i of pb.hint) { %>
                                <div class="dropdown-item text-light bg-dark"><%- i %></div>
                                <% } %>
                            </div>
                        </div>
                        <% } %>
                    </h6>
                    <div class="card-body permission-parent">
                        <% if (pb.children) { %>
                        <% for (const [i, c] of pb.children.entries()) { %>
                        <% if (i !== 0) { %><hr/><% } %>
                        <div class="d-flex">
                            <div class="vertical-align ml-3" style="width:100px"><%- c.name %></div>
                            <div class="container ml-0">
                                <div class="row">
                                    <% for (const cp of c.permission) { %>
                                    <div class="col-md-3">
                                        <div class="form-check">
                                            <input class="form-check-input" type="checkbox" name="permission-check" id="icb-<%- c.key %>-<%- cp.value %>" ptype="<%- c.key %>" pvalue="<%- cp.value %>">
                                            <label class="form-check-label" for="icb-<%- c.key %>-<%- cp.value %>"><%- cp.title %></label>
                                        </div>
                                    </div>
                                    <% } %>
                                </div>
                            </div>
                        </div>
                        <% } %>
                        <% } else { %>
                        <div class="d-flex">
                            <div class="vertical-align ml-3" style="width:100px"><%- pb.name %></div>
                            <div class="container ml-0">
                                <div class="row">
                                    <% for (const p of pb.permission) { %>
                                    <div class="col-md-3">
                                        <div class="form-check">
                                            <input class="form-check-input" type="checkbox" name="permission-check" id="icb-<%- pb.key %>-<%- p.value %>" ptype="<%- pb.key %>" pvalue="<%- p.value %>">
                                            <label class="form-check-label" for="icb-<%- pb.key %>-<%- p.value %>"><%- p.title %></label>
                                        </div>
                                    </div>
                                    <% } %>
                                </div>
                            </div>
                        </div>
                        <% } %>
                    </div>
                </div>
                <% } %>
            </div>
            <div class="modal-footer">
                <input type="hidden" id="permission-uid">
                <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-sm btn-primary" id="permission-ok">提交修改</button>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="copy-permission" data-backdorp="static" style="display: none" aria-hidden="true">
    <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="modal-height-500 scroll-y">
                    <table class="table table-bordered">
                        <thead><tr class="text-center"><th width="15%"><input type="checkbox" id="copy-batch-all"></th><th width="20%">用户</th><th width="30%">职位</th><th>单位</th></tr></thead>
                        <tbody id="copy-batch-users">
                        </tbody>
                    </table>
                </div>
            </div>
            <div class="modal-footer">
                <input type="hidden" id="source-permission">
                <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-sm btn-sm btn-primary" id="copy-batch-ok">确定</button>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="copy-user-batch" data-backdorp="static" style="display: none" aria-hidden="true">
    <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="modal-height-500 scroll-y">
                            <table class="table table-bordered">
                                <tr class="text-center"><th width="15%"><input type="checkbox" id="cub-sp-all"></th><th>项目名称</th></tr>
                                <% for (const sp of subProjects) { %>
                                <% if (sp.id === ctx.subProject.id) continue; %>
                                <tr><td class="text-center"><input type="checkbox" name="cub-sp-check" spid="<%- sp.id %>"></td><td><%- sp.name %></td></tr>
                                <% } %>
                            </table>
                        </div>
                    </div>
                    <div class="col">
                        <div class="modal-height-500 scroll-y">
                            <table class="table table-bordered scroll-y">
                                <tr class="text-center"><th width="15%"><input type="checkbox" id="cub-user-all"></th><th width="20%">用户</th><th width="30%">职位</th><th>单位</th></tr>
                                <% for (const u of subProjectAllAccountList) { %>
                                <tr><td class="text-center"><input type="checkbox" name="cub-user-check" uid="<%- u.id %>"></td><td><%- u.name %></td><td><%- u.role %></td><td><%- u.company %></td></tr>
                                <% } %>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <input type="hidden" id="source-permission">
                <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-sm btn-sm btn-primary" id="copy-user-batch-ok">确定</button>
            </div>
        </div>
    </div>
</div>