<div class="RiskEarlyWarningBottom-widget">
|
<div class='risk-early-warning-right-tab'>
|
<ul class='nav' id="nav_menu">
|
<li>
|
危险区
|
<ul>
|
<li>
|
山洪灾害
|
<input type="checkbox">
|
</li>
|
<li>
|
中小河流
|
<input type="checkbox">
|
</li>
|
<li>
|
主要河流
|
<input type="checkbox">
|
</li>
|
</ul>
|
<div>
|
<div>
|
<div>实时</div>
|
<button type='button' disabled='disabled'> 实时 </button>
|
<button type='button' disabled='disabled'> 预测 </button>
|
</div>
|
</div>
|
</li>
|
<li>
|
风景区
|
<ul>
|
<li>
|
水位
|
<input type="checkbox" checked='checked'>
|
</li>
|
<li>
|
雨量
|
<input type="checkbox">
|
</li>
|
</ul>
|
<div>
|
<div>
|
<div>实时</div>
|
<button type='button' disabled='disabled'> 实时 </button>
|
<button type='button' disabled='disabled'> 预测 </button>
|
</div>
|
</div>
|
</li>
|
<li>
|
监测站
|
<ul>
|
<li>
|
雨量站
|
<input type="checkbox" checked='checked'>
|
</li>
|
<li>
|
水库站
|
<input type="checkbox">
|
</li>
|
<li>
|
河道站
|
<input type="checkbox">
|
</li>
|
</ul>
|
<div>
|
<div>
|
<div>实时</div>
|
<button type='button' disabled='disabled'> 实时 </button>
|
<button type='button' disabled='disabled'> 预测 </button>
|
</div>
|
</div>
|
</li>
|
</ul>
|
<div class="early-warning-image">
|
<div class="early-warning-transfer shzhtl" id="shzh_tl">
|
<div class='legend-title'>
|
山洪灾害图例
|
<div class="lefend-close">
|
<i></i>
|
</div>
|
</div>
|
<ul>
|
<li>
|
<div>
|
<i class='warning-color-green'></i> 正常
|
</div>
|
</li>
|
<li>
|
<div>
|
<i class='warning-color-yellow'></i> 准备转移
|
</div>
|
</li>
|
<li>
|
<div>
|
<i class='warning-color-red'></i> 立即转移
|
</div>
|
</li>
|
</ul>
|
</div>
|
<div class="warning-color zxhltl" id="zxhl_tl">
|
<div class='legend-title'>
|
中小河流淹没深度
|
<div class="lefend-close">
|
<i></i>
|
</div>
|
</div>
|
<ul>
|
<li>
|
<div>
|
<i class='warning-color-grey-triangle'></i> 暂无
|
</div>
|
</li>
|
<li>
|
<div>
|
<i class='warning-color-green-triangle'></i> 正常
|
</div>
|
</li>
|
<li>
|
<div>
|
<i class='warning-color-blue-triangle'></i> -0.5-0m
|
</div>
|
</li>
|
<li>
|
<div>
|
<i class='warning-color-yellow-triangle'></i> 0-1m
|
</div>
|
</li>
|
<li>
|
<div>
|
<i class='warning-color-orange-triangle'></i> 1-3m
|
</div>
|
</li>
|
<li>
|
<div>
|
<i class='warning-color-red-triangle'></i> >3m
|
</div>
|
</li>
|
</ul>
|
</div>
|
<div class="warning-color zyhltl" id="zyhl_tl">
|
<div class='legend-title'>
|
主要河流淹没深度
|
<div class="lefend-close">
|
<i></i>
|
</div>
|
</div>
|
<ul>
|
<li>
|
<div>
|
<i class='warning-color-grey-triangle'></i> 暂无
|
</div>
|
</li>
|
<li>
|
<div>
|
<i class='warning-color-green-triangle'></i> 正常
|
</div>
|
</li>
|
<li>
|
<div>
|
<i class='warning-color-blue-triangle'></i> -0.5-0m
|
</div>
|
</li>
|
<li>
|
<div>
|
<i class='warning-color-yellow-triangle'></i> 0-1m
|
</div>
|
</li>
|
<li>
|
<div>
|
<i class='warning-color-orange-triangle'></i> 1-3m
|
</div>
|
</li>
|
<li>
|
<div>
|
<i class='warning-color-red-triangle'></i> >3m
|
</div>
|
</li>
|
</ul>
|
</div>
|
<div class="warning-color fjqswtl" id="fjqsw_tl">
|
<div class='legend-title'>
|
风景区水位图例
|
<div class="lefend-close">
|
<i></i>
|
</div>
|
</div>
|
<ul>
|
<li>
|
<div>
|
<i class='warning-color-grey-triangle'></i> 暂无
|
</div>
|
</li>
|
<li>
|
<div>
|
<i class='warning-color-green-triangle'></i> 正常
|
</div>
|
</li>
|
<li>
|
<div>
|
<i class='warning-color-blue-triangle'></i> 蓝色预警
|
</div>
|
</li>
|
<li>
|
<div>
|
<i class='warning-color-yellow-triangle'></i> 黄色预警
|
</div>
|
</li>
|
<li>
|
<div>
|
<i class='warning-color-orange-triangle'></i> 橙色预警
|
</div>
|
</li>
|
<li>
|
<div>
|
<i class='warning-color-red-triangle'></i> 红色预警
|
</div>
|
</li>
|
</ul>
|
</div>
|
<div class="warning-level fjqyltl" id="fjqyl_tl">
|
<div class='legend-title'>
|
风景区雨量图例
|
<div class="lefend-close">
|
<i></i>
|
</div>
|
</div>
|
<ul>
|
<li>
|
<div>
|
<i class='warning-color-green'></i> 正常
|
</div>
|
</li>
|
<li>
|
<div>
|
<i class='warning-color-red'></i> 一级预警
|
</div>
|
</li>
|
<li>
|
<div>
|
<i class='warning-color-yellow'></i> 二级预警
|
</div>
|
</li>
|
</ul>
|
</div>
|
<div class="warning-level ylztl" id="ylz_tl">
|
<div class='legend-title'>
|
雨量站图例
|
<div class="lefend-close">
|
<i></i>
|
</div>
|
</div>
|
<ul>
|
<li>
|
<div>
|
<i class='warning-color-green'></i> 正常
|
</div>
|
</li>
|
<li>
|
<div>
|
<i class='warning-color-red'></i> 一级预警
|
</div>
|
</li>
|
<li>
|
<div>
|
<i class='warning-color-yellow'></i> 二级预警
|
</div>
|
</li>
|
</ul>
|
</div>
|
<div class="warning-color skztl" id="skz_tl">
|
<div class='legend-title'>
|
水库站图例
|
<div class="lefend-close">
|
<i></i>
|
</div>
|
</div>
|
<ul>
|
<li>
|
<div>
|
<i class='warning-color-grey'></i> 暂无
|
</div>
|
</li>
|
<li>
|
<div>
|
<i class='warning-color-green'></i> 正常
|
</div>
|
</li>
|
<li>
|
<div>
|
<i class='warning-color-blue'></i> 蓝色预警
|
</div>
|
</li>
|
<li>
|
<div>
|
<i class='warning-color-yellow'></i> 黄色预警
|
</div>
|
</li>
|
<li>
|
<div>
|
<i class='warning-color-orange'></i> 橙色预警
|
</div>
|
</li>
|
<li>
|
<div>
|
<i class='warning-color-red'></i> 红色预警
|
</div>
|
</li>
|
</ul>
|
</div>
|
<div class="warning-color hdztl" id="hdz_tl">
|
<div class='legend-title'>
|
河道站图例
|
<div class="lefend-close">
|
<i></i>
|
</div>
|
</div>
|
<ul>
|
<li>
|
<div>
|
<i class='warning-color-grey-triangle'></i> 暂无
|
</div>
|
</li>
|
<li>
|
<div>
|
<i class='warning-color-green-triangle'></i> 正常
|
</div>
|
</li>
|
<li>
|
<div>
|
<i class='warning-color-blue-triangle'></i> 蓝色预警
|
</div>
|
</li>
|
<li>
|
<div>
|
<i class='warning-color-yellow-triangle'></i> 黄色预警
|
</div>
|
</li>
|
<li>
|
<div>
|
<i class='warning-color-orange-triangle'></i> 橙色预警
|
</div>
|
</li>
|
<li>
|
<div>
|
<i class='warning-color-red-triangle'></i> 红色预警
|
</div>
|
</li>
|
</ul>
|
</div>
|
</div>
|
</div>
|
<div class="risk-early-warning-center">
|
<div class="text-title-box">
|
<h6>
|
时间
|
</h6>
|
<div>
|
<input type="text" id='rainwater_Query_Start_Time' readonly><span> - </span><input type="text"
|
id='rainwater_Query_End_Time' readonly>
|
<i class="rainwater-query"></i>
|
</div>
|
</div>
|
<div class="text-content">
|
<div>
|
<div class='rain-content'>
|
<p>
|
|
</p>
|
</div>
|
<div class='water-regime-content'>
|
<p>
|
|
</p>
|
</div>
|
<div class='reservoir-water-regime-content'>
|
<p>
|
|
</p>
|
</div>
|
</div>
|
<div class="loading">
|
<div class="rote-load">
|
<img src="./images/rain-warning-rote.png" alt="">
|
<span>加载中</span>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="risk-early-warning-top">
|
<div class="text-title-box">
|
<h6>
|
预警信息
|
</h6>
|
</div>
|
<div class="text-content-box" id="text_content_box">
|
<div>
|
<p class="one"></p>
|
<p class="two"></p>
|
<p class="three"></p>
|
</div>
|
<div class="loading">
|
<div class="rote-load">
|
<img src="./images/rain-warning-rote.png" alt="">
|
<span>加载中</span>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="risk-early-warning-bottom">
|
<div class="text-title-box">
|
<!-- <h6>
|
赣州市
|
</h6> -->
|
|
<div class="library-changes">
|
数据源
|
<!-- <input type="checkbox" >-->
|
</div>
|
|
<select class="dataSelect" id="dataSelect">
|
<option value="0">实时库</option>
|
<option value="1">历史库</option>
|
</select>
|
|
<select id="real_time_y">
|
<option value="0">临近预报</option>
|
<option value="1">中期预报</option>
|
</select>
|
|
<div class='real-time-warning'>
|
<input type="text" id='real_time_warning' placeholder='日期选择' readonly>
|
</div>
|
|
<div class='early-warning-date'>
|
<input type="text" id='riskEarlyWarningDateChoice' placeholder='日期选择' readonly>
|
</div>
|
|
<input class='exportExcelFile' type="button" value="导出">
|
</div>
|
<div class="table-box">
|
<div>
|
<div class="one"></div>
|
<div class="two"></div>
|
<div class="three"></div>
|
</div>
|
<div class="loading">
|
<div class="rote-load">
|
<img src="./images/rain-warning-rote.png" alt="">
|
<span>加载中</span>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="details-of-risk-points">
|
|
</div>
|
</div>
|
