feat: 系统管理模块用户列表界面布局优化

src/pages/System/UserList/index.tsx

@@ -240,8 +240,15 @@ const UserList: React.FC = () => {
     },];
   return (
     <PageContainer>
-      <ProCard split="vertical">
+      <ProCard 
-        <ProCard title="部门选择" colSpan="20%" extra={<Button icon={<RedoOutlined />} onClick={()=>{setSelectDepts([]); actionRef.current?.reload()}}>重置</Button>}>
+        style={{ display: 'flex', width: '100%', background: 'transparent' }}
+        bodyStyle={{
+          padding:0,
+          margin:0,
+          display: 'flex',
+          justifyContent: 'space-between',
+        }}>
+        <ProCard headStyle={{ paddingTop: 24, paddingLeft: 20, paddingRight: 20 }} title="部门选择" colSpan="20%" extra={<Button icon={<RedoOutlined />} onClick={()=>{setSelectDepts([]); actionRef.current?.reload()}}>重置</Button>}>
           {
             hasInit && (
               <Tree
@@ -257,7 +264,12 @@ const UserList: React.FC = () => {
             )
           }
         </ProCard>
-        <ProCard title="" headerBordered>
+        <ProCard 
+          colSpan="78%"
+          style={{ padding: 0, margin: 0, background: 'transparent' }}
+          bodyStyle={{ padding: 0, margin: 0 }}
+          headerBordered
+        >
           <ProTable<API.User>
             headerTitle={intl.formatMessage({
               id: 'pages.searchTable.title',