style: 优化站点管理样式

src/pages/userCenter/siteManage/SiteManage.jsx

@@ -181,6 +181,23 @@ const SiteManage = () => {
         console.log(err);
       });
   };
+
+  const renderListItem = items =>
+    items.map(t => (
+      <List.Item
+        onClick={() => {
+          setCurrentStation(t);
+        }}
+        key={t.id}
+        className={classnames({
+          [styles.listItem]: true,
+          [styles.selected]: currentStation.id === t.id,
+        })}
+      >
+        {t.text}
+      </List.Item>
+    ));
+
   return (
     <PageContainer>
       <GridContent>
@@ -192,22 +209,7 @@ const SiteManage = () => {
                 spinning={spinLoading}
                 style={{ marginTop: '20px' }}
               >
-                <List>
-                  {treeData.map(t => (
-                    <List.Item
-                      onClick={() => {
-                        setCurrentStation(t);
-                      }}
-                      key={t.id}
-                      className={classnames({
-                        [styles.listItem]: true,
-                        [styles.selected]: currentStation.id === t.id,
-                      })}
-                    >
-                      {t.text}
-                    </List.Item>
-                  ))}
-                </List>
+                <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);