feat: add Login and fix res error

src/pages/user/login/Login.tsx

@@ -27,18 +27,23 @@ export const Login = () => {
     loginStore.login();
   };
   return (
-    <div className='flex w-full h-full'>
-      <div className='w-[600px] mx-auto mt-[10%] '>
+    <div className='flex w-full h-full bg-slate-200'>
+      <div className='w-[600px] mx-auto mt-[10%]  '>
         <h1 className='mb-4 tracking-widest'>Login</h1>
-        <div className='card border-t-2'>
-          <Form form={form} onFinish={onFinish}>
+        <div className='card border-t-2 pt-8 px-8'>
+          <Form
+            form={form}
+            onFinish={onFinish}
+            labelCol={{
+              span: 4,
+            }}>
             <Form.Item label='username' name='username'>
               <Input />
             </Form.Item>
             <Form.Item label='password' name='password'>
               <Input type='password' />
             </Form.Item>
-            <Form.Item label=' ' noStyle colon={false}>
+            <Form.Item label=' ' colon={false}>
               <div className='flex gap-2'>
                 <Button type='primary' htmlType='submit'>
                   Login

src/pages/user/store/index.ts

@@ -33,7 +33,7 @@ export const useUserStore = create<UserStore>((set, get) => {
       if (res.code === 200) {
         set({ list: res.data });
       } else {
-        message.error(res.msg || 'Request failed');
+        message.error(res.message || 'Request failed');
       }
     },
     updateData: async (data) => {
@@ -48,7 +48,7 @@ export const useUserStore = create<UserStore>((set, get) => {
         set({ showEdit: false, formData: [] });
         getList();
       } else {
-        message.error(res.msg || 'Request failed');
+        message.error(res.message || 'Request failed');
       }
     },
     deleteData: async (id) => {
@@ -62,7 +62,7 @@ export const useUserStore = create<UserStore>((set, get) => {
         getList();
         message.success('Success');
       } else {
-        message.error(res.msg || 'Request failed');
+        message.error(res.message || 'Request failed');
       }
     },
   };

src/pages/user/store/login.ts

@@ -1,6 +1,7 @@
 import { query } from '@/modules';
 import { message } from 'antd';
 import { create } from 'zustand';
+import { history } from '@/utils/history';
 type LoginStore = {
   loading: boolean;
   setLoading: (loading: boolean) => void;
@@ -29,11 +30,14 @@ export const useLoginStore = create<LoginStore>((set, get) => {
       const res = await query.post({ path: 'user', key: 'login', username, password });
       loaded();
       if (res.code === 200) {
+        const { token } = res.data;
         message.success('Success');
         set({ isLogin: true });
+        localStorage.setItem('token', token);
         // 跳到某一个页面，更新localStorage
+        history.push('/map');
       } else {
-        message.error(res.msg || 'Request failed');
+        message.error(res.message || 'Request failed');
       }
     },
     register: async () => {
@@ -44,8 +48,9 @@ export const useLoginStore = create<LoginStore>((set, get) => {
       if (res.code === 200) {
         message.success('Success');
         // 跳到某一个页面
+        // history.push('/map', {}, true);
       } else {
-        message.error(res.msg || 'Request failed');
+        message.error(res.message || 'Request failed');
       }
     },
     isLogin: false,