refactor(login): 重构登录页面

- 移除了 t-form组件，改为手动验证表单输入
- 调整了表单样式和布局
- 优化了代码结构，提高了代码可读性

src/views/Login.vue

@@ -6,50 +6,45 @@
         <p class="login-subtitle">部署管理系统</p>
       </div>
       
-      <t-form 
+      <div class="login-form">
-        ref="form" 
+                 <div class="form-item">
-        :data="formData" 
+           <t-input
-        :rules="rules"
+             v-model="formData.account"
-        @submit="handleSubmit"
+             placeholder="请输入用户名"
-      >
+             size="large"
-        <t-form-item name="username">
+           >
-          <t-input
+             <template #prefix-icon>
-            v-model="formData.username"
+               <t-icon name="user" />
-            placeholder="请输入用户名"
+             </template>
-            size="large"
+           </t-input>
-          >
+         </div>
-            <template #prefix-icon>
-              <t-icon name="user" />
-            </template>
-          </t-input>
-        </t-form-item>
          
-        <t-form-item name="password">
+         <div class="form-item">
-          <t-input
+           <t-input
-            v-model="formData.password"
+             v-model="formData.password"
-            type="password"
+             type="password"
-            placeholder="请输入密码"
+             placeholder="请输入密码"
-            size="large"
+             size="large"
-            @keyup.enter="handleSubmit"
+             @keyup.enter="handleSubmit"
-          >
+           >
-            <template #prefix-icon>
+             <template #prefix-icon>
-              <t-icon name="lock-on" />
+               <t-icon name="lock-on" />
-            </template>
+             </template>
-          </t-input>
+           </t-input>
-        </t-form-item>
+         </div>
         
-        <t-form-item>
+        <div class="form-item">
           <t-button
-            type="submit"
             theme="primary"
             size="large"
             block
             :loading="loading"
+            @click="handleSubmit"
           >
             登录
           </t-button>
-        </t-form-item>
+        </div>
-      </t-form>
+      </div>
     </div>
   </div>
 </template>
@@ -58,30 +53,29 @@
 import { ref, reactive } from 'vue'
 import { useRouter } from 'vue-router'
 import { MessagePlugin } from 'tdesign-vue-next'
+
 import { userApi } from '@/api/user'
 import auth from '@/utils/auth'
 
 const router = useRouter()
-const form = ref()
 const loading = ref(false)
 
 const formData = reactive({
-  username: '',
+  account: '',
-  password: ''
+  password: '',
+  checked: true
 })
 
-const rules = {
-  username: [
-    { required: true, message: '请输入用户名', type: 'error' }
-  ],
-  password: [
-    { required: true, message: '请输入密码', type: 'error' }
-  ]
-}
-
 const handleSubmit = async () => {
-  const valid = await form.value.validate()
+  // 简单的表单验证
-  if (!valid) return
+  if (!formData.account.trim()) {
+    MessagePlugin.error('请输入用户名')
+    return
+  }
+  if (!formData.password.trim()) {
+    MessagePlugin.error('请输入密码')
+    return
+  }
   
   loading.value = true
   
@@ -147,10 +141,18 @@ const handleSubmit = async () => {
   margin: 0;
 }
 
-:deep(.t-form-item) {
+.login-form {
+  margin-top: 32px;
+}
+
+.form-item {
   margin-bottom: 24px;
 }
 
+.form-item:last-child {
+  margin-bottom: 0;
+}
+
 :deep(.t-input) {
   border-radius: 8px;
 }

vite.config.js

@@ -17,7 +17,7 @@ export default defineConfig({
       '/api': {
         target: 'http://localhost:3000',
         changeOrigin: true,
-        rewrite: (path) => path.replace(/^\/api/, '')
+        rewrite: (path) => path
       }
     }
   },