<!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-top">
|
<div class="flood-image-box">
|
<div class="flood-image-top">
|
<div>
|
<img style="cursor: pointer" id="show-img" class="show-img" src="image/floodAnalysisEvaluate-2.png" width="100%" height="100%">
|
</div>
|
</div>
|
<div class="description">
|
<!--已经与数据联动，此处可删可不删-->
|
该站位于古亭水园滩段，河段长4556m,预计会造成受灾户数125户，受灾人口625人，受灾面积47.999km²，房屋价值189.999万元
|
</div>
|
</div>
|
</div>
|
<hr style="margin-bottom: 8px;margin-top: 12px"/>
|
<div class="evaluate-box-middle">
|
<div class="evaluate-middle-first" style="display: flex">
|
</div>
|
<div class="evaluate-middle-second">
|
<div class="list-echarts-button">
|
<label>
|
<input id="echarts" class="echarts" type="button" value="图表"/>
|
</label>
|
<label>
|
<input id="list" class="list" type="button" value="列表"/>
|
</label>
|
</div>
|
<div class="evaluate-table">
|
<table>
|
<div class="table-title">
|
<div class="table-label">洪水淹没统计</div>
|
</div>
|
<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-box-bottom">
|
<input id="export-img" class="export-img" type="button" value="导出成果图"/>
|
<input id="save-btn" class="save-btn" type="button" value="保存"/>
|
<input id="close-btn" class="close-btn" type="button" value="关闭"/>
|
</div>
|
</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>
|
