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}>预警事项:&nbsp;</span>
                <span className={styles.text9}>&nbsp;</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&nbsp;&nbsp;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}>预警事项:&nbsp;</span>
                <span className={styles.text9}>&nbsp;</span>
                <span className={styles.text34}>
                  G0612郎川高速公路-标段一G0612郎川高速
                  <br />
                  公路-标段一发生****质量预警
                </span>
              </p>
              <div className={styles.autoWrapper25}>
                <p className={styles.text36}>
                  <span className={styles.text8}>责任主体:&nbsp;</span>
                  <span className={styles.text9}>&nbsp;</span>
                  <span className={styles.text34}>张三</span>
                </p>
                <p className={styles.text36}>
                  <span className={styles.text8}>预警时间:&nbsp;</span>
                  <span className={styles.text9}>&nbsp;</span>
                  <span className={styles.text34}>2026-01-14&nbsp;&nbsp;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}>预警事项:&nbsp;</span>
                <span className={styles.text9}>&nbsp;</span>
                <span className={styles.text34}>
                  G0612郎川高速公路-标段一G0612郎川高速
                  <br />
                  公路-标段一发生****质量预警
                </span>
              </p>
              <div className={styles.autoWrapper25}>
                <p className={styles.text36}>
                  <span className={styles.text8}>责任主体:&nbsp;</span>
                  <span className={styles.text9}>&nbsp;</span>
                  <span className={styles.text34}>张三</span>
                </p>
                <p className={styles.text36}>
                  <span className={styles.text8}>预警时间:&nbsp;</span>
                  <span className={styles.text9}>&nbsp;</span>
                  <span className={styles.text34}>2026-01-14&nbsp;&nbsp;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}>预警事项:&nbsp;</span>
                <span className={styles.text9}>&nbsp;</span>
                <span className={styles.text34}>
                  G0612郎川高速公路-标段一G0612郎川高速
                  <br />
                  公路-标段一发生****质量预警
                </span>
              </p>
              <div className={styles.autoWrapper25}>
                <p className={styles.text36}>
                  <span className={styles.text8}>责任主体:&nbsp;</span>
                  <span className={styles.text9}>&nbsp;</span>
                  <span className={styles.text34}>张三</span>
                </p>
                <p className={styles.text36}>
                  <span className={styles.text8}>预警时间:&nbsp;</span>
                  <span className={styles.text9}>&nbsp;</span>
                  <span className={styles.text34}>2026-01-14&nbsp;&nbsp;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}>预警事项:&nbsp;</span>
                  <span className={styles.text9}>&nbsp;</span>
                  <span className={styles.text34}>
                    G0612郎川高速公路-标段一G0612郎川高速
                    <br />
                    公路-标段一发生****质量预警
                  </span>
                </p>
                <div className={styles.autoWrapper25}>
                  <p className={styles.text36}>
                    <span className={styles.text8}>责任主体:&nbsp;</span>
                    <span className={styles.text9}>&nbsp;</span>
                    <span className={styles.text34}>张三</span>
                  </p>
                  <p className={styles.text36}>
                    <span className={styles.text8}>预警时间:&nbsp;</span>
                    <span className={styles.text9}>&nbsp;</span>
                    <span className={styles.text34}>
                      2026-01-14&nbsp;&nbsp;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}>预警事项:&nbsp;</span>
                <span className={styles.text9}>&nbsp;</span>
                <span className={styles.text34}>
                  G0612郎川高速公路-标段一G0612郎川高速
                  <br />
                  公路-标段一发生****质量预警
                </span>
              </p>
              <div className={styles.autoWrapper25}>
                <p className={styles.text36}>
                  <span className={styles.text8}>责任主体:&nbsp;</span>
                  <span className={styles.text9}>&nbsp;</span>
                  <span className={styles.text34}>张三</span>
                </p>
                <p className={styles.text36}>
                  <span className={styles.text8}>预警时间:&nbsp;</span>
                  <span className={styles.text9}>&nbsp;</span>
                  <span className={styles.text34}>2026-01-14&nbsp;&nbsp;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;