update...

潘钊
1 parent dc0c4d85
Showing 2 changed files with 54 additions and 6 deletions
src/main/resources/static/real_control_v2/css/main.css
src/main/resources/static/real_control_v2/mapmonitor/fragments/playback_v2/main.html
+input::-webkit-outer-spin-button,
+input::-webkit-inner-spin-button{
+    display: none;
+}
+
+input::-webkit-calendar-picker-indicator {
+    display: none;
+}
+
+input::-webkit-datetime-edit { padding: 1px; }
 .ps-container > .ps-scrollbar-y-rail{
     z-index: 1 !important;
@@ -32,14 +32,14 @@
                             <div class="uk-form-row">
                                 <label class="uk-form-label">开始时间</label>
                                 <div class="uk-form-controls">
-                                    <input name="sDate" type="date" required/>
+                                    <input name="sDate" type="date" style="width: 100%;" required/>
                                 </div>
                             </div>
                         </div>
                         <div class="uk-width-1-3" style="padding-left: 15px;">
                             <div class="uk-form-row">
                                 <div class="uk-form-controls" style="margin-left: 0;">
-                                    <input name="sTime" type="time" required/>
+                                    <input name="sTime" type="time" style="width: calc(100% - 28px);" required/>
                                 </div>
                             </div>
                         </div>
@@ -49,14 +49,14 @@
                             <div class="uk-form-row">
                                 <label class="uk-form-label">结束时间</label>
                                 <div class="uk-form-controls">
-                                    <input name="eDate" type="date" required/>
+                                    <input name="eDate" type="date"  style="width: 100%;" required/>
                                 </div>
                             </div>
                         </div>
                         <div class="uk-width-1-3" style="padding-left: 15px;">
                             <div class="uk-form-row">
                                 <div class="uk-form-controls" style="margin-left: 0;">
-                                    <input name="eTime" type="time" required/>
+                                    <input name="eTime" type="time" style="width: calc(100% - 28px);" required/>
                                 </div>
                             </div>
                         </div>
@@ -183,6 +183,16 @@
                         <span class="ct_btn text-panel">
                             <span>共约 <span class="sum_mileage"></span> 公里，<span class="count_point"></span> 个GPS点</span><br>
                             <a class="export-excel"><i class="uk-icon-file-excel-o"></i> 导出轨迹</a>
+
+                            <label>
+                                <div class="uk-button-dropdown" data-uk-dropdown>
+                                    <a style="color: grey;margin-left: 12px;font-size: 12px;">线路底图 <i class="uk-icon-angle-down"></i></a>
+                                    <div class="uk-dropdown uk-dropdown-scrollable" style="max-height: 300px;">
+                                        <ul class="uk-nav uk-nav-dropdown line_route_list">
+                                        </ul>
+                                    </div>
+                                </div>
+                            </label>
                         </span>
                     </div>
                     <div class="ct-progress-bar" >
@@ -294,6 +304,20 @@
                 $.get('/basic/cars', function (rs) {
                     gb_common.carAutocomplete($('.autocomplete-nbbm', modal), rs);
                 });
+
+                //初始化线路底图下拉
+                var opts='';
+                $.each(gb_data_basic.activeLines, function () {
+                    opts+='<li data-code="'+this.lineCode+'" data-dir="0"><a>'+this.name+'上行</a></li><li data-code="'+this.lineCode+'" data-dir="1"><a>'+this.name+'下行</a></li>';
+                });
+                $('.line_route_list', modal).html(opts);
+            });
+
+            //切换线路底图
+            $(modal).on('click', '.line_route_list li', function () {
+                var code = $(this).data('code');
+                var updown = $(this).data('dir');
+                mapObj.changeLine(code, updown);
             });
             /**
@@ -730,7 +754,7 @@
                     //中心点和缩放级别
                     map.centerAndZoom(new BMap.Point(gb_map_consts.center_point.lng, gb_map_consts.center_point.lat), 16);
                     map.enableScrollWheelZoom();
-                }
+                };
                 var storage = window.localStorage;
                 var routes;//路段
@@ -985,6 +1009,19 @@
                     if(!markerIsVisible)
                         map.panTo(gpsMarker.getPosition());
                 };
+
+                /**
+                 * 切换线路底图
+                 */
+                var changeLine = function (lineCode, updown) {
+                    //reset();
+                    //从地图模块获取站点数据
+                    stations = gb_map_spatial_data.getStationArray(lineCode);
+                    //从localStorage 获取路段
+                    routes = JSON.parse(storage.getItem(lineCode + '_route'));
+                    routes = [routes.up_bd, routes.down_bd];
+                    switchPolyline(lineCode, updown);
+                };
                 return {
                     initData: initData,
                     updateCar: updateCar,
@@ -992,7 +1029,8 @@
                     updateTrailLine: updateTrailLine,
                     refreshOverlay: switchPolyline,
                     toCenterByBounds: toCenterByBounds,
-                    reset: reset
+                    reset: reset,
+                    changeLine: changeLine
                 }
             })();