管理

欢迎回来，管理员

12,847

总用户数

2,834

职位数量

567

企业数量

¥28.5

本月收入

用户增长趋势

过去7天数

新增用户

周一周二周三周四周五周六周日

快速操

最近订

最?0条订单记

查看全部

#ORD-2024-001

张三

¥99.00

已完

10:30

查看

#ORD-2024-002

李四

¥199.00

已完

10:25

查看

#ORD-2024-003

王五

¥299.00

处理

10:15

查看取消

#ORD-2024-004

赵六

¥999.00

待支

10:10

查看

职位名称所属企

工作地点薪资范围

职位描述

<button class="btn btn-secondary">取消</button>
        <button class="btn btn-primary">发布职位</button>
      </div>
    </div>
  </div>
  
  
  <script>
    // 侧边栏切?    const sidebar = document.getElementById('sidebar');
    const sidebarToggle = document.getElementById('sidebarToggle');
    const mobileSidebarToggle = document.getElementById('mobileSidebarToggle');
    
    if (sidebar && sidebarToggle) {
      sidebarToggle.addEventListener('click', () => {
        sidebar.classList.toggle('collapsed');
        const icon = sidebarToggle.querySelector('i');
        if (icon) {
          icon.className = sidebar.classList.contains('collapsed') ? 'fas fa-chevron-right' : 'fas fa-chevron-left';
        }
      });
      
      if (mobileSidebarToggle) {
        mobileSidebarToggle.addEventListener('click', () => {
          sidebar.classList.toggle('open');
        });
        
        // 点击外部关闭侧边栏（移动端）
        document.addEventListener('click', (e) => {
          if (!sidebar.contains(e.target) && !mobileSidebarToggle.contains(e.target)) {
            sidebar.classList.remove('open');
          }
        });
      }
    }
    
    // 深色模式切换
    const adminThemeToggle = document.getElementById('adminThemeToggle');
    if (adminThemeToggle) {
      const currentTheme = localStorage.getItem('theme') || 'light';
      
      document.documentElement.setAttribute('data-theme', currentTheme);
      updateAdminThemeIcon(currentTheme);
      
      adminThemeToggle.addEventListener('click', () => {
        const theme = document.documentElement.getAttribute('data-theme');
        const newTheme = theme === 'light' ? 'dark' : 'light';
        
        document.documentElement.setAttribute('data-theme', newTheme);
        localStorage.setItem('theme', newTheme);
        updateAdminThemeIcon(newTheme);
      });
      
      function updateAdminThemeIcon(theme) {
        const icon = adminThemeToggle.querySelector('i');
        if (icon) {
          icon.className = theme === 'light' ? 'fas fa-moon' : 'fas fa-sun';
        }
      }
    }
    
    // 模态框操作
    const addJobBtn = document.getElementById('addJobBtn');
    const addJobModal = document.getElementById('addJobModal');
    const closeModal = document.getElementById('closeModal');
    
    if (addJobBtn && addJobModal) {
      addJobBtn.addEventListener('click', () => {
        addJobModal.classList.add('active');
      });
      
      if (closeModal) {
        closeModal.addEventListener('click', () => {
          addJobModal.classList.remove('active');
        });
      }
      
      // 点击模态框外部关闭
      addJobModal.addEventListener('click', (e) => {
        if (e.target === addJobModal) {
          addJobModal.classList.remove('active');
        }
      });
    }
    
    // 搜索框聚焦效?    const searchInput = document.querySelector('.admin-search-input');
    const searchDiv = document.querySelector('.admin-search');
    
    if (searchInput && searchDiv) {
      searchInput.addEventListener('focus', () => {
        searchDiv.style.boxShadow = '0 0 0 3px rgba(42, 53, 71, 0.1)';
      });
      
      searchInput.addEventListener('blur', () => {
        searchDiv.style.boxShadow = 'none';
      });
    }

// 侧边栏导航高?    const sidebarItems = document.querySelectorAll('.admin-sidebar-item');
    
    if (sidebar && sidebarItems.length > 0) {
      sidebarItems.forEach(item => {
        item.addEventListener('click', (e) => {
          e.preventDefault();
          sidebarItems.forEach(i => i.classList.remove('active'));
          item.classList.add('active');
          
          // 移动端点击后关闭侧边?          sidebar.classList.remove('open');
        });
      });
    }
    
    // 统计卡片悬停动画
    const statCards = document.querySelectorAll('.stat-card');
    
    statCards.forEach(card => {
      card.addEventListener('mouseenter', () => {
        card.style.transform = 'translateY(-4px)';
      });
      
      card.addEventListener('mouseleave', () => {
        card.style.transform = 'translateY(0)';
      });
    });
    
    // 数字动画效果
    function animateNumbers() {
      const statValues = document.querySelectorAll('.stat-value');
      
      statValues.forEach(value => {
        const target = parseInt(value.textContent.replace(/[^0-9]/g, ''));
        const duration = 1500;
        const steps = 60;
        const increment = target / steps;
        let current = 0;
        
        const timer = setInterval(() => {
          current += increment;
          if (current >= target) {
            current = target;
            clearInterval(timer);
          }
          
          if (value.textContent.includes('¥')) {
            value.textContent = '¥' + Math.floor(current).toLocaleString() + '?;
          } else {
            value.textContent = Math.floor(current).toLocaleString();
          }
        }, duration / steps);
      });
    }
    
    // 页面加载完成后执行数字动?    document.addEventListener('DOMContentLoaded', () => {
      setTimeout(animateNumbers, 500);
    });
  </script>
</body>
</html>

欢迎回来，管理员

用户增长趋势

最近活

快速操

最近订

发布新职