forked from Gitlink/forgeplus-react
42 lines
1.5 KiB
JavaScript
42 lines
1.5 KiB
JavaScript
import React, { useEffect, useState } from "react";
|
|
import right from "../../img/right.png";
|
|
const thirdPanelList = [
|
|
{ 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 ThirdPanel(props) {
|
|
return (
|
|
<div className="third-panel">
|
|
<div className="white-panel-out">
|
|
<div className="white-panel-center">
|
|
<div className="white-panel-inner">
|
|
{thirdPanelList.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 ThirdPanel;
|