mt-fe-group/xuchang-screen
8
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

update kiln

Browse Source
This commit is contained in:
lb 2023-06-30 16:58:38 +08:00
parent 533a59ddac
commit f116f7bc95
2 changed files with 39 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
src/components/LeftBar/Kiln.jsx
View File

@ -27,6 +27,17 @@ var Number = 1
export default function Kiln() { export default function Kiln() {
const [infos, setInfos] = useState([
{ label: '窑炉压力', value: '29Pa' },
{ label: '循环水温度', value: '59℃' },
{ label: '压力流量', value: '29Pa' },
{ label: '混合料温度', value: '49℃' },
{ label: '窑温', value: '59℃' },
{ label: '压缩器压力', value: '293Pa' },
{ label: '水分', value: '12%' },
{ label: '助燃风', value: '122' },
])
useEffect(() => { useEffect(() => {
setInterval(() => { setInterval(() => {
Number = Number + 1 Number = Number + 1
@ -43,11 +54,20 @@ export default function Kiln() {
return ( return (
<Container title='窑炉信息' icon='kiln' className={cls.leftBar__top}> <Container title='窑炉信息' icon='kiln' className={cls.leftBar__top}>
<div className='LeftChart1ItemBorder'> <div className="leftBar__top__content">
{
infos.map(item =>
<div className={cls.info__item}>{item.label}: {item.value}</div>
)
}
</div>
{/* <div className='LeftChart1ItemBorder'>
<div className='LeftChart1ItemRow'> <div className='LeftChart1ItemRow'>
<div className='LeftChart1ItemRowDetail'> <div className='LeftChart1ItemRowDetail'> */}
{/* <img src={Icon1} alt="" /> */} {/* <img src={Icon1} alt="" /> */}
<h2 className='LeftChart1ItemRowDetailTxt'>水泵水管</h2> {/* <h2 className='LeftChart1ItemRowDetailTxt'>水泵水管</h2>
</div> </div>
<Item data={num == 1 ? Data1 : Data2} /> <Item data={num == 1 ? Data1 : Data2} />
</div> </div>
@ -60,7 +80,7 @@ export default function Kiln() {
<Item data={num == 1 ? Data1 : Data2} /> <Item data={num == 1 ? Data1 : Data2} />
</div> </div>
<div className='LeftChart1ItemRow'></div> <div className='LeftChart1ItemRow'></div>
</div> </div> */}
</Container> </Container>
) )

18
src/components/LeftBar/kiln.module.less
View File

@ -1,10 +1,20 @@
.leftBar__top { .leftBar__top {
width: 625px; width: 625px;
height: 305px; height: 305px;
background: url('../../assets/ItemBg.png'); background: url('../../assets/ItemBg.png'), #938f0034;
display: flex;
flex-direction: column; .leftBar__top__content {
justify-content: space-between; flex: 1;
height: 1px;
background: #9039;
display: flex;
flex-wrap: wrap;
.info__item {
background: red;
}
}
.LeftChart1ItemitemBorder { .LeftChart1ItemitemBorder {
margin-top: 24px; margin-top: 24px;