|
|
@@ -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;
|