安全驾驶和 dvr 相关

潘钊
1 parent c9cf8588
Showing 3 changed files with 42 additions and 19 deletions
src/main/resources/static/real_control_v2/fragments/north/nav/safeDriving.html
src/main/resources/static/real_control_v2/js/safe_driv/safeDriv.js
src/main/resources/static/real_control_v2/main.html
 <div class="uk-modal ct_move_modal" id="safe_dring_list-modal" style="z-index: 99;">
-    <div class="uk-modal-dialog" style="width: 1100px;">
+    <div class="uk-modal-dialog" style="width: 1150px;">
         <a href="" class="uk-modal-close uk-close"></a>
         <div class="uk-modal-header">
             <h2>安全驾驶图像信息（当日）</h2></div>
@@ -26,7 +26,7 @@
                             <option value="A7">行驶中与人交谈</option>
                         </select>
                         <button class="uk-button">检索</button>
-                        <a id="showSSSpVedioModal" style="color: red;float: right;font-size: 12px;">查看实时视频</a>
+                        <!--<a id="showSSSpVedioModal" style="color: red;float: right;font-size: 12px;">查看实时视频</a>-->
                     </fieldset>
                 </form>
             </div>
@@ -34,14 +34,15 @@
             <table class="ct-fixed-table uk-table uk-table-hover">
                 <thead>
                 <tr>
-                    <th style="width: 12%;">线路</th>
-                    <th style="width: 13%;">车辆自编号</th>
-                    <th style="width: 13%;">设备</th>
-                    <th style="width: 13%;">异常类型</th>
-                    <th style="width: 17%;">时间</th>
-                    <th style="width: 11%;">检查属性</th>
-                    <th style="width: 11%;">图像</th>
+                    <th style="width: 10%;">线路</th>
+                    <th style="width: 11%;">车辆自编号</th>
+                    <th style="width: 12%;">设备</th>
+                    <th style="width: 12%;">异常类型</th>
+                    <th style="width: 16%;">时间</th>
+                    <th style="width: 10%;">检查属性</th>
+                    <th style="width: 10%;">图像</th>
                     <th>视频</th>
+                    <th style="width: 8%;">实时视频</th>
                 </tr>
                 </thead>
                 <tbody data-uk-observe>
@@ -75,7 +76,10 @@
                 <a class="image_link" href="{{sd.url}}.jpg" data-uk-lightbox="{group:'jpg_group1'}" title="{{sd.title}}">JPG</a>
             </td>
             <td>
-                <a class="image_link" href="{{sd.url}}.gif" data-uk-lightbox="{group:'gif_group2'}" title="{{sd.title}}">查看视频</a>
+                <a class="image_link" href="{{sd.url}}.gif" data-uk-lightbox="{group:'gif_group2'}" title="{{sd.title}}">查看</a>
+            </td>
+            <td>
+                <a data-type="{{sd.yczltype}}" class="show_vedio_modal">DVR</a>
             </td>
         </tr>
         {{/each}}
@@ -88,9 +92,14 @@
             var page = 0;
             var pageSize = 12;
