add

2025-11-12 17:19:03 +08:00
parent b6c475a387
commit 4a2f543aff
1 changed files with 6 additions and 14 deletions
--- a/frontend/asset-assistant-system/src/pages/login.html
+++ b/frontend/asset-assistant-system/src/pages/login.html
@@ -1,6 +1,5 @@
 <!DOCTYPE html>
 <html lang="zh-CN">
-
 <head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -12,6 +11,8 @@
  <script src="../assets/js/core/auth.js"></script>
  <script src="../assets/js/core/message.js"></script>
  <script src="../assets/js/core/loading.js"></script>
+  <!-- 新增：引入Loading组件 -->
+  <script src="../assets/js/components/loading.js"></script>
  <!-- 引入样式 -->
  <link rel="stylesheet" href="../assets/css/dark-theme.css">
  <link rel="stylesheet" href="../assets/css/common.css">
@@ -23,7 +24,6 @@
      height: 100vh;
      padding: 20px;
    }
-
    .login-card {
      width: 100%;
      max-width: 400px;
@@ -32,34 +32,28 @@
      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
      padding: 30px;
    }
-
    .login-header {
      text-align: center;
      margin-bottom: 30px;
    }
-
    .login-title {
      font-size: 24px;
      color: var(--primary-color);
      margin-bottom: 8px;
    }
-
    .login-desc {
      color: var(--text-secondary);
      font-size: 14px;
    }
-
    .form-group {
      margin-bottom: 20px;
    }
-
    .form-label {
      display: block;
      margin-bottom: 8px;
      color: var(--text-primary);
      font-weight: 500;
    }
-
    .login-btn {
      width: 100%;
      padding: 12px;
@@ -68,7 +62,6 @@
    }
  </style>
 </head>
-
 <body class="dark-theme">
  <div class="login-container">
    <div class="login-card">
@@ -92,19 +85,19 @@

  <script>
    // 等待DOM完全加载后再执行
-    window.addEventListener('DOMContentLoaded', () => {
+    $(document).ready(() => {
      // 登录表单提交事件
      $('#login-form').on('submit', async (e) => {
        e.preventDefault();
-
+        
        const username = $('#username').val().trim();
        const password = $('#password').val().trim();
-
+        
        if (!username || !password) {
          Message.error('账号和密码不能为空');
          return;
        }
-
+        
        try {
          Loading.show('正在登录...');
          const result = await Auth.login(username, password);
@@ -121,5 +114,4 @@
    });
  </script>
 </body>
-
 </html>