<div>
|
<div id="tab">
|
<div class="tabul">
|
<ul>
|
<li id ="analysis-button" class="analysis-button">洪水淹没分析</li>
|
<li class="history-button">历史风险图</li>
|
</ul>
|
</div>
|
<div id="tablist" style="height: 100%">
|
<div class="flood-middle" style="height: 100%">
|
<div class="flood-analysis" style="height: 100%">
|
<div class="select-box">
|
<div>
|
<div class="hd">
|
<label for="hd-select">河段：</label>
|
<!--做模糊查询选择框时使用-->
|
<input type="text" name="hd-search" id="hd-input" class="hd-input" placeholder="请选择或输入" autocomplete='off'/>
|
<select name="hd-select-name" id="hd-select" size="10">
|
</select>
|
</div>
|
<div class="smx">
|
<label for="smx-select">水面线：</label>
|
<select id="smx-select" class="smx-select" name="smx"></select>
|
</div>
|
</div>
|
<div style="margin-top: 1%">
|
<div class="sw" style="display: flex">
|
<label for="sw-input">水位：</label>
|
<div style="display: flex;flex-direction: column;margin-left: 6px;">
|
<input id="sw-input" class="sw-input" name="word" autocomplete="off" maxlength="10" value="0" disabled />
|
<span class="tip">正数为水位上涨，负数为水位下降</span>
|
</div>
|
<input id="start-analysis-btn" class="start-analysis-btn" type="button" value="开始分析"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
<div class="radio-box" style="text-align: center">
|
<input id="realtime" type="radio" name="middleRadio" value="realtime" checked='checked'>实时
|
<input id="forecast" type="radio" name="middleRadio" value="forecast">预测
|
</div>
|
<div class="analysis-box-list" id="analysis-tab1-grid" data-dojo-attach-point="analysis-tab1-grid">
|
</div>
|
<div class="flood-analysis-pagination" id="analysis-pagination"></div>
|
</div>
|
<div class="flood-history" style="height: 100%">
|
<div class="search-box">
|
<label for="search-name">名称：</label>
|
<input id="search-name" class="search-name-input" type="text" name="word" autocomplete="off"
|
maxlength="256" placeholder="请输入筛选名称"/>
|
<input id="search-button" class="search-button" type="button" value="查 询"/>
|
</div>
|
<div class="history-box-list" id="history-tab2-grid" data-dojo-attach-point="history-tab2-grid">
|
</div>
|
<div class="flood-analysis-pagination" id="history-pagination"></div>
|
</div>
|
</div>
|
</div>
|
<div class="flood-bottom">
|
</div>
|
</div>
|
<div class='dong-progress'>
|
<h2>分析结果中，请稍等...</h2>
|
<span class="container">
|
<span id="progress_bar" class="h-100P bar"></span>
|
</span>
|
</div>
|
<!-- <div class="evaluate-analysis">-->
|
<!-- <div class="evaluate-title">-->
|
<!-- <div class="evaluate-lable">评估分析</div>-->
|
<!-- <div class="evaluate-back-icon"></div>-->
|
<!-- </div>-->
|
<!-- <div class="evaluate-box">-->
|
<!-- <div class="evaluate-box-top">-->
|
<!-- <div class="flood-image-box">-->
|
<!-- <div class="flood-image-top">-->
|
<!-- <img id="show-img" src=../../widgets/FloodAnalysis/images/floodAnalysisEvaluate-2.png>-->
|
<!-- </div>-->
|
<!-- <div class="description">-->
|
<!-- <!–已经与数据联动，此处可删可不删–>-->
|
<!-- 该站位于古亭水园滩段，河段长4556m,预计会造成受灾户数125户，受灾人口625人，受灾面积47.999km²，房屋价值189.999万元-->
|
<!-- </div>-->
|
<!-- </div>-->
|
<!-- </div>-->
|
<!-- <div class="evaluate-box-middle">-->
|
<!-- <div style="display: flex">-->
|
<!-- <div class="evaluate-middle-first">-->
|
<!-- <div class="column-1">-->
|
<!-- <div>-->
|
<!-- <span>淹没面积：</span><span class="house">暂无数据</span>-->
|
<!-- </div>-->
|
<!-- <div>-->
|
<!-- <span>淹没耕地面积：</span><span class="area">暂无数据</span>-->
|
<!-- </div>-->
|
<!-- </div>-->
|
<!-- <div class="column-2">-->
|
<!-- <div>-->
|
<!-- <span>影响人口：</span><span class="people">暂无数据</span>-->
|
<!-- </div>-->
|
<!-- <div>-->
|
<!-- <span>淹没GDP：</span><span class="money">暂无数据</span>-->
|
<!-- </div>-->
|
<!-- </div>-->
|
<!-- </div>-->
|
<!-- <div>-->
|
<!-- <label>-->
|
<!-- <input id="list" class="save-btn" type="button" value="列表"/>-->
|
<!-- </label>-->
|
<!-- <label>-->
|
<!-- <input id="echarts" class="save-btn" type="button" value="图表"/>-->
|
<!-- </label>-->
|
<!-- </div>-->
|
<!-- </div>-->
|
<!-- <div class="evaluate-middle-second">-->
|
|
<!-- <div class="evaluate-table">-->
|
<!-- <table>-->
|
<!-- <caption class="evaluate-table-caption table-caption">洪水淹没统计</caption>-->
|
<!-- <thead class="evaluate-table-thead table-thead">-->
|
<!-- <tr>-->
|
<!-- <th>-->
|
<!-- <div>水深等级</div>-->
|
<!-- </th>-->
|
<!-- <th>-->
|
<!-- <div>淹没面积(km²)</div>-->
|
<!-- </th>-->
|
<!-- <th>-->
|
<!-- <div>淹没耕地面积(km²)</div>-->
|
<!-- </th>-->
|
<!-- <th>-->
|
<!-- <div>影响人口(万人)</div>-->
|
<!-- </th>-->
|
<!-- <th>-->
|
<!-- <div>淹没区GDP(亿元)</div>-->
|
<!-- </th>-->
|
<!-- </tr>-->
|
<!-- </thead>-->
|
<!-- <tbody id="evaluate-tbody" class="table-tbody evaluate-tbody"></tbody>-->
|
<!-- </table>-->
|
<!-- <div class="flood-analysis-pagination Pagination" id="evaluate-pagination"></div>-->
|
<!-- </div>-->
|
<!-- <div class="evaluate-echarts" id="evaluate-echarts"></div>-->
|
|
<!-- </div>-->
|
<!-- </div>-->
|
<!-- <div class="evaluate-bottom">-->
|
<!-- <input id="export-img" class="export-img" type="button" value="导出成果图"/>-->
|
<!-- <input id="save-btn" class="save-btn" type="button" value="保存"/>-->
|
<!-- </div>-->
|
<!-- </div>-->
|
|
<!-- </div>-->
|
|
</div>
|
