5 changed files with 315 additions and 65 deletions
-
2src/api/production/generateReport.js
-
131src/views/modules/board/sopBoard.vue
-
214src/views/modules/board/sopBoard_old.vue
-
6src/views/modules/print/print_Abnormal_label.js
-
27src/views/modules/production/generateReport.vue
@ -0,0 +1,214 @@ |
|||
<template> |
|||
<div class="mod-config container "> |
|||
<div class="pdfMenu" > |
|||
<h1 style="color: white">SOP指导书 当前派工单|{{seqNo}}</h1> |
|||
</div> |
|||
<div class="pdf-wrapper" ref="pdfWrapper"> |
|||
<pdf ref="pdfViewer" |
|||
:src="sopUrl" |
|||
:page="sopPage" |
|||
@num-pages="setSopPages" |
|||
@page-loaded="setPageLoaded" |
|||
class="pdf-document" |
|||
|
|||
></pdf> |
|||
</div> |
|||
<div class="pdfMenu" > |
|||
<h1 style="color: white">SQC指导书 当前操作员|{{operator}}</h1> |
|||
</div> |
|||
<div class="pdf-wrapper" ref="pdfWrapper"> |
|||
<pdf ref="pdfViewer" |
|||
:src="badUrl" |
|||
:page="badPage" |
|||
@num-pages="setBadPages" |
|||
@page-loaded="setPageLoaded" |
|||
class="pdf-document" |
|||
></pdf> |
|||
|
|||
</div> |
|||
|
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
let rollstop = '' |
|||
let rolltimer = ''// 自动滚动的定时任务 |
|||
let refresher = '' //数据刷新定时器 |
|||
import { |
|||
getSopAddress, |
|||
} from '@/api/board.js' |
|||
import pdf from 'vue-pdf' |
|||
export default { |
|||
name: 'sopBoard', |
|||
components: { |
|||
pdf |
|||
}, |
|||
data () { |
|||
|
|||
return { |
|||
tvId:this.$route.query.ip?this.$route.query.ip:'TV001', |
|||
operator:'', |
|||
seqNo:'', |
|||
sopMax: 1, |
|||
sopPage: 1, |
|||
badMax: 1, |
|||
badPage: 1, |
|||
height: 200, |
|||
tableData: [], |
|||
// 默认的刷新，滚动时间，滚动间距 |
|||
// refreshTime: 5, |
|||
// rollTime: 5, |
|||
// rollPx: 1, |
|||
sopUrl: '', |
|||
badUrl: '', |
|||
pageLoaded: false, |
|||
timeOut:30000, |
|||
// packageUrl:'http://192.168.1.130/upload/', |
|||
packageUrl:'http://192.168.2.172/sopFile/', |
|||
// packageUrl:'http://192.168.1.83:81/upload/', |
|||
} |
|||
}, |
|||
mounted () { |
|||
this.$nextTick(() => { |
|||
this.changePdf(); |
|||
this.changePage(); |
|||
this.getPDF(); |
|||
}); |
|||
}, |
|||
methods: { |
|||
|
|||
setSopPages(numPages) { |
|||
this.sopMax = numPages |
|||
}, |
|||
setBadPages(numPages) { |
|||
this.badMax = numPages |
|||
}, |
|||
setPageLoaded() { |
|||
this.pageLoaded = true |
|||
}, |
|||
changePage() { |
|||
refresher = setInterval(() => { |
|||
if(this.sopPage==this.sopMax){ |
|||
this.sopPage=1; |
|||
}else { |
|||
this.sopPage=Number(this.sopPage)+1 |
|||
} |
|||
if(this.badPage==this.badMax){ |
|||
this.badPage=1; |
|||
}else { |
|||
this.badPage=Number(this.badPage)+1 |
|||
} |
|||
}, this.timeOut) |
|||
}, |
|||
|
|||
changePdf() { |
|||
refresher = setInterval(() => { |
|||
this.getPDF(); |
|||
}, 30000) |
|||
}, |
|||
getPDF(){ |
|||
let data={ |
|||
tvId: this.tvId |
|||
} |
|||
getSopAddress(data).then(({data}) => { |
|||
if(data.code==0){ |
|||
if(this.sopUrl!=this.packageUrl+data.data.sopAddress){ |
|||
this.sopUrl=this.packageUrl+data.data.sopAddress; |
|||
this.sopPage=1; |
|||
} |
|||
if(this.badUrl!=this.packageUrl+data.data.badAddress){ |
|||
this.badUrl=this.packageUrl+data.data.badAddress; |
|||
this.badPage=1; |
|||
} |
|||
console.log(this.sopUrl) |
|||
this.operator=data.data.nowOperator; |
|||
this.seqNo=data.data.nowSeqNo; |
|||
}else { |
|||
this.sopUrl=''; |
|||
this.badUrl=''; |
|||
this.seqNo='无'; |
|||
this.operator='无'; |
|||
} |
|||
}) |
|||
} |
|||
}, |
|||
created () { |
|||
// this.search() |
|||
// this.refreshTable() |
|||
|
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style > |
|||
|
|||
|
|||
.board2 .el-table .cell { |
|||
line-height: 13px; |
|||
font-size: 12px; |
|||
height: 13px; |
|||
padding: 0px; |
|||
} |
|||
.board2 .el-table .green { |
|||
background: #8cee8c; |
|||
} |
|||
.board2 .el-table .success-row { |
|||
background: #1bb61b; |
|||
} |
|||
.board2 .el-table .false-row { |
|||
/*background: #cbcb14;*/ |
|||
background: #db1212; |
|||
} |
|||
.board2 .el-table .yellow-row{ |
|||
background: #ffff00; |
|||
} |
|||
.container { |
|||
font-size: 13px; |
|||
position: fixed; |
|||
top: 0; |
|||
left: 0; |
|||
z-index: -1; |
|||
width: 100%; |
|||
height: 100%; |
|||
content: ""; |
|||
background-image: url(~@/assets/img/factory.jpg); |
|||
background-size: cover; |
|||
} |
|||
.pdf-container { |
|||
position: relative; |
|||
width: 100%; |
|||
height: 100%; |
|||
} |
|||
|
|||
.pdf-wrapper { |
|||
position: relative; |
|||
width: 43%; |
|||
height: 100%; |
|||
float: left; |
|||
margin-top: 0%; |
|||
margin-left: 0%; |
|||
overflow: hidden; |
|||
display: flex; |
|||
align-items: center; /* 垂直居中 */ |
|||
justify-content: center; /* 水平居中 */ |
|||
} |
|||
.pdf-document { |
|||
transform-origin: center; |
|||
width: 100%; |
|||
height: 100%; |
|||
} |
|||
.pdfMenu { |
|||
width: 7%; |
|||
height: 100%; |
|||
float: left; |
|||
writing-mode: vertical-lr; /* 竖排显示，从左到右 */ |
|||
text-orientation: upright; /* 竖排文字方向为正常朝向 */ |
|||
display: flex; /* 使用 Flex 布局 */ |
|||
align-items: center; /* 垂直居中对齐 */ |
|||
} |
|||
.vertical-text { |
|||
writing-mode: vertical-lr; /* 竖排显示，从左到右 */ |
|||
text-orientation: upright; /* 竖排文字方向为正常朝向 */ |
|||
} |
|||
|
|||
</style> |
|||
Write
Preview
Loading…
Cancel
Save
Reference in new issue