前台样式

web/client/src/sections/homePage/containers/index.js

@@ -99,6 +99,7 @@ function Management(props) {
       key: "md",
       dataIndex: "md",
       hideInSearch: true,
+      width:220,
       render: (dom, record) => {
         return <div>{record.md=='undefined'?'--' :record.md}</div>;
       },
@@ -108,6 +109,7 @@ function Management(props) {
       key: "td",
       dataIndex: "td",
       hideInSearch: true,
+      width:220,
       render: (dom, record) => {
         return <div>{record.td=='undefined'?'--' :record.td}</div>;
       },
@@ -117,6 +119,7 @@ function Management(props) {
       key: "wd",
       dataIndex: "wd",
       hideInSearch: true,
+      width:220,
       render: (dom, record) => {
         return <div>{record.wd=='undefined'?'--' :record.wd}</div>;
       },
@@ -126,6 +129,7 @@ function Management(props) {
       key: "thd ",
       dataIndex: "thd ",
       hideInSearch: true,
+      width:220,
       render: (dom, record) => {
         return <div>{record.thd=='undefined'?'--' :record.thd}</div>;
       },
@@ -135,6 +139,7 @@ function Management(props) {
       key: "fd",
       dataIndex: "fd",
       hideInSearch: true,
+      width:220,
       render: (dom, record) => {
         return <div>{record.fd=='undefined'?'--' :record.fd}</div>;
       },
@@ -201,18 +206,10 @@ function Management(props) {
             <div className={CX("index-main-box-title")}>本周在研项目</div>
             <div className={CX("index-main-box-en")}>/Research project this week</div>
             <Spin spinning={false}>
-              <Table dataSource={projectData} columns={projectCol} size="middle" pagination={false} scroll={{x:800}}/>
+              <Table dataSource={projectData} columns={projectCol} size="middle" pagination={false}/>
             </Spin>
           </div>
-          <div className={CX("index-main-box")}>
-            <img className={CX("index-main-box-point")} src={pointImg} />
-            <div className={CX("index-main-box-title")}>人员情况</div>
-            <div className={CX("index-main-box-en")}>/Information on Personnel</div>
-            <Scroller containerId={"article-container-query"} height={"90%"}>
-              <Table dataSource={peopleData} columns={peopleCol} size="middle" pagination={false} scroll={{ x: 1000 }} />
-            </Scroller>
-            
-          </div>
+         
           <div className={CX("index-main-box")}>
             <img className={CX("index-main-box-point")} src={pointImg} />
             <div className={CX("index-main-box-title")}>待研发项目</div>
@@ -220,6 +217,16 @@ function Management(props) {
             <Table dataSource={waitData} columns={waitCol} size="middle" pagination={false} scroll={{x:500}}/>
           </div>
         </div>
+        <div className={CX("index-main-box")} style={{width:'80%',margin:'0 auto',marginTop:'1rem'}}>
+            <img className={CX("index-main-box-point")} src={pointImg} />
+            <div className={CX("index-main-box-title")}>人员情况</div>
+            <div className={CX("index-main-box-en")}>/Information on Personnel</div>
+            {/* <Scroller containerId={"article-container-query"} height={"80%"}> */}
+              <Table dataSource={peopleData} columns={peopleCol} size="middle" pagination={false} scroll={{ y: 240 }} />
+              {/* </Scroller> */}
+            
+            
+          </div>
       </div>
 
       <a

web/client/src/sections/homePage/containers/index.less

@@ -119,10 +119,11 @@
 
   &-main {
     display: flex;
-    justify-content: space-evenly;
-
+    width: 80%;
+    margin: 0 auto;
+justify-content: space-between;
     &-box {
-      width: 32%;
+      width: 49%;
       min-height: 200px;
       max-height: 800px;
       overflow-y: auto;