Calculation/app/view/sp_setting/data_range.ejs

<% include ./sub_menu.ejs %>
<div class="panel-content">
    <div class="panel-title">
        <div class="title-main">
            <h2>账号管理</h2>
        </div>
    </div>
    <div class="content-wrap">
        <div class="c-body">
            <div class="sjs-height-0">
                <nav class="nav nav-tabs m-3" role="tablist">
                    <a class="nav-item nav-link" href="/sp/<%- ctx.subProject.id %>/setting/user" aria-selected="false">账号列表</a>
                    <a class="nav-item nav-link" href="/sp/<%- ctx.subProject.id %>/setting/user/permission?ptype=datacollect" aria-selected="false">模块权限</a>
                    <a class="nav-item nav-link active" href="/sp/<%- ctx.subProject.id %>/setting/user/data-range?module=<%- moduleKey %>" aria-selected="true">数据范围</a>
                </nav>
                <div class="tab-content m-3">
                    <div class="tab-pane active">
                        <div class="row">
                            <div class="col-3">
                                <div class="list-group">
                                    <% for (const item of moduleList) { %>
                                    <a class="list-group-item list-group-item-action <%- item.key === moduleKey ? 'active' : '' %>"
                                       href="/sp/<%- ctx.subProject.id %>/setting/user/data-range?module=<%- item.key %>"><%- item.name %></a>
                                    <% } %>
                                </div>
                            </div>
                            <div class="col-9">
                                <div class="card">
                                    <div class="card-header"><%- moduleInfo.name %></div>
                                    <div class="card-body">
                                        <div class="form-group row mb-2">
                                            <label class="col-form-label col-auto pr-2">授权用户范围：</label>
                                            <div class="col pl-0">
                                                <div class="form-control text-left d-flex align-items-center" id="open-data-range-modal"
                                                     role="button" tabindex="0" aria-label="选择授权用户范围">
                                                    <span class="data-range-value-list d-flex flex-wrap align-items-center" id="data-range-value-list"></span>
                                                    <i class="fa fa-caret-down ml-auto"></i>
                                                </div>
                                                <small class="form-text text-muted">设置对目录【授权用户】是可选择的用户范围</small>
                                                <div class="mt-2 text-muted" id="data-range-summary"></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script>
    const dataRangeSpid = '<%- ctx.subProject.id %>';
    const dataRangeModuleKey = '<%- moduleKey %>';
    const dataRangeTree = JSON.parse(unescape('<%- escape(JSON.stringify(rangeTree)) %>'));
    const dataRangeUnassignedUsers = JSON.parse(unescape('<%- escape(JSON.stringify(unassignedUsers)) %>'));
    const dataRangeConfig = JSON.parse(unescape('<%- escape(JSON.stringify(rangeConfig)) %>'));
</script>