屏蔽页面的异常速度

潘钊
1 parent 14e3d147
Showing 7 changed files with 190 additions and 23 deletions
src/main/resources/static/pages/base/geo_data_edit/css/mian.css
src/main/resources/static/pages/base/geo_data_edit/js/change_line.js
src/main/resources/static/pages/base/geo_data_edit/js/road_route.js
src/main/resources/static/pages/base/geo_data_edit/js/station_route.js
src/main/resources/static/pages/base/geo_data_edit/js/submit.js
src/main/resources/static/pages/base/geo_data_edit/js/version_manage.js
src/main/resources/static/pages/base/geo_data_edit/main.html
@@ -734,11 +734,42 @@ div[id*=&#39;PanoramaFlashWraperTANGRAM&#39;]{
     text-align: center;
     color: red;
 }
-/*
-div[id*='PanoramaFlashWraperTANGRAM']:before{
-    content: "如果你使用的是chrome浏览器，请在设置里允许当前页面IP启用flash";
-    position: absolute;
-    top: 50px;
-    left: calc(50% - 220px);
-    font-size: 18px;
-}*/
+
+._line_name a{
+    color: #484848;
+}
+
+.clock_enable_version:empty{
+    display: none;
+}
+
+.line_change_panel ul>li>div{
+    display: inline-block;
+    font-size: 14px;
+}
+
+.line_change_panel div.name{
+    width: 140px;
+}
+
+.line_change_panel div.code{
+    font-size: 12px;
+    font-family: 'Roboto Mono',monospace;
+    color: #f0506e;
+    white-space: nowrap;
+    padding: 2px 6px;
+    background: #f8f8f8;
+}
+
+.line_change_panel ul>li:hover{
+    background: #f8f8f8;
+    cursor: pointer;
+}
+
+.line_change_panel .uk-list>li:nth-child(n+2),.line_change_panel .uk-list>li>ul{
+    margin-top: 0;
+}
+
+.line_change_panel .uk-list>li{
+    padding: 5px;
+}
 \ No newline at end of file
+/**
+ * 线路切换面板
+ */
+
+var gb_change_line = (function () {
+
+    var data;
+
+    var init = function () {
+
+        var ep = EventProxy.create("findLine", "findCompanyData", function (lines, comps) {
+            //根据公司权限过滤线路
+            var lineArray = [];
+            for(var i=0,line;line=lines[i++];){
+                if(comps.indexOf(line.company + '_' + line.brancheCompany)){
+                    //拼音映射
+                    lineArray.push({
+                        name: line.name,
+                        code: line.lineCode,
+                        came: pinyin.getCamelChars(line.name),
+                        full: pinyin.getFullChars(line.name).toUpperCase()
+                    });
+                }
+            }
+
+            data = lineArray;
+            console.log('lineArraylineArray', lineArray);
+
+            //按更新时间排序
+            lineArray.sort(function (a, b) {
+               return b.updateDate - a.updateDate;
+            });
+
+            //渲染页面
+            var htmlStr = template('geo_d_e_dropdown_list-temp', {list: lineArray.slice(0, 10), ellipsis: lineArray.length > 10});
+            $('.line_change_panel ul.uk-list').html(htmlStr);
+        });
+
+        $.get('/line/all', {destroy_eq: 0}, function (rs) {
+            ep.emit('findLine', rs);
+        });
+
+        $.get('/user/companyData', {}, function (rs) {
+            var filters = [];
+            for(var i=0,obj;obj=rs[i++];){
+
+                for(var j=0,sCom;sCom=obj.children[j++];){
+                    filters.push(obj.companyCode + '_' + sCom.code);
+                }
+            }
+            ep.emit('findCompanyData', filters);
+        });
+    };
+
+    /**
+     * 线路搜索
+     */
+    var search_k;
+    var search_flag;
+    $('.line_change_panel #line_search_input').on('input', function () {
+        search_k = $(this).val();
+        if(search_flag)
+            return;
+        search_flag = true;
+
+        setTimeout(function () {
+            _search(search_k);
+            search_flag = false;
+        }, 300);
+    });
+
+    function _search(v) {
+        v = v.toUpperCase();
+        var rs = [], ellipsis;
+        for(var i=0,obj;obj=data[i++];){
+            if(obj.came.indexOf(v)!=-1
+                || obj.full.indexOf(v)!=-1
+                || obj.name.indexOf(v)!=-1)
+                rs.push(obj);
+
+            if(rs.length >= 10){
+                ellipsis = true;
+                break;
+            }
+        }
+
+        var htmlStr = template('geo_d_e_dropdown_list-temp', {list: rs, ellipsis: ellipsis});
+        $('.line_change_panel ul.uk-list').empty().html(htmlStr);
+    }
+
+    /**
+     * 点击切换线路 data-code
+     */
+    $('.line_change_panel ul.uk-list').on('click', 'li[data-code]', function () {
+        var lineCode = $(this).data('code');
+        storage.setItem('geo_data_edit_line_code' , lineCode);
+        storage.removeItem('geo_data_edit_line_version');
+
+        $loadPanel.show();
+        clearAll();
+        startup();
+    });
+
+    return {
+        init: init
+    };
+})();
 \ No newline at end of file
