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="" 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>
|