Browse Source

前台样式

master
xingyongchun 2 years ago
parent
commit
569a9fa99e
  1. 27
      web/client/src/sections/homePage/containers/index.js
  2. 7
      web/client/src/sections/homePage/containers/index.less

27
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

7
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;

Loading…
Cancel
Save