|
@@ -35,13 +35,14 @@
|
|
|
<i class="icon icon-list"></i>
|
|
<i class="icon icon-list"></i>
|
|
|
<span class="title">面板标题</span>
|
|
<span class="title">面板标题</span>
|
|
|
</div>-->
|
|
</div>-->
|
|
|
- <div class="panel-body">
|
|
|
|
|
|
|
+ <select class="form-control" id="video_list" style="position:absolute;left:300px;top:10px;width:200px;"></select>
|
|
|
|
|
+ <div class="panel-body" style="padding:5px;">
|
|
|
<ul class="nav nav-secondary">
|
|
<ul class="nav nav-secondary">
|
|
|
<li class="active"><a data-tab href="#tabContent1">收费亭</a></li>
|
|
<li class="active"><a data-tab href="#tabContent1">收费亭</a></li>
|
|
|
<li><a data-tab href="#tabContent2">车道</a></li>
|
|
<li><a data-tab href="#tabContent2">车道</a></li>
|
|
|
<li><a data-tab href="#tabContent3">广场</a></li>
|
|
<li><a data-tab href="#tabContent3">广场</a></li>
|
|
|
</ul>
|
|
</ul>
|
|
|
- <div class="tab-content" style="height:330px;">
|
|
|
|
|
|
|
+ <div class="tab-content" style="height:350px;">
|
|
|
<div class="tab-pane active" id="tabContent1" class="col-sm-12">
|
|
<div class="tab-pane active" id="tabContent1" class="col-sm-12">
|
|
|
</div>
|
|
</div>
|
|
|
<div class="tab-pane" id="tabContent2" class="col-sm-12">
|
|
<div class="tab-pane" id="tabContent2" class="col-sm-12">
|
|
@@ -49,19 +50,25 @@
|
|
|
<div class="tab-pane" id="tabContent3" class="col-sm-12">
|
|
<div class="tab-pane" id="tabContent3" class="col-sm-12">
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
|
|
+ <div class="row" style="padding:5px;margin-top:5px;text-align:center">
|
|
|
|
|
+ <div class="progress">
|
|
|
|
|
+ <div class="progress-bar" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%">
|
|
|
|
|
+ <span class="sr-only">40% Complete (success)</span>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
<div class="row" style="margin-top:5px;text-align:center">
|
|
<div class="row" style="margin-top:5px;text-align:center">
|
|
|
<div class="btn-group">
|
|
<div class="btn-group">
|
|
|
- <button type="button" class="btn btn-info">播放</button>
|
|
|
|
|
- <button type="button" class="btn btn-primary">停止</button>
|
|
|
|
|
- <button type="button" class="btn btn-warning">快进</button>
|
|
|
|
|
- <button type="button" class="btn btn-danger">快退</button>
|
|
|
|
|
- <button type="button" class="btn btn-success">抓图</button>
|
|
|
|
|
|
|
+ <button type="button" class="btn btn-info" onclick="doAction('start')">播放</button>
|
|
|
|
|
+ <button type="button" class="btn btn-primary" onclick="doAction('stop')">停止</button>
|
|
|
|
|
+ <button type="button" class="btn btn-warning" onclick="doAction('fast')">快进</button>
|
|
|
|
|
+ <button type="button" class="btn btn-danger" onclick="doAction('slow')">快退</button>
|
|
|
|
|
+ <button type="button" class="btn btn-success" onclick="doAction('screenshot')">抓图</button>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
<hr>
|
|
<hr>
|
|
|
<div class="row">
|
|
<div class="row">
|
|
|
<div id="img_container" class="cards cards-borderless col-sm-11">
|
|
<div id="img_container" class="cards cards-borderless col-sm-11">
|
|
|
-
|
|
|
|
|
</div>
|
|
</div>
|
|
|
<div class="col-sm-1">
|
|
<div class="col-sm-1">
|
|
|
<br>
|
|
<br>
|