Calculation/app/view/sp_setting/user_modal.ejs

<div class="modal fade" id="sel-batch" 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-inline mb-2">
                    <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 class="modal-height-500-scroll">
                    <table class="table table-bordered">
                        <thead><tr class="text-center"><th width="15%"><input type="checkbox" id="sel-batch-all"></th><th width="30%">用户</th><th width="40%">职位</th></tr></thead>
                        <tbody id="sel-batch-users"></tbody>
                    </table>
                </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>