VisualInspection/VisualInspection/qzd/view/task/check.html

<script type="text/javascript" src="/js/lib/sonic.js?__inline"></script>
<div class="container-fluid ">
    <div class="row">
        <form class="form-horizontal">
            <div class="form-group" style="margin-bottom: 5px;">
                <div class="form-group col-sm-7" style="margin-bottom: 0px;">
                    <label class="col-sm-7" style="text-align:left">名称：<span id="taskName" class="label" style="vertical-align:baseline"></span></label>
                    <label class="col-sm-5">时间：<span id="check_time" class="label" style="vertical-align:baseline"></span></label>
                </div>
                <div class="form-group col-sm-5" style="margin-bottom: 0px;">
                    <label class="col-sm-3">考核对象：</label>
                    <div class="col-sm-9" style="bottom:-5px">
                        <label id="checked_area"></label> (次数:
                        <a href="javascript:void(0)" onclick="showCheckDetailCount()"><span class="label label-primary" id="checked_count">-</span></a>)

                    </div>
                </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-body" style="padding:0 0 5px 0">



                                <div id="video_content">
                                    <div class="tab-content" id="tabcontent" style="height:400px;text-align: center;background:black;" ondblclick="dbclick()">
                                        <div class="video" style="width:100%;height:100%;"></div>
                                        <!-- <video id="example_video_1" class="video-js vjs-default-skin vjs-big-play-centered" preload="auto"> -->
                                        <!-- <source src="http://yun.it7090.com/video/XHLaunchAd/video01.mp4" type='video/mp4' /> -->
                                        <!-- </video> -->
                                    </div>
                                    <!-- <div class="row" class="col-md-12" style="padding:5px 10px 25px 10px;text-align:center;margin:0px">
                                        <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" />
                                        <br/>
                                        <span id="ex1_span" style="position: absolute;left: 25px;">23:00:00</span>
                                    </div> -->
                                    <div class="row" style="padding:10px 5px 0px 5px;text-align:center;margin:0px">
                                        <div class="col-md-4 " style="padding-left:0">
                                            <!-- <div class="input-group" style="padding-left:0">
                                                <input type="text" id="video_pos" style="height:42px" class="form-control" placeholder="时间偏移值">
                                                <span class="input-group-btn">
                                                <button class="btn btn-default" style="height:42px" onclick="setVideoPos()" type="button">校正</button>
                                             </span> -->
                                            <!-- </div> -->
                                        </div>
                                        <div class="btn-group1" style="float:right;">
                                            <!-- <button type="button" class="btn btn-info1" style="width:41px;height:41px" onclick="doAction('start')"><i class="icon icon-play-circle icon-2x"></i></button>
                                            <button type="button" class="btn btn-info1" style="width:41px;height:41px" onclick="doAction('stop')"><i class="icon icon-pause icon-2x"></i></button>
                                            <button type="button" class="btn btn-info1" style="width:41px;height:41px" onclick="doAction('fast')"><i class="icon icon-forward icon-2x"></i><span id="fast_info"></span></button>
                                            <button type="button" class="btn btn-info1" style="width:41px;height:41px" onclick="doAction('slow')"><span id="slow_info"></span><i class="icon icon-backward icon-2x"></i></button> -->
                                            <button type="button" class="btn btn-info1 " style="width:41px;height:41px" id="video_btn_start" onclick="videorecordstart('video_start')"><img id="video_btn_start_img" style="width:30px" src="/images/video.png"></img></button>
                                            <button type="button" class="btn btn-info1 hidden" style="width:41px;height:41px" id="video_btn_stop" onclick="videorecordstart('video_stop')"><i class="icon icon-stop icon-2x"></i></button>
                                            <button type="button" class="btn btn-info1" style="width:41px;height:41px" onclick="videorecordstart('screenshot')"><i class="icon icon-camera icon-2x"></i></button>


                                        </div>

                                    </div>
                                    <!--<hr>-->

                                </div>
                            </div>
                        </div>
                    </div>
                </section>


            </div>

        </div>
        <div class="col-sm-6">
            <div id="score_datatable" style="height:250px;overflow:auto;" data-checkable="true" data-sortable="true"></div>
            <div class="row">
                <div id="dashboard" class="dashboard dashboard-draggable" data-height="300">

                    <div class="row" class="col-sm-11" style="margin:5px;">
                        <button class="btn btn-info2" type="button" onclick="clearAllImg()" style="margin-right:10px;">清空</button>
                        <button class="btn btn-info3" type="button" onclick="showScore()" style="margin-right:10px;">评分</button>
                        <button id="saveEditBtn" class="btn btn-warning" type="button" onclick="saveEdit()" style="margin-right:10px;display:none;">保存修改</button>
                        <form id="form1" runat="server" method="post" enctype="multipart/form-data" style="float:left;margin-right:10px;">
                            <div>
                                <button id="box" class="btn btn-info2" type="button" onclick="boxclick()">上传</button>
                                <div style="display:none;">
                                    <input type="file" name="_f" id="_f" />
                                </div>
                            </div>
                        </form>
                    </div>
                    <div class="panel" style="margin-bottom:10px;">
                        <div class="panel-body" style="padding:5px;" class="col-sm-12">
                            <div id="img_container" class="cards cards-borderless col-sm-12" style="height:100px;overflow:auto;">
                            </div>
                        </div>
                    </div>
                </div>

            </div>
            <div class="row" style="margin-top:0px;">
                <div class="col-sm-10" id="btn_task">
                    <button class="btn btn-info2" type="button" onclick="submitCheck()">直接提交</button>
                    <button class="btn btn-info2" type="button" onclick="showPre()">预览提交</button>
                    <button class="btn btn-info3" 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 class="col-sm-10" id="btn_appeal_task">
                    <button class="btn btn-info2" type="button" onclick="submitCheck4AppealDirect()">直接提交</button>
                    <button class="btn btn-info2" type="button" onclick="showPre4Appeal()">预览提交</button>
                    <button class="btn btn-info3" type="button" onclick="appeal_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="appeal_div" style="display:none;">
    <link rel="import" href="/view/mytask/appealDetail.html?__inline">
