From e4b02462b2718be6ae677385ca90328e45a61a4d Mon Sep 17 00:00:00 2001
From: wr1207 <wyun001@163.com>
Date: 星期二, 17 十月 2023 12:09:31 +0800
Subject: [PATCH] 增加查询等待的提示,查询时禁用其它相关操作

---
 mobile/road_search.html |  389 +++++++++++++++++++++++++++---------------------------
 1 files changed, 195 insertions(+), 194 deletions(-)

diff --git a/mobile/road_search.html b/mobile/road_search.html
index ac869d2..549242c 100644
--- a/mobile/road_search.html
+++ b/mobile/road_search.html
@@ -1,195 +1,196 @@
-<!DOCTYPE html>
-<html class="no-js css-menubar" lang="zh-cn">
-
-<head>
-    <title>涓婃捣甯傞亾璺氦閫氱幆澧冪洃娴嬪钩鍙�</title>
-    <meta charset="utf-8" />
-    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
-    <!-- 绉诲姩璁惧 viewport -->
-    <meta name="viewport"
-        content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no,minimal-ui" />
-    <meta name="author" content="涓婃捣甯傞亾璺氦閫氱幆澧冪洃娴嬪钩鍙� http://mars3d.cn" />
-    <!-- 360娴忚鍣ㄩ粯璁や娇鐢╓ebkit鍐呮牳 -->
-    <meta name="renderer" content="webkit" />
-    <!-- Chrome娴忚鍣ㄦ坊鍔犳闈㈠揩鎹锋柟寮忥紙瀹夊崜锛� -->
-    <link rel="icon" type="image/png" href="img/favicon/favicon.png" />
-    <meta name="mobile-web-app-capable" content="yes" />
-    <!-- Safari娴忚鍣ㄦ坊鍔犲埌涓诲睆骞曪紙IOS锛� -->
-    <link rel="icon" sizes="192x192" href="img/favicon/apple-touch-icon.png" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
-    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
-    <meta name="apple-mobile-web-app-title" content="MarsGIS" />
-
-    <!--绗笁鏂筶ib-->
-    <script type="text/javascript" src="../lib/include-lib.js?time=20210803" libpath="../lib/" include="jquery,jquery.range,bootstrap,bootstrap-checkbox,font-awesome"></script>
-    <link href="../css/style.css" rel="stylesheet" />
-    <link href="../lib/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
-    <link href="../lib/bootstrap/bootstrap-datepicker/bootstrap-datetimepicker.css" rel="stylesheet" />
-    <script src="../lib/bootstrap/bootstrap-datepicker/bootstrap-datetimepicker.js"></script>
-    <script src="../lib/bootstrap/bootstrap-datepicker/bootstrap-datetimepicker.zh-CN.js"></script>
-
-    <link href="css/dataTime.css" rel="stylesheet" />
-    <link href="css/widget_search.css" rel="stylesheet" />
-
-    <script type="text/javascript" src="../js/changable_params.js"></script>
-    <script type="text/javascript" src="js/widget_search.js"></script>
-    <script type="text/javascript" src="js/widget_search_view.js"></script>   
-    <script type="text/javascript" src="../js/function_1001.js"></script>
-    
-    <style>
-        .datetimepicker {
-            right: 0;
-            border-radius: 0;
-        }
-
-        .datetimepicker table {
-            width: 100%;
-        }
-
-        .pageDiv{
-            float: none!important;
-            text-align: center;
-        }
-        .querySelect{
-  height: 32px;
-  margin-right: 8px;
-  background: #304B80;
-  border: none;
-  color: #fff;
-}
-.layui-input{
-    display: none;
-}
-.append_test{
-    background: #304B80;
-    border-bottom: 1px solid #476399;
-}
-.form-control,
-.input-group-addon{
-    background: transparent;
-    border: none;
-    color: #fff;
-    position: relative;
-}
-.input-group-addon::after{
-    position: absolute;
-    content: " ";
-    width: 1px;
-    top: 12px;
-    bottom: 12px;
-    right: 0;
-    background: #476399;
-}
-.loading{
-    display: none;
-    position: absolute;
-    left: 0;
-    right: 0;
-    top: 0;
-    bottom: 0;
-    z-index: 99;
-    background: rgba(0, 0, 0, .6);
-}
-    </style>
-</head>
-
-<body style="background: #304B80;">
-    <!--閫夋嫨鏃堕棿 寮�濮�-->
-    <div class="input-group input-group-lg append_test">
-        <div style="width:78px; height:44px; line-height: 1; border-radius: 0; font-size: 14px;"
-            class="fa fa-globe input-group-addon dropdown-toggle" data-toggle="dropdown">
-            <span id="current">灏忔椂</span>
-        </div>
-        <input type='text' class="form-control date" id='appDate' name="appDate"
-            style="height:44px;width:100%;display:none;" />
-        <input type='text' class="form-control date" id='appDateHour' name="appDateHour"
-            style="height:44px;width:100%;" />
-        <ul class="dropdown-menu dropdown-menu_datatime">
-            <div class="layui-form">
-                <div class="layui-form-item">
-                    <div class="layui-inline" style="margin-bottom: 10px;">
-                        <div class="layui-input-inline">
-                            <input type="radio" name="datatype" value="hour" title="灏忔椂鏁版嵁" checked>
-                            <input type="text" class="layui-input" id="datatype_hour" placeholder="yyyy-mm-dd hh">
-                            灏忔椂
-                        </div>
-                    </div>
-                    <div class="layui-inline">
-                        <div class="layui-input-inline">
-                            <input type="radio" name="datatype" value="day" title="澶╂暟鎹�">
-                            <input type="text" class="layui-input" id="datatype_day" placeholder="yyyy-mm-dd">
-                            澶�
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </ul>
-    </div>
-    <script type="text/javascript" src="js/dataTime.js"></script>
-    <!--閫夋嫨鏃堕棿 缁撴潫-->
-
-    <!--閬撹矾鏌ヨ 寮�濮�-->
-    <div id="searchDiv" class="searchDiv">
-        <select class="querySelect" id="querySelect" >
-            <option value="1002">寰珯</option>
-            <option value="1003">TSP</option>
-            <option value="1004">鐩戞祴杞﹁締</option>
-            <option value="100500">閬撹矾</option>
-            <option value="1005">閬撹矾璺</option>
-            <option value="1006">鐩戞祴鍖哄煙</option>
-            <option value="1001">鍥芥帶鐐�</option>            
-        </select>
-        <input style="flex: 1;" type="text" id="search" class="input_keyword" placeholder="璇疯緭鍏ュ叧閿瓧锛屽彲涓虹┖">
-        <button type="button" id="btn" class="btn btn-primary">
-            <span id="btn_text">鏌ヨ</span>
-        </button>
-    </div>
-
-    <div class="layui-row" id="">
-        <form action="" class="am-form" id="listContainer" style="height: calc(100vh - 146px); overflow-y: auto;">
-            <table class="layui-table no_bgc_table top_10_table table_Info" id="newsList" lay-skin="nob">
-                <thead>
-                    <tr style="background:#304b80; color: #fff;">
-                        <th width="50">搴忓彿</th>
-                        <th width="80">
-                            <select id="regionSelect" style="width: 100%; background: #304b80; border: none;">
-                                <option value="">涓婃捣甯�</option>
-                                <option value="榛勬郸鍖�">榛勬郸鍖�</option>
-                                <option value="娴︿笢鏂板尯">娴︿笢鏂板尯</option>
-                                <option value="闈欏畨鍖�">闈欏畨鍖�</option>
-                                <option value="闀垮畞鍖�">闀垮畞鍖�</option>
-                                <option value="寰愭眹鍖�">寰愭眹鍖�</option>
-                                <option value="闂佃鍖�">闂佃鍖�</option>
-                                <option value="铏瑰彛鍖�">铏瑰彛鍖�</option>
-                                <option value="鏉ㄦ郸鍖�">鏉ㄦ郸鍖�</option>
-                                <option value="瀹濆北鍖�">瀹濆北鍖�</option>
-                                <option value="鍢夊畾鍖�">鍢夊畾鍖�</option>
-                                <option value="闈掓郸鍖�">闈掓郸鍖�</option>
-                                <option value="鏉炬睙鍖�">鏉炬睙鍖�</option>
-                                <option value="閲戝北鍖�">閲戝北鍖�</option>
-                                <option value="濂夎搐鍖�">濂夎搐鍖�</option>
-                                <option value="宕囨槑鍖�">宕囨槑鍖�</option>
-                                <option value="鏅檧鍖�">鏅檧鍖�</option>
-                            </select>
-                        </th>
-                        <th style="width: calc(100% - 212px); overflow: hidden; text-overflow: ellipsis;" id="newname_a">鍚嶇О</th>
-                        <th width="80"><select style="width: 100%; background: #304b80; border: none;" id="qindex_selection"></select></th>
-                    </tr>
-                </thead>
-                <tbody class="am-u-sm-12" id="searchInfo" style="cursor: pointer;">
-                </tbody>
-            </table>
-        </form>
-        <!-- <div id="warning"></div> -->
-        <div id="warning" style="color:#ffffff; display:none; position:absolute; top:220px; left:10em;">姝e湪澶勭悊锛岃绋嶇瓑锛�</div>
-        <div class="page">
-            <div id="pageID">
-            </div>
-            <ul id="page" style="padding: 0;"></ul>
-        </div>
-    </div>
-    <script type="text/javascript" src="js/widget_search_view.js"></script>
-    <!--閬撹矾鏌ヨ 缁撴潫-->
-</body>
-
+<!DOCTYPE html>
+<html class="no-js css-menubar" lang="zh-cn">
+ 
+<head>
+    <title>涓婃捣甯傞亾璺氦閫氱幆澧冪洃娴嬪钩鍙�</title>
+    <meta charset="utf-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+    <!-- 绉诲姩璁惧 viewport -->
+    <meta name="viewport"
+        content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no,minimal-ui" />
+    <meta name="author" content="涓婃捣甯傞亾璺氦閫氱幆澧冪洃娴嬪钩鍙� http://mars3d.cn" />
+    <!-- 360娴忚鍣ㄩ粯璁や娇鐢╓ebkit鍐呮牳 -->
+    <meta name="renderer" content="webkit" />
+    <!-- Chrome娴忚鍣ㄦ坊鍔犳闈㈠揩鎹锋柟寮忥紙瀹夊崜锛� -->
+    <link rel="icon" type="image/png" href="img/favicon/favicon.png" />
+    <meta name="mobile-web-app-capable" content="yes" />
+    <!-- Safari娴忚鍣ㄦ坊鍔犲埌涓诲睆骞曪紙IOS锛� -->
+    <link rel="icon" sizes="192x192" href="img/favicon/apple-touch-icon.png" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
+    <meta name="apple-mobile-web-app-title" content="MarsGIS" />
+ 
+    <!--绗笁鏂筶ib-->
+    <script type="text/javascript" src="../lib/include-lib.js?time=20210803" libpath="../lib/" include="jquery,jquery.range,bootstrap,bootstrap-checkbox,font-awesome"></script>
+    <link href="../css/style.css" rel="stylesheet" />
+    <link href="../lib/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
+    <link href="../lib/bootstrap/bootstrap-datepicker/bootstrap-datetimepicker.css" rel="stylesheet" />
+    <script src="../lib/bootstrap/bootstrap-datepicker/bootstrap-datetimepicker.js"></script>
+    <script src="../lib/bootstrap/bootstrap-datepicker/bootstrap-datetimepicker.zh-CN.js"></script>
+ 
+    <link href="css/dataTime.css" rel="stylesheet" />
+    <link href="css/widget_search.css" rel="stylesheet" />
+ 
+    <script type="text/javascript" src="../js/changable_params.js"></script>
+    <script type="text/javascript" src="js/widget_search.js"></script>
+    <script type="text/javascript" src="js/widget_search_view.js"></script>   
+    <script type="text/javascript" src="../js/function_1001.js"></script>
+    
+    <style>
+        .datetimepicker {
+            right: 0;
+            border-radius: 0;
+        }
+ 
+        .datetimepicker table {
+            width: 100%;
+        }
+ 
+        .pageDiv{
+            float: none!important;
+            text-align: center;
+        }
+        .querySelect{
+  height: 32px;
+  margin-right: 8px;
+  background: #304B80;
+  border: none;
+  color: #fff;
+}
+.layui-input{
+    display: none;
+}
+.append_test{
+    background: #304B80;
+    border-bottom: 1px solid #476399;
+}
+.form-control,
+.input-group-addon{
+    background: transparent;
+    border: none;
+    color: #fff;
+    position: relative;
+}
+.input-group-addon::after{
+    position: absolute;
+    content: " ";
+    width: 1px;
+    top: 12px;
+    bottom: 12px;
+    right: 0;
+    background: #476399;
+}
+.loading{
+    display: none;
+    position: absolute;
+    left: 0;
+    right: 0;
+    top: 0;
+    bottom: 0;
+    z-index: 99;
+    background: rgba(0, 0, 0, .6);
+}
+    </style>
+</head>
+ 
+<body style="background: #304B80;">
+    <!--閫夋嫨鏃堕棿 寮�濮�-->
+    <div class="input-group input-group-lg append_test">
+        <div style="width:78px; height:44px; line-height: 1; border-radius: 0; font-size: 14px;"
+            class="fa fa-globe input-group-addon dropdown-toggle" data-toggle="dropdown">
+            <span id="current">灏忔椂</span>
+        </div>
+        <input type='text' class="form-control date" id='appDate' name="appDate"
+            style="height:44px;width:100%;display:none;" />
+        <input type='text' class="form-control date" id='appDateHour' name="appDateHour"
+            style="height:44px;width:100%;" />
+        <ul class="dropdown-menu dropdown-menu_datatime">
+            <div class="layui-form">
+                <div class="layui-form-item">
+                    <div class="layui-inline" style="margin-bottom: 10px;">
+                        <div class="layui-input-inline">
+                            <input type="radio" name="datatype" value="hour" title="灏忔椂鏁版嵁" checked>
+                            <input type="text" class="layui-input" id="datatype_hour" placeholder="yyyy-mm-dd hh">
+                            灏忔椂
+                        </div>
+                    </div>
+                    <div class="layui-inline">
+                        <div class="layui-input-inline">
+                            <input type="radio" name="datatype" value="day" title="澶╂暟鎹�">
+                            <input type="text" class="layui-input" id="datatype_day" placeholder="yyyy-mm-dd">
+                            澶�
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </ul>
+    </div>
+    <script type="text/javascript" src="js/dataTime.js"></script>
+    <!--閫夋嫨鏃堕棿 缁撴潫-->
+ 
+    <!--閬撹矾鏌ヨ 寮�濮�-->
+    <div id="searchDiv" class="searchDiv">
+        <select class="querySelect" id="querySelect" >
+            <option value="1002">寰珯</option>
+            <option value="1003">TSP</option>
+            <option value="1004">鐩戞祴杞﹁締</option>
+            <option value="100500">閬撹矾</option>
+            <option value="1005">閬撹矾璺</option>
+            <option value="1006">鐩戞祴鍖哄煙</option>
+            <option value="1001">鍥芥帶鐐�</option>            
+        </select>
+        <input style="flex: 1;" type="text" id="search" class="input_keyword" placeholder="璇疯緭鍏ュ叧閿瓧锛屽彲涓虹┖">
+        <button type="button" id="btn" class="btn btn-primary">
+            <span id="btn_text">鏌ヨ</span>
+        </button>
+    </div>
+ 
+    <div class="layui-row" id="">
+        <form action="" class="am-form" id="listContainer" style="height: calc(100vh - 146px); overflow-y: auto;">
+            <table class="layui-table no_bgc_table top_10_table table_Info" id="newsList" lay-skin="nob">
+                <thead>
+                    <tr style="background:#304b80; color: #fff;">
+                        <th width="50">搴忓彿</th>
+                        <th width="90">
+                            <select id="regionSelect" style="width: 100%; background: #304b80; border: none;">
+                                <option value="">涓婃捣甯�</option>
+                                <option value="榛勬郸鍖�">榛勬郸鍖�</option>
+                                <option value="娴︿笢鏂板尯">娴︿笢鏂板尯</option>
+                                <option value="闈欏畨鍖�">闈欏畨鍖�</option>
+                                <option value="闀垮畞鍖�">闀垮畞鍖�</option>
+                                <option value="寰愭眹鍖�">寰愭眹鍖�</option>
+                                <option value="闂佃鍖�">闂佃鍖�</option>
+                                <option value="铏瑰彛鍖�">铏瑰彛鍖�</option>
+                                <option value="鏉ㄦ郸鍖�">鏉ㄦ郸鍖�</option>
+                                <option value="瀹濆北鍖�">瀹濆北鍖�</option>
+                                <option value="鍢夊畾鍖�">鍢夊畾鍖�</option>
+                                <option value="闈掓郸鍖�">闈掓郸鍖�</option>
+                                <option value="鏉炬睙鍖�">鏉炬睙鍖�</option>
+                                <option value="閲戝北鍖�">閲戝北鍖�</option>
+                                <option value="濂夎搐鍖�">濂夎搐鍖�</option>
+                                <option value="宕囨槑鍖�">宕囨槑鍖�</option>
+                                <option value="鏅檧鍖�">鏅檧鍖�</option>
+                            </select>
+                        </th>
+                        <th style="width: calc(100% - 232px); overflow: hidden; text-overflow: ellipsis;" id="newname_a">鍚嶇О</th>
+                        <th width="90"><select style="width: 100%; background: #304b80; border: none;" id="qindex_selection"></select></th>
+                    </tr>
+                </thead>
+                <tbody class="am-u-sm-12" id="searchInfo" style="cursor: pointer;">
+                </tbody>
+            </table>
+        </form>
+        <!-- <div id="warning"></div> -->
+        <div id="warning" style="color:#ffffff; display:none; position:absolute; top:220px; left:10em;">姝e湪澶勭悊锛岃绋嶇瓑锛�</div>
+        <div class="page">
+            <div id="pageID">
+            </div>
+            <ul id="page" style="padding: 0;"></ul>
+        </div>
+    </div>
+    <script type="text/javascript" src="js/widget_search_view.js"></script>
+    
+    <!--閬撹矾鏌ヨ 缁撴潫-->
+</body>
+ 
 </html>
\ No newline at end of file

--
Gitblit v1.9.1