VisualInspection/VisualInspection/dist/view/mytask/check.html

<div class="container-fluid ">
    <div class="row">
        <form class="form-horizontal">
            <div class="form-group">
                <label for="exampleInputAccount1" class="col-sm-1" >收费站</label>
                <div class="col-sm-2">
                    <select class="form-control"  id="fsList" disabled="disabled">
                        
                    </select>
                </div>
                <label for="exampleInputAccount1" class="col-sm-1">车道号</label>
                <div class="col-sm-2">
                    <select class="form-control" id="lane" disabled="disabled"></select>
                </div>
                <label class="col-sm-1">考核人员</label>
                <div class="col-sm-3">
                    <!-- 使用图片 -->
                    <a id="person_img" href="../../images/img4.jpg" class="lightbox-toggle"><img src="/images/img4.jpg" class="img-thumbnail" style="width:50px;height:50px;margin-top:-10px;"></a>
                    <label id="checked_person"></label>
                </div>
                <div class="col-sm-1">
                    <button class="btn btn-primary " type="button" onclick="showChangeUser()">更改考核人员</button>
                </div>
            </div>
        </form>
    </div>

    <div class="row">
        <div class="col-sm-6">
            <div id="dashboard" class="dashboard dashboard-draggable" data-height="300">
            <section class="row">
                <div class="col-md-12">
                <div class="panel" data-id="1">
                    <!--<div class="panel-heading">
                    <i class="icon icon-list"></i>
                    <span class="title">面板标题</span>
                    </div>-->
                    
                    <div class="panel-body" style="padding:5px;">
                        <ul class="nav nav-secondary">
                            <li class="active"><a data-tab href="#tabContent1" bbb="0">收费亭</a></li>
                            <li><a data-tab href="#tabContent2" bbb="1">车道</a></li>
                            <li><a data-tab href="#tabContent3" bbb="2">广场</a></li>
                        </ul>      
                        <div class="tab-content" id="tabcontent" style="height:400px;">
                            <div class="tab-pane active" id="tabContent1" class="col-sm-12">
                            </div>
                            <div class="tab-pane" id="tabContent2" class="col-sm-12">
                            </div>
                            <div class="tab-pane" id="tabContent3" class="col-sm-12">
                            </div>
                        </div>
                        <div class="row" class="col-md-12" style="padding:5px;margin-top:30px;text-align:center">
                            <input id="ex1" class="col-md-12"  type="text" data-slider-min="0" data-slider-max="100" data-slider-step="1" data-slider-value="0"/>
                        </div>
                        <div class="row" style="padding:0 10px;margin-top:5px;text-align:center">
                            <select class="form-control" id="video_list" style="width:200px;float:left;"></select>
                            <div class="btn-group" style="float:right;">
                                <button type="button" class="btn btn-info" onclick="setCurrentProcessValue(90)"><i class="icon icon-play-circle icon-2x"></i></button>
                                <button type="button" class="btn btn-info" onclick="setCurrentProcessValue(70)"><i class="icon icon-pause icon-2x"></i></button>
                                <button type="button" class="btn btn-info" onclick="doAction('fast')"><i class="icon icon-forward icon-2x"></i></button>
                                <button type="button" class="btn btn-info" onclick="doAction('slow')"><i class="icon icon-backward icon-2x"></i></button>
                                <button type="button" class="btn btn-success" onclick="doAction('screenshot')"><i class="icon icon-camera icon-2x"></i></button>
                            </div>
                        </div>
                        <!--<hr>-->
                       
                        </div>
                    </div>
                    </div>
                </section>
            </div>
            
        </div>
        <div class="col-sm-6">
            <div id="score_datatable" style="height:350px;" data-checkable="true" data-sortable="true"></div>
            <div class="row">
                <div id="dashboard" class="dashboard dashboard-draggable" data-height="300">
            <section class="row">
                <div class="col-md-12">
                <div class="panel" data-id="1">
                    <!--<div class="panel-heading">
                    <i class="icon icon-list"></i>
                    <span class="title">面板标题</span>
                    </div>-->
                    
                    <div class="panel-body" style="padding:5px;">
                        <div id="img_container" class="cards cards-borderless col-sm-11">
                        </div>
                        <div class="col-sm-1">
                            <br>
                            <button class="btn btn-primary" type="button" onclick="clearAllImg()">清空</button>
                            <br>
                            <br>
                            <button class="btn btn-primary" type="button"  onclick="showScore()">评分</button>
                        </div>
                    </div>
                    </div>
                </section>
            </div>
                
            </div>
            <div class="row" style="margin-top:5px;">
                <div class="col-sm-10">
                    <button class="btn btn-primary" type="button" onclick="submitCheck()">直接提交</button>
                    <button class="btn btn-primary" type="button" onclick="showPre()">预览提交</button>
                    <button class="btn btn-danger" type="button" onclick="showInvalid()">申请无效</button>
                    <!--<button class="btn btn-primary" type="button" data-toggle="modal" data-target="#refuseApplyWin">拒绝申请</button>
                    <button class="btn btn-primary" type="button" onclick="agreeApply()">同意申请</button>-->
                </div>
            </div>
        </div>
    </div>
