From e2430e2add7041530228ed29315853c87492f5c1 Mon Sep 17 00:00:00 2001
From: guoshilong <123456>
Date: Mon, 13 Feb 2023 09:49:10 +0800
Subject: [PATCH] 洪水淹没-1、选择河段时地图定位到该河段；2、分析窗口数据联动
---
corelib/common/popup/evaluateAnalysis.html | 122 ++++++++++++++++++++++------------------
1 files changed, 67 insertions(+), 55 deletions(-)
diff --git a/corelib/common/popup/evaluateAnalysis.html b/corelib/common/popup/evaluateAnalysis.html
index bd50588..43968e4 100644
--- a/corelib/common/popup/evaluateAnalysis.html
+++ b/corelib/common/popup/evaluateAnalysis.html
@@ -8,71 +8,83 @@
</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 class="evaluate-box-left">
+ <div class="flood-image-box">
+ <div class="flood-image-top">
+ <img id="show-img" src="">
</div>
- <div class="column-2">
- <div>
- <span>受灾人口：</span><span class="people">暂无数据</span>
- </div>
- <div>
- <span>房屋价值：</span><span class="money">暂无数据</span>
- </div>
+ <div class="description">
+ <!--已经与数据联动，此处可删可不删-->
+ 该站位于古亭水园滩段，河段长4556m,预计会造成受灾户数125户，受灾人口625人，受灾面积47.999km²，房屋价值189.999万元
</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>受淹户数(户)</div>
- </th>
- <th>
- <div>受淹人口数量(人)</div>
- </th>
- <th>
- <div>受淹居民地面积(km²)</div>
- </th>
- <th>
- <div>受淹房屋价值(万元/人)</div>
- </th>
- </tr>
- </thead>
- <tbody id="evaluate-tbody" class="table-tbody evaluate-tbody"></tbody>
- </table>
+ <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>房屋价值：</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="flood-analysis-pagination Pagination" id="pagination"></div>
- <div class="evaluate-echarts" id="evaluate-echarts"></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>受淹户数(户)</div>
+ </th>
+ <th>
+ <div>受淹人口数量(人)</div>
+ </th>
+ <th>
+ <div>受淹居民地面积(km²)</div>
+ </th>
+ <th>
+ <div>受淹房屋价值(万元/人)</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">
- <button id="create-flood-image" type="button">生成淹没图</button>
+ <input id="export-img" class="export-img" type="button" value="导出成果图"/>
+ <input id="save-btn" class="save-btn" type="button" value="保存"/>
</div>
</div>
--
Gitblit v1.9.3