温红权 7 yıl önce
ebeveyn
işleme
6de3e4e443
1 değiştirilmiş dosya ile 62 ekleme ve 17 silme
  1. 62 17
      VisualInspection/view/mytask/check.html

+ 62 - 17
VisualInspection/view/mytask/check.html

@@ -1,3 +1,10 @@
+<style type="text/css">
+    .nav-secondary>li.active>a,
+    .nav-secondary>li.active>a:focus,
+    .nav-secondary>li.active>a:hover {
+        border-top: 0px;
+    }
+</style>
 <script type="text/javascript" src="/js/lib/sonic.js?__inline"></script>
 <div class="container-fluid ">
     <div class="row">
@@ -33,10 +40,23 @@
                         <div class="panel" data-id="1">
 
                             <div class="panel-body" style="padding:0 0 5px 0">
-                                <ul class="nav nav-secondary">
+                                <ul class="nav nav-secondary" id="lan_tab">
                                     <li class="tab_lane" class="active"><a data-tab href="#tabContent1" bbb="0">收费亭</a></li>
                                     <li class="tab_lane"><a data-tab href="#tabContent2" bbb="1">车道</a></li>
                                     <li class="tab_lane"><a data-tab href="#tabContent3" bbb="2">广场</a></li>
+                                    <li class="tab_lane"><a data-tab href="#tabContent3" bbb="2">广场</a></li>
+                                    <li class="tab_lane"><a data-tab href="#tabContent3" bbb="2">广场</a></li>
+                                    <li class="tab_lane"><a data-tab href="#tabContent3" bbb="2">广场</a></li>
+                                    <li class="tab_lane"><a data-tab href="#tabContent3" bbb="2">广场</a></li>
+                                    <li class="tab_lane"><a data-tab href="#tabContent3" bbb="2">广场</a></li>
+                                    <li class="tab_lane"><a data-tab href="#tabContent3" bbb="2">广场</a></li>
+                                    <li class="tab_lane"><a data-tab href="#tabContent3" bbb="2">广场</a></li>
+                                    <li class="tab_lane"><a data-tab href="#tabContent3" bbb="2">广场</a></li>
+                                    <li class="tab_lane"><a data-tab href="#tabContent3" bbb="2">广场</a></li>
+                                    <li class="tab_lane"><a data-tab href="#tabContent3" bbb="2">广场</a></li>
+                                    <li class="tab_lane"><a data-tab href="#tabContent3" bbb="2">广场</a></li>
+                                    <li class="tab_lane"><a data-tab href="#tabContent3" bbb="2">广场</a></li>
+                                    <li class="tab_lane"><a data-tab href="#tabContent3" bbb="2">广场</a></li>
                                     <li class="tab_not_lane"><a data-tab href="#tabContent4" bbb="3">值机室</a></li>
                                     <li class="tab_not_lane"><a data-tab href="#tabContent5" bbb="4">值机室1</a></li>
                                 </ul>
@@ -200,29 +220,54 @@
         $("#video_btn_start").mouseout(function() {
             $("#video_btn_start_img").attr("src", "/images/video.png");
         });
-        if ($.checkTask.checked_location_type == 1) {
-            $("li.tab_lane").hide();
-            $("li.tab_not_lane").show();
-            $("li.tab_not_lane:first").addClass("active");
-        } else {
-            $("li.tab_lane").show();
-            $("li.tab_not_lane").hide();
-            $("li.tab_lane:first").addClass("active");
+
+
+        var html_t = "";
+        var videos = $.checkTask.video_id.split(',');
+        for (var v in videos) {
+            var vv = videos[v];
+            if ($.checkTask.checked_location_type == 2) {
+                //收费亭
+                if (v == 0) {
+                    html_t += '<li class="tab_lane active" ><a data-tab href="#tabContent1" bbb="' + vv + '">收费亭</a></li>'
+                } else
+                if (v == 1) {
+                    html_t += '<li class="tab_lane"><a data-tab href="#tabContent1" bbb="' + vv + '">车道</a></li>'
+                } else {
+                    html_t += '<li class="tab_lane"><a data-tab href="#tabContent1" bbb="' + vv + '">广场' + (parseInt(v) - 1) + '</a></li>'
+                }
+            } else {
+                //值机
+                html_t += '<li class="tab_lane ' + (v == 0 ? 'active' : "") + '"><a data-tab href="#tabContent1" bbb="' + vv + '">值机室' + (parseInt(v) + 1) + '</a></li>'
+            }
         }
+        $("#lan_tab").html(html_t);
+        $("li.tab_not_lane:first").addClass("active");
+
+
+        // if ($.checkTask.checked_location_type == 1) {
+        //     $("li.tab_lane").hide();
+        //     $("li.tab_not_lane").show();
+        //     $("li.tab_not_lane:first").addClass("active");
+        // } else {
+        //     $("li.tab_lane").show();
+        //     $("li.tab_not_lane").hide();
+        //     $("li.tab_lane:first").addClass("active");
+        // }
         initCheck();
 
         $('[data-tab]').on('shown.zui.tab', function(e) {
             // console.log('当前被激活的标签页', $(e.target).attr('bbb'));
             // console.log('上一个标签页', e.relatedTarget);
             var i = $(e.target).attr('bbb');
-            var showVideo;
-            if (i == 3 || i == 4) {
-                var videos = $.checkTask.video_id.split(',');
-                showVideo = videos[i - 3];
-            } else {
-                var videos = $.checkTask.video_id.split(',');
-                showVideo = videos[i];
-            }
+            var showVideo = i;
+            // if (i == 3 || i == 4) {
+            //     var videos = $.checkTask.video_id.split(',');
+            //     showVideo = videos[i - 3];
+            // } else {
+            //     var videos = $.checkTask.video_id.split(',');
+            //     showVideo = videos[i];
+            // }
 
             if (showVideo != "" && showVideo && showVideo != "undefined") {
                 curVideo = showVideo;