From b53c06e37b171ef7edeb516e545bf06ae7f75c8f Mon Sep 17 00:00:00 2001
From: guoshilong <123456>
Date: Tue, 14 Feb 2023 16:35:15 +0800
Subject: [PATCH] 洪水淹没-调节页面样式由横板改为竖版

---
 widgets/FloodAnalysis/Widget.html |   52 ++++++++++++++++++++++++++++------------------------
 1 files changed, 28 insertions(+), 24 deletions(-)

diff --git a/widgets/FloodAnalysis/Widget.html b/widgets/FloodAnalysis/Widget.html
index e10e731..b78e00d 100644
--- a/widgets/FloodAnalysis/Widget.html
+++ b/widgets/FloodAnalysis/Widget.html
@@ -8,33 +8,35 @@
         <div class="flood-middle">
             <div class="flood-analysis">
                 <div class="select-box">
-                    <div class="hd">
-                        <label for="hd-select">河段:</label>
-                        <!--					<select id="hd-select" class="hd-select" name="hd" >-->
-                        </select>
-                        <!--做模糊查询选择框时使用-->
-                        <input type="text" name="hd-input" id="hd-input" class="hd-input" placeholder="请选择或输入"/>
-                        <select name="hd-select" 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="sw">
-                        <label for="sw-input">水位:</label>
-                        <div style="display: flex;flex-direction: column">
-                            <input id="sw-input" class="sw-input" type="number" name="word" autocomplete="off"
-                                   maxlength="256" value="0" disabled />
-                            <span class="tip">正数为水位上涨,负数为水位下降</span>
+                    <div>
+                        <div class="hd">
+                            <label for="hd-select">河段:</label>
+                            <!--做模糊查询选择框时使用-->
+                            <input type="text" name="hd-input" id="hd-input" class="hd-input" placeholder="请选择或输入"/>
+                            <select name="hd-select" 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>
+                    <div style="margin-top: 1%">
+                        <div class="sw" style="display: flex">
+                            <label for="sw-input">水位:</label>
+                            <div style="display: flex;flex-direction: column;margin-left: 6px;">
+                                <input id="sw-input" class="sw-input" type="number" name="word" autocomplete="off"
+                                       maxlength="256" value="0" disabled />
+                                <span class="tip">正数为水位上涨,负数为水位下降</span>
+                            </div>
+                        </div>
+                        <input id="start-analysis-btn" class="start-analysis-btn" type="button" value="开始分析"/>
+                    </div>
+
                 </div>
                 <div class="radio-box">
                     <input id="realtime" type="radio" name="middleRadio" value="realtime" checked='checked'>实时
                     <input id="forecast" type="radio" name="middleRadio" value="forecast">预测
-                    <input id="start-analysis-btn" class="start-analysis-btn" type="button" value="开始分析"/>
                 </div>
                 <div class="table-box">
                     <table>
@@ -62,7 +64,6 @@
                         </thead>
                         <tbody id="flood-tbody" class="table-tbody flood-tbody"></tbody>
                     </table>
-                    <div class="flood-analysis-pagination" id="analysis-pagination"></div>
                 </div>
             </div>
             <div class="flood-history">
@@ -76,7 +77,7 @@
                     <table>
                         <thead class="flood-table-thead table-thead">
                         <tr>
-                            <th style="width: 85px;">
+                            <th style="width: 30px;">
 
                             </th>
                             <th>
@@ -111,9 +112,12 @@
                         </tr>
                         </tbody>
                     </table>
-                    <div class="flood-analysis-pagination" id="history-pagination"></div>
                 </div>
             </div>
         </div>
+        <div class="flood-bottom">
+            <div class="flood-analysis-pagination" id="analysis-pagination"></div>
+            <div class="flood-analysis-pagination" id="history-pagination"></div>
+        </div>
     </div>
 </div>

--
Gitblit v1.9.3