add tts模块，加入班次搜索框

潘钊
1 parent 64d242d5
Showing 10 changed files with 179 additions and 100 deletions
src/main/resources/static/real_control_v2/js/data/data_basic.js
src/main/resources/static/real_control_v2/js/data/data_gps.js
src/main/resources/static/real_control_v2/js/data/data_schedule.js
src/main/resources/static/real_control_v2/js/data/json/north_toolbar.json
src/main/resources/static/real_control_v2/js/line_schedule/sch_table.js
src/main/resources/static/real_control_v2/js/line_schedule/search.js
src/main/resources/static/real_control_v2/js/main.js
src/main/resources/static/real_control_v2/js/north/toolbar.js
src/main/resources/static/real_control_v2/js/websocket/sch_websocket.js
src/main/resources/static/real_control_v2/main.html
@@ -2,11 +2,12 @@
  
 var gb_data_basic = (function() {
  
-    var stationRoutes,lineCode2NameAll,lineInformations;
-    var ep = EventProxy.create("stationRoutes", "lineCode2Name", "lineInformations", function(routes, code2Name, informations) {
+    var stationRoutes,lineCode2NameAll,lineInformations, nbbm2deviceMap;
+    var ep = EventProxy.create("stationRoutes", "lineCode2Name", "lineInformations", "nbbm2deviceId", function(routes, code2Name, informations, nbbm2device) {
         stationRoutes = routes;
         lineCode2NameAll = code2Name;
         lineInformations = informations;
+        nbbm2deviceMap = nbbm2device;
         gb_main_ep.emitLater('data-basic');
     });
  
@@ -46,6 +47,11 @@ var gb_data_basic = (function() {
       ep.emit('lineCode2Name', rs);
     });
  
+    //nbbm to device id
+    $.get('/basic/nbbm2deviceId', function(rs){
+      ep.emit('nbbm2deviceId', rs);
+    });
+
     function findLineByCodes(codeArr){
       var rs=[];
       $.each(codeArr, function(){
@@ -73,6 +79,7 @@ var gb_data_basic = (function() {
         activeLines: activeLines,
         line_idx: line_idx,
         codeToLine: codeToLine,
+        nbbm2deviceMap: function(){return nbbm2deviceMap;},
         getLineInformation: getLineInformation,
         stationRoutes: function(lineCode){return stationRoutes[lineCode]},
         findLineByCodes: findLineByCodes,
@@ -76,11 +76,16 @@ var gb_data_gps = (function() {
       return realData[deviceId];
     }
  
+    var findGpsByNbbm = function(nbbm){
+      return realData[gb_data_basic.nbbm2deviceMap()[nbbm]];
+    }
+
     return {
         fixedTimeRefresh: fixedTimeRefresh,
         registerCallback: registerCallback,
         allGps: realData,
         gpsByLineCode: gpsByLineCode,
-        findOne: findOne
+        findOne: findOne,
+        findGpsByNbbm: findGpsByNbbm
     };
 })();
-/* 实际排班数据管理模块 */
-
-var gb_data_sch = (function(){
-
-})();
@@ -12,5 +12,10 @@
     }]
 }, {
     "id": 3,
-    "text": "系统设置"
+    "text": "系统设置",
+    "children": [{
+        "id": 3.1,
+        "text": "TTS",
+        "event": "tts_config"
+    }]
 }]
@@ -5,7 +5,8 @@ var gb_schedule_table = (function() {
     var temps;
     //线路分组的班次数据
     var line2Schedule = {};
-
+    //车辆应发未发车辆数
+    var car_yfwf_map = {};
     var schedule_sort = function(s1, s2) {
         return s1.dfsjT - s2.dfsjT;
     }
@@ -64,7 +65,7 @@ var gb_schedule_table = (function() {
             //dbclick event
             gb_schedule_table_dbclick.init();
  
-            cb&&cb();
+            cb && cb();
         });
     }
  
@@ -97,44 +98,44 @@ var gb_schedule_table = (function() {
     }
  
     //新增一个班次，附带更新的班次
-    var insertSchedule=function(sch, upArr){
-      line2Schedule[sch.xlBm][sch.id]=sch;
-      //update
-      if(isArray(upArr)){
-        $.each(upArr, function(){
-          line2Schedule[this.xlBm][this.id]=this;
-        });
-      }
-
-      //重新渲染表格
-      var data=gb_common.get_vals(line2Schedule[sch.xlBm]).sort(schedule_sort)
-        ,dirData = gb_common.groupBy(data, 'xlDir')
-        ,tabCont=$('li.line_schedule[data-id='+sch.xlBm+']');
-
-      for (var upDown in dirData) {
-          htmlStr = temps['line-schedule-table-temp']({
-              dir: upDown,
-              line: gb_data_basic.codeToLine[sch.xlBm],
-              list: dirData[upDown]
-          });
-          $('.schedule-wrap .card-panel:eq(' + upDown + ')', tabCont).html(htmlStr);
-      }
-      calc_yfwf_num(sch.xlBm);
-      //定位到新添加的班次
-      scroToDl(sch);
+    var insertSchedule = function(sch, upArr) {
+        line2Schedule[sch.xlBm][sch.id] = sch;
+        //update
+        if (isArray(upArr)) {
+            $.each(upArr, function() {
+                line2Schedule[this.xlBm][this.id] = this;
+            });
+        }
+
+        //重新渲染表格
+        var data = gb_common.get_vals(line2Schedule[sch.xlBm]).sort(schedule_sort),
+            dirData = gb_common.groupBy(data, 'xlDir'),
+            tabCont = $('li.line_schedule[data-id=' + sch.xlBm + ']');
+
+        for (var upDown in dirData) {
+            htmlStr = temps['line-schedule-table-temp']({
+                dir: upDown,
+                line: gb_data_basic.codeToLine[sch.xlBm],
+                list: dirData[upDown]
+            });
+            $('.schedule-wrap .card-panel:eq(' + upDown + ')', tabCont).html(htmlStr);
+        }
+        calc_yfwf_num(sch.xlBm);
+        //定位到新添加的班次
+        scroToDl(sch);
     }
  
     //删除一个班次
-    var deheteSchedule = function(sch){
-      sch = line2Schedule[sch.xlBm][sch.id];
-      if(sch){
-        var dl = $('li.line_schedule[data-id=' + sch.xlBm + '] .ct_table_body dl[data-id=' + sch.id + ']')
-          ,dls=dl.parent().find('dl');
-        delete line2Schedule[sch.xlBm][sch.id];
-        dl.remove();
-        reset_seq_no(dls);
-        calc_yfwf_num(sch.xlBm);
-      }
+    var deheteSchedule = function(sch) {
+        sch = line2Schedule[sch.xlBm][sch.id];
+        if (sch) {
+            var dl = $('li.line_schedule[data-id=' + sch.xlBm + '] .ct_table_body dl[data-id=' + sch.id + ']'),
+                dls = dl.parent().find('dl');
+            delete line2Schedule[sch.xlBm][sch.id];
+            dl.remove();
+            reset_seq_no(dls);
+            calc_yfwf_num(sch.xlBm);
+        }
     }
  
     //更新班次
@@ -150,7 +151,7 @@ var gb_schedule_table = (function() {
  
     //update dom
     var updateDom = function(sch) {
-        if(!sch) return;
+        if (!sch) return;
         var dl = $('li.line_schedule[data-id=' + sch.xlBm + '] .ct_table_body dl[data-id=' + sch.id + ']');
         var dds = $('dd', dl);
         $(dds[1]).find('a').text(sch.lpName);
@@ -169,17 +170,17 @@ var gb_schedule_table = (function() {
         calc_sch_real_shift(sch);
         var sfsjDd = temps['line-schedule-sfsj-temp'](sch);
         $(dds[7]).replaceWith(sfsjDd);
-        if(sch.remarks)
-          $(dds[8]).html('<span title="'+sch.remarks+'" data-uk-tooltip="{pos:\'top-left\'}">'+sch.remarks+'</span>');
+        if (sch.remarks)
+            $(dds[8]).html('<span title="' + sch.remarks + '" data-uk-tooltip="{pos:\'top-left\'}">' + sch.remarks + '</span>');
         else
-          $(dds[8]).html('');
+            $(dds[8]).html('');
     }
  
     //拖拽选中...
     var seq_nos = '.line-schedule-table .ct_table_body>dl>dd.seq_no';
     var drag_strat;
     $(document).on('mousedown', seq_nos, function(e) {
-        if(e.button != 0) return;
+        if (e.button != 0) return;
         var dl = $(this).parent();
         if (dl.hasClass('drag-active'))
             dl.removeClass('drag-active');
@@ -196,14 +197,14 @@ var gb_schedule_table = (function() {
  
             reset_drag_active_all(this);
             //向上选中
-            if(e <= drag_strat){
-              for (var i = drag_strat; i > e-2; i--)
-                  $(dls[i]).addClass('drag-active');
+            if (e <= drag_strat) {
+                for (var i = drag_strat; i > e - 2; i--)
+                    $(dls[i]).addClass('drag-active');
             }
             //向下选中
-            else{
-              for (var j = drag_strat; j < e; j++)
-                  $(dls[j]).addClass('drag-active');
+            else {
+                for (var j = drag_strat; j < e; j++)
+                    $(dls[j]).addClass('drag-active');
             }
         }
     }).on('click', seq_nos, function() {
@@ -220,22 +221,22 @@ var gb_schedule_table = (function() {
             schArr = gb_common.get_vals(line2Schedule[lineCode]).filter(function(item) {
                 return item.clZbh == sch.clZbh;
             }).sort(schedule_sort),
-            nextSch,tempDL;
+            nextSch, tempDL;
         $.each(schArr, function(i) {
-            tempDL=$('dl[data-id=' + this.id + ']', contWrap);
+            tempDL = $('dl[data-id=' + this.id + ']', contWrap);
             tempDL.addClass('relevance-active');
-            if (i < schArr.length - 1 && this.id == id){
-              nextSch = schArr[i + 1];
-              tempDL.addClass('intimity');
+            if (i < schArr.length - 1 && this.id == id) {
+                nextSch = schArr[i + 1];
+                tempDL.addClass('intimity');
             }
         });
  
-        if(nextSch){
-          $('dl[data-id=' + nextSch.id + ']', contWrap).addClass('intimity');
-          if (nextSch.xlDir == sch.xlDir)
-              return;
-          //滚动到下一个班次
-          scroToDl(nextSch);
+        if (nextSch) {
+            $('dl[data-id=' + nextSch.id + ']', contWrap).addClass('intimity');
+            if (nextSch.xlDir == sch.xlDir)
+                return;
+            //滚动到下一个班次
+            scroToDl(nextSch);
         }
     });
  
@@ -282,25 +283,33 @@ var gb_schedule_table = (function() {
         $(dd).parents('.uk-grid.schedule-wrap').find('.relevance-active').removeClass('relevance-active intimity');
     }
  
-    //计算应发未发数量
-    var calc_yfwf_num = function(lineCode){
  
-      var schArr=gb_common.get_vals(line2Schedule[lineCode]).sort(schedule_sort)
-        ,yfwf_num=0
-        ,t = new Date().valueOf();
+    //计算应发未发数量 car_yfwf_map
+    var calc_yfwf_num = function(lineCode) {
  
-      $.each(schArr, function(){
-        if(this.fcsjT > t)
-						return false;
+        var schArr = gb_common.get_vals(line2Schedule[lineCode]).sort(schedule_sort),
+            yfwf_num = 0,
+            t = new Date().valueOf();
  
-        if(this.fcsjActual == null && this.fcsjActualTime == null && this.status != -1)
-  					yfwf_num ++;
-      });
+        var carYfwfMap={}, nbbm;
+        $.each(schArr, function() {
+            if (this.fcsjT > t)
+                return false;
+
+            if (this.fcsjActual == null && this.fcsjActualTime == null && this.status != -1){
+              yfwf_num++;
+              nbbm=this.clZbh;
+              if(carYfwfMap[nbbm])
+                carYfwfMap[nbbm]++;
+              else
+                carYfwfMap[nbbm]=1;
+            }
+        });
+        car_yfwf_map[lineCode]=carYfwfMap;
  
-      $('#badge_yfwf_num_'+lineCode).text(yfwf_num);
+        $('#badge_yfwf_num_' + lineCode).text(yfwf_num);
     }
  
-
     return {
         show: show,
         findScheduleByLine: findScheduleByLine,
@@ -308,6 +317,7 @@ var gb_schedule_table = (function() {
         deheteSchedule: deheteSchedule,
         insertSchedule: insertSchedule,
         schedule_sort: schedule_sort,
-        calc_yfwf_num: calc_yfwf_num
+        calc_yfwf_num: calc_yfwf_num,
+        car_yfwf_map: function(lineCode){return car_yfwf_map[lineCode];}
     };
 })();
@@ -8,7 +8,7 @@ var gb_sch_search = (function() {
         '      <li data-value="{{ $item.value }}">' +
         '          <a>' +
         '              {{ $item.value }}' +
-        '              <small >执行班次 07:00</small>' +
+        '              <small >{{$item.exec}}</small>' +
         '              <small class="search-result-desc">{{{ $item.desc }}}</small>' +
         '          </a>' +
         '      </li>' +
@@ -20,7 +20,7 @@ var gb_sch_search = (function() {
         _input, schArr, lineCode, group_cars;
     $(document)
         .on('focus', ips, function() {
-            $(this).addClass('active');
+            $(this).parent().addClass('active');
             lineCode = $(this).parents('li.line_schedule').data('id');
             schArr = gb_common.get_vals(gb_schedule_table.findScheduleByLine(lineCode));
  
@@ -28,10 +28,15 @@ var gb_sch_search = (function() {
             _input = $(this);
         })
         .on('blur', ips, function() {
-            if ($(this).val() == '')
-                $(this).removeClass('active');
+            if ($(this).val() == ''){
+              reset_all();
+            }
         });
  
+    $(document).on('click', '.search_sch_panel i.cancel', function(){
+        reset_all();
+    });
+
     var elements = '.search_sch_panel .sch-search-autocom';
     var init = function() {
         $(elements).each(function() {
@@ -43,32 +48,67 @@ var gb_sch_search = (function() {
     var constructor = function(e) {
         UIkit.autocomplete(e, {
             minLength: 1,
-            delay: 50,
+            delay: 10,
             source: autocomplete_source
         }).on('selectitem.uk.autocomplete', selectitem);
     }
  
     var autocomplete_source = function(release) {
         var rs = [],
-            v = _input.val().toUpperCase();
+            v = _input.val().toUpperCase(),
+            gps, yfwf_map = gb_schedule_table.car_yfwf_map(lineCode);
+
         for (var car in group_cars) {
-            if (car.indexOf(v) != -1)
+            if (car.indexOf(v) != -1) {
+                //车辆对应的gps
+                gps = gb_data_gps.findGpsByNbbm(car)
                 rs.push({
                     value: car,
-                    desc: '应发未发：0，已完成 8 个班次'
+                    desc: '应发未发：' + (yfwf_map[car] == null ? 0 : yfwf_map[car]),
+                    exec: execSch(gps)
                 });
+            }
         }
  
-        console.log(rs);
         release && release(rs);
     }
  
-    var selectitem = function(event, data, acobject){
-      var cont='li.line_schedule[data-id='+lineCode+']'
-        ,tbodys=$('.line-schedule-table .ct_table_body', cont);
+    var reset_all = function() {
+        var cont = 'li.line_schedule[data-id=' + lineCode + ']';
+        //uikit 会记住上一次搜索值，触发keyup以清空该值
+        $('.sch-search-autocom input', cont).val('').trigger('keyup').parent().removeClass('active');
+        $('.line-schedule-table .ct_table_body dl._search_hide', cont).removeClass('_search_hide');
+    }
+
+    function execSch(gps) {
+        if (gps && gps.schId) {
+            var sch = gb_schedule_table.findScheduleByLine(gps.lineId)[gps.schId];
+            if (sch)
+                return '（执行' + (sch.xlDir == 0 ? '上行' : '下行') + sch.dfsj + '）';
+        }
+        return '';
+    }
+
+    var selectitem = function(event, data, acobject) {
+        var cont = 'li.line_schedule[data-id=' + lineCode + ']',
+            tbodys = $('.line-schedule-table .ct_table_body', cont);
+
+        $('.sch-search-autocom input', cont).val(data.value).parent().addClass('active');
+
+        $.each(tbodys, function() {
+            filterScheduleByNbbm(this, data.value);
+        });
+    }
  
-      $('.sch-search-autocom input', cont).val(data.value).addClass('active');
-      console.log(tbodys);
+    var filterScheduleByNbbm = function(tbody, car) {
+        var dls = $('dl', tbody),
+            dds;
+        dls.removeClass('_search_hide');
+        $.each(dls, function() {
+            dds = $('dd', this);
+            if (car != $(dds[2]).data('nbbm'))
+                $(this).addClass('_search_hide');
+        });
     }
  
     return {
@@ -37,7 +37,7 @@ var gb_main_ep = new EventProxy(),
         eq.once('render-sch-table', function() {
             gb_schedule_table.show(function(){
               //搜索框
-              //gb_sch_search.init();
+              gb_sch_search.init();
             });
  
             //嵌入地图页面
@@ -46,6 +46,9 @@ var gb_northToolbar = (function() {
     },
     directive_history: function(){
       open_modal('/real_control_v2/fragments/north/nav/directive_history.html', {}, modal_opts);
+    },
+    tts_config: function(){
+      open_modal('/real_control_v2/fragments/north/nav/tts_config.html', {}, modal_opts);
     }
   }
 })();
@@ -44,7 +44,11 @@ var gb_sch_websocket = (function() {
        msg.dateStr = moment(msg.timestamp).format('HH:mm');
        msg.text = gb_common.reqCode80[msg.data.requestCode];
  
-       findMailBox(msg.data.lineId).prepend(temps['sys-note-80-temp'](msg));
+       var $item=$(temps['sys-note-80-temp'](msg));
+       findMailBox(msg.data.lineId).prepend($item);
+       //tts
+       var ttsMsg=$item.find('.uk-panel-title').text();
+       gb_tts.speak(ttsMsg, msg.data.lineId);
     }
  
     var waitRemoves = [];
@@ -53,12 +57,16 @@ var gb_sch_websocket = (function() {
         gb_schedule_table.updateSchedule(msg.t);
         msg.domId = 'fache_' + msg.t.id + '_' + parseInt(Math.random() * 10000);
  
-        findMailBox(msg.t.xlBm).prepend(temps['sys-note-42-temp'](msg));
+        var $item=$(temps['sys-note-42-temp'](msg));
+        findMailBox(msg.t.xlBm).prepend($item);
         waitRemoves.push({
             t: currentSecond(),
             dom: msg.domId
         });
  
+        //tts
+        var ttsMsg=$item.find('.title').text();
+        gb_tts.speak(ttsMsg, msg.t.xlBm);
         gb_schedule_table.calc_yfwf_num(msg.t.xlBm);
     }
  
@@ -67,11 +75,15 @@ var gb_sch_websocket = (function() {
         gb_schedule_table.updateSchedule(msg.t);
         msg.domId = 'zhongDian_' + msg.t.id + '_' + parseInt(Math.random() * 10000);
  
-        findMailBox(msg.t.xlBm).prepend(temps['sys-note-42_1-temp'](msg));
+        var $item=$(temps['sys-note-42_1-temp'](msg));
+        findMailBox(msg.t.xlBm).prepend($item);
         waitRemoves.push({
             t: currentSecond(),
             dom: msg.domId
         });
+        //tts
+        var ttsMsg=$item.find('.title').text();
+        gb_tts.speak(ttsMsg, msg.t.xlBm);
     }
  
     //服务器通知刷新班次
@@ -126,6 +126,8 @@
     <!-- websocket -->
     <script src="/assets/js/sockjs.min.js"></script>
     <script src="/real_control_v2/js/websocket/sch_websocket.js"></script>
+    <!-- tts -->
+    <script src="/real_control_v2/js/utils/tts.js"></script>
 </body>
  
 </html>