@@ -28,7 +28,7 @@ var gb_road_route = function () {
         });
  
         //加载数据
-        var version = storage.getItem("geo_data_edit_line_version");
+        var version = g_version;
         gb_common.$get('/_geo_data/findGeoRoad', {lineCode: lineCode,version:version}, function (rs) {
             rs.list.sort(function (a, b) {
                 return parseInt(a.sectionrouteCode) - parseInt(b.sectionrouteCode);
@@ -88,7 +88,7 @@ var gb_road_route = function () {
     var focus = function (data) {
         clearFocus();
         //sectionCode
-        var elem = $('.up_down_route_list>li>.road_route .r_r_item a[data-code='+data.sectionCode+']');
+        var elem = $('.up_down_route_list>li.uk-active>.road_route .r_r_item a[data-code='+data.sectionCode+']');
         elem = elem.parent();
         elem.addClass('ct_active');
  
@@ -5,7 +5,7 @@ var gb_station_route = function () {
     var station_maps;
     //绘制线路路由
     var init = function (cb) {
-        var lineCode = storage.getItem("geo_data_edit_line_code");
+        var lineCode = g_line_code;
  
         var ep = EventProxy.create("data", "temp", function (data, temp) {
             station_maps = data;
@@ -25,7 +25,7 @@ var gb_station_route = function () {
             cb && cb();
         });
  
-        var version = storage.getItem("geo_data_edit_line_version");
+        var version = g_version;
         //加载数据
         gb_common.$get('/_geo_data/findGeoStations', {lineCode: lineCode, version: version}, function (rs) {
             rs.list.sort(function (a, b) {
@@ -35,6 +35,7 @@ var gb_station_route = function () {
             //线路当前启用的线路版本
             storage.setItem("geo_data_enable_version" , rs['currentVersion']);
             //当前编辑的线路版本
+            g_version = rs['editVersion'];
             storage.setItem("geo_data_edit_line_version" , rs['editVersion']);
  
             var data = {0:[],1:[]};
@@ -69,8 +69,8 @@ var gb_data_submit = function () {
         data.stationName = $.trim(data.stationName);
  
         UIkit.modal.confirm('确定新增站点【'+data.stationName+'】？').then(function() {
-            data.lineCode = storage.getItem('geo_data_edit_line_code');
-            data.versions = storage.getItem('geo_data_edit_line_version');
+            data.lineCode = g_line_code;
+            data.versions = g_version;
             data.upDown = getUpDown();
             data.prevRouteId = gb_station_route.getAddPrevId();
             data.lng = data.gLonx;
@@ -98,8 +98,8 @@ var gb_data_submit = function () {
         var data = f.serializeJSON();
  
         UIkit.modal.confirm('确定新增路段【'+data.sectionName+'（'+data.crosesRoad+'）】？').then(function() {
-            data.lineCode = storage.getItem('geo_data_edit_line_code');
-            data.versions = storage.getItem('geo_data_edit_line_version');
+            data.lineCode = g_line_code;
+            data.versions = g_version;
             data.upDown = getUpDown();
  
             data.prevRouteId = gb_road_route.getAddPrevId();
@@ -162,11 +162,12 @@ var gb_data_submit = function () {
     $(document).on('click', '#add_line_versions_modal ._submit', function (e) {
         var f = $('form', '#add_line_versions_modal');
         var data = f.serializeJSON();
-        data.lineCode = storage.getItem('geo_data_edit_line_code');
+        data.lineCode = g_line_code;
  
         UIkit.modal.confirm('确定线路版本【'+data.name+'】？').then(function() {
             $loadPanel.show();
             gb_common.$post('/_geo_data/addNewLineVersion', data, function (rs) {
+                g_version = rs['newVersion'];
                 storage.setItem("geo_data_edit_line_version", rs['newVersion']);
                 clearAll();
                 startup();
@@ -9,7 +9,7 @@ var gb_version_manage = function () {
  
     var temps;
     var init = function (enableVersion) {
-        var lineCode = storage.getItem("geo_data_edit_line_code");
+        var lineCode = g_line_code;
  
         var ep = EventProxy.create("data", "temp", function () {
             if(!current){
@@ -17,7 +17,7 @@ var gb_version_manage = function () {
             }
  
             //线路名称
-            $('.main_left_panel>._line_info>._line_name>span').text(lineName);
+            $('.main_left_panel>._line_info>._line_name>.dropdown_txt').text(lineName);
             //当前版本
             $('.main_left_panel ._version_dropdown_wrap>._version_text')
                 .html(current.name + '<i uk-icon="icon: chevron-down;ratio:.6"></i>').removeClass('e0 e1 e2').addClass('e' + current.status);
@@ -126,7 +126,7 @@ var gb_version_manage = function () {
     $(document).on('click', v_e_edit_modal + ' button._submit', function () {
         var f = $('form', v_e_edit_modal);
         var data = f.serializeJSON();
-        data.lineCode = storage.getItem('geo_data_edit_line_code');
+        data.lineCode = g_line_code;
  
         gb_common.$post('/_geo_data/addEnableInfo', data, function () {
             UIkit.modal(v_e_edit_modal).hide();
@@ -257,7 +257,7 @@ var gb_version_manage = function () {
     $(document).on('click', '#enable_line_versions_modal button._submit', function () {
         var f = $('form', '#enable_line_versions_modal');
         var data = f.serializeJSON();
-        data.lineCode = storage.getItem('geo_data_edit_line_code');
+        data.lineCode = g_line_code;
  
         gb_common.$post('/_geo_data/addEnableInfo', data, function () {
             UIkit.modal('#enable_line_versions_modal').hide();
@@ -25,7 +25,14 @@
     <div class="main_left_panel">
         <div class="_line_info">
             <div class="_line_name">
-                <span></span>
+                <a class="dropdown_txt"></a>
+                <div class="line_change_panel" uk-dropdown>
+                    <div class="uk-inline">
+                        <a class="uk-form-icon uk-form-icon-flip" uk-icon="icon: search"></a>
+                        <input class="uk-input" type="text" id="line_search_input">
+                    </div>
+                    <ul class="uk-list"></ul>
+                </div>
  
                 <a uk-icon="icon: trash" class="remove_line_version_icon uk-animation-slide-right-small" title="删除线路版本" style="display: none" uk-tooltip></a>
                 <a uk-icon="icon: plus" class="add_line_version_icon" title="新增一个线路版本" uk-tooltip></a>
@@ -45,7 +52,6 @@
                 <li><a>上行</a></li>
                 <li><a>下行</a></li>
  
-                <!--<span class="rt_show_version_txt uk-badge uk-disabled uk-animation-slide-top-small"></span>-->
             </ul>
  
             <ul class="uk-switcher uk-margin up_down_route_list">
@@ -92,6 +98,18 @@
         {{/if}}
     </ul>
 </script>
+
+<script id="geo_d_e_dropdown_list-temp" type="text/html">
+    {{each list as obj i}}
+    <li data-code="{{obj.code}}">
+        <div class="name">{{obj.name}}</div>
+        <div class="code">{{obj.code}}</div>
+    </li>
+    {{/each}}
+    {{if ellipsis}}
+        <li>...</li>
+    {{/if}}
+</script>
 <!-- 百度 -->
 <script src="http://api.map.baidu.com/api?v=2.0&ak=IGGrr4UjwIYzatoCRFKEL8sT"></script>
 <script src="/metronic_v4.5.4/plugins/jquery.min.js"></script>
@@ -116,6 +134,7 @@
 <!-- flatpickr -->
 <script src="/real_control_v2/assets/plugins/flatpickr/flatpickr.min.js" ></script>
 <script src="/real_control_v2/assets/plugins/flatpickr/l10n/zh.js" ></script>
+<script src="/assets/plugins/pinyin.js"></script>
  
 <script>
     var $loadPanel = $('body>.loading');
@@ -147,9 +166,15 @@
     var res_load_ep = EventProxy.create('load_common_data', 'load_station_route','load_road_route'
             , 'load_version_manage', 'load_history_edit_logs', 'load_map', function () {
                 startup();
+
+                gb_change_line.init();
             });
  
+    var g_line_code;
+    var g_version;
     var startup = function () {
+        g_line_code = storage.getItem('geo_data_edit_line_code');
+
         gb_main_ep = new EventProxy();
         var eq = gb_main_ep;
  
@@ -221,6 +246,8 @@
 <script src="/pages/base/geo_data_edit/js/map.js" ></script>
 <script src="/pages/base/geo_data_edit/js/submit.js" ></script>
 <script src="/pages/base/geo_data_edit/js/search.js" ></script>
+<script src="/pages/base/geo_data_edit/js/change_line.js" ></script>
+
 <script type="text/javascript"
         src="http://api.map.baidu.com/library/DrawingManager/1.4/src/DrawingManager_min.js"></script>
 </body>