123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301 |
- <!DOCTYPE html>
- <html lang="zh">
- <head>
- <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
- <meta http-equiv="Pragma" content="no-cache" />
- <meta http-equiv="Expires" content="0" />
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=0.5">
- <title>E-SOP</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="/js/service/method-get-service.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-4 col-md-4 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>
- <button type="button" class="btn btn-warning"
- onclick="window.location.replace('/pages/dashboard/video1.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">
- <div class="col-lg-3 col-md-3">
- <h3>任务({{num}})
- <button style="background-color: #003D80;" @click="SYPage()">首页</button>
- <button style="background-color: #003D80;" @click="beforePage()">上页</button>
- <button style="background-color: #003D80;" @click="afterPage()">下页</button></h3>
- <div style="height: 270px;">
- <div class="row">
- <div class="col-lg-2 col-md-2 center no-padding" style="width: 19%;">订单号</div>
- <div class="col-lg-2 col-md-2 center no-padding" style="width: 19%;">物料号</div>
- <div class="col-lg-2 col-md-2 center no-padding" style="width: 35%;">物料名称</div>
-
- <div class="col-lg-2 col-md-2 center no-padding" style="width: 12%;">数量</div>
- <div class="col-lg-1 col-md-2 center no-padding" style="width: 10%;">操作</div>
- </div>
- <div class="row" v-for="task in taskList2" style="margin-bottom: 2px;">
- <div class="col-lg-2 col-md-2 center no-padding" style="width: 19%;">{{task.orderSheetCode}}</div>
- <div class="col-lg-2 col-md-2 center no-padding" style="width: 19%;">{{task.materialCode}}</div>
- <div style="width: 35%;overflow:hidden; word-break:break-all;white-space:nowrap" class="col-lg-2 col-md-2 left no-padding" >{{task.materialName}}</div>
-
- <div class="col-lg-2 col-md-2 center no-padding" style="width: 12%;">{{task.qty}}</div>
- <div class="col-lg-1 col-md-2 center no-padding" style="width: 10%;">
- <button type="button" class="btn btn-xs " :style="{background:task.color}" @click="selectFile(task.materialCode,task.orderSheetCode)">文件</button>
- </div>
- </div>
- <div class="row" >
- <div class="col-lg-2 col-md-2 center no-padding" style="width: 19%;"></div>
- <div class="col-lg-2 col-md-2 center no-padding" style="width: 19%;"></div>
- <div style="width: 33%;overflow:hidden; word-break:break-all;white-space:nowrap" class="col-lg-2 col-md-2 left no-padding" ></div>
-
- <div class="col-lg-2 col-md-2 center no-padding" style="width: 12%;"><h5>第{{(pIndex+10)/10}}页</h5></div>
- <div class="col-lg-1 col-md-2 center no-padding" style="width: 12%;">
- <h5>共{{total}}页</h5>
- </div>
- </div>
- </div>
- <br/>
- <h3>文件<span id="marText"></span></h3>
- <div class="row">
- <div class="col-lg-2 col-md-2 center no-padding" style="width: 48%;">文件名</div>
- <div class="col-lg-2 col-md-2 center no-padding" style="width: 25%;">文件类型</div>
- <div class="col-lg-1 col-md-2 center no-padding" style="width: 25%;">操作</div>
- </div>
- <div class="row" v-for="task in taskList" style="margin-bottom: 2px;">
- <div class="col-lg-2 col-md-2 center no-padding" style="width: 48%;">{{task.fileName}}</div>
- <div class="col-lg-2 col-md-2 center no-padding" style="width: 25%;">{{task.fileType}}</div>
- <div class="col-lg-1 col-md-2 center no-padding" style="width: 25%;">
- <button type="button" class="btn btn-xs btn-warning" @click="showfile(task.fileName,task.fileType)">查看</button>
- </div>
- </div>
- </div>
- <div class="col-lg-9 col-md-9">
- <img id="imgInfo" src="/files/imgInfo.jpg" width="100%" height="100%"/>
- <iframe id="frameMain" width="100%" border="0" frameborder="0" v-bind:src="filepath" style="background-color:#ffffff"></iframe>
- <img id="imgType" src="" width="auto" />
- <video id="videoType" src="" controls width="auto" > </video>
- <div id="textType" width="auto" ></div>
- </div>
- </div>
- </div>
-
- <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">
- $(function () {
- hideAll();
- $("#imgInfo").show();
- })
- function hideAll(){
- $("#frameMain").hide();
- $("#imgType").hide();
- $("#videoType").hide();
- $("#imgInfo").hide();
- }
- function setIframeHeight(iframe) {
- if (iframe) {
- var iframeWin = iframe.contentWindow || iframe.contentDocument.parentWindow;
- if (iframeWin.document.body) {
- iframe.height = iframeWin.document.documentElement.scrollHeight || iframeWin.document.body.scrollHeight;
- }
- }
- };
- var marCode = "";
-
-
-
-
-
-
- $("#frameMain").height($(window).height()-110);
- $("#imgType").height($(window).height()-110);
- $("#videoType").height($(window).height()-110);
-
-
-
-
-
-
-
- var vm = new Vue({
- el: '#div-main',
- data: {
- taskList: [],
- taskList2: [],
- taskList3: [],
- filepath:"",
- num:0,
- pIndex:0,
- pSize:10,
- cacheDataObject: {},
- total:0,
- timer_long: ''
- },
- methods: {
- SYPage(){
- this.pIndex = 0;
- this.pSize = 10;
- this.taskList2 = this.taskList3.slice(this.pIndex, this.pSize);
-
- },
- beforePage(){
- if(this.pIndex == 0){
- alert("已是第一页");
- return;
- }
- this.pIndex = this.pIndex - 10;
- this.pSize = this.pSize - 10;
- this.taskList2 = this.taskList3.slice(this.pIndex, this.pSize);
-
- },
- afterPage(){
-
-
-
-
- if(this.pSize >= this.taskList3.length){
- alert("已是最后一页");
- return;
- }
- this.pIndex = this.pSize;
- this.pSize = this.pSize + 10;
- this.taskList2 = this.taskList3.slice(this.pIndex, this.pSize);
-
- },
- showfile: function (name,file) {
- if(file=='pdf'){
- hideAll();
- $("#frameMain").show();
- this.filepath = "/lib/pdfjs/web/viewer.html?file=/upFiles/"+marCode+"/"+name;
-
- $("#videoType").attr('src',"");
- }else if(file=='jpg' || file=='jpeg' || file=='png'){
- hideAll();
- $("#imgType").show();
- $("#imgType").attr('src',"/upFiles/"+marCode+"/"+name);
-
-
- $("#videoType").attr('src',"");
- }else if(file=='avi' || file=='mov' || file=='rmvb' || file=='rm' || file=='flv' || file=='mp4' || file=='3gp'){
- hideAll();
- $("#videoType").show();
- $("#videoType").attr('src',"/upFiles/"+marCode+"/"+name);
-
- }else{
- alert("暂时不支持该类型文件的展示");
- }
-
- },
- selectFile: function(code,moCode){
- marCode = code;
- $("#marText").text("("+code+")");
- this.taskList = ServiceProduceTask.getEsopFileList(code,moCode);
- console.log(this.taskList)
- },
- loadData:function(){
-
- const taskList2 = ServiceProduceTask.getEsopTaskList();
-
- this.taskList3=JSON.parse(JSON.stringify(taskList2))
- console.log(taskList2)
- this.num=taskList2.length;
-
- this.total=(taskList2.length/10).toFixed(0);
- if(taskList2.length%10<5){
- this.total=Number(this.total)+1
- }
-
- this.pIndex = 0;
- this.pSize = 10;
- this.taskList2 = taskList2.slice(this.pIndex, this.pSize);
- },
-
- refreshData: function () {
-
-
- this.loadData();
-
-
- },
-
- scrollData: function () {
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- }
- },
- mounted() {
-
- this.timer_long = setInterval(this.refreshData, 600000);
- this.refreshData();
- },
- beforeDestroy() {
- clearInterval(this.timer_long);
-
-
- }
- });
- </script>
- </body>
- </html>
|