赫艾前端
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

577 lines
20 KiB

<script>
import {
checkIsPacking,
getPackagePrintDataList,
getSOScheduleRoutingDataPrint,
linkWeighTPC,
closeWeighTPC,
reLinkWeighTPC,
getTCPPackagePrintDataList,
} from "../../../api/production/generateReport";
import {
getPhotoAddressData
} from '@/api/pad.js'
import {printTCPPackageLabelNoPreview} from "../print/print_package_TCPlabel-NOOREVIEW";
import {printPackageLabelNoPreview} from '../print/print_package_label-NOOREVIEW'
export default {
data() {
return {
searchData: {
seqNo: undefined,
flag: '',
},
number: 1,
flag: false,
soScheduleRouting: {},
picData: {
site: '',
partNo: '',
},
fileTitle: "文件名 (" + 0 + "/" + 0 + ")",
fileName: '',
num: 1,
currentData: '',
photoDatas: [],
uploadImg: [],
showviewer: false,
url: '',
photoUrl: '',
scanTime:'',
scheduleJob:'',
nowTime:'',
weight:undefined,
}
},
mounted() {
this.$refs.focusInput.focus()
window.addEventListener('beforeunload', this.handleBeforeUnload);
},
activated() {
this.$refs.focusInput.focus()
},
beforeDestroy(){
this.closeWeighTPC();
window.removeEventListener('beforeunload', this.handleBeforeUnload);
this.stopSchedule();
},
computed: {
seqNo: function () {
return this.searchData.seqNo;
}
},
watch: {
flag(newVal,oldVal){
if (newVal === false){
this.number = undefined
this.weight = undefined
}
}
},
methods: {
handleBeforeUnload() {
this.closeWeighTPC();
},
selectBySeqNo() {
// 查询数据
this.getSOScheduleRoutingData();
},
getSOScheduleRoutingData() {
if (!this.searchData.seqNo) {
this.$message.warning("派工单号为空")
return
}
let params = {
seqNo: this.searchData.seqNo,
userId: this.$store.state.user.name
};
getSOScheduleRoutingDataPrint(params).then(({data}) => {
if (data && data.code === 0) {
if (data.total === 0) {
this.$message.warning("派工单不存在")
return;
} else if (data.total === 1) {
this.soScheduleRouting = data.rows[0];
this.checkIsPacking()
} else {
this.soScheduleRouting = data.rows.find((item) => item.site === this.$store.state.user.site && item.seqNo === this.searchData.seqNo)
this.checkIsPacking()
}
// console.log(data.rows[0].nowTime)
this.nowTime= data.rows[0].nowTime
if (data.row) {
this.soScheduleRouting.qtyBag = data.row[0].qtyBag
this.soScheduleRouting.bag = data.row[0].bag
this.soScheduleRouting.qty = data.row[0].qty
this.soScheduleRouting.carton = data.row[0].carton
}
if (data.data) {
this.soScheduleRouting.sScheduledDate2 = data.data.sScheduledDate;
this.soScheduleRouting.operatorName2 = data.data.operatorName;
this.soScheduleRouting.approveQty2 = data.data.qtyApprove;
}
linkWeighTPC(params).then(({data}) => {
if (data && data.code === 0) {
} else {
this.$message.error(data.msg)
// this.cleanAll()
}
}).catch((error) => {
this.$message.error(error)
// this.cleanAll()
})
this.scheduleJob = setInterval(() => {
this.printTCPLabel();
}, 2000);
} else {
this.$message.warning(data.msg)
this.cleanAll()
}
}).catch((error) => {
this.cleanAll()
this.$message.error(error);
})
},
linkTPC(){
let params = {
nowTime:this.nowTime,
previousSeqNo: this.soScheduleRouting.previousSeqNo,
site: this.soScheduleRouting.site,
orderNo: this.soScheduleRouting.orderNo,
}
linkWeighTPC(params).then(({data}) => {
if (data && data.code === 0) {
this.$message.success("称重器连接成功!")
} else {
this.$message.error(data.msg)
// this.cleanAll()
}
}).catch((error) => {
this.$message.error(error)
// this.cleanAll()
})
},
printTCPLabel(){
if (!this.soScheduleRouting.site) {
return false
}
if (this.nowTime==''||this.nowTime==null) {
return false
}
console.log(this.soScheduleRouting.qtyBag)
if (this.soScheduleRouting.qtyBag === null || this.soScheduleRouting.qtyBag === undefined) {
return false
}
let params = {
nowTime:this.nowTime,
previousSeqNo: this.soScheduleRouting.previousSeqNo,
site: this.soScheduleRouting.site,
orderNo: this.soScheduleRouting.orderNo,
seqNo:this.searchData.seqNo
}
if (!params) {
return
}
getTCPPackagePrintDataList(params).then(({data}) => {
if (data && data.code === 0) {
if(data.rows.length>0){
if(this.flag){
this.weight=data.rows[0].tcpValue
}else {
printTCPPackageLabelNoPreview(data.rows);
}
}
this.searchData.flag = '';
} else {
this.$message.warning(data.msg)
}
}).catch((error) => {
this.$message.error(error)
})
},
stopSchedule() {
if (this.scheduleJob) {
clearInterval(this.scheduleJob); // 使用 clearInterval 来清除定时任务
this.scheduleJob = null; // 将 scheduleJob 置为 null,表示没有活动的定时任务
}
},
cleanAll() {
Object.keys(this.soScheduleRouting).forEach(key => {
this.soScheduleRouting[key] = '';
});
Object.keys(this.picData).forEach(key => {
this.picData[key] = '';
});
this.fileName = null;
this.fileTitle = "文件名 (" + 0 + "/" + 0 + ")";
this.photoUrl = null;
// this.scanTime= '';
// this.closeWeighTPC();
this.nowTime='';
this.stopSchedule()
},
closeWeighTPC(){
this.scanTime= '';
let data={
site:'1'
}
closeWeighTPC(data).then(({data}) => {
})
this.cleanAll()
this.searchData.seqNo=undefined;
},
checkIsPacking() {
let params = {
site: this.soScheduleRouting.site,
workCenterNo: this.soScheduleRouting.sWorkCenterNo,
}
checkIsPacking(params).then(({data}) => {
if (data && data.code === 0) {
this.getData(this.soScheduleRouting.site, this.soScheduleRouting.partNo)
} else {
this.getData('', '')
this.soScheduleRouting = {};
this.$message.warning(data.msg)
this.searchData = {
seqNo: undefined,
flag: '',
}
}
}).catch((error) => {
this.$message.error(error)
this.searchData = {
seqNo: undefined,
flag: '',
}
this.soScheduleRouting = {};
})
},
printLabel() {
if (!this.soScheduleRouting.site) {
this.$message.warning("请先扫描派工单号")
return
}
this.searchData.flag = 'Y'
this.flag = true
},
printPackageLabelNoPreview() {
let params = {
previousSeqNo: this.soScheduleRouting.previousSeqNo,
site: this.soScheduleRouting.site,
orderNo: this.soScheduleRouting.orderNo,
seqNo:this.searchData.seqNo
}
if (!this.number || !this.weight){
this.$message.warning("请先输入数量和重量")
return
}
params.number = this.number;
// 发起请求
getPackagePrintDataList(params).then(({data}) => {
if (data && data.code === 0) {
data.rows[0].tcpValue=this.weight
printTCPPackageLabelNoPreview(data.rows);
this.searchData.flag = '';
this.flag = false
} else {
this.$message.warning(data.msg)
}
}).catch((error) => {
this.$message.error(error)
})
},
getData(site, partNo) {
this.picData.partNo = partNo;
this.picData.site = site;
this.getPhoto();
},
getPhoto() {
getPhotoAddressData(this.picData).then(({data}) => {
this.photoDatas = data.rows;
if (this.photoDatas.length == 0) {
this.fileTitle = "文件名 (" + 0 + "/" + 0 + ")";
this.photoUrl = null;
return false;
}
this.fileName = this.photoDatas[this.num - 1].attaFileNameDb;
this.fileTitle = "文件名 (" + this.num + "/" + this.photoDatas.length + ")";
this.photoUrl = this.$store.state.user.padSopUrl + this.photoDatas[this.num - 1].attaFileNameDb;
// this.photoUrl='http://192.168.1.83:81/upload/'+this.photoDatas[this.num-1].attaFileNameDb;
})
},
nextPicture() {
if (this.photoDatas.length == 0) {
this.fileTitle = "文件名 (" + 0 + "/" + 0 + ")";
this.$alert('该物料没有上传图片!', '错误', {
confirmButtonText: '确定'
})
return false;
}
if (this.num == this.photoDatas.length) {
this.num = 1;
} else {
this.num = this.num + 1;
}
this.fileName = this.photoDatas[this.num - 1].attaFileNameDb;
this.fileTitle = "文件名 (" + this.num + "/" + this.photoDatas.length + ")";
this.photoUrl = this.$store.state.user.padSopUrl + this.photoDatas[this.num - 1].attaFileNameDb;
// this.photoUrl='http://192.168.1.83:81/upload/'+this.photoDatas[this.num-1].attaFileNameDb;
},
lastPicture() {
if (this.photoDatas.length == 0) {
this.fileTitle = "文件名 (" + 0 + "/" + 0 + ")";
this.$alert('该物料没有上传图片!', '错误', {
confirmButtonText: '确定'
})
return false;
}
if (this.num == 1) {
this.num = this.photoDatas.length;
} else {
this.num = this.num - 1;
}
this.fileName = this.photoDatas[this.num - 1].attaFileNameDb;
this.fileTitle = "文件名 (" + this.num + "/" + this.photoDatas.length + ")";
this.photoUrl = this.$store.state.user.padSopUrl + this.photoDatas[this.num - 1].attaFileNameDb;
// this.photoUrl='http://192.168.1.83:81/upload/'+this.photoDatas[this.num-1].attaFileNameDb;
},
},
}
</script>
<template>
<div style="padding: 5px">
<el-form size="medium" class="title" :model="seqNo" label-position="top" :inline="true" @submit.native.prevent>
<el-form-item label="派工单号">
<el-input-number size="medium" style="width: 100%;margin-top: -5px;" :controls="false" ref="focusInput" :min="0"
v-model="searchData.seqNo" @keyup.enter.native="selectBySeqNo"></el-input-number>
</el-form-item>
<!-- <el-form-item label=" ">-->
<!-- <el-select v-model="searchData.flag" clearable>-->
<!-- <el-option value="" label="标准袋数"></el-option>-->
<!-- <el-option value="Y" label="零数袋"></el-option>-->
<!-- </el-select>-->
<!-- </el-form-item>-->
<el-form-item label=" ">
<!-- <el-button type="primary" @click="printLabel">打印标签</el-button>-->
<!-- <el-button type="primary" @click="linkTPC()">重连设备</el-button>-->
<el-button type="primary" @click="closeWeighTPC()">取消连接</el-button>
<el-button type="primary" style="width: 120px" @click="printLabel">手工打印零数标签</el-button>
</el-form-item>
</el-form>
<div class="content">
<el-card style="height: 800px;margin-top: 20px">
<el-form :model="soScheduleRouting" label-position="top">
<el-row :gutter="20">
<el-col :span="6">
<el-form-item label="派工单号">
<el-input v-model="soScheduleRouting.seqNo" readonly></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="工厂编码">
<el-input v-model="soScheduleRouting.site" readonly></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="生产订单号">
<el-input v-model="soScheduleRouting.orderNo" readonly></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label=" ">
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="产品编码">
<el-input v-model="soScheduleRouting.partNo" readonly></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="产品名称">
<el-input v-model="soScheduleRouting.partDesc" readonly></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="派工单类型">
<el-input v-model="soScheduleRouting.scheduleType" readonly></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="派工日期">
<el-input v-model="soScheduleRouting.sScheduledDate" readonly></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="检验工单号">
<el-input v-model="soScheduleRouting.previousSeqNo" readonly></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="检验日期">
<el-input v-model="soScheduleRouting.sScheduledDate2" readonly></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="检验员">
<el-input v-model="soScheduleRouting.operatorName2" readonly></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="检验合格数量">
<el-input v-model="soScheduleRouting.approveQty2" readonly></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="工序号">
<el-input v-model="soScheduleRouting.itemNo" readonly></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="工序名称">
<el-input v-model="soScheduleRouting.itemDesc" readonly></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label=" ">
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="机台ID">
<el-input v-model="soScheduleRouting.sResourceID" readonly></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="班次">
<el-input v-model="soScheduleRouting.sShiftNo" readonly></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="加工中心编码">
<el-input v-model="soScheduleRouting.sWorkCenterNo" readonly></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="操作员姓名">
<el-input v-model="soScheduleRouting.operatorName" readonly></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="每袋数量">
<el-input v-model="soScheduleRouting.qtyBag" readonly></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="每箱袋装数">
<el-input v-model="soScheduleRouting.bag" readonly></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="整箱数量">
<el-input v-model="soScheduleRouting.qty" readonly></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="纸箱尺寸">
<el-input v-model="soScheduleRouting.carton" readonly></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
<div class="pad" style="float: left;width: 33%;margin-top: 2%">
<h5 style="margin-left: 30px;font-size: 20px">产品图片</h5>
<el-form :inline="true" style="margin-left: 30px" label-position="top">
<el-form-item :label="'产品编码:'" style="margin-left: 0px">
<el-input v-model="picData.partNo" readonly style="width: 220px"></el-input>
</el-form-item>
</el-form>
<el-form :inline="true" style="margin-top: 20px;margin-left: 30px" label-position="top">
<el-form-item :label="fileTitle">
<el-input v-model="fileName" style="width: 374px" readonly></el-input>
</el-form-item>
</el-form>
<el-form :inline="true" style="margin-top: 20px;margin-left: 30px" label-position="top">
<el-form-item :label="' '">
<el-button @click="lastPicture()" style="margin-left: 10px;height: 35px;width: 90px" type="primary">
上一张
</el-button>
</el-form-item>
<el-form-item :label="' '">
<el-button @click="nextPicture()" style="margin-left: 25px;height: 35px;width: 90px" type="primary">
下一张
</el-button>
</el-form-item>
</el-form>
</div>
<div id="padPhoto" style="text-align: center;float: left;width: 66%;vertical-align:middle;margin-top: 5px">
<img style="max-width: 100%;max-height: 450px;vertical-align:middle;" :src="photoUrl">
</div>
</el-card>
</div>
<el-dialog title="提示" :visible.sync="flag" :close-on-click-modal="false" @open="()=>{
this.$nextTick(()=>{
this.$refs.dialogInput.focus();
})
}" @close="()=>{
this.number = 1
}" width="15vw" top="30vh">
<el-form label-position="top" class="title">
<el-form-item label="零数量">
<el-input-number size="medium" style="width: 100%;text-align: left" :controls="false" ref="dialogInput"
:min="1" v-model="number" @keyup.enter.native="printPackageLabelNoPreview"></el-input-number>
</el-form-item>
<el-form-item label="重量">
<el-input-number size="medium" style="width: 100%;text-align: left" :controls="false" ref="dialogInput"
:min="1" v-model="weight" @keyup.enter.native="printPackageLabelNoPreview"></el-input-number>
</el-form-item>
</el-form>
<div style="height: 20px;width: 100%"></div>
<div style="text-align: center;margin-bottom: 5px">
<el-button type="primary" @click="printPackageLabelNoPreview">确定</el-button>
</div>
<div style="height: 5px;width: 100%"></div>
</el-dialog>
</div>
</template>
<style scoped>
.title .el-input-number /deep/ .el-input__inner {
text-align: left;
margin-top: 5px;
padding-right: 5px !important;
padding-left: 5px !important;
}
.el-form-item--medium /deep/ .el-form-item__label {
font-size: 16px;
line-height: 30px;
height: 30px;
}
.el-form-item--medium /deep/ .el-form-item__content {
margin-bottom: 5px;
}
.el-form-item--medium /deep/ .el-form-item__content .el-button {
width: 80px;
height: 30px;
}
.el-form-item--medium /deep/ .el-form-item__content .el-input .el-input__inner {
font-size: 16px;
line-height: 30px;
height: 30px !important;
}
</style>