From 8a6a1f340e249ca4e253f52a99a46ef44e7f0f00 Mon Sep 17 00:00:00 2001
From: guoshilong <123456>
Date: Tue, 21 Feb 2023 15:39:33 +0800
Subject: [PATCH] 洪水淹没-样式修改，删除tip；选择河段时弹框关闭
---
corelib/common/popup/evaluateAnalysis.html | 120 ++++++++++++++++++++++++++++++++++++-----------------------
1 files changed, 73 insertions(+), 47 deletions(-)
diff --git a/corelib/common/popup/evaluateAnalysis.html b/corelib/common/popup/evaluateAnalysis.html
index ceab667..31a9671 100644
--- a/corelib/common/popup/evaluateAnalysis.html
+++ b/corelib/common/popup/evaluateAnalysis.html
@@ -7,69 +7,95 @@
<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>
+<div class="evaluate-analysis">
+ <div class="evaluate-box">
+ <div class="evaluate-box-top">
+ <div class="flood-image-box">
+ <div class="flood-image-top">
+ <img style="width: 100%;height: 100%" id="show-img" src="..\widgets\FloodAnalysis\image\floodAnalysisEvaluate-2.png">
</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: 11px;"/>
+ <div class="evaluate-box-middle">
+ <div class="evaluate-middle-first" style="display: flex">
+<!-- <div>-->
+<!-- <div class="row-1">-->
+<!-- <div style="width: 150px">-->
+<!-- <span>淹没面积：</span><span class="house">暂无数据</span>-->
+<!-- </div>-->
+<!-- <div style="width: 205px">-->
+<!-- <span>淹没耕地面积：</span><span class="area">暂无数据</span>-->
+<!-- </div>-->
+<!-- </div>-->
+<!-- <div class="row-2">-->
+<!-- <div style="width: 150px">-->
+<!-- <span>影响人口：</span><span class="people">暂无数据</span>-->
+<!-- </div>-->
+<!-- <div>-->
+<!-- <span>淹没GDP：</span><span class="money">暂无数据</span>-->
+<!-- </div>-->
+<!-- </div>-->
+<!-- </div>-->
+ </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>
+<!-- <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="保存"/>
</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