From 52c8ca8e31bb9aee13726d9c858dee1d11dcde87 Mon Sep 17 00:00:00 2001
From: guoshilong <123456>
Date: Mon, 20 Feb 2023 10:19:29 +0800
Subject: [PATCH] 洪水淹没-进度条、分析弹窗大小位置变更
---
corelib/common/popup/evaluateAnalysis.html | 80 ++++++++++++++++++++++++++--------------
1 files changed, 52 insertions(+), 28 deletions(-)
diff --git a/corelib/common/popup/evaluateAnalysis.html b/corelib/common/popup/evaluateAnalysis.html
index ceab667..af2284e 100644
--- a/corelib/common/popup/evaluateAnalysis.html
+++ b/corelib/common/popup/evaluateAnalysis.html
@@ -7,69 +7,93 @@
<link rel="stylesheet" href="">
</head>
<body>
- <div class="evaluate-analysis">
- <div class="evaluate-top"></div>
-
- <div class="evaluate-box">
+<div class="evaluate-analysis">
+ <div class="evaluate-box">
+ <div class="evaluate-box-left">
+ <div class="flood-image-box">
+ <div class="flood-image-top">
+ <img id="show-img" src="">
+ </div>
+ <div class="description">
+ <!--已经与数据联动，此处可删可不删-->
+ 该站位于古亭水园滩段，河段长4556m,预计会造成受灾户数125户，受灾人口625人，受灾面积47.999km²，房屋价值189.999万元
+ </div>
+ </div>
+ </div>
+ <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>
+ <span>淹没面积：</span><span class="house">暂无数据</span>
</div>
<div>
- <span>受灾面积：</span><span class="area">暂无数据</span>
+ <span>淹没耕地面积：</span><span class="area">暂无数据</span>
</div>
</div>
<div class="column-2">
<div>
- <span>受灾人口：</span><span class="people">暂无数据</span>
+ <span>影响人口：</span><span class="people">暂无数据</span>
</div>
<div>
- <span>房屋价值：</span><span class="money">暂无数据</span>
+ <span>淹没GDP：</span><span class="money">暂无数据</span>
</div>
</div>
</div>
<div class="evaluate-box-top-right">
- <label >
+ <label>
<input id="list" type="radio" name="value" value="list" checked='checked'>列表
</label>
- <label >
- <input id="echarts" type="radio" name="value" value="echarts">图表
+ <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>
+ <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>
+ <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>
-
</div>
+ <div class="evaluate-bottom">
+ <input id="export-img" class="export-img" type="button" value="导出成果图"/>
+ <input id="save-btn" class="save-btn" type="button" value="保存"/>
+ </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>
+</div>
+
+
+<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