yuansh
/
FBS_VIEW


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091
							<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=0.5">
    <title>云看板</title>

    <link href="/lib/bootstrap/bootstrap.min.css" rel="stylesheet" />
    <link href="/css/dashboard.css" rel="stylesheet" />

    <script type="text/javascript" src="/js/service.js"></script>
    <script type="text/javascript" src="/js/session.js"></script>
    <script type="text/javascript" src="/js/getService.js"></script>

    <script type="text/javascript" src="/lib/jquery-3.4.1.js"></script>
    <script type="text/javascript" src="/lib/jquery-3.4.1.min.js"></script>

</head>

<body id="container" class="container-fluid">
    <div class="row no-padding head-bar" style="height:81px">
        <!-- <div class="col-lg-1 col-md-1">

        </div> -->
        <!-- <div class="col-lg-4 col-md-4 page-title">
            E-SOP看板
        </div> -->
        <!-- <div class="col-lg-3 col-md-3 block-padding">
            <button type="button" class="btn btn-warning"
                onclick="window.location.replace('/pages/dashboard/warehouse.html');">仓库看板</button>
            <button type="button" class="btn btn-warning"
                onclick="window.location.replace('/pages/dashboard/produce.html');">制造看板</button>
            <button type="button" class="btn btn-warning"
                onclick="window.location.replace('/pages/dashboard/line.html');">产线看板</button>
            <button type="button" class="btn btn-warning"
                onclick="window.location.replace('/pages/dashboard/quality.html');">品质看板</button>
        </div> -->
        <!-- <div class="col-lg-4 col-md-4">
        </div> -->
    </div>
    <div class="my-container" id="div-main">
        <div class="row block-padding">
             <video id="videoType" src="/upFiles/123.mp4" controls width="100%" height="100%" > </video> 
             <img id="imgType" src="" width="100%" /> 
        </div>
    </div>

    <!-- jQuery  -->
    <script src="/lib/jquery.min.js"></script>
    <script src="/lib/vue.min.js"></script>
    <script src="/lib/echarts/echarts.min.js"></script>
    <script src="/lib/echarts/theme/macarons.js"></script>
    <script src="/js/service/produce-task.js"></script>
    <script type="text/javascript">
        $("#videoType").height($(window).height()-110);
        $("#imgType").height($(window).height()-110);
        const taskList = ServiceProduceTask.getVedioFileList();

        $(function () {

            if(taskList != null){

                var file = taskList[0].fileType;
                if (file=='jpg' || file=='jpeg' || file=='png'){
                    $("#videoType").hide();
                    $("#imgType").attr('src',"/upVedio/"+taskList[0].fileName);
                }else{
                    $("#imgType").hide();
                    $("#videoType").attr('src',"/upVedio/"+taskList[0].fileName);
                    setInterval(function () { getVideo(); }, 3000);
                }
                
            }
            
        })
       
        function getVideo(){
            var _video = $('#videoType')[0];
            if(_video.paused){
                _video.play();
                //_video.pause();//暂停
            }
        }
       
        
    </script>

</body>

</html>