style: 优化站点管理样式

src/pages/userCenter/siteManage/SiteManage.jsx

@@ -181,19 +181,9 @@ const SiteManage = () => {
         console.log(err);
       });
   };
-  return (
-    <PageContainer>
-      <GridContent>
-        <Row gutter={12}>
-          <Col lg={6} sm={6}>
-            <Card className={styles.cardBox}>
-              <Spin
-                tip="loading...."
-                spinning={spinLoading}
-                style={{ marginTop: '20px' }}
-              >
-                <List>
-                  {treeData.map(t => (
+
+  const renderListItem = items =>
+    items.map(t => (
       <List.Item
         onClick={() => {
           setCurrentStation(t);
@@ -206,8 +196,20 @@ const SiteManage = () => {
       >
         {t.text}
       </List.Item>
-                  ))}
-                </List>
+    ));
+
+  return (
+    <PageContainer>
+      <GridContent>
+        <Row gutter={12}>
+          <Col lg={6} sm={6}>
+            <Card className={styles.cardBox}>
+              <Spin
+                tip="loading...."
+                spinning={spinLoading}
+                style={{ marginTop: '20px' }}
+              >
+                <List>{renderListItem(treeData)}</List>
               </Spin>
               <AddModal
                 visible={modalVisible}

src/pages/userCenter/siteManage/SiteManage.less

 .cardBox{
-  min-height: calc(100vh - 200px);
+  height: calc(100vh - 200px);
+  overflow: auto;
 }
 .cardBoxR{
   min-height: calc(100vh - 292px);