5 changed files with 577 additions and 2 deletions
-
2src/views/modules/Abnormal/AbnormalFeedBack.vue
-
119src/views/modules/print/print_package_TCPlabel-NOOREVIEW.js
-
2src/views/modules/print/print_package_label-NOOREVIEW.js
-
455src/views/modules/production/bagLabelsTCP.vue
-
1src/views/modules/production/inspect.vue
@ -0,0 +1,119 @@ |
|||
/*调用js打印标签*/ |
|||
import getLodop from '@/utils/LodopFuncs.js' |
|||
/*打印材料卷标签*/ |
|||
export function printTCPPackageLabelNoPreview(printList) { |
|||
const LODOP = getLodop() |
|||
if (LODOP) { |
|||
//LODOP.SET_LICENSES("", "AF8A5800B84BCC5218BCF67B92627BEA", "", "");
|
|||
LODOP.SET_LICENSES("", "AF8A5800B823CC8E18BCF67B925E7BF0", "", ""); |
|||
// LODOP.SET_PRINTER_INDEXA("小标签打印机");
|
|||
//循环调用打印机
|
|||
for(let i = 0; i < printList.length; i++){ |
|||
let printData = printList[i]; |
|||
LODOP.NewPage(); |
|||
LODOP.SET_PRINT_PAGESIZE(0,1000,700,""); |
|||
// LODOP.ADD_PRINT_BARCODE(133,286,130,88,"QRCode",printData.partSpec);
|
|||
LODOP.ADD_PRINT_BARCODE(133,286,130,88,"QRCode",`${printData.site};${printData.partNo};${printData.unitQty};${printData.seqNo};${printData.printId}`); |
|||
LODOP.ADD_PRINT_TEXT(93,18,123,25,"Product No:"); |
|||
LODOP.SET_PRINT_STYLEA(0,"FontName","Arial"); |
|||
LODOP.SET_PRINT_STYLEA(0,"FontSize",12); |
|||
LODOP.SET_PRINT_STYLEA(0,"Bold",1); |
|||
LODOP.ADD_PRINT_TEXT(94,141,241,25,printData.partSpec); |
|||
LODOP.SET_PRINT_STYLEA(0,"FontName","Arial"); |
|||
LODOP.SET_PRINT_STYLEA(0,"FontSize",12); |
|||
LODOP.SET_PRINT_STYLEA(0,"Bold",1); |
|||
LODOP.ADD_PRINT_TEXT(153,18,128,24,"Cust.P/O:"); |
|||
LODOP.SET_PRINT_STYLEA(0,"FontName","Arial"); |
|||
LODOP.SET_PRINT_STYLEA(0,"FontSize",12); |
|||
LODOP.SET_PRINT_STYLEA(0,"Bold",1); |
|||
LODOP.ADD_PRINT_TEXT(153,141,145,25,printData.orderRef4); |
|||
LODOP.SET_PRINT_STYLEA(0,"FontName","Arial"); |
|||
LODOP.SET_PRINT_STYLEA(0,"FontSize",12); |
|||
LODOP.SET_PRINT_STYLEA(0,"Bold",1); |
|||
LODOP.ADD_PRINT_TEXT(115,18,123,25,"FQC:"); |
|||
LODOP.SET_PRINT_STYLEA(0,"FontName","Arial"); |
|||
LODOP.SET_PRINT_STYLEA(0,"FontSize",12); |
|||
LODOP.SET_PRINT_STYLEA(0,"Bold",1); |
|||
LODOP.ADD_PRINT_TEXT(115,141,111,25,printData.inspector); |
|||
LODOP.SET_PRINT_STYLEA(0,"FontName","Arial"); |
|||
LODOP.SET_PRINT_STYLEA(0,"FontSize",12); |
|||
LODOP.SET_PRINT_STYLEA(0,"Bold",1); |
|||
LODOP.ADD_PRINT_TEXT(175,18,125,25,"MFG Lot:"); |
|||
LODOP.SET_PRINT_STYLEA(0,"FontName","Arial"); |
|||
LODOP.SET_PRINT_STYLEA(0,"FontSize",12); |
|||
LODOP.SET_PRINT_STYLEA(0,"Bold",1); |
|||
LODOP.ADD_PRINT_TEXT(175,141,142,25,printData.batchNo); |
|||
LODOP.SET_PRINT_STYLEA(0,"FontName","Arial"); |
|||
LODOP.SET_PRINT_STYLEA(0,"FontSize",12); |
|||
LODOP.SET_PRINT_STYLEA(0,"Bold",1); |
|||
LODOP.ADD_PRINT_TEXT(67,18,121,25,"Product Desc:"); |
|||
LODOP.SET_PRINT_STYLEA(0,"FontName","Arial"); |
|||
LODOP.SET_PRINT_STYLEA(0,"FontSize",12); |
|||
LODOP.SET_PRINT_STYLEA(0,"Bold",1); |
|||
LODOP.ADD_PRINT_TEXT(67,141,243,24,printData.partDesc); |
|||
LODOP.SET_PRINT_STYLEA(0,"FontName","Arial"); |
|||
LODOP.SET_PRINT_STYLEA(0,"FontSize",10); |
|||
LODOP.SET_PRINT_STYLEA(0,"Bold",1); |
|||
LODOP.SET_PRINT_STYLEA(0,"LineSpacing",-5); |
|||
LODOP.ADD_PRINT_TEXT(197,18,128,25,"MFG Date:"); |
|||
LODOP.SET_PRINT_STYLEA(0,"FontName","Arial"); |
|||
LODOP.SET_PRINT_STYLEA(0,"FontSize",12); |
|||
LODOP.SET_PRINT_STYLEA(0,"Bold",1); |
|||
LODOP.ADD_PRINT_TEXT(197,141,144,25,printData.receiveDate); |
|||
LODOP.SET_PRINT_STYLEA(0,"FontName","Arial"); |
|||
LODOP.SET_PRINT_STYLEA(0,"FontSize",12); |
|||
LODOP.SET_PRINT_STYLEA(0,"Bold",1); |
|||
LODOP.ADD_PRINT_TEXT(216,18,191,19,"Manufactured by "+printData.keyInfoStr2); |
|||
LODOP.SET_PRINT_STYLEA(0,"FontName","Arial"); |
|||
LODOP.SET_PRINT_STYLEA(0,"FontSize",7); |
|||
LODOP.ADD_PRINT_TEXT(24,212,149,20,"IATF:16949 Certified"); |
|||
LODOP.SET_PRINT_STYLEA(0,"FontName","Arial"); |
|||
LODOP.SET_PRINT_STYLEA(0,"FontSize",7); |
|||
LODOP.SET_PRINT_STYLEA(0,"Alignment",3); |
|||
LODOP.ADD_PRINT_TEXT(135,18,58,25,"Q.T.Y:"); |
|||
LODOP.SET_PRINT_STYLEA(0,"FontName","Arial"); |
|||
LODOP.SET_PRINT_STYLEA(0,"FontSize",11); |
|||
LODOP.SET_PRINT_STYLEA(0,"Bold",1); |
|||
LODOP.ADD_PRINT_LINE(37,12,36,364,0,1); |
|||
LODOP.ADD_PRINT_LINE(216,12,215,364,0,1); |
|||
LODOP.ADD_PRINT_TEXT(135,141,120,25,printData.unitQty + printData.umid); |
|||
LODOP.SET_PRINT_STYLEA(0,"FontName","Arial"); |
|||
LODOP.SET_PRINT_STYLEA(0,"FontSize",12); |
|||
LODOP.SET_PRINT_STYLEA(0,"Bold",1); |
|||
LODOP.ADD_PRINT_TEXT(217,243,130,20,"Vendor I.D.:"+printData.siteName); |
|||
LODOP.SET_PRINT_STYLEA(0,"FontName","Arial"); |
|||
LODOP.SET_PRINT_STYLEA(0,"FontSize",7); |
|||
LODOP.ADD_PRINT_TEXT(228,18,348,30,printData.siteAdress); |
|||
LODOP.SET_PRINT_STYLEA(0,"FontName","Arial"); |
|||
LODOP.SET_PRINT_STYLEA(0,"FontSize",7); |
|||
LODOP.ADD_PRINT_TEXT(250,18,351,20,printData.sitePhone); |
|||
LODOP.SET_PRINT_STYLEA(0,"FontName","Arial"); |
|||
LODOP.SET_PRINT_STYLEA(0,"FontSize",7); |
|||
LODOP.ADD_PRINT_TEXT(41,18,143,25,"Product Code:"); |
|||
LODOP.SET_PRINT_STYLEA(0,"FontName","Arial"); |
|||
LODOP.SET_PRINT_STYLEA(0,"FontSize",12); |
|||
LODOP.SET_PRINT_STYLEA(0,"Bold",1); |
|||
LODOP.ADD_PRINT_TEXT(113,229,144,26,"Job No:"+printData.seqNo); |
|||
LODOP.SET_PRINT_STYLEA(0,"FontName","Arial"); |
|||
LODOP.SET_PRINT_STYLEA(0,"FontSize",12); |
|||
LODOP.SET_PRINT_STYLEA(0,"Alignment",3); |
|||
LODOP.SET_PRINT_STYLEA(0,"Bold",1); |
|||
if(printData.code=='CODE128') { |
|||
LODOP.ADD_PRINT_BARCODE(40,143,236,23, "128A",printData.partSpec); |
|||
}else { |
|||
LODOP.ADD_PRINT_BARCODE(40,143,236,23, "Code39",printData.partSpec); |
|||
} |
|||
LODOP.SET_PRINT_STYLEA(0,"ShowBarText",0); |
|||
// LODOP.ADD_PRINT_IMAGE(4,18,114,31,"<img src='http://192.168.1.83:81/upload/AMLogo.jpg'/>");
|
|||
LODOP.ADD_PRINT_IMAGE(4,18,114,31,`<img src='http://192.168.2.172:80/print/${printData.keyInfoStr1}'/>`); |
|||
// LODOP.ADD_PRINT_IMAGE(4,18,114,31,`<img src='http://192.168.1.83:81/upload/${printData.keyInfoStr1}'/>`);
|
|||
LODOP.SET_PRINT_STYLEA(0,"Stretch",1); |
|||
} |
|||
|
|||
// LODOP.PRINT_DESIGN();
|
|||
LODOP.PREVIEW(); |
|||
// LODOP.PRINT();
|
|||
console.log("操作成功!") |
|||
} |
|||
} |
|||
|
|||
@ -0,0 +1,455 @@ |
|||
<script> |
|||
import { |
|||
checkIsPacking, |
|||
getPackagePrintDataList, |
|||
getSOScheduleRoutingDataPrint |
|||
} from "../../../api/production/generateReport"; |
|||
import { |
|||
getPhotoAddressData |
|||
} from '@/api/pad.js' |
|||
import {printTCPPackageLabelNoPreview} from "../print/print_package_TCPlabel-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: '', |
|||
} |
|||
}, |
|||
mounted() { |
|||
this.$refs.focusInput.focus() |
|||
}, |
|||
activated() { |
|||
this.$refs.focusInput.focus() |
|||
}, |
|||
computed: { |
|||
seqNo: function () { |
|||
return this.searchData.seqNo; |
|||
} |
|||
}, |
|||
watch: {}, |
|||
methods: { |
|||
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("派工单不存在") |
|||
} 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() |
|||
} |
|||
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; |
|||
} |
|||
} else { |
|||
this.$message.warning(data.msg) |
|||
this.cleanAll() |
|||
} |
|||
}).catch((error) => { |
|||
this.cleanAll() |
|||
this.$message.error(error); |
|||
}) |
|||
}, |
|||
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; |
|||
}, |
|||
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 |
|||
} |
|||
if (this.soScheduleRouting.qtyBag === null || this.soScheduleRouting.qtyBag === undefined) { |
|||
this.$message.warning("未维护每袋数量") |
|||
return; |
|||
} |
|||
let params = { |
|||
previousSeqNo: this.soScheduleRouting.previousSeqNo, |
|||
site: this.soScheduleRouting.site, |
|||
orderNo: this.soScheduleRouting.orderNo |
|||
} |
|||
if (this.searchData.flag === 'Y') { |
|||
this.flag = true; |
|||
return; |
|||
} |
|||
this.printPackageLabelNoPreview(params) |
|||
}, |
|||
printPackageLabelNoPreview(params) { |
|||
if (!params) { |
|||
this.$message.warning("参数为空") |
|||
return |
|||
} |
|||
// 发起请求 |
|||
getPackagePrintDataList(params).then(({data}) => { |
|||
if (data && data.code === 0) { |
|||
printTCPPackageLabelNoPreview(data.rows); |
|||
this.searchData.flag = ''; |
|||
} else { |
|||
this.$message.warning(data.msg) |
|||
} |
|||
}).catch((error) => { |
|||
this.$message.error(error) |
|||
}) |
|||
}, |
|||
printLabelEntity() { |
|||
let params = { |
|||
previousSeqNo: this.soScheduleRouting.previousSeqNo, |
|||
site: this.soScheduleRouting.site, |
|||
orderNo: this.soScheduleRouting.orderNo |
|||
} |
|||
params.number = this.number; |
|||
this.printPackageLabelNoPreview(params) |
|||
}, |
|||
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"> |
|||
<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-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" @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="selectBySeqNo"></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="printLabelEntity">确定</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> |
|||
Write
Preview
Loading…
Cancel
Save
Reference in new issue