update...

潘钊
1 parent aed4db70
Showing 2 changed files with 30 additions and 16 deletions
src/main/resources/static/real_control_v2/mapmonitor/fragments/playback_v3/layout.html
src/main/resources/static/real_control_v2/mapmonitor/fragments/playback_v3/right.html
@@ -118,15 +118,14 @@
         {{/if}}
     </script>
     <script id="pbv3_park_dropdown-temp" type="text/html">
-        <li style="text-align: center;">
+        <div style="text-align: center;border-bottom: 1px solid #e2e2e2;padding-bottom: 9px;margin-bottom: 9px;">
             <form class="uk-form" data-uk-margin>
                 <div class="uk-form-icon">
                     <i class="uk-icon-search"></i>
-                    <input type="text" placeholder="搜索" >
+                    <input type="text" placeholder="搜索" class="park_list_search_input">
                 </div>
             </form>
-        </li>
-        <li class="uk-nav-divider"></li>
+        </div>
         {{each list as p i}}
         <li data-code="{{p.parkCode}}" ><a>{{p.parkName}}</a></li>
         {{/each}}
@@ -649,22 +649,37 @@
         (function (lineCode) {
             //从地图模块获取停车场数据
             var parks = gb_map_spatial_data.carparkArray();
-           /* //将线路标准停车场排在第一个
-            var information = gb_data_basic.getLineInformation(lineCode);
-            if(information){
-                var index;
-                for(var i = 0,p; p=parks[i++];){
-                    if(p.parkCode == information.carPark){
-                        index = i - 1;
-                        break;
-                    }
-                }
-                parks[index] = parks.splice(0, 1 , parks[index])[0];
-            }*/
             //渲染
             var htmlStr = template('pbv3_park_dropdown-temp', {list: parks});
             $('.buffer_area_form .parks_list', rightWrap).html(htmlStr);
+            console.log('parksparks', parks);
+            //拼音映射
+            var searchData=[];
+            for(var i=0,p;p=parks[i++];){
+                searchData.push({
+                    code: p.parkCode,
+                    name: p.parkName,
+                    fullChars: pinyin.getFullChars(p.parkName).toUpperCase(),
+                    camelChars: pinyin.getCamelChars(p.parkName).toUpperCase()
+                })
+            }
+            //搜索
+            var listWrap = $('.buffer_area_form .parks_list', rightWrap);
+            $('.park_list_search_input', rightWrap).on('input', function () {
+                var v = $(this).val();
+                if(!v){
+                    $('li', listWrap).show();
+                    return;
+                }
+                v = v.toUpperCase();
+                $('li', listWrap).hide();
+                for(var i=0,obj;obj=searchData[i++];){
+                    if(obj.name.indexOf(v)!=-1 || obj.fullChars.indexOf(v)!=-1 || obj.camelChars.indexOf(v)!=-1)
+                        $('li[data-code="'+obj.code+'"]', listWrap).show();
+                }
+            });
+
             //停车场点击
             $('.buffer_area_form .parks_list>li', rightWrap).on('click', function () {
                 var code = $(this).data('code');