From 4d8c6dd77427e8e581fda17b6b65ba86bfb7a815 Mon Sep 17 00:00:00 2001
From: guoshilong <123456>
Date: Mon, 27 Feb 2023 14:30:01 +0800
Subject: [PATCH] 洪水淹没
---
widgets/FloodAnalysis/Widget.html | 107 +++++++++++++++++++++++++++++++++++++++++++----------
1 files changed, 86 insertions(+), 21 deletions(-)
diff --git a/widgets/FloodAnalysis/Widget.html b/widgets/FloodAnalysis/Widget.html
index 904287a..3933247 100644
--- a/widgets/FloodAnalysis/Widget.html
+++ b/widgets/FloodAnalysis/Widget.html
@@ -1,23 +1,88 @@
<div>
- <div class="flood-analysis-header">
- <i></i> 洪水淹没分析
- </div>
- <!--<div>
- <span>请选择水面线：</span><select id="flightRoute"></select>
- </div>-->
- <div class="flood-water-analysis">
- <ul>
- <li><span>水位（m）：</span><input id="flood_analysis_sw_headtab" type="text" value="200" /></li>
- </ul>
- <div class="flood-water-analysis-new">
- <div>
- <input type="button" id="flood_hzsm_headtab" value="绘制水面线" />
- <input type="button" id='flood_qcsmx_headtab' value="清除">
- </div>
-<!-- <div>-->
-<!-- <input type="button" id="thematic_smsz_headtab" value="水面上涨" />-->
-<!-- <input type="button" id="thematic_smxj_headtab" value="水面下降" />-->
-<!-- </div>-->
- </div>
- </div>
+ <div id="tab">
+ <div class="tabul">
+ <ul>
+ <li id ="analysis-button" class="analysis-button">洪水淹没分析</li>
+ <li class="history-button">历史风险图</li>
+ </ul>
+ </div>
+ <div id="tablist" style="height: 96%">
+ <div class="flood-middle" style="height: 100%">
+ <div class="flood-analysis" style="height: 100%">
+ <div class="select-box">
+ <div>
+ <div class="hd">
+ <label for="hd-select">河段：</label>
+ <!--做模糊查询选择框时使用-->
+ <input type="text" name="hd-search" id="hd-input" class="hd-input" placeholder="请选择或输入" autocomplete='off'/>
+ <select name="hd-select-name" id="hd-select" size="10">
+ </select>
+ </div>
+ <div class="smx">
+ <label for="smx-select">水面线：</label>
+ <select id="smx-select" class="smx-select" name="smx"></select>
+ </div>
+ <div class="smx">
+ <label for="glzd">关联站：</label>
+ <input id="glzd" style="width: 80px;height: 26px;" name="glzd" value="未知" disabled />
+ <label for="qdj">起点距：</label>
+ <input id="qdj" style="width: 80px;height: 26px;" name="qdj" value="未知" disabled />
+ </div>
+ </div>
+ <div style="margin-top: 1%">
+ <div class="sw" style="display: flex">
+ <label for="sw-input" id="swtext" style="width: 50px">水位：</label>
+ <div style="display: flex;flex-direction: column;">
+ <input id="sw-input" class="sw-input" name="word" autocomplete="off" maxlength="10" value="0" disabled />
+<!-- <span class="tip">正数为水位上涨，负数为水位下降</span>-->
+ </div>
+ <input id="start-analysis-btn" class="start-analysis-btn" type="button" value="开始分析"/>
+ </div>
+ </div>
+ </div>
+ <div class="radio-box" style="text-align: center">
+ <input id="realtime" type="radio" name="middleRadio" value="realtime" checked='checked'>实时
+ <input id="forecast" type="radio" name="middleRadio" value="forecast">预测
+ </div>
+ <div class="analysis-box-list" id="analysis-tab1-grid" data-dojo-attach-point="analysis-tab1-grid">
+ </div>
+ <div class="flood-analysis-pagination" id="analysis-pagination"></div>
+ </div>
+ <div class="flood-history" style="height: 100%">
+ <div class="search-box">
+ <label for="search-name">名称：</label>
+ <input id="search-name" class="search-name-input" type="text" name="word" autocomplete="off"
+ maxlength="256" placeholder="请输入筛选名称"/>
+ <input id="search-button" class="search-button" type="button" value="查 询"/>
+ </div>
+ <div class="history-box-list" id="history-tab2-grid" data-dojo-attach-point="history-tab2-grid">
+ </div>
+ <div class="flood-analysis-pagination" id="history-pagination"></div>
+ </div>
+ </div>
+ </div>
+ <div class="flood-bottom">
+ </div>
+ </div>
+ <div class='dong-progress'>
+ <h2>分析结果中，请稍等...</h2>
+ <span class="container">
+ <span id="progress_bar" class="h-100P bar"></span>
+ </span>
+ </div>
+ <div id="restore-icon" class="restore-icon"></div>
+ <!-- 弹窗 -->
+ <div id="myModal" class="modal">
+ <!-- 关闭按钮 -->
+ <span class="close" onclick="document.getElementById('myModal').style.display='none'">×</span>
+ <div style="height: 100%;display: flex;align-items: center">
+ <!-- 弹窗内容 -->
+ <img class="modal-content" id="img01" src="">
+ </div>
+ <!-- 文本描述 -->
+ <div id="caption"></div>
+ </div>
+ <div id="tableTip" class="tableTip">
+ 11111111
+ </div>
</div>
--
Gitblit v1.9.3