</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;">
    <link rel="import" href="/qzd/view/task/scoreDetail.html?__inline">
</div>
<!-- 无效任务 -->
<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>

<!-- 无效原因 -->
<div id="invalid_div" style="display:none;text-align:center;">
    <div class="container-fluid" style="overflow: hidden">
        <div class="cards">
            <div class="form-group">
                <div class="col-md-6 col-sm-10">
                    <input type="text" name="tags" class="form-control" id="apply_reason" placeholder="">
                </div>
            </div>
            <br>
            <div class="row" style="clear:both;height:100%;">
            </div>
            <div class="row" id="top_reason_div" style="padding:15px;">
            </div>
        </div>
    </div>
</div>

<!-- 已稽查任务 -->
<div id="checked_task_list_div" style="display:none;text-align:center;">
    <div class="datatable" id="checked_user_task_datatable"></div>
</div>

<!-- 申诉详情 -->
<div id="hide_div" style="display:none;text-align:center;">
</div>


<script>
    $(document).ready(function() {
        $("#video_btn_start").mouseover(function() {
            $("#video_btn_start_img").attr("src", "/images/movie.png");
        });
        $("#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");
        // }
        initCheck();
    });

    $(".vjs-control-bar").change(function() {
        alert(1);
    });

    function boxclick() {
        $("#_f").click();
    }
    //文件上传
    // $("#box").click(function() {
    //     alert(111);
    //      $("#_f").click();
    // });

    $("#_f").change(function() {
        UpladFile();
    });

    //文件上传 不变
    function UpladFile() {
        var fileObj = document.getElementById("_f").files[0]; // 获取文件对象
        // var FileController = base_image_server_url +'fileServer/file/upload';// 接收上传文件的后台地址
        // FormData 对象
        // var form = new FormData();
        // form.append("name", "hooyes");                        // 可以增加表单数据
        // form.append("file", fileObj);                           // 文件对象
        uploadFile(fileObj, "file", function(data) {
            addPic(base_image_server_url + data.path);
        }, function(error) {
            console.log(error)
        }, "task");
    }

    // var player = videojs('example-video', {
    //     "poster": "",
    //     "controls": "true"
    // }, function() {
    //     this.on('play', function() {
    //         console.log('正在播放');
    //     });

    //     //暂停--播放完毕后也会暂停
    //     this.on('pause', function() {
    //         console.log("暂停中")
    //     });

    //     // 结束
    //     this.on('ended', function() {
    //         console.log('结束');
    //     })

    // });
</script>