数据中心1111

src/pages/datacenter/index.js

@@ -490,7 +490,7 @@ class DataCenterForm extends React.Component {
         </div>
         <div className={pageStyle.middleBox}>
           <Row gutter={30}>
-            <Col xs={{ span: 24 }} sm={{ span: 8 }} lg={{ span: 8 }} md={{ span: 8 }}>
+            <Col xs={{ span: 24 }} sm={{ span: 24 }} lg={{ span: 8 }} md={{ span: 24 }}>
               <div className={pageStyle.staticLeft}>
                 <div className={pageStyle.staticItem}>
                   <div className={pageStyle.staticTitle}>
@@ -522,7 +522,7 @@ class DataCenterForm extends React.Component {
                 </div>
               </div>
             </Col>
-            <Col xs={{ span: 24 }} sm={{ span: 16 }} lg={{ span: 16 }} md={{ span: 16 }}>
+            <Col xs={{ span: 24 }} sm={{ span: 24 }} lg={{ span: 16 }} md={{ span: 24 }}>
               <div className={pageStyle.staticRight}>
                 <div className={pageStyle.staticItem}>
                   <div className={pageStyle.staticTitle}>
@@ -581,6 +581,7 @@ class DataCenterForm extends React.Component {
                   dataSource={customerList}
                   columns={studentClueColumns}
                   pagination={false}
+                  scroll={{ x: 'max-content' }}
                   footer={() => (
                       customerList.length > 0 &&
                       <div className="tablefooterbox">
@@ -605,6 +606,7 @@ class DataCenterForm extends React.Component {
                   dataSource={studentList}
                   columns={studentUpColumns}
                   pagination={false}
+                  scroll={{ x: 'max-content' }}
                   footer={() => (
                     studentList.length > 0 &&
                     <div className="tablefooterbox">
@@ -633,6 +635,7 @@ class DataCenterForm extends React.Component {
                   dataSource={teacherList}
                   columns={teacherUpColumns}
                   pagination={false}
+                  scroll={{ x: 'max-content' }}
                   footer={() => (
                     teacherList.length > 0 &&
                     <div className="tablefooterbox">
@@ -657,6 +660,7 @@ class DataCenterForm extends React.Component {
                   dataSource={classList}
                   columns={classUpColumns}
                   pagination={false}
+                  scroll={{ x: 'max-content' }}
                   footer={() => (
                     classList.length > 0 &&
                     <div className="tablefooterbox">

src/pages/datacenter/index.less

@@ -19,7 +19,7 @@
   .staticItem {
     background-color: #fff;
     padding: 15px 30px;
-    height: 90px;
+    //height: 90px;
   }
   .staticLeft {
     display: flex;
@@ -123,3 +123,11 @@
     cursor: pointer;
   }
 }
+@media (max-width: 510px) {
+  .staticLeft {
+    border-bottom: 1px solid #E9E9E9;
+  }
+  .rangePicker {
+    margin-bottom: 15px;
+  }
+}