new branch

frontend/src/pages/Users/Users.tsx

@@ -2,6 +2,7 @@ import { useEffect, useState } from 'react'
 import { Table, Button, Tag, Space, message, Modal, Form, Input, Select } from 'antd'
 import { PlusOutlined, EditOutlined, DeleteOutlined } from '@ant-design/icons'
 import axios from 'axios'
+import AppLayout from '../../components/AppLayout/AppLayout'
 
 interface User {
   id: number
@@ -113,12 +114,12 @@ function Users() {
   ]
 
   return (
-    <div>
+    <AppLayout>
       <div style={{ marginBottom: 16, display: 'flex', justifyContent: 'space-between' }}>
         <h2>用户管理</h2>
         <Button type="primary" icon={<PlusOutlined />} onClick={handleAdd}>添加用户</Button>
       </div>
-      <Table columns={columns} dataSource={users} rowKey="id" loading={loading} />
+      <Table columns={columns} dataSource={users} rowKey="id" loading={loading} scroll={{ x: 'max-content' }} tableLayout="fixed" />
       <Modal
         title={editingUser ? '编辑用户' : '添加用户'}
         open={modalVisible}
@@ -150,7 +151,7 @@ function Users() {
           </Form.Item>
         </Form>
       </Modal>
-    </div>
+    </AppLayout>
   )
 }