123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816 |
- const serverIP = '10.28.20.150';
- const serverPort = '8080';
- let page = 21;
- let pageSize = 30;
- let licenseTotal = 0;
- let loadedItems = 0;
- let isLoading = false;
- const timeoutDuration = 10000;
- const preLoadDistance = 300;
- const authToken = localStorage.getItem("Authorization");
- let currentUserInfo ;
- let currentUserPermissions;
- const license_info_mainElement = document.querySelector('main');
- const license_info_modal = document.getElementById('license-info-modal');
- const license_info_modalContent = document.querySelector('.license-info-modal-content');
- const license_info_modalDescription = document.getElementById('license-info-modal-description');
- const license_info_modalPrice = document.getElementById('license-info-modal-price');
- const license_info_modalRating = document.getElementById('license-info-modal-rating');
- const license_info_closeModal = document.querySelector('.license-info-close');
- const license_info_loadingIndicator = document.getElementById('loading-indicator');
- let LicApplicationData = [];
- function openModal(modalId) {
- const modal = document.getElementById(modalId);
- if (modal) {
- modal.style.display = "block";
- } else {
- console.error('模态框不存在,ID:', modalId);
- }
- }
- function closeModal(modalId) {
- const modal = document.getElementById(modalId);
- if (modal) {
- modal.style.display = "none";
- } else {
- console.error('模态框不存在,ID:', modalId);
- }
- }
- function setupUserInfoModal(currentUserInfo) {
- console.log("currentUserInfo,", currentUserInfo);
-
- const loginButton = document.querySelector('.login-button');
- const loginModal = document.getElementById('loginModal');
- const loginModalClose = document.querySelector('.login-modal-close');
- const userInfoContainer = document.getElementById('userInfoContainer');
-
- loginButton.textContent = currentUserInfo.Username;
-
- loginButton.addEventListener('click', () => {
- userInfoContainer.innerHTML = `
- <p><strong>用户名:</strong> ${currentUserInfo.Username}</p>
- <p><strong>邮箱:</strong> ${currentUserInfo.Email}</p>
- <p><strong>电话:</strong> ${currentUserInfo.Telephone}</p>
- <p><strong>账号:</strong> ${currentUserInfo.Account}</p>
- <p><strong>角色:</strong> ${currentUserInfo.Role}</p>
- <button class="logout-button">退出登录</button> <!-- 退出登录按钮 -->
- `;
- loginModal.style.display = 'flex';
-
- const logoutButton = document.querySelector('.logout-button');
- logoutButton.addEventListener('click', logout);
- });
-
- loginModalClose.addEventListener('click', () => {
- loginModal.style.display = 'none';
- });
-
- window.addEventListener('click', (event) => {
- if (event.target === loginModal) {
- loginModal.style.display = 'none';
- }
- });
- }
- function logout() {
- localStorage.removeItem('Authorization');
- window.location.href = '/';
- }
- function checkPermissionsAndShowButton() {
- console.log("checkPermissionsAndShowButton ", currentUserPermissions);
- if (currentUserPermissions.includes('capture_license_once_to_db')) {
- const captureLicenseBtn = document.getElementById('capture-license-btn');
- captureLicenseBtn.style.display = 'block';
-
- captureLicenseBtn.addEventListener('click', CaptureLicenseOncefunc);
- }
- }
- function CaptureLicenseOncefunc() {
-
- const loadingModal = document.createElement('div');
- loadingModal.classList.add('modal-content', 'apple-modal-content');
- loadingModal.innerHTML = `
- <h3>正在获取 License 信息...</h3>
- <div class="progress-bar" style="width: 100%; height: 20px; background-color: #e0e0e0;">
- <div class="progress" style="width: 50%; height: 100%; background-color: #007aff;"></div>
- </div>
- `;
- document.body.appendChild(loadingModal);
-
- const timeoutPromise = new Promise((_, reject) => {
- setTimeout(() => {
- reject(new Error('获取超时'));
- }, 10000);
- });
- showLoadingModal("正在主动获取 OA库 元信息...")
-
- const fetchPromise = fetch(`http://${serverIP}:${serverPort}/api/admin/GetCaptureLicenseOnce`, {
- method: 'GET',
- headers: {
- 'Authorization': `Bearer ${authToken}`,
- 'Content-Type': 'application/json'
- }
- }).then(response => response.json());
-
- Promise.race([fetchPromise, timeoutPromise])
- .then(data => {
-
- document.body.removeChild(loadingModal);
- hideLoadingModal();
-
- if (data.success) {
- alert('License 获取成功!');
- } else {
- alert('获取失败:' + data.error);
- }
- })
- .catch(error => {
-
- document.body.removeChild(loadingModal);
- hideLoadingModal();
-
- alert(error.message);
- });
- }
- const menuItems = document.querySelectorAll('nav ul li a');
- menuItems.forEach(item => {
- item.addEventListener('click', function() {
-
- menuItems.forEach(i => i.classList.remove('active'));
-
-
- this.classList.add('active');
- });
- });
- const userManagementLink = document.getElementById('user-management-link');
- const licenseInfoLink = document.getElementById('license-info-link');
- const roleManagementLink = document.getElementById('role-management-link');
- function updateMenuVisibility() {
- console.log("updateMenuVisibility: ",currentUserPermissions);
- if (currentUserPermissions) {
- userManagementLink.style.display = currentUserPermissions.includes('read_user') ? 'block' : 'none';
- roleManagementLink.style.display = currentUserPermissions.includes('get_role') ? 'block' : 'none';
- licenseInfoLink.style.display = (currentUserPermissions.includes('read_license') || currentUserPermissions.includes('read_all_license')) ? 'block' : 'none';
- }
-
- checkPermissionsAndShowButton();
- }
- userManagementLink.addEventListener('click', function(event) {
- event.preventDefault();
- removeScrollListeners();
-
- fetch('../user/user_management.html')
- .then(response => response.text())
- .then(data => {
-
- license_info_mainElement.innerHTML = data;
-
- const script = document.createElement('script');
- script.src = '../user/user.js';
- document.body.appendChild(script);
-
- })
- .catch(error => console.error('加载用户管理页面失败:', error));
- });
- licenseInfoLink.addEventListener('click', function(event) {
- event.preventDefault();
-
- const container = document.createElement('div');
-
- const licenseInfoHtml = `
- <!-- 包裹搜索框、下拉框、时间选择框和确定按钮的 div -->
- <div class="search-container">
- <!-- License 状态下拉框 -->
- <select id="license-status-filter" aria-label="选择 License 状态">
- <option value="">License 状态</option>
- <option value="已生成">已生成</option>
- <option value="未生成">未生成</option>
- <option value="已失效">已失效</option>
- </select>
-
- <!-- 开始时间选择框,类型改为 date -->
- <input type="date" id="start-date" placeholder="开始时间" />
-
- <!-- 结束时间选择框,类型改为 date -->
- <input type="date" id="end-date" placeholder="结束时间" />
-
- <!-- 搜索框 -->
- <input type="text" id="search-bar" style="display: none;" placeholder="搜索..." />
-
- <!-- 确定按钮 -->
- <button id="submit-button">确定</button>
- <button id="reset-button">返回</button>
- </div>
- <div class="license-info-container" id="license-info-restaurant-list"> </div>
- `;
-
-
-
-
-
-
-
-
- license_info_mainElement.innerHTML = licenseInfoHtml;
- searchBar = document.getElementById('search-bar');
- statusFilter = document.getElementById('license-status-filter');
- startDate = document.getElementById('start-date');
- endDate = document.getElementById('end-date');
- submitButton = document.getElementById('submit-button');
- licenseInfoContainer = document.getElementById('license-info-restaurant-list');
-
- LicApplicationData = [];
- initializeScrollListeners();
-
- (async function() {
- const data = await fetchLicenseData(1, 10);
- if (data.length > 0) {
- console.log('加载的数据:', data);
- renderLicenseCards(data, true);
-
- } else {
- console.error('未加载到数据');
- }
- })();
-
-
- location.reload();
- });
- roleManagementLink.addEventListener('click', function(event) {
- event.preventDefault();
- removeScrollListeners();
-
- fetch('../role/role.html')
- .then(response => response.text())
- .then(data => {
-
- license_info_mainElement.innerHTML = data;
-
- const script = document.createElement('script');
- script.src = '../role/role.js';
- document.body.appendChild(script);
-
- })
- .catch(error => console.error('加载用户管理页面失败:', error));
- });
- async function fetchLicenseData(page, pageSize) {
- try {
- const response = await fetch(`http://${serverIP}:${serverPort}/api/admin/GetAllLicenseInfo?page=${page}&pageSize=${pageSize}`, {
- method: 'GET',
- headers: {
- 'Authorization': `Bearer ${authToken}`,
- 'Content-Type': 'application/json'
- }
- });
-
- const result = await response.json();
-
-
- if (licenseTotal === 0 && result.total) {
- licenseTotal = result.total;
- }
-
- console.log("result total ",licenseTotal,result.total);
-
- LicApplicationData = LicApplicationData.concat(result.data || []);
- console.log("LicApplicationData: ",LicApplicationData,licenseTotal,result);
- return result.data || [];
- } catch (error) {
- console.error("加载数据失败", error);
- return [];
- }
- }
- function renderLicenseCards(data, clearContainer = false) {
- console.log("-----------渲染次数");
-
- const license_info_container = document.getElementById('license-info-restaurant-list');
-
- if (clearContainer) {
- license_info_container.innerHTML = '';
- isLoading = false;
- loadedItems = 0;
- page = 21;
- pageSize = 30;
- console.log("-----------渲染清除");
- }
- console.log("-----------data:",data);
-
- data.forEach(group => {
- const firstItem = group[0];
-
- const childRowCount = group.length;
- let statusClass = '';
- if (firstItem.LicenseFlage === '已生成') {
- statusClass = 'license-status-green';
- } else if (firstItem.LicenseFlage === '未生成') {
- statusClass = 'license-status-yellow';
- } else if (firstItem.LicenseFlage === '已失效') {
- statusClass = 'license-status-red';
- }
-
- let creatorUser = firstItem.Creator;
- if (creatorUser.includes('-')) {
- let firstDashIndex = creatorUser.indexOf('-');
- let secondDashIndex = creatorUser.indexOf('-', firstDashIndex + 1);
- creatorUser = creatorUser.substring(firstDashIndex + 1, secondDashIndex);
- }
- const card = document.createElement('div');
- card.className = 'license-info-card';
-
- card.setAttribute('data-oa-request-id', firstItem.oa_request_id);
-
-
- card.innerHTML = `
- <div class="license-info-card-header">
- <h3 class="card-title">${firstItem.GlxmName}</h3>
- </div>
- <div class="license-info-card-content">
- <p class="card-text date-time">${firstItem.ApplicationDate} ${firstItem.ApplicationTime}</p> <!-- 显示日期和时间 -->
- <p class="card-text">创建者:${creatorUser}</p>
- <p class="card-text">公司:${firstItem.Company}</p>
- <p class="card-text">集群:${childRowCount} 套 共计:${firstItem.TotalNodes} 节点</p>
- <p class="card-text license-status ${statusClass}">许可证状态:${firstItem.LicenseFlage}</p>
-
- </div>
- `;
-
-
- card.addEventListener('click', () => {
-
- const oaRequestId = card.getAttribute('data-oa-request-id');
- showModalForCard(group, oaRequestId);
-
- });
-
-
- license_info_container.appendChild(card);
- });
-
- }
- async function loadMoreData() {
- if (isLoading) return;
- isLoading = true;
- console.log('开始加载更多数据');
-
-
-
-
-
- const timeout = setTimeout(() => {
- license_info_loadingIndicator.innerText = '加载超时,请重试';
- isLoading = false;
- license_info_loadingIndicator.style.display = 'none';
- }, timeoutDuration);
-
- const data = await fetchLicenseData(page, pageSize);
- console.log(`加载的新数据 data`,data);
-
- clearTimeout(timeout);
- if (data.length > 0) {
-
-
- page += 10;
- pageSize += 10;
-
- loadedItems += data.length;
-
- renderLicenseCards(data);
- console.log('数据加载完成,更新页面');
- }
-
-
- isLoading = false;
-
-
- checkAndLoadMore();
- }
- function initializeScrollListeners() {
-
- license_info_mainElement.addEventListener('scroll', handleMainScroll);
-
- }
- function removeScrollListeners() {
-
- license_info_mainElement.removeEventListener('scroll', handleMainScroll);
- }
- function restartScrollListeners() {
-
- initializeScrollListeners();
- }
- function handleMainScroll() {
-
- checkAndLoadMore(license_info_mainElement.scrollHeight, license_info_mainElement.scrollTop, license_info_mainElement.clientHeight);
- }
- async function checkAndLoadMore(scrollHeight, scrollTop, clientHeight) {
- if (isLoading || loadedItems >= licenseTotal) return;
-
- if (scrollTop + clientHeight >= scrollHeight - preLoadDistance) {
- console.log(`触发加载更多数据:page=${page}, pageSize=${pageSize}`);
- await loadMoreData();
- }
- }
- (async function() {
- const data = await fetchLicenseData(1, 20);
- if (data.length > 0) {
- renderLicenseCards(data);
- loadedItems += data.length;
- }
-
-
-
- checkAndLoadMore()
- })();
- initializeScrollListeners()
- async function fetchUsername() {
- try {
- const response = await fetch(`http://${serverIP}:${serverPort}/api/admin/userInfo`, {
- method: 'GET',
- headers: {
- 'Authorization': `Bearer ${authToken}`,
- 'Content-Type': 'application/json'
- }
- });
-
- const data = await response.json();
- currentUserRole = data.data.Role;
- currentUserName = data.data.Username;
-
-
- await fetchPermissionsByRole(currentUserRole);
- console.log('当前用户角色:', data);
- currentUserInfo = data.data;
-
- setupUserInfoModal(currentUserInfo);
- updateMenuVisibility();
- return data.data;
-
- } catch (error) {
- console.error('Error fetching user info or permissions:', error);
- }
- }
- fetchUsername();
- async function fetchPermissionsByRole(role) {
- try {
- const response = await fetch(`http://${serverIP}:${serverPort}/api/admin/GetSelfRoles`, {
- method: 'POST',
- headers: {
- 'Authorization': `Bearer ${authToken}`,
- 'Content-Type': 'application/json'
- },
- body: JSON.stringify({ name: role })
- });
- const data = await response.json();
- currentUserPermissions = data.data.Permissions;
- console.log('currentUserPermissions:', currentUserPermissions);
-
- const hasReadLicensePermission = currentUserPermissions.includes("read_license");
- const hasReadLicenseAllPermission = currentUserPermissions.includes("read_all_license");
- const hasReadUserPermission = currentUserPermissions.includes("read_user");
- const hasReadRolePermission = currentUserPermissions.includes("get_role");
-
- if (!hasReadLicensePermission || !hasReadLicenseAllPermission) {
- if (hasReadRolePermission) {
- document.getElementById('role-management-link').click();
- }else if (hasReadUserPermission){
- document.getElementById('user-management-link').click();
- }
- }
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- } catch (error) {
- console.error('Error fetching permissions:', error);
- }
- }
- function createLoadingModal() {
- const modalHTML = `
- <div id="loadingModal" class="loading-modal" style="display: none;">
- <div class="loading-modal-content">
- <div class="spinner"></div>
- <p id="loadingMessage">加载中...</p>
- </div>
- </div>
- `;
- document.body.insertAdjacentHTML('beforeend', modalHTML);
- }
- function showLoadingModal(message = "加载中...") {
- const loadingModal = document.getElementById('loadingModal');
- const loadingMessage = document.getElementById('loadingMessage');
-
- if (loadingModal && loadingMessage) {
- loadingMessage.textContent = message;
- loadingModal.style.display = 'flex';
- }
- }
- function hideLoadingModal() {
- const loadingModal = document.getElementById('loadingModal');
-
- if (loadingModal) {
- loadingModal.style.display = 'none';
- }
- }
- document.addEventListener('DOMContentLoaded', createLoadingModal);
- let searchBar = document.getElementById('search-bar');
- let statusFilter = document.getElementById('license-status-filter');
- let startDate = document.getElementById('start-date');
- let endDate = document.getElementById('end-date');
- let submitButton = document.getElementById('submit-button');
- let licenseInfoContainer = document.getElementById('license-info-restaurant-list');
- function filterContent() {
- console.log('过滤功能触发');
-
-
- console.log('statusFilter.valuesdaad撒大啊', statusFilter.value,startDate.value ,endDate.value,searchBar.value );
-
- if (!statusFilter.value && !startDate.value && !endDate.value && !searchBar.value) {
- console.log("所有过滤条件为空,不发送请求");
- return;
- }
-
- const requestData = {
- license_flag: statusFilter.value || undefined,
- starting_date: startDate.value || undefined,
- end_date: endDate.value || undefined,
- any_search: searchBar.value || undefined,
- };
- console.log("requestData",requestData);
-
- fetch(`http://${serverIP}:${serverPort}/api/admin/GetConditionalSearch`, {
- method: 'POST',
- headers: {
- 'Authorization': `Bearer ${authToken}`,
- 'Content-Type': 'application/json',
- },
- body: JSON.stringify(requestData),
- })
- .then(response => response.json())
- .then(data => {
- console.log('成功获取数据:', data);
-
- displayLicenseInfo(data.data);
- })
- .catch(error => {
- console.error('获取数据时发生错误:', error);
- });
- }
- function displayLicenseInfo(data) {
-
- licenseInfoContainer.innerHTML = '';
- LicApplicationData =[];
-
-
- renderLicenseCards(data, true);
-
- }
- submitButton.addEventListener('click', function() {
- console.log('确定按钮点击事件触发');
-
- if (!statusFilter.value && !startDate.value && !endDate.value) {
-
- location.reload();
- } else {
-
- filterContent();
-
- removeScrollListeners();
- }
- });
- const resetButton = document.getElementById('reset-button');
- resetButton.addEventListener('click', function() {
-
- location.reload();
- });
- searchBar.addEventListener('input', function() {
- if (!searchBar.value && !statusFilter.value && !startDate.value && !endDate.value) {
- console.log("搜索条件清空,重新启动滚动监听");
- restartScrollListeners();
- }
- });
|