</div>
<div id="form-div" style="display:none;text-align:center;">
    <div class="container-fluid ">
        <div class="cards" id="user_container" style="height:400px;overflow:auto;">
             <div style="width:200px;">
                <a class="card" href="###">
                    <img src="../../image/img4.jpg" alt="">
                    <div class="card-heading"><strong>011 潘虎</strong></div>
                    <div class="card-actions">
                        <button type="button" class="btn btn-danger"><i class="icon-heart"></i> 更换</button>
                    </div>
                </a>
             </div>
            <div style="width:200px;">
                <a class="card" href="###">
                    <img src="../../image/img4.jpg" alt="">
                    <div class="card-heading"><strong>022 飞机垃圾费</strong></div>
                    <div class="card-actions">
                        <button type="button" class="btn btn-danger"><i class="icon-heart"></i> 更换</button>
                    </div>
                </a>
            </div>
        </div>
</div>
   
</div> 
<div id="items-div" style="display:none;text-align:center;">
   <ul id="items_tree" class="ztree"></ul>  
</div>
<div id="score-detail-div" style="display:none;text-align:center;">
  <div class="container-fluid ">
    <div class="cards">
        <div class="form-group">
            <label class="col-md-4 col-sm-2">内容</label>
            <div class="col-md-6 col-sm-10">
                    <input type="text" class="form-control" id="content" placeholder="">
            </div>
        </div>
        <div id="img_edit_container" class="cards cards-borderless col-sm-11">
        </div>
    </div>
    <div>
        <br>
        <button class="btn btn-primary" type="button" onclick="clearAllImg()">清空</button>
        <br>
        <br>
        <button class="btn btn-primary" type="button"  onclick="showScore()">评分</button>
    </div>
</div>
 
</div> 
<!-- 对话框HTML -->
<div class="modal fade" id="validSubmitWin">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">关闭</span></button>
                <h4 class="modal-title">无效申请</h4>
            </div>
            <div class="modal-body">
                <form  class="form-horizontal">
                    <label for="exampleInputAccount1" class="col-sm-2">无效原因</label>
                    <div class="form-group">
                        <input class="col-sm-3" type="text" id="valid-reason" class="form-control" placeholder="原因">
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" onclick="saveValidReason()">保存</button>
            </div>
        </div>
    </div>
</div>
<!-- 对话框HTML -->
<div id="invalid_div" style="display:none;text-align:center;">
    <div class="container-fluid ">
        <div class="cards">
            <div class="form-group">
                <label class="col-md-4 col-sm-2">原因</label>
                <div class="col-md-6 col-sm-10">
                        <input type="text" class="form-control" id="apply_reason" placeholder="">
                </div>
            </div>
        </div>
    </div>
</div>
<script>
    var curVideo;
    $(document).ready(function() {
        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 videos = $.checkTask.video_id.split(',');     
            if(videos[i]) curVideo = videos[i];
            queryVideoList();
        });
    });
</script>