1155 lines
48 KiB
React
1155 lines
48 KiB
React
|
import React from 'react';
|
||
|
|
|
||
|
|
import styles from './index.module.scss';
|
||
|
|
|
||
|
|
const Component = () => {
|
||
|
|
return (
|
||
|
|
<div className={styles.frame42}>
|
||
|
|
<img src="../image/mmlqps3r-hl98h7j.png" className={styles.frame} />
|
||
|
|
<div className={styles.group427322611}>
|
||
|
|
<img src="../image/mmlqps3r-31wpz3x.png" className={styles.maskGroup} />
|
||
|
|
</div>
|
||
|
|
<div className={styles.frame12}>
|
||
|
|
<div className={styles.autoWrapper}>
|
||
|
|
<div className={styles.group427323064}>
|
||
|
|
<p className={styles.text}>时间查询</p>
|
||
|
|
<div className={styles.rectangle19420}>
|
||
|
|
<div className={styles.rectangle19421}>
|
||
|
|
<p className={styles.text2}>请选择查询时间</p>
|
||
|
|
<img
|
||
|
|
src="../image/mmlqps3u-xhmcajj.svg"
|
||
|
|
className={styles.vector42Stroke}
|
||
|
|
/>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div className={styles.group427323065}>
|
||
|
|
<p className={styles.text}>项目标段</p>
|
||
|
|
<div className={styles.rectangle194202}>
|
||
|
|
<div className={styles.rectangle194212}>
|
||
|
|
<p className={styles.text2}>请选择项目标段</p>
|
||
|
|
<img
|
||
|
|
src="../image/mmlqps3u-xhmcajj.svg"
|
||
|
|
className={styles.vector42Stroke}
|
||
|
|
/>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div className={styles.frame2}>
|
||
|
|
<div className={styles.rectangle194203}>
|
||
|
|
<div className={styles.rectangle194213}>
|
||
|
|
<img
|
||
|
|
src="../image/mmlqps3u-z2h177q.svg"
|
||
|
|
className={styles.vector}
|
||
|
|
/>
|
||
|
|
<p className={styles.text3}>开始搜索</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<img src="../image/mmlqps3v-s7pekoo.png" className={styles.vector2} />
|
||
|
|
</div>
|
||
|
|
<div className={styles.frame3}>
|
||
|
|
<div className={styles.rectangle194204}>
|
||
|
|
<div className={styles.rectangle194214}>
|
||
|
|
<img
|
||
|
|
src="../image/mmlqps3v-8gkqt2d.svg"
|
||
|
|
className={styles.vector}
|
||
|
|
/>
|
||
|
|
<p className={styles.text4}>重置</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<img src="../image/mmlqps3v-s7pekoo.png" className={styles.vector2} />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div className={styles.autoWrapper6}>
|
||
|
|
<div className={styles.group427323172}>
|
||
|
|
<div className={styles.group427322837}>
|
||
|
|
<img src="../image/mmlqps3v-ch01b6l.svg" className={styles.frame4} />
|
||
|
|
<div className={styles.frame5}>
|
||
|
|
<div className={styles.ellipse2} />
|
||
|
|
<div className={styles.ellipse4} />
|
||
|
|
<div className={styles.ellipse3} />
|
||
|
|
<div className={styles.ellipse5} />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<img src="../image/mmlqps3v-ycwhtwp.svg" className={styles.frame6} />
|
||
|
|
</div>
|
||
|
|
<div className={styles.frame11}>
|
||
|
|
<div className={styles.frame10}>
|
||
|
|
<div className={styles.frame8}>
|
||
|
|
<div className={styles.subtract2}>
|
||
|
|
<img
|
||
|
|
src="../image/mmlqps3u-gtjtcz1.svg"
|
||
|
|
className={styles.rectangle217}
|
||
|
|
/>
|
||
|
|
<div className={styles.autoWrapper3}>
|
||
|
|
<img
|
||
|
|
src="../image/mmlqps3u-xppwag9.svg"
|
||
|
|
className={styles.subtract}
|
||
|
|
/>
|
||
|
|
<div className={styles.autoWrapper2}>
|
||
|
|
<img
|
||
|
|
src="../image/mmlqps3u-fhihon6.svg"
|
||
|
|
className={styles.frame625055}
|
||
|
|
/>
|
||
|
|
<img
|
||
|
|
src="../image/mmlqps3u-2fxk1v6.svg"
|
||
|
|
className={styles.vector3}
|
||
|
|
/>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<img
|
||
|
|
src="../image/mmlqps3u-vaz79zw.svg"
|
||
|
|
className={styles.frame7}
|
||
|
|
/>
|
||
|
|
<div className={styles.instance}>
|
||
|
|
<div className={styles.ellipse22} />
|
||
|
|
<div className={styles.ellipse42} />
|
||
|
|
<div className={styles.ellipse32} />
|
||
|
|
<div className={styles.ellipse52} />
|
||
|
|
</div>
|
||
|
|
<p className={styles.text5}>环保水预警-LJ1</p>
|
||
|
|
<img
|
||
|
|
src="../image/mmlqps3u-481vkgz.svg"
|
||
|
|
className={styles.vector4}
|
||
|
|
/>
|
||
|
|
</div>
|
||
|
|
<div className={styles.group427323116}>
|
||
|
|
<p className={styles.text6}>预警等级:</p>
|
||
|
|
<div className={styles.autoWrapper4}>
|
||
|
|
<div className={styles.rectangle34625607} />
|
||
|
|
<p className={styles.text7}>一般预警</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<p className={styles.text11}>
|
||
|
|
<span className={styles.text8}>预警事项: </span>
|
||
|
|
<span className={styles.text9}> </span>
|
||
|
|
<span className={styles.text10}>G0612郎川高速公路-标段一</span>
|
||
|
|
</p>
|
||
|
|
<div className={styles.autoWrapper5}>
|
||
|
|
<p className={styles.text12}>G0612郎川高速公路-标段一G0612...</p>
|
||
|
|
<img
|
||
|
|
src="../image/mmlqps3u-rl9wutc.svg"
|
||
|
|
className={styles.frame9}
|
||
|
|
/>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div className={styles.rectangle34625605} />
|
||
|
|
<p className={styles.text13}>待处理</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div className={styles.autoWrapper10}>
|
||
|
|
<div className={styles.group427323174}>
|
||
|
|
<div className={styles.group427322837}>
|
||
|
|
<img src="../image/mmlqps3v-cm2knm5.svg" className={styles.frame4} />
|
||
|
|
<div className={styles.frame5}>
|
||
|
|
<div className={styles.ellipse2} />
|
||
|
|
<div className={styles.ellipse4} />
|
||
|
|
<div className={styles.ellipse3} />
|
||
|
|
<div className={styles.ellipse5} />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<img src="../image/mmlqps3v-cbzz9qa.svg" className={styles.frame6} />
|
||
|
|
</div>
|
||
|
|
<div className={styles.group427323173}>
|
||
|
|
<div className={styles.group427322837}>
|
||
|
|
<img src="../image/mmlqps3v-h25bad2.svg" className={styles.frame4} />
|
||
|
|
<div className={styles.frame5}>
|
||
|
|
<div className={styles.ellipse2} />
|
||
|
|
<div className={styles.ellipse4} />
|
||
|
|
<div className={styles.ellipse3} />
|
||
|
|
<div className={styles.ellipse5} />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<img src="../image/mmlqps3v-0q5by0l.svg" className={styles.frame6} />
|
||
|
|
</div>
|
||
|
|
<div className={styles.group427323175}>
|
||
|
|
<div className={styles.group427322837}>
|
||
|
|
<img src="../image/mmlqps3v-5ejx8ro.svg" className={styles.frame4} />
|
||
|
|
<div className={styles.frame5}>
|
||
|
|
<div className={styles.ellipse2} />
|
||
|
|
<div className={styles.ellipse4} />
|
||
|
|
<div className={styles.ellipse3} />
|
||
|
|
<div className={styles.ellipse5} />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<img src="../image/mmlqps3v-j2w3sie.svg" className={styles.frame6} />
|
||
|
|
</div>
|
||
|
|
<div className={styles.autoWrapper9}>
|
||
|
|
<div className={styles.rectangle1}>
|
||
|
|
<div className={styles.group427322615}>
|
||
|
|
<div className={styles.autoWrapper7}>
|
||
|
|
<div className={styles.ellipse26} />
|
||
|
|
<div className={styles.ellipse29} />
|
||
|
|
<img
|
||
|
|
src="../image/mmlqps3u-4sstuh5.svg"
|
||
|
|
className={styles.vector5}
|
||
|
|
/>
|
||
|
|
</div>
|
||
|
|
<p className={styles.text14}>一键收起</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div className={styles.rectangle12}>
|
||
|
|
<div className={styles.group4273226152}>
|
||
|
|
<div className={styles.autoWrapper8}>
|
||
|
|
<div className={styles.ellipse26} />
|
||
|
|
<div className={styles.ellipse29} />
|
||
|
|
<img
|
||
|
|
src="../image/mmlqps3u-vwv7q7n.svg"
|
||
|
|
className={styles.vector6}
|
||
|
|
/>
|
||
|
|
</div>
|
||
|
|
<p className={styles.text14}>回到原点</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<img src="../image/mmlqps3r-tmx2h8i.svg" className={styles.frame13} />
|
||
|
|
<img src="../image/mmlqps3r-qfrgtcg.png" className={styles.frame14} />
|
||
|
|
<img src="../image/mmlqps3r-9p7tuu1.svg" className={styles.frame15} />
|
||
|
|
<div className={styles.frame24}>
|
||
|
|
<div className={styles.instance3}>
|
||
|
|
<div className={styles.subtract3}>
|
||
|
|
<img src="../image/mmlqps3r-26r3h5s.svg" className={styles.frame16} />
|
||
|
|
</div>
|
||
|
|
<img src="../image/mmlqps3r-kvhr62j.png" className={styles.frame17} />
|
||
|
|
<div className={styles.frame21}>
|
||
|
|
<div className={styles.frame20}>
|
||
|
|
<img src="../image/mmlqps3r-tcaqxa6.svg" className={styles.light} />
|
||
|
|
<div className={styles.autoWrapper14}>
|
||
|
|
<div className={styles.autoWrapper13}>
|
||
|
|
<img
|
||
|
|
src="../image/mmlqps3r-tv8de2r.svg"
|
||
|
|
className={styles.frame625062}
|
||
|
|
/>
|
||
|
|
<div className={styles.autoWrapper12}>
|
||
|
|
<div className={styles.frame18}>
|
||
|
|
<div className={styles.subtract4}>
|
||
|
|
<div className={styles.autoWrapper11}>
|
||
|
|
<img
|
||
|
|
src="../image/mmlqps3s-3ch60vn.svg"
|
||
|
|
className={styles.rectangle19361}
|
||
|
|
/>
|
||
|
|
<img
|
||
|
|
src="../image/mmlqps3s-f7l9dt5.svg"
|
||
|
|
className={styles.frame427318995}
|
||
|
|
/>
|
||
|
|
</div>
|
||
|
|
<p className={styles.text15}>路网中心</p>
|
||
|
|
<img
|
||
|
|
src="../image/mmlqps3s-imrha57.svg"
|
||
|
|
className={styles.union}
|
||
|
|
/>
|
||
|
|
</div>
|
||
|
|
<img
|
||
|
|
src="../image/mmlqps3s-1olr640.png"
|
||
|
|
className={styles.rectangle19362}
|
||
|
|
/>
|
||
|
|
</div>
|
||
|
|
<div className={styles.frame19}>
|
||
|
|
<div className={styles.subtract5}>
|
||
|
|
<div className={styles.autoWrapper11}>
|
||
|
|
<img
|
||
|
|
src="../image/mmlqps3s-9v7mm5w.svg"
|
||
|
|
className={styles.rectangle19361}
|
||
|
|
/>
|
||
|
|
<img
|
||
|
|
src="../image/mmlqps3s-mzc6e56.svg"
|
||
|
|
className={styles.frame427318995}
|
||
|
|
/>
|
||
|
|
</div>
|
||
|
|
<p className={styles.text15}>监控中心</p>
|
||
|
|
<img
|
||
|
|
src="../image/mmlqps3s-s54llrr.svg"
|
||
|
|
className={styles.union}
|
||
|
|
/>
|
||
|
|
</div>
|
||
|
|
<img
|
||
|
|
src="../image/mmlqps3s-1olr640.png"
|
||
|
|
className={styles.rectangle19362}
|
||
|
|
/>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div className={styles.instance2}>
|
||
|
|
<div className={styles.ellipse23} />
|
||
|
|
<div className={styles.ellipse33} />
|
||
|
|
<div className={styles.ellipse43} />
|
||
|
|
<div className={styles.ellipse53} />
|
||
|
|
<div className={styles.ellipse6} />
|
||
|
|
<div className={styles.ellipse7} />
|
||
|
|
<img
|
||
|
|
src="../image/mmlqps3r-5rkl8jf.svg"
|
||
|
|
className={styles.subtract6}
|
||
|
|
/>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<img
|
||
|
|
src="../image/mmlqps3s-yqvbetr.svg"
|
||
|
|
className={styles.vector7}
|
||
|
|
/>
|
||
|
|
<p className={styles.text16}>设置</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<p className={styles.text17}>川高 数智云脑</p>
|
||
|
|
</div>
|
||
|
|
<div className={styles.instance7}>
|
||
|
|
<div className={styles.instance4}>
|
||
|
|
<img src="../image/mmlqps4r-1ff04nk.png" className={styles.frame22} />
|
||
|
|
<div className={styles.frame427318979}>
|
||
|
|
<p className={styles.text18}>小雨</p>
|
||
|
|
<p className={styles.text18}>27℃</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div className={styles.frame23}>
|
||
|
|
<div className={styles.subtract7}>
|
||
|
|
<img
|
||
|
|
src="../image/mmlqps3s-21mqkhh.svg"
|
||
|
|
className={styles.rectangle19361}
|
||
|
|
/>
|
||
|
|
<div className={styles.autoWrapper15}>
|
||
|
|
<img
|
||
|
|
src="../image/mmlqps3s-e3b5jwf.svg"
|
||
|
|
className={styles.frame4273189952}
|
||
|
|
/>
|
||
|
|
<p className={styles.text19}>预警中心</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<img
|
||
|
|
src="../image/mmlqps3s-aa42bbm.png"
|
||
|
|
className={styles.rectangle19362}
|
||
|
|
/>
|
||
|
|
<img
|
||
|
|
src="../image/mmlqps3s-e1trtsv.png"
|
||
|
|
className={styles.frame427318996}
|
||
|
|
/>
|
||
|
|
<div className={styles.instance5}>
|
||
|
|
<div className={styles.ellipse24} />
|
||
|
|
<div className={styles.ellipse34} />
|
||
|
|
<div className={styles.ellipse44} />
|
||
|
|
<div className={styles.ellipse54} />
|
||
|
|
<div className={styles.ellipse62} />
|
||
|
|
<div className={styles.ellipse72} />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div className={styles.instance6}>
|
||
|
|
<div className={styles.subtract8}>
|
||
|
|
<div className={styles.autoWrapper11}>
|
||
|
|
<img
|
||
|
|
src="../image/mmlqps3s-vpnylbw.svg"
|
||
|
|
className={styles.rectangle19361}
|
||
|
|
/>
|
||
|
|
<img
|
||
|
|
src="../image/mmlqps3s-6ucf199.svg"
|
||
|
|
className={styles.frame427318995}
|
||
|
|
/>
|
||
|
|
</div>
|
||
|
|
<p className={styles.text20}>驾驶舱</p>
|
||
|
|
<img src="../image/mmlqps3s-0eh3dds.svg" className={styles.union} />
|
||
|
|
</div>
|
||
|
|
<img
|
||
|
|
src="../image/mmlqps3s-1olr640.png"
|
||
|
|
className={styles.rectangle19362}
|
||
|
|
/>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<p className={styles.a20231012175316}>2023-10-12 17:53:16</p>
|
||
|
|
</div>
|
||
|
|
<div className={styles.frame26}>
|
||
|
|
<div className={styles.instance10}>
|
||
|
|
<img src="../image/mmlqps3s-detnpl0.svg" className={styles.subtract9} />
|
||
|
|
<div className={styles.rectangle215}>
|
||
|
|
<img
|
||
|
|
src="../image/mmlqps3s-pj8klp3.svg"
|
||
|
|
className={styles.rectangle216}
|
||
|
|
/>
|
||
|
|
</div>
|
||
|
|
<div className={styles.instance9}>
|
||
|
|
<img
|
||
|
|
src="../image/mmlqps3s-w4aka7q.svg"
|
||
|
|
className={styles.maskGroup2}
|
||
|
|
/>
|
||
|
|
<div className={styles.intersect}>
|
||
|
|
<div className={styles.ellipse305} />
|
||
|
|
</div>
|
||
|
|
<div className={styles.intersect2}>
|
||
|
|
<p className={styles.text21}>预警数量</p>
|
||
|
|
</div>
|
||
|
|
<img src="../image/mmlqps3s-yi11x63.svg" className={styles.union2} />
|
||
|
|
<div className={styles.instance8}>
|
||
|
|
<div className={styles.ellipse25} />
|
||
|
|
<div className={styles.ellipse45} />
|
||
|
|
<div className={styles.ellipse35} />
|
||
|
|
<div className={styles.ellipse55} />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div className={styles.group427323139}>
|
||
|
|
<div className={styles.group427322664}>
|
||
|
|
<img
|
||
|
|
src="../image/mmlqps3s-o0pe58a.svg"
|
||
|
|
className={styles.rectangle34625517}
|
||
|
|
/>
|
||
|
|
<div className={styles.group427322586}>
|
||
|
|
<img
|
||
|
|
src="../image/mmlqps3s-ei8whnv.svg"
|
||
|
|
className={styles.group427322412}
|
||
|
|
/>
|
||
|
|
<p className={styles.text22}>预警总数</p>
|
||
|
|
<p className={styles.a50000}>50000</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div className={styles.group427323098}>
|
||
|
|
<div className={styles.autoWrapper16}>
|
||
|
|
<p className={styles.text23}>质量预警</p>
|
||
|
|
<p className={styles.a500002}>50000</p>
|
||
|
|
</div>
|
||
|
|
<div className={styles.rectangle346256052}>
|
||
|
|
<img
|
||
|
|
src="../image/mmlqps3s-cfc75id.svg"
|
||
|
|
className={styles.rectangle34625606}
|
||
|
|
/>
|
||
|
|
</div>
|
||
|
|
<div className={styles.ellipse2420}>
|
||
|
|
<div className={styles.ellipse2419} />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div className={styles.group427323099}>
|
||
|
|
<div className={styles.autoWrapper17}>
|
||
|
|
<p className={styles.text24}>环水保预警</p>
|
||
|
|
<p className={styles.a500003}>50000</p>
|
||
|
|
</div>
|
||
|
|
<div className={styles.rectangle346256053}>
|
||
|
|
<img
|
||
|
|
src="../image/mmlqps3s-df2o7wa.svg"
|
||
|
|
className={styles.rectangle346256072}
|
||
|
|
/>
|
||
|
|
</div>
|
||
|
|
<div className={styles.ellipse24202}>
|
||
|
|
<div className={styles.ellipse2419} />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div className={styles.group427323100}>
|
||
|
|
<div className={styles.autoWrapper16}>
|
||
|
|
<p className={styles.text23}>综合预警</p>
|
||
|
|
<p className={styles.a500002}>50000</p>
|
||
|
|
</div>
|
||
|
|
<div className={styles.autoWrapper18}>
|
||
|
|
<img
|
||
|
|
src="../image/mmlqps3s-zzybvj8.svg"
|
||
|
|
className={styles.rectangle346256054}
|
||
|
|
/>
|
||
|
|
<img
|
||
|
|
src="../image/mmlqps3s-pr2elp2.svg"
|
||
|
|
className={styles.group427323097}
|
||
|
|
/>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div className={styles.group427323101}>
|
||
|
|
<div className={styles.autoWrapper16}>
|
||
|
|
<p className={styles.text23}>安全预警</p>
|
||
|
|
<p className={styles.a500002}>50000</p>
|
||
|
|
</div>
|
||
|
|
<div className={styles.autoWrapper19}>
|
||
|
|
<img
|
||
|
|
src="../image/mmlqps3s-ul2ivya.svg"
|
||
|
|
className={styles.rectangle346256055}
|
||
|
|
/>
|
||
|
|
<img
|
||
|
|
src="../image/mmlqps3s-4rh24ka.svg"
|
||
|
|
className={styles.group4273230972}
|
||
|
|
/>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div className={styles.instance12}>
|
||
|
|
<img src="../image/mmlqps3s-t0diyqa.svg" className={styles.subtract9} />
|
||
|
|
<div className={styles.rectangle215}>
|
||
|
|
<img
|
||
|
|
src="../image/mmlqps3s-pj8klp3.svg"
|
||
|
|
className={styles.rectangle216}
|
||
|
|
/>
|
||
|
|
</div>
|
||
|
|
<div className={styles.instance11}>
|
||
|
|
<img
|
||
|
|
src="../image/mmlqps3s-fd6xfsp.svg"
|
||
|
|
className={styles.maskGroup2}
|
||
|
|
/>
|
||
|
|
<div className={styles.intersect3}>
|
||
|
|
<div className={styles.ellipse305} />
|
||
|
|
</div>
|
||
|
|
<div className={styles.intersect4}>
|
||
|
|
<p className={styles.text21}>预警处置情况</p>
|
||
|
|
<img src="../image/mmlqps3s-g57ta4h.svg" className={styles.union3} />
|
||
|
|
</div>
|
||
|
|
<img src="../image/mmlqps3s-i11hf9u.svg" className={styles.union2} />
|
||
|
|
<div className={styles.instance8}>
|
||
|
|
<div className={styles.ellipse25} />
|
||
|
|
<div className={styles.ellipse45} />
|
||
|
|
<div className={styles.ellipse35} />
|
||
|
|
<div className={styles.ellipse55} />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div className={styles.group427323112}>
|
||
|
|
<div className={styles.autoWrapper20}>
|
||
|
|
<div className={styles.group427323010}>
|
||
|
|
<img
|
||
|
|
src="../image/mmlqps3t-idph0b5.svg"
|
||
|
|
className={styles.vector8}
|
||
|
|
/>
|
||
|
|
<img
|
||
|
|
src="../image/mmlqps3t-9jqr1on.svg"
|
||
|
|
className={styles.vector8}
|
||
|
|
/>
|
||
|
|
<div className={styles.group427322952}>
|
||
|
|
<p className={styles.text25}>已处置预警总数</p>
|
||
|
|
<div className={styles.rectangle34625553} />
|
||
|
|
<p className={styles.a5000}>5000</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div className={styles.group427323009}>
|
||
|
|
<img
|
||
|
|
src="../image/mmlqps3s-y516e62.svg"
|
||
|
|
className={styles.vector8}
|
||
|
|
/>
|
||
|
|
<img
|
||
|
|
src="../image/mmlqps3s-92hg91j.svg"
|
||
|
|
className={styles.vector8}
|
||
|
|
/>
|
||
|
|
<div className={styles.group4273229522}>
|
||
|
|
<p className={styles.text26}>未处置预警</p>
|
||
|
|
<div className={styles.rectangle346255532} />
|
||
|
|
<p className={styles.a2500}>2500</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div className={styles.autoWrapper22}>
|
||
|
|
<div className={styles.group427322954}>
|
||
|
|
<div className={styles.rectangle34625565}>
|
||
|
|
<div className={styles.autoWrapper21}>
|
||
|
|
<div className={styles.group4273229523}>
|
||
|
|
<p className={styles.text25}>闭环率</p>
|
||
|
|
<div className={styles.rectangle34625553} />
|
||
|
|
<p className={styles.a5000}>50%</p>
|
||
|
|
</div>
|
||
|
|
<img
|
||
|
|
src="../image/mmlqps3t-dasrsmb.svg"
|
||
|
|
className={styles.vector9}
|
||
|
|
/>
|
||
|
|
</div>
|
||
|
|
<img
|
||
|
|
src="../image/mmlqps3t-fk1oco2.svg"
|
||
|
|
className={styles.group427322955}
|
||
|
|
/>
|
||
|
|
</div>
|
||
|
|
<img
|
||
|
|
src="../image/mmlqps3t-3ukybe0.png"
|
||
|
|
className={styles.vector10}
|
||
|
|
/>
|
||
|
|
</div>
|
||
|
|
<div className={styles.group4273230092}>
|
||
|
|
<img
|
||
|
|
src="../image/mmlqps3s-q3bul93.svg"
|
||
|
|
className={styles.vector8}
|
||
|
|
/>
|
||
|
|
<img
|
||
|
|
src="../image/mmlqps3s-ly4yod0.svg"
|
||
|
|
className={styles.vector8}
|
||
|
|
/>
|
||
|
|
<div className={styles.group4273229524}>
|
||
|
|
<p className={styles.text27}>超时未处置占比</p>
|
||
|
|
<div className={styles.rectangle346255532} />
|
||
|
|
<p className={styles.a50}>50%</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<img
|
||
|
|
src="../image/mmlqps3t-rs0sjtu.svg"
|
||
|
|
className={styles.group427323111}
|
||
|
|
/>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div className={styles.instance14}>
|
||
|
|
<img src="../image/mmlqps3s-mt6djw4.svg" className={styles.subtract9} />
|
||
|
|
<div className={styles.rectangle215}>
|
||
|
|
<img
|
||
|
|
src="../image/mmlqps3s-pj8klp3.svg"
|
||
|
|
className={styles.rectangle216}
|
||
|
|
/>
|
||
|
|
</div>
|
||
|
|
<div className={styles.instance13}>
|
||
|
|
<img
|
||
|
|
src="../image/mmlqps3s-m9vphrk.svg"
|
||
|
|
className={styles.maskGroup2}
|
||
|
|
/>
|
||
|
|
<div className={styles.intersect5}>
|
||
|
|
<div className={styles.ellipse305} />
|
||
|
|
</div>
|
||
|
|
<div className={styles.intersect6}>
|
||
|
|
<p className={styles.text21}>预警程度统计</p>
|
||
|
|
</div>
|
||
|
|
<img src="../image/mmlqps3s-vcdbbge.svg" className={styles.union2} />
|
||
|
|
<div className={styles.instance8}>
|
||
|
|
<div className={styles.ellipse25} />
|
||
|
|
<div className={styles.ellipse45} />
|
||
|
|
<div className={styles.ellipse35} />
|
||
|
|
<div className={styles.ellipse55} />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div className={styles.rectangle34625505}>
|
||
|
|
<div className={styles.autoWrapper23}>
|
||
|
|
<div className={styles.rectangle34625507} />
|
||
|
|
<div className={styles.rectangle34625506} />
|
||
|
|
</div>
|
||
|
|
<div className={styles.ellipse2399} />
|
||
|
|
<div className={styles.group427322779}>
|
||
|
|
<p className={styles.text28}>特别严重</p>
|
||
|
|
<p className={styles.a20}>20</p>
|
||
|
|
<p className={styles.text29}>占比</p>
|
||
|
|
<p className={styles.a2556}>25.56%</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div className={styles.rectangle346255052}>
|
||
|
|
<div className={styles.autoWrapper23}>
|
||
|
|
<div className={styles.rectangle34625507} />
|
||
|
|
<div className={styles.rectangle34625506} />
|
||
|
|
</div>
|
||
|
|
<div className={styles.ellipse2400} />
|
||
|
|
<div className={styles.group4273227792}>
|
||
|
|
<p className={styles.text30}>严重</p>
|
||
|
|
<p className={styles.a2000}>2000</p>
|
||
|
|
<p className={styles.text30}>占比</p>
|
||
|
|
<p className={styles.a2000}>25.56%</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div className={styles.rectangle346255053}>
|
||
|
|
<div className={styles.autoWrapper23}>
|
||
|
|
<div className={styles.rectangle34625507} />
|
||
|
|
<div className={styles.rectangle34625506} />
|
||
|
|
</div>
|
||
|
|
<div className={styles.ellipse2401} />
|
||
|
|
<div className={styles.group4273227792}>
|
||
|
|
<p className={styles.text30}>较重</p>
|
||
|
|
<p className={styles.a2000}>2000</p>
|
||
|
|
<p className={styles.text30}>占比</p>
|
||
|
|
<p className={styles.a2000}>25.56%</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div className={styles.rectangle346255054}>
|
||
|
|
<div className={styles.autoWrapper23}>
|
||
|
|
<div className={styles.rectangle34625507} />
|
||
|
|
<div className={styles.rectangle34625506} />
|
||
|
|
</div>
|
||
|
|
<div className={styles.ellipse2402} />
|
||
|
|
<div className={styles.group4273227792}>
|
||
|
|
<p className={styles.text30}>一般</p>
|
||
|
|
<p className={styles.a2000}>2000</p>
|
||
|
|
<p className={styles.text30}>占比</p>
|
||
|
|
<p className={styles.a2000}>25.56%</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div className={styles.group427323048}>
|
||
|
|
<div className={styles.frame25}>
|
||
|
|
<img
|
||
|
|
src="../image/mmlqps3s-sk0uhfx.svg"
|
||
|
|
className={styles.group427320151}
|
||
|
|
/>
|
||
|
|
<div className={styles.group427323051} />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div className={styles.frame39}>
|
||
|
|
<div className={styles.instance17}>
|
||
|
|
<img src="../image/mmlqps3t-ybct34r.svg" className={styles.subtract10} />
|
||
|
|
<div className={styles.rectangle215}>
|
||
|
|
<img
|
||
|
|
src="../image/mmlqps3s-pj8klp3.svg"
|
||
|
|
className={styles.rectangle216}
|
||
|
|
/>
|
||
|
|
</div>
|
||
|
|
<div className={styles.instance15}>
|
||
|
|
<img
|
||
|
|
src="../image/mmlqps3t-xghwc6f.svg"
|
||
|
|
className={styles.maskGroup2}
|
||
|
|
/>
|
||
|
|
<div className={styles.intersect7}>
|
||
|
|
<div className={styles.ellipse305} />
|
||
|
|
</div>
|
||
|
|
<div className={styles.intersect8}>
|
||
|
|
<p className={styles.text21}>预警列表</p>
|
||
|
|
</div>
|
||
|
|
<img src="../image/mmlqps3t-s03fmrk.svg" className={styles.union2} />
|
||
|
|
<div className={styles.instance8}>
|
||
|
|
<div className={styles.ellipse25} />
|
||
|
|
<div className={styles.ellipse45} />
|
||
|
|
<div className={styles.ellipse35} />
|
||
|
|
<div className={styles.ellipse55} />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div className={styles.rectangle34625532}>
|
||
|
|
<div className={styles.rectangle34625533}>
|
||
|
|
<p className={styles.text31}>实时预警</p>
|
||
|
|
</div>
|
||
|
|
<p className={styles.text32}>关注预警</p>
|
||
|
|
</div>
|
||
|
|
<div className={styles.frame427323172}>
|
||
|
|
<div className={styles.frame29}>
|
||
|
|
<div className={styles.frame28}>
|
||
|
|
<div className={styles.subtract11}>
|
||
|
|
<img
|
||
|
|
src="../image/mmlqps3u-gtjtcz1.svg"
|
||
|
|
className={styles.rectangle217}
|
||
|
|
/>
|
||
|
|
<img
|
||
|
|
src="../image/mmlqps3t-lru03hg.svg"
|
||
|
|
className={styles.frame6250552}
|
||
|
|
/>
|
||
|
|
</div>
|
||
|
|
<img
|
||
|
|
src="../image/mmlqps3t-u9zr83f.svg"
|
||
|
|
className={styles.frame27}
|
||
|
|
/>
|
||
|
|
<p className={styles.text5}>环保水预警-LJ1</p>
|
||
|
|
<img
|
||
|
|
src="../image/mmlqps3t-i0j71e6.svg"
|
||
|
|
className={styles.vector4}
|
||
|
|
/>
|
||
|
|
<img
|
||
|
|
src="../image/mmlqps3t-i26tds2.svg"
|
||
|
|
className={styles.subtract12}
|
||
|
|
/>
|
||
|
|
<div className={styles.instance16}>
|
||
|
|
<div className={styles.ellipse27} />
|
||
|
|
<div className={styles.ellipse46} />
|
||
|
|
<div className={styles.ellipse36} />
|
||
|
|
<div className={styles.ellipse56} />
|
||
|
|
</div>
|
||
|
|
<div className={styles.rectangle346256056} />
|
||
|
|
<p className={styles.text33}>待处理</p>
|
||
|
|
</div>
|
||
|
|
<div className={styles.autoWrapper24}>
|
||
|
|
<div className={styles.group4273231162}>
|
||
|
|
<p className={styles.text6}>预警等级:</p>
|
||
|
|
<div className={styles.autoWrapper4}>
|
||
|
|
<div className={styles.rectangle34625607} />
|
||
|
|
<p className={styles.text7}>一般预警</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<img src="../image/mmlqps3t-cgqj6wt.svg" className={styles.star1} />
|
||
|
|
</div>
|
||
|
|
<p className={styles.text35}>
|
||
|
|
<span className={styles.text8}>预警事项: </span>
|
||
|
|
<span className={styles.text9}> </span>
|
||
|
|
<span className={styles.text34}>
|
||
|
|
G0612郎川高速公路-标段一G0612郎川高速
|
||
|
|
<br />
|
||
|
|
公路-标段一发生****质量预警
|
||
|
|
</span>
|
||
|
|
</p>
|
||
|
|
<div className={styles.autoWrapper25}>
|
||
|
|
<p className={styles.text36}>
|
||
|
|
<span className={styles.text8}>责任主体: </span>
|
||
|
|
<span className={styles.text9}> </span>
|
||
|
|
<span className={styles.text34}>张三</span>
|
||
|
|
</p>
|
||
|
|
<p className={styles.text36}>
|
||
|
|
<span className={styles.text8}>预警时间: </span>
|
||
|
|
<span className={styles.text9}> </span>
|
||
|
|
<span className={styles.text34}>2026-01-14 15:47</span>
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div className={styles.frame31}>
|
||
|
|
<div className={styles.frame30}>
|
||
|
|
<div className={styles.subtract13}>
|
||
|
|
<img
|
||
|
|
src="../image/mmlqps3u-gtjtcz1.svg"
|
||
|
|
className={styles.rectangle217}
|
||
|
|
/>
|
||
|
|
<img
|
||
|
|
src="../image/mmlqps3t-osqhzmj.svg"
|
||
|
|
className={styles.frame6250552}
|
||
|
|
/>
|
||
|
|
</div>
|
||
|
|
<img
|
||
|
|
src="../image/mmlqps3t-z847khf.svg"
|
||
|
|
className={styles.frame27}
|
||
|
|
/>
|
||
|
|
<p className={styles.text37}>质量预警-LJ1</p>
|
||
|
|
<img
|
||
|
|
src="../image/mmlqps3t-0u0snt6.svg"
|
||
|
|
className={styles.vector11}
|
||
|
|
/>
|
||
|
|
<img
|
||
|
|
src="../image/mmlqps3t-h6hro2d.svg"
|
||
|
|
className={styles.subtract12}
|
||
|
|
/>
|
||
|
|
<div className={styles.instance16}>
|
||
|
|
<div className={styles.ellipse27} />
|
||
|
|
<div className={styles.ellipse46} />
|
||
|
|
<div className={styles.ellipse36} />
|
||
|
|
<div className={styles.ellipse56} />
|
||
|
|
</div>
|
||
|
|
<div className={styles.rectangle346256057} />
|
||
|
|
<p className={styles.text38}>处理中</p>
|
||
|
|
</div>
|
||
|
|
<div className={styles.autoWrapper27}>
|
||
|
|
<div className={styles.group4273231163}>
|
||
|
|
<p className={styles.text6}>预警等级:</p>
|
||
|
|
<div className={styles.autoWrapper26}>
|
||
|
|
<div className={styles.rectangle346256073} />
|
||
|
|
<p className={styles.text7}>特别严重</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<img src="../image/mmlqps3t-32lq8vr.svg" className={styles.star2} />
|
||
|
|
</div>
|
||
|
|
<p className={styles.text39}>
|
||
|
|
<span className={styles.text8}>预警事项: </span>
|
||
|
|
<span className={styles.text9}> </span>
|
||
|
|
<span className={styles.text34}>
|
||
|
|
G0612郎川高速公路-标段一G0612郎川高速
|
||
|
|
<br />
|
||
|
|
公路-标段一发生****质量预警
|
||
|
|
</span>
|
||
|
|
</p>
|
||
|
|
<div className={styles.autoWrapper25}>
|
||
|
|
<p className={styles.text36}>
|
||
|
|
<span className={styles.text8}>责任主体: </span>
|
||
|
|
<span className={styles.text9}> </span>
|
||
|
|
<span className={styles.text34}>张三</span>
|
||
|
|
</p>
|
||
|
|
<p className={styles.text36}>
|
||
|
|
<span className={styles.text8}>预警时间: </span>
|
||
|
|
<span className={styles.text9}> </span>
|
||
|
|
<span className={styles.text34}>2026-01-14 15:47</span>
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div className={styles.frame33}>
|
||
|
|
<div className={styles.frame32}>
|
||
|
|
<div className={styles.subtract14}>
|
||
|
|
<img
|
||
|
|
src="../image/mmlqps3u-gtjtcz1.svg"
|
||
|
|
className={styles.rectangle217}
|
||
|
|
/>
|
||
|
|
<img
|
||
|
|
src="../image/mmlqps3t-4zvr8yn.svg"
|
||
|
|
className={styles.frame6250552}
|
||
|
|
/>
|
||
|
|
</div>
|
||
|
|
<img
|
||
|
|
src="../image/mmlqps3t-e12uei6.svg"
|
||
|
|
className={styles.frame27}
|
||
|
|
/>
|
||
|
|
<p className={styles.text37}>安全预警-LJ1</p>
|
||
|
|
<img
|
||
|
|
src="../image/mmlqps3t-ioh02cm.svg"
|
||
|
|
className={styles.vector12}
|
||
|
|
/>
|
||
|
|
<img
|
||
|
|
src="../image/mmlqps3t-09713yz.svg"
|
||
|
|
className={styles.subtract12}
|
||
|
|
/>
|
||
|
|
<div className={styles.instance16}>
|
||
|
|
<div className={styles.ellipse27} />
|
||
|
|
<div className={styles.ellipse46} />
|
||
|
|
<div className={styles.ellipse36} />
|
||
|
|
<div className={styles.ellipse56} />
|
||
|
|
</div>
|
||
|
|
<div className={styles.rectangle346256057} />
|
||
|
|
<p className={styles.text38}>处理中</p>
|
||
|
|
</div>
|
||
|
|
<div className={styles.autoWrapper29}>
|
||
|
|
<div className={styles.group4273231164}>
|
||
|
|
<p className={styles.text6}>预警等级:</p>
|
||
|
|
<div className={styles.autoWrapper28}>
|
||
|
|
<div className={styles.rectangle346256074} />
|
||
|
|
<p className={styles.text7}>较重预警</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<img src="../image/mmlqps3t-32lq8vr.svg" className={styles.star2} />
|
||
|
|
</div>
|
||
|
|
<p className={styles.text39}>
|
||
|
|
<span className={styles.text8}>预警事项: </span>
|
||
|
|
<span className={styles.text9}> </span>
|
||
|
|
<span className={styles.text34}>
|
||
|
|
G0612郎川高速公路-标段一G0612郎川高速
|
||
|
|
<br />
|
||
|
|
公路-标段一发生****质量预警
|
||
|
|
</span>
|
||
|
|
</p>
|
||
|
|
<div className={styles.autoWrapper25}>
|
||
|
|
<p className={styles.text36}>
|
||
|
|
<span className={styles.text8}>责任主体: </span>
|
||
|
|
<span className={styles.text9}> </span>
|
||
|
|
<span className={styles.text34}>张三</span>
|
||
|
|
</p>
|
||
|
|
<p className={styles.text36}>
|
||
|
|
<span className={styles.text8}>预警时间: </span>
|
||
|
|
<span className={styles.text9}> </span>
|
||
|
|
<span className={styles.text34}>2026-01-14 15:47</span>
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div className={styles.frame36}>
|
||
|
|
<div className={styles.ellipse1954} />
|
||
|
|
<div className={styles.frame35}>
|
||
|
|
<div className={styles.frame34}>
|
||
|
|
<div className={styles.subtract15}>
|
||
|
|
<img
|
||
|
|
src="../image/mmlqps3u-gtjtcz1.svg"
|
||
|
|
className={styles.rectangle217}
|
||
|
|
/>
|
||
|
|
<img
|
||
|
|
src="../image/mmlqps3t-2pkgyq7.svg"
|
||
|
|
className={styles.frame6250552}
|
||
|
|
/>
|
||
|
|
</div>
|
||
|
|
<img
|
||
|
|
src="../image/mmlqps3t-7xgw1ze.svg"
|
||
|
|
className={styles.frame27}
|
||
|
|
/>
|
||
|
|
<p className={styles.text37}>综合预警-LJ1</p>
|
||
|
|
<img
|
||
|
|
src="../image/mmlqps3t-98kdzp6.svg"
|
||
|
|
className={styles.vector13}
|
||
|
|
/>
|
||
|
|
<img
|
||
|
|
src="../image/mmlqps3t-3h8459g.svg"
|
||
|
|
className={styles.subtract12}
|
||
|
|
/>
|
||
|
|
<div className={styles.instance16}>
|
||
|
|
<div className={styles.ellipse27} />
|
||
|
|
<div className={styles.ellipse46} />
|
||
|
|
<div className={styles.ellipse36} />
|
||
|
|
<div className={styles.ellipse56} />
|
||
|
|
</div>
|
||
|
|
<div className={styles.rectangle346256058} />
|
||
|
|
<p className={styles.text38}>已闭环</p>
|
||
|
|
</div>
|
||
|
|
<div className={styles.autoWrapper31}>
|
||
|
|
<div className={styles.group4273231165}>
|
||
|
|
<p className={styles.text6}>预警等级:</p>
|
||
|
|
<div className={styles.autoWrapper30}>
|
||
|
|
<div className={styles.rectangle346256075} />
|
||
|
|
<p className={styles.text7}>严重预警</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<img
|
||
|
|
src="../image/mmlqps3t-32lq8vr.svg"
|
||
|
|
className={styles.star2}
|
||
|
|
/>
|
||
|
|
</div>
|
||
|
|
<p className={styles.text39}>
|
||
|
|
<span className={styles.text8}>预警事项: </span>
|
||
|
|
<span className={styles.text9}> </span>
|
||
|
|
<span className={styles.text34}>
|
||
|
|
G0612郎川高速公路-标段一G0612郎川高速
|
||
|
|
<br />
|
||
|
|
公路-标段一发生****质量预警
|
||
|
|
</span>
|
||
|
|
</p>
|
||
|
|
<div className={styles.autoWrapper25}>
|
||
|
|
<p className={styles.text36}>
|
||
|
|
<span className={styles.text8}>责任主体: </span>
|
||
|
|
<span className={styles.text9}> </span>
|
||
|
|
<span className={styles.text34}>张三</span>
|
||
|
|
</p>
|
||
|
|
<p className={styles.text36}>
|
||
|
|
<span className={styles.text8}>预警时间: </span>
|
||
|
|
<span className={styles.text9}> </span>
|
||
|
|
<span className={styles.text34}>
|
||
|
|
2026-01-14 15:47
|
||
|
|
</span>
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div className={styles.frame38}>
|
||
|
|
<div className={styles.frame37}>
|
||
|
|
<div className={styles.subtract16}>
|
||
|
|
<img
|
||
|
|
src="../image/mmlqps3u-gtjtcz1.svg"
|
||
|
|
className={styles.rectangle217}
|
||
|
|
/>
|
||
|
|
<img
|
||
|
|
src="../image/mmlqps3u-vtg2htr.svg"
|
||
|
|
className={styles.frame6250552}
|
||
|
|
/>
|
||
|
|
</div>
|
||
|
|
<img
|
||
|
|
src="../image/mmlqps3u-p4fi6xq.svg"
|
||
|
|
className={styles.frame27}
|
||
|
|
/>
|
||
|
|
<p className={styles.text37}>综合预警-LJ1</p>
|
||
|
|
<img
|
||
|
|
src="../image/mmlqps3u-jinfgg3.svg"
|
||
|
|
className={styles.subtract12}
|
||
|
|
/>
|
||
|
|
<div className={styles.instance16}>
|
||
|
|
<div className={styles.ellipse27} />
|
||
|
|
<div className={styles.ellipse46} />
|
||
|
|
<div className={styles.ellipse36} />
|
||
|
|
<div className={styles.ellipse56} />
|
||
|
|
</div>
|
||
|
|
<div className={styles.rectangle346256058} />
|
||
|
|
<p className={styles.text38}>已闭环</p>
|
||
|
|
</div>
|
||
|
|
<div className={styles.autoWrapper31}>
|
||
|
|
<div className={styles.group4273231165}>
|
||
|
|
<p className={styles.text6}>预警等级:</p>
|
||
|
|
<div className={styles.autoWrapper30}>
|
||
|
|
<div className={styles.rectangle346256075} />
|
||
|
|
<p className={styles.text7}>严重预警</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<img src="../image/mmlqps3t-32lq8vr.svg" className={styles.star2} />
|
||
|
|
</div>
|
||
|
|
<p className={styles.text39}>
|
||
|
|
<span className={styles.text8}>预警事项: </span>
|
||
|
|
<span className={styles.text9}> </span>
|
||
|
|
<span className={styles.text34}>
|
||
|
|
G0612郎川高速公路-标段一G0612郎川高速
|
||
|
|
<br />
|
||
|
|
公路-标段一发生****质量预警
|
||
|
|
</span>
|
||
|
|
</p>
|
||
|
|
<div className={styles.autoWrapper25}>
|
||
|
|
<p className={styles.text36}>
|
||
|
|
<span className={styles.text8}>责任主体: </span>
|
||
|
|
<span className={styles.text9}> </span>
|
||
|
|
<span className={styles.text34}>张三</span>
|
||
|
|
</p>
|
||
|
|
<p className={styles.text36}>
|
||
|
|
<span className={styles.text8}>预警时间: </span>
|
||
|
|
<span className={styles.text9}> </span>
|
||
|
|
<span className={styles.text34}>2026-01-14 15:47</span>
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div className={styles.group4273227793}>
|
||
|
|
<p className={styles.text40}>预警闭环后自动取消关注</p>
|
||
|
|
<div className={styles.rectangle34625537} />
|
||
|
|
<p className={styles.text41}>预警闭环后任然关注</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<img src="../image/mmlqps3u-bldxisk.svg" className={styles.subtract17} />
|
||
|
|
<div className={styles.rectangle2152}>
|
||
|
|
<img src="../image/mmlqps3s-pj8klp3.svg" className={styles.rectangle216} />
|
||
|
|
</div>
|
||
|
|
<div className={styles.frame40}>
|
||
|
|
<img src="../image/mmlqps3u-cenapeq.svg" className={styles.maskGroup2} />
|
||
|
|
<div className={styles.intersect9}>
|
||
|
|
<div className={styles.ellipse305} />
|
||
|
|
<div className={styles.group427320845}>
|
||
|
|
<p className={styles.text42}>收起</p>
|
||
|
|
<img src="../image/mmlqps3u-boo46s5.png" className={styles.vector14} />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div className={styles.intersect10}>
|
||
|
|
<p className={styles.text21}>预警变化趋势</p>
|
||
|
|
</div>
|
||
|
|
<img src="../image/mmlqps3u-z0ux95t.svg" className={styles.union2} />
|
||
|
|
<div className={styles.instance18}>
|
||
|
|
<div className={styles.ellipse28} />
|
||
|
|
<div className={styles.ellipse47} />
|
||
|
|
<div className={styles.ellipse37} />
|
||
|
|
<div className={styles.ellipse57} />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div className={styles.group427323170}>
|
||
|
|
<div className={styles.autoWrapper32}>
|
||
|
|
<div className={styles.group427322608}>
|
||
|
|
<div className={styles.group427321431}>
|
||
|
|
<div className={styles.ellipse2389} />
|
||
|
|
<p className={styles.text43}>质量预警</p>
|
||
|
|
</div>
|
||
|
|
<div className={styles.group427321428}>
|
||
|
|
<div className={styles.ellipse23892} />
|
||
|
|
<p className={styles.text43}>环水保预警</p>
|
||
|
|
</div>
|
||
|
|
<div className={styles.group427321429}>
|
||
|
|
<div className={styles.ellipse2391} />
|
||
|
|
<p className={styles.text43}>安全预警</p>
|
||
|
|
</div>
|
||
|
|
<div className={styles.group427321432}>
|
||
|
|
<div className={styles.ellipse23893} />
|
||
|
|
<p className={styles.text43}>综合预警</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div className={styles.group427323171}>
|
||
|
|
<div className={styles.rectangle34624910}>
|
||
|
|
<p className={styles.text44}>日</p>
|
||
|
|
</div>
|
||
|
|
<div className={styles.rectangle34624911}>
|
||
|
|
<p className={styles.text44}>周</p>
|
||
|
|
</div>
|
||
|
|
<div className={styles.rectangle346249112}>
|
||
|
|
<p className={styles.text44}>月</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div className={styles.group427321264}>
|
||
|
|
<div className={styles.group427321254}>
|
||
|
|
<p className={styles.text45}>单位:个</p>
|
||
|
|
<p className={styles.a30}>30</p>
|
||
|
|
<p className={styles.a302}>30</p>
|
||
|
|
<p className={styles.a302}>25</p>
|
||
|
|
<p className={styles.a302}>20</p>
|
||
|
|
<p className={styles.a15}>15</p>
|
||
|
|
<p className={styles.a15}>10</p>
|
||
|
|
<p className={styles.a5}>5</p>
|
||
|
|
</div>
|
||
|
|
<div className={styles.autoWrapper34}>
|
||
|
|
<div className={styles.frame41} />
|
||
|
|
<div className={styles.autoWrapper33}>
|
||
|
|
<div className={styles.line242} />
|
||
|
|
<div className={styles.line248} />
|
||
|
|
<div className={styles.line249} />
|
||
|
|
<div className={styles.line245} />
|
||
|
|
<div className={styles.line246} />
|
||
|
|
<div className={styles.line247} />
|
||
|
|
<img
|
||
|
|
src="../image/mmlqps3v-lxtngi0.svg"
|
||
|
|
className={styles.group427323150}
|
||
|
|
/>
|
||
|
|
<img
|
||
|
|
src="../image/mmlqps3v-8993yum.svg"
|
||
|
|
className={styles.group427323151}
|
||
|
|
/>
|
||
|
|
<img
|
||
|
|
src="../image/mmlqps3v-pn1nl29.svg"
|
||
|
|
className={styles.group427323152}
|
||
|
|
/>
|
||
|
|
<img
|
||
|
|
src="../image/mmlqps3v-u9u1rsl.svg"
|
||
|
|
className={styles.group427323153}
|
||
|
|
/>
|
||
|
|
</div>
|
||
|
|
<div className={styles.group427321257}>
|
||
|
|
<p className={styles.text46}>1月</p>
|
||
|
|
<p className={styles.text47}>2月</p>
|
||
|
|
<p className={styles.text47}>3月</p>
|
||
|
|
<p className={styles.text47}>4月</p>
|
||
|
|
<p className={styles.text48}>5月</p>
|
||
|
|
<p className={styles.text49}>6月</p>
|
||
|
|
<p className={styles.text50}>7月</p>
|
||
|
|
<p className={styles.text48}>8月</p>
|
||
|
|
<p className={styles.text51}>9月</p>
|
||
|
|
<p className={styles.text52}>10月</p>
|
||
|
|
<p className={styles.text53}>11月</p>
|
||
|
|
<p className={styles.text54}>12月</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
export default Component;
|