-            $('#showSSSpVedioModal', modal).on('click', function () {
+            /*$('#showSSSpVedioModal', modal).on('click', function () {
                 gb_safe_driv.showVedioModal();
+            });*/
+            //show_vedio_modal
+            $(modal).on('click', '.show_vedio_modal', function () {
+                gb_safe_driv.showVedioModal($(this).data('type'));
             });
+
             $(modal).on('init', function(e, data) {
                 e.stopPropagation();
@@ -10,7 +10,8 @@ var gb_safe_driv = (function () {
         'A4': '未戴袖章',
         'A5': '眨眼/疲劳驾驶',
         'A6': '打哈欠/打瞌睡',
-        'A7': '与人交谈'
+        'A7': '与人交谈',
+        'A9': '玩手机'
     };
     var path = 'http://118.178.187.115/CurrentSafeDriving/';
@@ -32,7 +33,7 @@ var gb_safe_driv = (function () {
         //图片地址
         var p = (sd.sbbh+'_'+sd.yczltype+'_'+stm.format('YYYYMMDDHHmmss'));
         var url = stm.format('YYYYMMDD')+'/'+p+'/'+p;
-        sd.url = path + url + '.jpg';
+        sd.url = path + url + '.gif';
         var htmlStr = template('safe_driv_item-temp', sd);
         var items = $wrap.find('.safe_driv_pop'), len = items.length;
@@ -46,12 +47,12 @@ var gb_safe_driv = (function () {
                         '<div class="uk-modal-dialog uk-modal-dialog-large">' +
                         '<button type="button" class="uk-modal-close uk-close"></button>' +
                         '<div class="uk-modal-header"> <h2>实时视频</h2> </div> '+
-                        '<p class="loading"><i class="uk-icon-spinner uk-icon-spin"></i> 载入资源...</p><iframe id="vedioIframe" src="http://222.66.0.204:8910/transport_server/dvr_monitor1.jsp?deviceId=229L0650&channel=0"></iframe>' +
+                        '<p class="loading"><i class="uk-icon-spinner uk-icon-spin"></i> 载入资源...</p><iframe id="vedioIframe" src="http://222.66.0.204:8910/transport_server/dvr_monitor1.jsp?deviceId=229L0650&channel=^^channel^^"></iframe>' +
                         '</div>' +
                     '</div>';
     $wrap.on('click', '.safe_driv_pop', function () {
-        var title = $(this).data('title') + '&nbsp;<button class="uk-button uk-button-mini uk-button-primary" id="openVedioModalBtn" type="button">查看实时视频</button>';
+        var title = $(this).data('title') + '&nbsp;<button data-type="'+$(this).data('type')+'" class="uk-button uk-button-mini uk-button-primary" id="openVedioModalBtn" type="button">查看实时视频</button>';
         var url = $(this).data('url');
         $(this).remove();
         var lightbox = UIkit.lightbox.create([
@@ -61,8 +62,19 @@ var gb_safe_driv = (function () {
         lightbox.show();
     });
-    var showVedioModal = function () {
-        open_modal_dom(vedioModal ,{}, {modal: false});
+    var channelMap = {
+        'A1': 1,
+        'A2': 1,
+        'A3': 1,
+        'A9': 1,
+        'A4': 2,
+        'A5': 2,
+        'A6': 2,
+        'A7': 2
+    };
+    var showVedioModal = function (type) {
+        var channel = channelMap[type]?channelMap[type]:1;
+        open_modal_dom(vedioModal.replace('^^channel^^', channel) ,{}, {modal: false});
         $('#ssspVedioModal #vedioIframe').on('load', function () {
             var that = this;
             setTimeout(function () {
@@ -72,7 +84,9 @@ var gb_safe_driv = (function () {
         });
     };
-    $(document).on('click', '#openVedioModalBtn', showVedioModal);
+    $(document).on('click', '#openVedioModalBtn', function () {
+        showVedioModal($(this).data('type'));
+    });
     return {
@@ -206,7 +206,7 @@
 <!-- #### 安全驾驶 start ###  -->
 <div class="safe_driv_pop_wrap" ></div>
 <script id="safe_driv_item-temp" type="text/html">
-    <div class="safe_driv_pop uk-animation-slide-bottom" data-title="{{clzbh}} {{timeStr}} {{ycztText}}" data-url="{{url}}">
+    <div class="safe_driv_pop uk-animation-slide-bottom" data-type="{{yczltype}}" data-title="{{clzbh}} {{timeStr}} {{ycztText}}" data-url="{{url}}">
         <div>
             <span class="title">异常&nbsp;{{clzbh}}</span>
             <span class="text"> {{timeStr}} 出现违规驾驶（{{ycztText}}）</span>