第一次提交
This commit is contained in:
22
src/page/HomePage/Right/RightDown1/index.tsx
Normal file
22
src/page/HomePage/Right/RightDown1/index.tsx
Normal file
@@ -0,0 +1,22 @@
|
||||
import TitleBox from "../../Component/TitleBox";
|
||||
import img1 from "../../../../assets/image/waterTempUp.png"
|
||||
// import img2 from "../../../../assets/image/waterTempDown.png"
|
||||
// import { useAppSelector } from "../../../../store/hooks";
|
||||
// import { selectOrderCompletionWO } from "../../../../store/HomePageSlice";
|
||||
function RightDown1() {
|
||||
// const data = useAppSelector(selectOrderCompletionWO);
|
||||
return (
|
||||
<div className="left_down1">
|
||||
<TitleBox title="water_temp5" />
|
||||
<div style={{position:'absolute',left:'45px',bottom:'100px'}}>
|
||||
<span className="left_down1_numbg">-</span>
|
||||
<span className="left_down1_numbg">-</span>
|
||||
<span className="left_down1_numbg">-</span>
|
||||
<span style={{fontSize:'30px',color:'#fff'}}>℃</span>
|
||||
</div>
|
||||
<div className="left_down1_tip" style={{bottom:'36px'}}>出口实时水温</div>
|
||||
<img src={img1} alt="" style={{position:'absolute',width:'139px',right:'68px',bottom:'36px'}}/>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
export default RightDown1;
|
||||
86
src/page/HomePage/Right/RightDown2/index.tsx
Normal file
86
src/page/HomePage/Right/RightDown2/index.tsx
Normal file
@@ -0,0 +1,86 @@
|
||||
import TitleBox from "../../Component/TitleBox";
|
||||
import ScrollBoard from "../../../Component/ScrollBoard";
|
||||
// import { useAppSelector } from "../../../../store/hooks";
|
||||
// import { selectOrderCompletionWO } from "../../../../store/HomePageSlice";
|
||||
function RightDown2() {
|
||||
// const data = useAppSelector(selectOrderCompletionWO);
|
||||
// console.log("222222封装工单完成情况+", data);
|
||||
const config = {
|
||||
header: ["序号", "设备名称", "运行频率", "设备状态"],
|
||||
headerHeight: 30,
|
||||
rowNum: 5,
|
||||
headerBGC: "rgba(4, 74, 132, 0.2)",
|
||||
oddRowBGC: "rgba(4, 74, 132, 0.2)",
|
||||
evenRowBGC: "rgba(11, 84, 153, 0.36)",
|
||||
columnWidth: [110, 180, 120, 120],
|
||||
align: ["center", "left", "left", "center"],
|
||||
data: [
|
||||
['1','产线1的名称','<span style=color:#fff>未运行</span>','<span style=color:#3984FF><span style=display:inline-block;width:7px;height:7px;border-radius:4px;background:#2760FF;vertical-align:middle;margin-right:5px;margin-bottom:5px;></span>正常</span>'],
|
||||
['2','产线1的名称','<span style=color:#30E89A>未运行</span>','<span style=color:#FF0C0C><span style=display:inline-block;width:7px;height:7px;border-radius:4px;background:#FF0C0C;vertical-align:middle;margin-right:5px;margin-bottom:5px;></span>故障</span>'],
|
||||
['3','产线1的名称','<span style=color:#fff>未运行</span>','<span style=color:#3984FF><span style=display:inline-block;width:7px;height:7px;border-radius:4px;background:#2760FF;vertical-align:middle;margin-right:5px;margin-bottom:5px;></span>正常</span>'],
|
||||
['4','产线1的名称','<span style=color:#30E89A>未运行</span>','<span style=color:#3984FF><span style=display:inline-block;width:7px;height:7px;border-radius:4px;background:#2760FF;vertical-align:middle;margin-right:5px;margin-bottom:5px;></span>正常</span>'],
|
||||
['5','产线1的名称','<span style=color:#fff>未运行</span>','<span style=color:#FF0C0C><span style=display:inline-block;width:7px;height:7px;border-radius:4px;background:#FF0C0C;vertical-align:middle;margin-right:5px;margin-bottom:5px;></span>故障</span>']
|
||||
],
|
||||
};
|
||||
// let arr: any = [];
|
||||
// data &&
|
||||
// data.map((item: any, index: any) => {
|
||||
// let arrInner = [];
|
||||
// arrInner.push(
|
||||
// item.workOrderNo ? item.workOrderNo : "-",
|
||||
// item.planQuantity
|
||||
// ? item.planQuantity
|
||||
// : item.planQuantity === 0
|
||||
// ? item.planQuantity
|
||||
// : "-",
|
||||
// item.actualPutIn
|
||||
// ? item.actualPutIn
|
||||
// : item.actualPutIn === 0
|
||||
// ? item.actualPutIn
|
||||
// : "-",
|
||||
// item.actualQuantity
|
||||
// ? item.actualQuantity
|
||||
// : item.actualQuantity === 0
|
||||
// ? item.actualQuantity
|
||||
// : "-",
|
||||
// item.completeness
|
||||
// ? item.completeness + "%"
|
||||
// : item.completeness === 0
|
||||
// ? item.completeness + "%"
|
||||
// : "-"
|
||||
// );
|
||||
// arr.push(arrInner);
|
||||
// });
|
||||
// config.data = arr;
|
||||
return (
|
||||
<div className="left_down2">
|
||||
<TitleBox title="fan_run5" />
|
||||
{/* <div style={{ marginTop: "8px" }}>
|
||||
<ScrollBoard
|
||||
config={config}
|
||||
style={{ width: "476px", height: "155px" }}
|
||||
/>
|
||||
</div> */}
|
||||
{/* {data.length !== 0 && (
|
||||
<div style={{ marginTop: "15px" }}>
|
||||
<ScrollBoard
|
||||
config={config}
|
||||
style={{ width: "500px", height: "440px" }}
|
||||
/>
|
||||
</div>
|
||||
)} */}
|
||||
<p
|
||||
style={{
|
||||
color: "#cccf",
|
||||
fontSize: "24px",
|
||||
userSelect: "none",
|
||||
textAlign: "center",
|
||||
paddingTop: "72px",
|
||||
}}
|
||||
>
|
||||
暂无数据
|
||||
</p>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
export default RightDown2;
|
||||
23
src/page/HomePage/Right/RightUp1/index.tsx
Normal file
23
src/page/HomePage/Right/RightUp1/index.tsx
Normal file
@@ -0,0 +1,23 @@
|
||||
import TitleBox from "../../Component/TitleBox";
|
||||
// import { useAppSelector } from "../../../../store/hooks";
|
||||
// import { selectEqRateAVA } from "../../../../store/HomePageSlice";
|
||||
function RightUp1() {
|
||||
// const data = useAppSelector(selectEqRateAVA);
|
||||
return (
|
||||
<div className="left_up1">
|
||||
<TitleBox title="running_time5" />
|
||||
<div style={{position:'absolute',left:'55px',top:'64px'}}>
|
||||
<span className="left_up1_numbg">-</span>
|
||||
<span className="left_up1_numbg">-</span>
|
||||
<span className="left_up1_numbg">-</span>
|
||||
<span className="left_up1_numbg">-</span>
|
||||
<span className="left_up1_text">天</span>
|
||||
<span className="left_up1_numbg">-</span>
|
||||
<span className="left_up1_numbg">-</span>
|
||||
<span className="left_up1_text">时</span>
|
||||
</div>
|
||||
<div className="left_up1_tip">窑炉运行时间<span style={{display: 'inline-block',lineHeight: '27px',verticalAlign: 'top',margin: '0 5px'}}>.</span>五线</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
export default RightUp1;
|
||||
21
src/page/HomePage/Right/RightUp2/index.tsx
Normal file
21
src/page/HomePage/Right/RightUp2/index.tsx
Normal file
@@ -0,0 +1,21 @@
|
||||
import TitleBox from "../../Component/TitleBox";
|
||||
import img1 from "../../../../assets/image/press_img.png"
|
||||
// import { useAppSelector } from "../../../../store/hooks";
|
||||
// import { selectEqRateAVA } from "../../../../store/HomePageSlice";
|
||||
function RightUp2() {
|
||||
// const data = useAppSelector(selectEqRateAVA);
|
||||
return (
|
||||
<div className="left_up1">
|
||||
<TitleBox title="pressure5" />
|
||||
<div style={{position:'absolute',left:'26px',top:'64px'}}>
|
||||
<span className="left_down1_numbg">-</span>
|
||||
<span className="left_down1_numbg">-</span>
|
||||
<span className="left_down1_numbg">-</span>
|
||||
<span style={{fontSize:'30px',color:'#fff'}}>Kpa</span>
|
||||
</div>
|
||||
<div className="left_up2_tip">窑炉压力值</div>
|
||||
<img src={img1} alt="" style={{position:'absolute',width:'230px',right:'15px',top:'50px'}}/>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
export default RightUp2;
|
||||
15
src/page/HomePage/Right/index.tsx
Normal file
15
src/page/HomePage/Right/index.tsx
Normal file
@@ -0,0 +1,15 @@
|
||||
import RightDown2 from "./RightDown2";
|
||||
import RightUp1 from "./RightUp1";
|
||||
import RightUp2 from "./RightUp2";
|
||||
import RightDown1 from "./RightDown1"
|
||||
function Right() {
|
||||
return (
|
||||
<div className="right_part">
|
||||
<RightUp1 />
|
||||
<RightUp2 />
|
||||
<RightDown1 />
|
||||
<RightDown2 />
|
||||
</div>
|
||||
);
|
||||
}
|
||||
export default Right;
|
||||
Reference in New Issue
Block a user