<!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-top"></div>
|
|
<div class="evaluate-box">
|
<div class="evaluate-box-top">
|
<div class="evaluate-box-top-left">
|
<div class="column-1">
|
<div>
|
<span>受灾户数：</span><span>125</span>
|
</div>
|
<div>
|
<span>受灾面积：</span><span>47.999km²</span>
|
</div>
|
</div>
|
<div class="column-2">
|
<div>
|
<span>受灾人口：</span><span>625人</span>
|
</div>
|
<div>
|
<span>房屋价值：</span><span>189.999万元</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">
|
<table class="evaluate-table-thead table-thead">
|
<caption>人口财产淹没损失表</caption>
|
<thead>
|
<tr>
|
<th><div>编号</div></th>
|
<th><div>受淹户数(户)</div></th>
|
<th><div>受淹人口数量(人)</div></th>
|
<th><div>受淹居民地面积(km²)</div></th>
|
<th><div>受淹房屋价值(万元/人)</div></th>
|
</tr>
|
</thead>
|
</table>
|
<div class="evaluate-echarts" id="evaluate-echarts">
|
</div>
|
</div>
|
</div>
|
|
<div class="evaluate-bottom">
|
<button type="button">生成淹没图</button>
|
</div>
|
|
</div>
|
|
|
<script src="../../../libs/jquery/jquery-3.3.1.min.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>
|
