feat:Bug
This commit is contained in:
parent
31e5ed309c
commit
bed5d8e7d6
Binary file not shown.
Before Width: | Height: | Size: 1013 B |
Binary file not shown.
Before Width: | Height: | Size: 728 B |
@ -1,99 +0,0 @@
|
|||||||
import { View,Image } from "@tarojs/components"
|
|
||||||
import { useState } from "react"
|
|
||||||
import warn from './assets/warn.png'
|
|
||||||
import rang from './assets/rang.png'
|
|
||||||
import './index.scss'
|
|
||||||
const MsgCenter = () => {
|
|
||||||
const [selectedMenuId, setSelectedMenuId] = useState('all')
|
|
||||||
let contList=[
|
|
||||||
{
|
|
||||||
title:'土壤EC值预警',
|
|
||||||
time:'2024/3/13 16:30',
|
|
||||||
url:'./assets/rang.png',
|
|
||||||
message:'1号基地土壤EC值低于0.4阈值报警',
|
|
||||||
id:'1'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title:'棚内温度报警',
|
|
||||||
url:'./assets/rang.png',
|
|
||||||
time:'2024/3/1 10:30',
|
|
||||||
message:'3号棚内温度39度,超过阈值37度,建议打开放风机',
|
|
||||||
id:'1'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title:'系统通知',
|
|
||||||
url:'./assets/warn.png',
|
|
||||||
time:'2024/3/13 8:30',
|
|
||||||
message:'今日设备巡检结果尚未填报',
|
|
||||||
id:'0'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title:'虫情预警',
|
|
||||||
url:'./assets/rang.png',
|
|
||||||
time:'2024/3/13 6:30',
|
|
||||||
message:'1号棚内虫害数量接近阈值预警',
|
|
||||||
id:'1'
|
|
||||||
},
|
|
||||||
]
|
|
||||||
const topMenus = [
|
|
||||||
{
|
|
||||||
id: 'all',
|
|
||||||
title: '全部'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: '1',
|
|
||||||
title: '预警'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: '2',
|
|
||||||
title: '通知'
|
|
||||||
},
|
|
||||||
]
|
|
||||||
|
|
||||||
const dataList = [
|
|
||||||
{
|
|
||||||
id: '1',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: '2',
|
|
||||||
},
|
|
||||||
]
|
|
||||||
|
|
||||||
return (
|
|
||||||
<View>
|
|
||||||
<View className='flex px-2 py-1 border-b-2 border-slate-100' >
|
|
||||||
{
|
|
||||||
topMenus.map(item => {
|
|
||||||
return (
|
|
||||||
<View
|
|
||||||
className={`p-1 px-3 ${selectedMenuId === item.id ? 'text-lime-600 border-b-4 border-lime-800' : ''}`}
|
|
||||||
key={item.id}
|
|
||||||
onClick={() => setSelectedMenuId(item.id)}
|
|
||||||
>{ item.title }</View>
|
|
||||||
)
|
|
||||||
})
|
|
||||||
}
|
|
||||||
</View>
|
|
||||||
<View className='main'>
|
|
||||||
{
|
|
||||||
contList.map((item,index)=>{
|
|
||||||
return (
|
|
||||||
<View className='cont' key={index}>
|
|
||||||
<Image src={item.id=='1'?rang:warn} className='w-12 h-12'></Image>
|
|
||||||
<View className='right'>
|
|
||||||
<View className='right-top'>
|
|
||||||
<View className='top-left'>{item.title}</View>
|
|
||||||
<View className='top-right'>{item.time}</View>
|
|
||||||
</View>
|
|
||||||
<View className={item.id=='1'?'rang':'warn'}>{item.message}</View>
|
|
||||||
</View>
|
|
||||||
</View>
|
|
||||||
)
|
|
||||||
})
|
|
||||||
}
|
|
||||||
</View>
|
|
||||||
</View>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
|
|
||||||
export default MsgCenter;
|
|
Loading…
Reference in New Issue
Block a user