|
|
|
@ -12,6 +12,7 @@ import menuInactiveBg4 from '@/assets/img/a4a0367e2a7e14611cc75be2e1a2d51127a4d3
|
|
|
|
import menuInactiveBg5 from '@/assets/img/f729103541513c2e864c1f8a710db1d80125f3e7.png' // 环境监测未激活背景图
|
|
|
|
import menuInactiveBg5 from '@/assets/img/f729103541513c2e864c1f8a710db1d80125f3e7.png' // 环境监测未激活背景图
|
|
|
|
import activeBgImage from '@/assets/img/de55b2b9c8dab34462ff1b044a5a5c9668b11aa4.png'
|
|
|
|
import activeBgImage from '@/assets/img/de55b2b9c8dab34462ff1b044a5a5c9668b11aa4.png'
|
|
|
|
import thermalImage from '@/assets/img/03ba6681098742e33bea38c40e3c23f16847dc1f.png'
|
|
|
|
import thermalImage from '@/assets/img/03ba6681098742e33bea38c40e3c23f16847dc1f.png'
|
|
|
|
|
|
|
|
import newBgImage from '@/assets/img/a858e701a4fde498b9c3cc56ab2b62693055dee1.png'
|
|
|
|
|
|
|
|
|
|
|
|
import paibanBg from '@/assets/img/paiban.png'
|
|
|
|
import paibanBg from '@/assets/img/paiban.png'
|
|
|
|
import inspectionBg from '@/assets/img/Rectangle 34624130.svg'
|
|
|
|
import inspectionBg from '@/assets/img/Rectangle 34624130.svg'
|
|
|
|
@ -2231,6 +2232,251 @@ const SmartInspectionContent = () => {
|
|
|
|
</div >
|
|
|
|
</div >
|
|
|
|
);
|
|
|
|
);
|
|
|
|
case '跑冒滴漏检测':
|
|
|
|
case '跑冒滴漏检测':
|
|
|
|
|
|
|
|
return (
|
|
|
|
|
|
|
|
<div style={{ padding: '20px', display: 'flex', gap: 20, height: '100%' }}>
|
|
|
|
|
|
|
|
<div style={{ marginBottom: '20px', width: '60%', height: '100%' }}>
|
|
|
|
|
|
|
|
<div style={{ display: 'flex', justifyContent: 'space-between' }}>
|
|
|
|
|
|
|
|
<div>
|
|
|
|
|
|
|
|
实时检测画面
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div style={{
|
|
|
|
|
|
|
|
display: 'flex',
|
|
|
|
|
|
|
|
justifyContent: 'end',
|
|
|
|
|
|
|
|
gap: '10px',
|
|
|
|
|
|
|
|
marginBottom: '15px'
|
|
|
|
|
|
|
|
}}>
|
|
|
|
|
|
|
|
<button style={{
|
|
|
|
|
|
|
|
padding: '8px 16px',
|
|
|
|
|
|
|
|
backgroundColor: '#2c9e9d',
|
|
|
|
|
|
|
|
color: 'white',
|
|
|
|
|
|
|
|
border: 'none',
|
|
|
|
|
|
|
|
borderRadius: '4px',
|
|
|
|
|
|
|
|
cursor: 'pointer'
|
|
|
|
|
|
|
|
}}>红外热成像检测</button>
|
|
|
|
|
|
|
|
<button style={{
|
|
|
|
|
|
|
|
padding: '8px 16px',
|
|
|
|
|
|
|
|
backgroundColor: '#f0f0f0',
|
|
|
|
|
|
|
|
color: '#333',
|
|
|
|
|
|
|
|
border: '1px solid #d9d9d9',
|
|
|
|
|
|
|
|
borderRadius: '4px',
|
|
|
|
|
|
|
|
cursor: 'pointer'
|
|
|
|
|
|
|
|
}}>DCAM双摄像头分析</button>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div style={{
|
|
|
|
|
|
|
|
width: '100%',
|
|
|
|
|
|
|
|
height: 'auto',
|
|
|
|
|
|
|
|
borderRadius: '8px',
|
|
|
|
|
|
|
|
overflow: 'hidden',
|
|
|
|
|
|
|
|
display: 'flex',
|
|
|
|
|
|
|
|
justifyContent: 'center',
|
|
|
|
|
|
|
|
alignItems: 'center',
|
|
|
|
|
|
|
|
backgroundColor: '#f5f5f5'
|
|
|
|
|
|
|
|
}}>
|
|
|
|
|
|
|
|
<img
|
|
|
|
|
|
|
|
src={newBgImage}
|
|
|
|
|
|
|
|
alt="热成像检测画面"
|
|
|
|
|
|
|
|
style={{
|
|
|
|
|
|
|
|
width: '100%',
|
|
|
|
|
|
|
|
height: '100%',
|
|
|
|
|
|
|
|
// objectFit: 'cover'
|
|
|
|
|
|
|
|
}}
|
|
|
|
|
|
|
|
/>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div style={{ width: '40%', height: '100%', display: 'flex', flexDirection: 'column' }}>
|
|
|
|
|
|
|
|
<h3>异常记录表格</h3>
|
|
|
|
|
|
|
|
<div style={{ overflowX: 'auto' }}>
|
|
|
|
|
|
|
|
<table style={{
|
|
|
|
|
|
|
|
width: '100%',
|
|
|
|
|
|
|
|
borderCollapse: 'collapse',
|
|
|
|
|
|
|
|
marginTop: '10px'
|
|
|
|
|
|
|
|
}}>
|
|
|
|
|
|
|
|
<thead>
|
|
|
|
|
|
|
|
<tr style={{ backgroundColor: '#fafafa' }}>
|
|
|
|
|
|
|
|
<th style={{
|
|
|
|
|
|
|
|
padding: '10px',
|
|
|
|
|
|
|
|
textAlign: 'left',
|
|
|
|
|
|
|
|
borderBottom: '1px solid #e8e8e8'
|
|
|
|
|
|
|
|
}}>序号</th>
|
|
|
|
|
|
|
|
<th style={{
|
|
|
|
|
|
|
|
padding: '10px',
|
|
|
|
|
|
|
|
textAlign: 'left',
|
|
|
|
|
|
|
|
borderBottom: '1px solid #e8e8e8'
|
|
|
|
|
|
|
|
}}>故障时间</th>
|
|
|
|
|
|
|
|
<th style={{
|
|
|
|
|
|
|
|
padding: '10px',
|
|
|
|
|
|
|
|
textAlign: 'left',
|
|
|
|
|
|
|
|
borderBottom: '1px solid #e8e8e8'
|
|
|
|
|
|
|
|
}}>检测区域</th>
|
|
|
|
|
|
|
|
<th style={{
|
|
|
|
|
|
|
|
padding: '10px',
|
|
|
|
|
|
|
|
textAlign: 'left',
|
|
|
|
|
|
|
|
borderBottom: '1px solid #e8e8e8'
|
|
|
|
|
|
|
|
}}>检测技术</th>
|
|
|
|
|
|
|
|
<th style={{
|
|
|
|
|
|
|
|
padding: '10px',
|
|
|
|
|
|
|
|
textAlign: 'left',
|
|
|
|
|
|
|
|
borderBottom: '1px solid #e8e8e8'
|
|
|
|
|
|
|
|
}}>处理状态</th>
|
|
|
|
|
|
|
|
<th style={{
|
|
|
|
|
|
|
|
padding: '10px',
|
|
|
|
|
|
|
|
textAlign: 'left',
|
|
|
|
|
|
|
|
borderBottom: '1px solid #e8e8e8'
|
|
|
|
|
|
|
|
}}>操作</th>
|
|
|
|
|
|
|
|
</tr>
|
|
|
|
|
|
|
|
</thead>
|
|
|
|
|
|
|
|
<tbody>
|
|
|
|
|
|
|
|
<tr>
|
|
|
|
|
|
|
|
<td style={{
|
|
|
|
|
|
|
|
padding: '10px',
|
|
|
|
|
|
|
|
borderBottom: '1px solid #e8e8e8'
|
|
|
|
|
|
|
|
}}>1</td>
|
|
|
|
|
|
|
|
<td style={{
|
|
|
|
|
|
|
|
padding: '10px',
|
|
|
|
|
|
|
|
borderBottom: '1px solid #e8e8e8'
|
|
|
|
|
|
|
|
}}>2025-10-16 14:20</td>
|
|
|
|
|
|
|
|
<td style={{
|
|
|
|
|
|
|
|
padding: '10px',
|
|
|
|
|
|
|
|
borderBottom: '1px solid #e8e8e8'
|
|
|
|
|
|
|
|
}}>1#泵房电机</td>
|
|
|
|
|
|
|
|
<td style={{
|
|
|
|
|
|
|
|
padding: '10px',
|
|
|
|
|
|
|
|
borderBottom: '1px solid #e8e8e8'
|
|
|
|
|
|
|
|
}}>红外热成像</td>
|
|
|
|
|
|
|
|
<td style={{
|
|
|
|
|
|
|
|
padding: '10px',
|
|
|
|
|
|
|
|
borderBottom: '1px solid #e8e8e8'
|
|
|
|
|
|
|
|
}}>
|
|
|
|
|
|
|
|
<span style={{
|
|
|
|
|
|
|
|
color: '#52c41a',
|
|
|
|
|
|
|
|
backgroundColor: '#f6ffed',
|
|
|
|
|
|
|
|
padding: '2px 8px',
|
|
|
|
|
|
|
|
borderRadius: '4px',
|
|
|
|
|
|
|
|
fontSize: '12px'
|
|
|
|
|
|
|
|
}}>已处理</span>
|
|
|
|
|
|
|
|
</td>
|
|
|
|
|
|
|
|
<td style={{
|
|
|
|
|
|
|
|
padding: '10px',
|
|
|
|
|
|
|
|
borderBottom: '1px solid #e8e8e8'
|
|
|
|
|
|
|
|
}}>
|
|
|
|
|
|
|
|
<button style={{
|
|
|
|
|
|
|
|
padding: '4px 8px',
|
|
|
|
|
|
|
|
backgroundColor: '#1890ff',
|
|
|
|
|
|
|
|
color: 'white',
|
|
|
|
|
|
|
|
border: 'none',
|
|
|
|
|
|
|
|
borderRadius: '4px',
|
|
|
|
|
|
|
|
cursor: 'pointer',
|
|
|
|
|
|
|
|
fontSize: '12px'
|
|
|
|
|
|
|
|
}}>查看详情</button>
|
|
|
|
|
|
|
|
</td>
|
|
|
|
|
|
|
|
</tr>
|
|
|
|
|
|
|
|
<tr>
|
|
|
|
|
|
|
|
<td style={{
|
|
|
|
|
|
|
|
padding: '10px',
|
|
|
|
|
|
|
|
borderBottom: '1px solid #e8e8e8'
|
|
|
|
|
|
|
|
}}>2</td>
|
|
|
|
|
|
|
|
<td style={{
|
|
|
|
|
|
|
|
padding: '10px',
|
|
|
|
|
|
|
|
borderBottom: '1px solid #e8e8e8'
|
|
|
|
|
|
|
|
}}>2025-10-16 14:20</td>
|
|
|
|
|
|
|
|
<td style={{
|
|
|
|
|
|
|
|
padding: '10px',
|
|
|
|
|
|
|
|
borderBottom: '1px solid #e8e8e8'
|
|
|
|
|
|
|
|
}}>2#泵房电机</td>
|
|
|
|
|
|
|
|
<td style={{
|
|
|
|
|
|
|
|
padding: '10px',
|
|
|
|
|
|
|
|
borderBottom: '1px solid #e8e8e8'
|
|
|
|
|
|
|
|
}}>红外热成像</td>
|
|
|
|
|
|
|
|
<td style={{
|
|
|
|
|
|
|
|
padding: '10px',
|
|
|
|
|
|
|
|
borderBottom: '1px solid #e8e8e8'
|
|
|
|
|
|
|
|
}}>
|
|
|
|
|
|
|
|
<span style={{
|
|
|
|
|
|
|
|
color: '#52c41a',
|
|
|
|
|
|
|
|
backgroundColor: '#f6ffed',
|
|
|
|
|
|
|
|
padding: '2px 8px',
|
|
|
|
|
|
|
|
borderRadius: '4px',
|
|
|
|
|
|
|
|
fontSize: '12px'
|
|
|
|
|
|
|
|
}}>已处理</span>
|
|
|
|
|
|
|
|
</td>
|
|
|
|
|
|
|
|
<td style={{
|
|
|
|
|
|
|
|
padding: '10px',
|
|
|
|
|
|
|
|
borderBottom: '1px solid #e8e8e8'
|
|
|
|
|
|
|
|
}}>
|
|
|
|
|
|
|
|
<button style={{
|
|
|
|
|
|
|
|
padding: '4px 8px',
|
|
|
|
|
|
|
|
backgroundColor: '#1890ff',
|
|
|
|
|
|
|
|
color: 'white',
|
|
|
|
|
|
|
|
border: 'none',
|
|
|
|
|
|
|
|
borderRadius: '4px',
|
|
|
|
|
|
|
|
cursor: 'pointer',
|
|
|
|
|
|
|
|
fontSize: '12px'
|
|
|
|
|
|
|
|
}}>查看详情</button>
|
|
|
|
|
|
|
|
</td>
|
|
|
|
|
|
|
|
</tr>
|
|
|
|
|
|
|
|
</tbody>
|
|
|
|
|
|
|
|
</table>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div style={{
|
|
|
|
|
|
|
|
display: 'flex',
|
|
|
|
|
|
|
|
justifyContent: 'flex-end',
|
|
|
|
|
|
|
|
alignItems: 'center',
|
|
|
|
|
|
|
|
marginTop: 'auto',
|
|
|
|
|
|
|
|
gap: '10px'
|
|
|
|
|
|
|
|
}}>
|
|
|
|
|
|
|
|
<span>共 05 条 10 / page</span>
|
|
|
|
|
|
|
|
<div>
|
|
|
|
|
|
|
|
<button style={{
|
|
|
|
|
|
|
|
padding: '4px 8px',
|
|
|
|
|
|
|
|
margin: '0 2px',
|
|
|
|
|
|
|
|
border: '1px solid #d9d9d9',
|
|
|
|
|
|
|
|
backgroundColor: '#fff',
|
|
|
|
|
|
|
|
cursor: 'pointer'
|
|
|
|
|
|
|
|
}}>上一页</button>
|
|
|
|
|
|
|
|
<button style={{
|
|
|
|
|
|
|
|
padding: '4px 8px',
|
|
|
|
|
|
|
|
margin: '0 2px',
|
|
|
|
|
|
|
|
border: '1px solid #1890ff',
|
|
|
|
|
|
|
|
backgroundColor: '#1890ff',
|
|
|
|
|
|
|
|
color: 'white',
|
|
|
|
|
|
|
|
cursor: 'pointer'
|
|
|
|
|
|
|
|
}}>1</button>
|
|
|
|
|
|
|
|
<span>...</span>
|
|
|
|
|
|
|
|
<button style={{
|
|
|
|
|
|
|
|
padding: '4px 8px',
|
|
|
|
|
|
|
|
margin: '0 2px',
|
|
|
|
|
|
|
|
border: '1px solid #d9d9d9',
|
|
|
|
|
|
|
|
backgroundColor: '#fff',
|
|
|
|
|
|
|
|
cursor: 'pointer'
|
|
|
|
|
|
|
|
}}>4</button>
|
|
|
|
|
|
|
|
<button style={{
|
|
|
|
|
|
|
|
padding: '4px 8px',
|
|
|
|
|
|
|
|
margin: '0 2px',
|
|
|
|
|
|
|
|
border: '1px solid #d9d9d9',
|
|
|
|
|
|
|
|
backgroundColor: '#fff',
|
|
|
|
|
|
|
|
cursor: 'pointer'
|
|
|
|
|
|
|
|
}}>5</button>
|
|
|
|
|
|
|
|
<button style={{
|
|
|
|
|
|
|
|
padding: '4px 8px',
|
|
|
|
|
|
|
|
margin: '0 2px',
|
|
|
|
|
|
|
|
border: '1px solid #d9d9d9',
|
|
|
|
|
|
|
|
backgroundColor: '#fff',
|
|
|
|
|
|
|
|
cursor: 'pointer'
|
|
|
|
|
|
|
|
}}>6</button>
|
|
|
|
|
|
|
|
<button style={{
|
|
|
|
|
|
|
|
padding: '4px 8px',
|
|
|
|
|
|
|
|
margin: '0 2px',
|
|
|
|
|
|
|
|
border: '1px solid #d9d9d9',
|
|
|
|
|
|
|
|
backgroundColor: '#fff',
|
|
|
|
|
|
|
|
cursor: 'pointer'
|
|
|
|
|
|
|
|
}}>下一页</button>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
);
|
|
|
|
case '仪器仪表采集':
|
|
|
|
case '仪器仪表采集':
|
|
|
|
case '环境监测':
|
|
|
|
case '环境监测':
|
|
|
|
return (
|
|
|
|
return (
|
|
|
|
|
