forked from Gitlink/forgeplus-react
41 lines
1.9 KiB
JavaScript
41 lines
1.9 KiB
JavaScript
import React, { useEffect, useState } from "react";
|
|
import right from "../../img/right.png";
|
|
const firstPanelList = [
|
|
{ title: "用户需求待评审数", num: 50, isNUm: true, unit: "个" },
|
|
{ title: "产品需求待评审数", num: 10, isNUm: true, unit: "个" },
|
|
{ title: "最近里程碑倒数天数", num: 5, isNUm: true, unit: "个" },
|
|
{ title: "需求纳入计划数", num: 8, isNUm: true, unit: "个" },
|
|
];
|
|
|
|
function FirstPanel (props) {
|
|
return (
|
|
<div className="first-panel">
|
|
<div className="white-panel-out">
|
|
<div className="white-panel-center">
|
|
<div className="white-panel-inner">
|
|
{firstPanelList.map((item, idx) => {
|
|
return (
|
|
<div className="panel-item">
|
|
<div className="panel-item-content">
|
|
<div className="panel-item-content-left">
|
|
<img src={right} alt="" srcset="" />
|
|
<div>{item.title}</div>
|
|
</div>
|
|
<div class="panel-item-content-right">
|
|
<span className="panel-num">{item.num}</span>
|
|
<span className="panel-unit">{item.unit}</span>
|
|
</div>
|
|
</div>
|
|
<div className="panel-item-line"></div>
|
|
</div>
|
|
);
|
|
})}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div className="panel-title">今日产品状态</div>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default FirstPanel |