123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359 |
- document.addEventListener('DOMContentLoaded', function() {
- fetchRoles();
-
- document.getElementById('createRoleButton').addEventListener('click', function() {
- createRole();
- });
- });
- fetchRoles()
- function fetchRoles() {
- fetch('http://127.0.0.1:8080/api/admin/GetRoles', {
- method: 'POST',
- headers: {
- 'Authorization': `Bearer ${authToken}`,
- 'Content-Type': 'application/json'
- },
- body: JSON.stringify({ Name: " " })
- })
- .then(response => response.json())
- .then(data => {
- const roleContainer = document.getElementById('roles-container');
- roleContainer.innerHTML = '';
- const permissionMap = {
- 'generate_license': '生成许可证',
- 'upload_license': '上传许可证(废弃)',
- 'read_license': '读取许可证',
- 'read_license_record': '读取许可证分发记录',
- 'update_license': '修改许可证(废弃)',
- 'delete_license': '删除许可证(废弃)',
- 'dispat_license': '分发许可证',
- 'create_user': '创建用户',
- 'read_user': '读取用户',
- 'update_user': '更新用户',
- 'delete_user': '删除用户',
- 'create_role': '创建角色',
- 'delete_role': '删除角色',
- 'update_role': '更新角色',
- 'get_role': '获取角色'
- };
-
- const hasCreateRolePermission = currentUserPermissions.includes('create_role');
-
- if (hasCreateRolePermission) {
- document.getElementById('createRoleButton').style.display = 'block';
- } else {
- document.getElementById('createRoleButton').style.display = 'none';
- }
-
- const topRoles = ['admin', 'guest', 'supportRole'];
- topRoles.forEach(role => {
- if (data.data[role]) {
- renderRole(roleContainer, data.data[role], permissionMap, true);
- }
- });
- Object.keys(data.data).forEach(role => {
- if (!topRoles.includes(role)) {
- renderRole(roleContainer, data.data[role], permissionMap, false);
- }
- });
- })
- .catch(error => {
- console.error('获取角色数据失败:', error);
- });
- }
- function renderRole(container, roleInfo, permissionMap, isTopRole) {
- const roleDiv = document.createElement('div');
- roleDiv.className = 'role-item';
- if (isTopRole) {
- roleDiv.classList.add('top-role');
- }
- let permissions = roleInfo.Permissions.map(permission => permissionMap[permission] || permission);
- let permissionsHtml = permissions.join(',');
- roleDiv.innerHTML = `
- <h3>${roleInfo.Name}</h3>
- <p>${permissionsHtml}</p>
- `;
- container.appendChild(roleDiv);
-
- roleDiv.addEventListener('click', function(event) {
- event.stopPropagation();
- event.preventDefault();
- showRoleActionMenu(event, roleInfo.Name);
- });
- roleDiv.addEventListener('contextmenu', function(event) {
- event.preventDefault();
- showRoleActionMenu(event, roleInfo.Name);
- });
- }
- function showRoleActionMenu(event, roleName) {
-
- const existingMenu = document.getElementById('role-action-menu');
- if (existingMenu) {
- existingMenu.remove();
- }
- const menu = document.createElement('div');
- menu.id = 'role-action-menu';
- menu.className = 'role-action-menu';
- menu.style.top = `${event.clientY}px`;
- menu.style.left = `${event.clientX}px`;
- const topRoles = ['admin', 'guest', 'supportRole'];
- if (topRoles.includes(roleName)) {
-
- const disabledButton = document.createElement('button');
- disabledButton.textContent = '不可操作';
- disabledButton.className = 'role-info-button-disabled';
- menu.appendChild(disabledButton);
- } else {
-
- const hasUpdateRolePermission = currentUserPermissions.includes('update_role');
- const hasDeleteRolePermission = currentUserPermissions.includes('delete_role');
-
- if (hasUpdateRolePermission) {
- const modifyButton = document.createElement('button');
- modifyButton.textContent = '修改角色';
- modifyButton.className = 'role-info-button';
- modifyButton.addEventListener('click', function () {
- modifyRole(roleName);
- menu.remove();
- });
- menu.appendChild(modifyButton);
- }
-
- if (hasDeleteRolePermission) {
- const deleteButton = document.createElement('button');
- deleteButton.textContent = '删除角色';
- deleteButton.className = 'role-info-button role-info-button-delete';
- deleteButton.addEventListener('click', function () {
- deleteRole(roleName);
- menu.remove();
- });
- menu.appendChild(deleteButton);
- }
-
- if (!hasUpdateRolePermission && !hasDeleteRolePermission) {
- const noOption = document.createElement('div');
- noOption.textContent = '没有可用的操作';
- noOption.style.textAlign = 'center';
- noOption.style.color = '#999';
- menu.appendChild(noOption);
- }
- }
- document.body.appendChild(menu);
-
- document.addEventListener('click', function closeMenu(event) {
- if (!menu.contains(event.target)) {
- menu.remove();
- document.removeEventListener('click', closeMenu);
- }
- });
- }
- function modifyRole(roleName) {
- console.log(`modifyRole called with roleName: ${roleName}`);
-
- fetchRoleInfo(roleName, function(roleInfo) {
- console.log(`fetchRoleInfo returned:`, roleInfo);
- if (!roleInfo) {
- console.error('Role info is undefined or null');
- return;
- }
- const extraInfoContent = document.getElementById('extraInfoContent');
- if (!extraInfoContent) {
- console.error('Element with id "extraInfoContent" not found');
- return;
- }
- extraInfoContent.innerHTML = `
- <h3>修改角色: ${roleInfo.Name}</h3>
- <label for="roleName">角色名称:</label>
- <input type="text" id="roleName" value="${roleInfo.Name}" required><br><br>
- <label for="permissions">权限:</label><br>
- <div id="permissions">
- <div>
- <input type="checkbox" id="license" name="permissions" value="license" onchange="toggleSubPermissions('license', this)">
- <label for="license">许可证</label>
- <div id="licenseSubPermissions" style="margin-left: 20px;">
- <input type="checkbox" id="generate_license" name="permissions" value="generate_license">
- <label for="generate_license">生成许可证</label><br>
- <input type="checkbox" id="upload_license" name="permissions" value="upload_license">
- <label for="upload_license">上传许可证</label><br>
- <input type="checkbox" id="read_license" name="permissions" value="read_license">
- <label for="read_license">读取许可证</label><br>
- <input type="checkbox" id="update_license" name="permissions" value="update_license">
- <label for="update_license">更新许可证</label><br>
- <input type="checkbox" id="delete_license" name="permissions" value="delete_license">
- <label for="delete_license">删除许可证</label><br>
- </div>
- </div>
- <div>
- <input type="checkbox" id="user" name="permissions" value="user" onchange="toggleSubPermissions('user', this)">
- <label for="user">用户</label>
- <div id="userSubPermissions" style="margin-left: 20px;">
- <input type="checkbox" id="create_user" name="permissions" value="create_user">
- <label for="create_user">创建用户</label><br>
- <input type="checkbox" id="read_user" name="permissions" value="read_user">
- <label for="read_user">读取用户</label><br>
- <input type="checkbox" id="update_user" name="permissions" value="update_user">
- <label for="update_user">更新用户</label><br>
- <input type="checkbox" id="delete_user" name="permissions" value="delete_user">
- <label for="delete_user">删除用户</label><br>
- </div>
- </div>
- <div>
- <input type="checkbox" id="role" name="permissions" value="role" onchange="toggleSubPermissions('role', this)">
- <label for="role">角色</label>
- <div id="roleSubPermissions" style="margin-left: 20px;">
- <input type="checkbox" id="create_role" name="permissions" value="create_role">
- <label for="create_role">创建角色</label><br>
- <input type="checkbox" id="delete_role" name="permissions" value="delete_role">
- <label for="delete_role">删除角色</label><br>
- <input type="checkbox" id="update_role" name="permissions" value="update_role">
- <label for="update_role">更新角色</label><br>
- <input type="checkbox" id="get_role" name="permissions" value="get_role">
- <label for="get_role">获取角色</label><br>
- </div>
- </div>
- </div><br><br>
- <button onclick="saveRoleChanges('${roleInfo.Id}')">保存</button>
- `;
- console.log('Form content added to extraInfoContent');
- const checkboxes = document.querySelectorAll('#permissions input[type="checkbox"]');
- checkboxes.forEach(checkbox => {
- if (roleInfo.Permissions.includes(checkbox.value)) {
- checkbox.checked = true;
- }
- });
- const extraInfoModal = document.getElementById('extraInfoModal');
- if (!extraInfoModal) {
- console.error('Element with id "extraInfoModal" not found');
- return;
- }
- extraInfoModal.style.display = 'block';
- console.log('Modal should be visible now');
- });
- }
- function deleteRole(roleName) {
- if (confirm(`确定要删除角色:${roleName} 吗?`)) {
- fetch('http://127.0.0.1:8080/api/admin/DeleteRole', {
- method: 'POST',
- headers: {
- 'Authorization': `Bearer ${authToken}`,
- 'Content-Type': 'application/json'
- },
- body: JSON.stringify({ Name: roleName })
- })
- .then(response => response.json())
- .then(data => {
- if (data.code === 200) {
- alert('角色删除成功');
- fetchRoles();
- } else {
- alert(`删除失败:${data.message}`);
- }
- })
- .catch(error => {
- console.error('删除角色出错:', error);
- });
- }
- }
- function showCreateRoleModal() {
- const extraInfoContent = document.getElementById('extraInfoContent');
- extraInfoContent.innerHTML = `
- <h3>创建新角色</h3>
- <label for="newRoleName">角色名称:</label>
- <input type="text" id="newRoleName" required><br><br>
- <label for="newPermissions">权限:</label><br>
- <div id="newPermissions">
- <div>
- <input type="checkbox" id="license" name="permissions" value="license" onchange="toggleSubPermissions('license', this)">
- <label for="license">许可证</label>
- <div id="licenseSubPermissions" style="margin-left: 20px;">
- <input type="checkbox" id="generate_license" name="permissions" value="generate_license">
- <label for="generate_license">生成许可证</label><br>
- <input type="checkbox" id="upload_license" name="permissions" value="upload_license">
- <label for="upload_license">上传许可证(废弃)</label><br>
- <input type="checkbox" id="read_license" name="permissions" value="read_license">
- <label for="read_license">读取许可证</label><br>
- <input type="checkbox" id="update_license" name="permissions" value="update_license">
- <label for="update_license">更新许可证(废弃)</label><br>
- <input type="checkbox" id="delete_license" name="permissions" value="delete_license">
- <label for="delete_license">删除许可证(废弃)</label><br>
- </div>
- </div>
- <div>
- <input type="checkbox" id="user" name="permissions" value="user" onchange="toggleSubPermissions('user', this)">
- <label for="user">用户</label>
- <div id="userSubPermissions" style="margin-left: 20px;">
- <input type="checkbox" id="create_user" name="permissions" value="create_user">
- <label for="create_user">创建用户</label><br>
- <input type="checkbox" id="read_user" name="permissions" value="read_user">
- <label for="read_user">读取用户</label><br>
- <input type="checkbox" id="update_user" name="permissions" value="update_user">
- <label for="update_user">更新用户</label><br>
- <input type="checkbox" id="delete_user" name="permissions" value="delete_user">
- <label for="delete_user">删除用户</label><br>
- </div>
- </div>
- <div>
- <input type="checkbox" id="role" name="permissions" value="role" onchange="toggleSubPermissions('role', this)">
- <label for="role">角色</label>
- <div id="roleSubPermissions" style="margin-left: 20px;">
- <input type="checkbox" id="create_role" name="permissions" value="create_role">
- <label for="create_role">创建角色</label><br>
- <input type="checkbox" id="delete_role" name="permissions" value="delete_role">
- <label for="delete_role">删除角色</label><br>
- <input type="checkbox" id="update_role" name="permissions" value="update_role">
- <label for="update_role">更新角色</label><br>
- <input type="checkbox" id="get_role" name="permissions" value="get_role">
- <label for="get_role">获取角色</label><br>
- </div>
- </div>
- </div><br><br>
- <button onclick="createNewRole()">创建</button>
- `;
- document.getElementById('extraInfoModal').style.display = 'block';
- }
|