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 | 107 ++++++++++++++++++++++++++---------------------------
1 files changed, 52 insertions(+), 55 deletions(-)
diff --git a/corelib/common/popup/evaluateAnalysis.html b/corelib/common/popup/evaluateAnalysis.html
index bd50588..75f9e9d 100644
--- a/corelib/common/popup/evaluateAnalysis.html
+++ b/corelib/common/popup/evaluateAnalysis.html
@@ -8,73 +8,70 @@
</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 class="flood-image-box">
+ <div class="flood-image-top">
<div>
- <span>受灾户数：</span><span class="house">暂无数据</span>
- </div>
- <div>
- <span>受灾面积：</span><span class="area">暂无数据</span>
+ <img style="cursor: pointer" id="show-img" class="show-img" src="image/floodAnalysisEvaluate-2.png" width="100%" height="100%">
</div>
</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>
+ <hr style="margin-bottom: 8px;margin-top: 12px"/>
<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-middle-first" style="display: flex">
</div>
- <div class="flood-analysis-pagination Pagination" id="pagination"></div>
- <div class="evaluate-echarts" id="evaluate-echarts"></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 class="evaluate-bottom">
- <button id="create-flood-image" type="button">生成淹没图</button>
- </div>
-
</div>
--
Gitblit v1.9.3