qa_annotate/html/user-management.html

<!-- 用户管理内容页独立页面 -->
<div id="userManagementContent">
    <div class="section-header">
        <h2 data-i18n="nav.userManagement">用户管理</h2>
        <button class="btn btn-primary" id="addUserBtn"><span data-i18n="user.addUser">添加用户</span></button>
    </div>
    <div class="section-content">
        <div class="table-container">
            <table class="data-table">
                <thead>
                    <tr>
                        <th data-i18n="common.id">ID</th>
                        <th data-i18n="user.username">用户名</th>
                        <th data-i18n="user.fullName">全名</th>
                        <th data-i18n="user.organization">单位</th>
                        <th data-i18n="user.team">团队</th>
                        <th data-i18n="user.species">物种</th>
                        <th data-i18n="common.status">状态</th>
                        <th data-i18n="user.role">权限</th>
                        <th data-i18n="common.createdAt">创建时间</th>
                        <th data-i18n="common.operation">操作</th>
                    </tr>
                </thead>
                <tbody id="usersTableBody">
                    <tr>
                        <td colspan="10" class="loading"><span data-i18n="common.loading">加载中...</span></td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div class="pagination-container" id="usersPaginationContainer" style="display: none;">
            <div class="pagination-info" id="usersPaginationInfo"></div>
            <div class="pagination-controls">
                <button class="btn btn-sm btn-secondary" id="usersPrevPage"><span data-i18n="pagination.previous">上一页</span></button>
                <span id="usersPageNumbers" style="display: flex; gap: 4px;"></span>
                <button class="btn btn-sm btn-secondary" id="usersNextPage"><span data-i18n="pagination.next">下一页</span></button>
                <select id="usersPageSize" class="form-control" data-i18n-title="pagination.itemsPerPage" style="width: auto; padding: 6px 12px; margin-left: 8px;">
                    <option value="10" data-i18n="pagination.tenPerPage">10条/页</option>
                    <option value="20" selected data-i18n="pagination.twentyPerPage">20条/页</option>
                    <option value="50" data-i18n="pagination.fiftyPerPage">50条/页</option>
                    <option value="100" data-i18n="pagination.hundredPerPage">100条/页</option>
                </select>
            </div>
        </div>
    </div>
</div>