feat: add system quality improvement plan and implementation

novalon-manage-web/src/views/system/Login.vue

@@ -1,42 +1,42 @@
 <template>
   <div class="login-container">
-    <a-card class="login-card">
-      <template #title>
+    <el-card class="login-card">
+      <template #header>
         <h2>Novalon 管理系统</h2>
       </template>
-      <a-form
+      <el-form
         :model="formState"
-        @finish="onFinish"
-        layout="vertical"
+        @submit.prevent="onFinish"
+        label-position="top"
       >
-        <a-form-item
+        <el-form-item
           label="用户名"
-          name="username"
-          :rules="[{ required: true, message: '请输入用户名' }]"
+          prop="username"
+          :rules="[{ required: true, message: '请输入用户名', trigger: 'blur' }]"
         >
-          <a-input v-model:value="formState.username" placeholder="请输入用户名" />
-        </a-form-item>
-        <a-form-item
+          <el-input v-model="formState.username" placeholder="请输入用户名" />
+        </el-form-item>
+        <el-form-item
           label="密码"
-          name="password"
-          :rules="[{ required: true, message: '请输入密码' }]"
+          prop="password"
+          :rules="[{ required: true, message: '请输入密码', trigger: 'blur' }]"
         >
-          <a-input-password v-model:value="formState.password" placeholder="请输入密码" />
-        </a-form-item>
-        <a-form-item>
-          <a-button type="primary" html-type="submit" :loading="loading" block>
+          <el-input v-model="formState.password" type="password" placeholder="请输入密码" show-password />
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" native-type="submit" :loading="loading" style="width: 100%">
             登录
-          </a-button>
-        </a-form-item>
-      </a-form>
-    </a-card>
+          </el-button>
+        </el-form-item>
+      </el-form>
+    </el-card>
   </div>
 </template>
 
 <script setup lang="ts">
 import { reactive, ref } from 'vue'
 import { useRouter } from 'vue-router'
-import { message } from 'ant-design-vue'
+import { ElMessage } from 'element-plus'
 import request from '@/utils/request'
 
 const router = useRouter()
@@ -53,10 +53,10 @@ const onFinish = async () => {
     const res: any = await request.post('/auth/login', formState)
     localStorage.setItem('token', res.token)
     localStorage.setItem('userId', res.userId)
-    message.success('登录成功')
+    ElMessage.success('登录成功')
     router.push('/')
   } catch (error: any) {
-    message.error(error.response?.data?.message || '登录失败')
+    ElMessage.error(error.response?.data?.message || '登录失败')
   } finally {
     loading.value = false
   }