From 4d8c6dd77427e8e581fda17b6b65ba86bfb7a815 Mon Sep 17 00:00:00 2001
From: guoshilong <123456>
Date: Mon, 27 Feb 2023 14:30:01 +0800
Subject: [PATCH] 洪水淹没
---
corelib/common/popup/evaluateAnalysis.html | 101 +++++++++++++++++++++++++++-----------------------
1 files changed, 55 insertions(+), 46 deletions(-)
diff --git a/corelib/common/popup/evaluateAnalysis.html b/corelib/common/popup/evaluateAnalysis.html
index ceab667..75f9e9d 100644
--- a/corelib/common/popup/evaluateAnalysis.html
+++ b/corelib/common/popup/evaluateAnalysis.html
@@ -7,69 +7,78 @@
<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 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>房屋价值：</span><span class="money">暂无数据</span>
- </div>
+<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="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 class="description">
+ <!--已经与数据联动，此处可删可不删-->
+ 该站位于古亭水园滩段，河段长4556m,预计会造成受灾户数125户，受灾人口625人，受灾面积47.999km²，房屋价值189.999万元
</div>
</div>
- <div class="evaluate-box-middle">
+ </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>
- <caption class="evaluate-table-caption table-caption">人口财产淹没损失表</caption>
+ <div class="table-title">
+ <div class="table-label">洪水淹没统计</div>
+ </div>
<thead class="evaluate-table-thead table-thead">
- <tr>
- <th><div>编号</div></th>
- <th><div>受淹户数(户)</div></th>
- <th><div>受淹人口数量(人)</div></th>
- <th><div>受淹居民地面积(km²)</div></th>
- <th><div>受淹房屋价值(万元/人)</div></th>
- </tr>
+ <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">
- <button type="button">生成淹没图</button>
+ <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/layer/layer.js"></script>
- <script src="../../../libs/echarts/v4/echarts.min.js"></script>
- <script src="js/evaluateAnalysis.js"></script>
+<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>
--
Gitblit v1.9.3