<!DOCTYPE html>
|
<html lang="en">
|
<head>
|
<meta charset="UTF-8">
|
<title>评估分析</title>
|
<link rel="stylesheet" href="./css/style.css">
|
<link rel="stylesheet" href="">
|
</head>
|
<body>
|
<div class="evaluate-analysis">
|
<div class="evaluate-box">
|
<div class="evaluate-box-left">
|
<div class="flood-image-box">
|
<div class="flood-image-top">
|
<img id="show-img" src="">
|
</div>
|
<div class="description">
|
<!--已经与数据联动，此处可删可不删-->
|
该站位于古亭水园滩段，河段长4556m,预计会造成受灾户数125户，受灾人口625人，受灾面积47.999km²，房屋价值189.999万元
|
</div>
|
</div>
|
</div>
|
<div class="evaluate-box-right">
|
<div class="evaluate-box-top">
|
<div class="evaluate-box-top-left">
|
<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 class="evaluate-box-top-right">
|
<label>
|
<input id="list" type="radio" name="value" value="list" checked='checked'>列表
|
</label>
|
|
<label>
|
<input id="echarts" type="radio" name="value" value="echarts">图表
|
</label>
|
</div>
|
</div>
|
<div class="evaluate-box-middle">
|
<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>
|
|
<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>
|
|
|
<script src="../../../libs/jquery/jquery-3.3.1.min.js"></script>
|
<script src="../../../libs/jquery.pagination.js"></script>
|
<script src="../../../libs/layer/layer.js"></script>
|
<script src="../../../libs/echarts/v4/echarts.min.js"></script>
|
<script src="js/evaluateAnalysis.js"></script>
|
</body>
|
</html>
|
