| |
| <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> |
|
|
