开发: 添加及修改路由

src/pages/DepartmentsList/index.tsx

@@ -51,7 +51,7 @@ const DepartmentsList: React.FC = () => {
     page_count: 20,
     dep_id: 0,
   });
-  const { notification, modal } = App.useApp();
+  const { notification } = App.useApp();
   const [departmentID, setDepartmentsID] = useState<number>(0);
   const [departmentsList, setDepartmentsList] = useState<IDepartment[]>([]);
   const [staffsData, setStaffsData] = useState<IStaffsData>({ count: 0, data: [] });
@@ -60,6 +60,19 @@ const DepartmentsList: React.FC = () => {
   const [open, setOpen] = useState(false);
   const [record, setRecord] = useState<IStaffsItem>();
 
+  const getStaffsList = () => {
+    setLoading(true);
+    post({ url: '/Staffs/List', data: stringify(param) }).then((res) => {
+      setLoading(false);
+      if (res.err_code == 0) {
+        if (!Array.isArray(res.data)) {
+          res.data = [];
+        }
+        setStaffsData(res as IStaffsData);
+      }
+    });
+  };
+
   const getDepartmentsList = () => {
     setLoadingL(true);
     post({ url: '/Departments/List' }).then((res) => {
@@ -74,18 +87,6 @@ const DepartmentsList: React.FC = () => {
       }
     });
   };
-  const getStaffsList = () => {
-    setLoading(true);
-    post({ url: '/Staffs/List', data: stringify(param) }).then((res) => {
-      setLoading(false);
-      if (res.err_code == 0) {
-        if (!Array.isArray(res.data)) {
-          res.data = [];
-        }
-        setStaffsData(res as IStaffsData);
-      }
-    });
-  };
 
   const page = (page: number) => {
     param.curr_page = page;
@@ -162,7 +163,7 @@ const DepartmentsList: React.FC = () => {
                 blockNode
                 selectedKeys={[departmentID]}
                 defaultExpandAll
-                treeData={departmentsList}
+                treeData={departmentsList as any}
                 fieldNames={{ title: 'name', key: 'id' }}
                 onSelect={(selectedKeys) => {
                   if (selectedKeys.length) {
@@ -212,7 +213,7 @@ const DepartmentsList: React.FC = () => {
                     </div>
                   );
                 }}
-              ></Tree>
+              />
             ) : null}
           </Spin>
         </div>
@@ -246,7 +247,7 @@ const DepartmentsList: React.FC = () => {
             <Form autoComplete="off">
               <Row gutter={{ xs: 0, sm: 16 }}>
                 <Col xs={24} sm={12} md={8}>
-                  <Form.Item label="姓名">
+                  <Form.Item label={<span style={{ textIndent: '1em' }}>姓名</span>}>
                     <Input
                       autoComplete="off"
                       onChange={(e) => {
@@ -254,11 +255,11 @@ const DepartmentsList: React.FC = () => {
                       }}
                       allowClear
                       onPressEnter={() => page(1)}
-                    ></Input>
+                    />
                   </Form.Item>
                 </Col>
                 <Col xs={24} sm={12} md={8}>
-                  <Form.Item label="职务">
+                  <Form.Item label={<span style={{ textIndent: '1em' }}>职务</span>}>
                     <Input
                       autoComplete="off"
                       onChange={(e) => {
@@ -266,7 +267,7 @@ const DepartmentsList: React.FC = () => {
                       }}
                       allowClear
                       onPressEnter={() => page(1)}
-                    ></Input>
+                    />
                   </Form.Item>
                 </Col>
                 <Col xs={24} sm={12} md={8}>
@@ -278,7 +279,7 @@ const DepartmentsList: React.FC = () => {
                       }}
                       allowClear
                       onPressEnter={() => page(1)}
-                    ></Input>
+                    />
                   </Form.Item>
                 </Col>
                 {/* <Col xs={24} sm={12} md={6}>
@@ -374,20 +375,20 @@ const DepartmentsList: React.FC = () => {
                   </div>
                 );
               }}
-            ></Table.Column>
-            <Table.Column title="职务" width={160} dataIndex={'position'}></Table.Column>
+            />
+            <Table.Column title="职务" width={160} dataIndex={'position'} />
             <Table.Column
               title="部门"
               dataIndex={'dep_name'}
               render={(val) => {
                 return <>{val.join('，')}</>;
               }}
-            ></Table.Column>
-            <Table.Column title="手机号" width={160} dataIndex={'mobile'}></Table.Column>
-            <Table.Column title="企业邮箱" dataIndex={'biz_mail'}></Table.Column>
+            />
+            <Table.Column title="手机号" width={160} dataIndex={'mobile'} />
+            <Table.Column title="企业邮箱" dataIndex={'biz_mail'} />
           </Table>
           <Drawer title="成员详情" open={open} onClose={() => setOpen(false)} width={800}>
-            <DepartmentMembersDetail record={record as IStaffsItem}></DepartmentMembersDetail>
+            <DepartmentMembersDetail record={record as IStaffsItem} />
           </Drawer>
           <Pagination
             style={{
@@ -408,10 +409,10 @@ const DepartmentsList: React.FC = () => {
               // setParam({ ...param });
               page(1);
             }}
-            showTotal={(total, range) => {
+            showTotal={(total) => {
               return <span style={{ lineHeight: 1 }}>共{total}条</span>;
             }}
-            onChange={(curr, pageSize) => {
+            onChange={(curr) => {
               page(curr);
             }}
           />