|
|
|
@ -2,22 +2,28 @@ |
|
|
|
<view class="content" style="padding: 30rpx 20rpx 100rpx; min-height: calc(100vh - 120rpx)"> |
|
|
|
<com-empty-view v-if="data.length == 0"></com-empty-view> |
|
|
|
<!-- 只用于展示页面 --> |
|
|
|
<view class="box" style="margin-bottom: 20rpx"> |
|
|
|
<view class="box" style="margin-bottom: 20rpx" v-for="(item, index) in data.sublist" :key="index"> |
|
|
|
<view class="top"> |
|
|
|
<view class="mb-kw"> |
|
|
|
目标库位：<text>{{ data.toLocationCode }}</text> |
|
|
|
目标库位：<view>{{ item.toLocationCode }}</view> |
|
|
|
</view> |
|
|
|
<view class="mb-bo"> |
|
|
|
<view class="mb-left"> |
|
|
|
<view class="mb-text"> |
|
|
|
任务编号：<text>{{ data.number }}</text> |
|
|
|
物料号：<view>{{ item.itemCode }}</view> |
|
|
|
</view> |
|
|
|
<view class="mb-text"> |
|
|
|
创建人：<text>{{ data.creator || '' }}</text> |
|
|
|
托包装号：<view>{{ item.packingNumber }}</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="mb-right"> |
|
|
|
<view class="mb-text"> |
|
|
|
创建时间：<text>{{ formatDate(data.createTime) }}</text> |
|
|
|
数量：<view>{{ item.packQty }}个</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<u-table style="margin-top: 20rpx"> |
|
|
|
</view> |
|
|
|
<!-- <u-table style="margin-top: 20rpx"> |
|
|
|
<u-tr> |
|
|
|
<u-th>物品代码</u-th> |
|
|
|
<u-th>物品描述</u-th> |
|
|
|
@ -36,7 +42,7 @@ |
|
|
|
<u-td>{{ cur.qty }}</u-td> |
|
|
|
<u-td>{{ cur.uom }}</u-td> |
|
|
|
</u-tr> |
|
|
|
</u-table> |
|
|
|
</u-table> --> |
|
|
|
</view> |
|
|
|
<view class="" style="position: fixed; width: 100%; bottom: 0rpx; left: 0px"> |
|
|
|
<button @click="printImage" style="background: rgb(60, 156, 255) !important ; color: white; margin-top: 80rpx">打印</button> |
|
|
|
@ -178,52 +184,30 @@ export default { |
|
|
|
let str = '' |
|
|
|
this.readFile(htmlFileUrl, (htmlContent) => { |
|
|
|
this.newHtmlContent = htmlContent |
|
|
|
// this.data.forEach(item => { |
|
|
|
str += `<div class="box" style="page-break-before:always;"><br /> |
|
|
|
this.data.sublist.forEach((item) => { |
|
|
|
str += `<div class="box" style="page-break-before:always;" ><br /> |
|
|
|
<div class="top"> |
|
|
|
<div class="mb-kw"> |
|
|
|
目标库位：<span>${this.data.toLocationCode}</span> |
|
|
|
目标库位：<div>${item.toLocationCode}</div> |
|
|
|
</div> |
|
|
|
<div class="mb-bo"> |
|
|
|
<div class="mb-left"> |
|
|
|
<div class="mb-text"> |
|
|
|
任务编号：<span>${this.data.number}</span> |
|
|
|
物料号：<div>${item.itemCode}</div> |
|
|
|
</div> |
|
|
|
<div class="mb-text"> |
|
|
|
创建人：<span>${this.data.creator}</span> |
|
|
|
托包装号：<div>${item.packingNumber}</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="mb-right"> |
|
|
|
<div class="mb-text"> |
|
|
|
创建时间：<span>${this.formatDate(this.data.createTime)}</span> |
|
|
|
数量：<div>${item.packQty}个</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<table style="margin-top: 20rpx;" style='border-collapse: collapse;'> |
|
|
|
<tr> |
|
|
|
<th>物品代码</th> |
|
|
|
<th>物品描述</th> |
|
|
|
<th>批次</th> |
|
|
|
<th>包装号</th> |
|
|
|
<th>包装规格</th> |
|
|
|
<th>数量</th> |
|
|
|
<th>计量单位</th> |
|
|
|
<tr> |
|
|
|
tableTrTd |
|
|
|
</table> |
|
|
|
<div> |
|
|
|
` |
|
|
|
let str1 = '' |
|
|
|
this.data.sublist.forEach((cur, key) => { |
|
|
|
str1 += ` |
|
|
|
<tr> |
|
|
|
<td>${cur.itemCode}</td> |
|
|
|
<td>${cur.itemDesc1}</td> |
|
|
|
<td>${cur.batch}</td> |
|
|
|
<td>${cur.packingNumber}</td> |
|
|
|
<td>${cur.packUnit}</td> |
|
|
|
<td>${cur.qty}</td> |
|
|
|
<td>${cur.uom}</td> |
|
|
|
</tr> |
|
|
|
` |
|
|
|
}) |
|
|
|
str = str.replace('tableTrTd', str1) |
|
|
|
// }) |
|
|
|
this.newHtmlContent = this.newHtmlContent.replace('mainBody', str) // 替换物品代码 |
|
|
|
}) |
|
|
|
}) |
|
|
|
@ -235,7 +219,7 @@ export default { |
|
|
|
.box { |
|
|
|
font-size: 26rpx; |
|
|
|
/* display: flex; */ |
|
|
|
padding: 20rpx; |
|
|
|
/* padding: 20rpx; */ |
|
|
|
border: 1px solid #dedede; |
|
|
|
} |
|
|
|
|
|
|
|
@ -292,25 +276,46 @@ export default { |
|
|
|
|
|
|
|
.mb-kw { |
|
|
|
border-bottom: 1px solid #dedede; |
|
|
|
padding-bottom: 20rpx; |
|
|
|
padding: 20rpx; |
|
|
|
font-size: 30rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.mb-kw text { |
|
|
|
.mb-kw view { |
|
|
|
font-weight: bold; |
|
|
|
font-size: 46rpx; |
|
|
|
text-align: center; |
|
|
|
} |
|
|
|
.mb-bo { |
|
|
|
display: flex; |
|
|
|
} |
|
|
|
.mb-bo .mb-left { |
|
|
|
flex: 1; |
|
|
|
} |
|
|
|
.mb-bo .mb-left .mb-text { |
|
|
|
padding: 20rpx; |
|
|
|
} |
|
|
|
.mb-bo .mb-left .mb-text:nth-child(1) { |
|
|
|
border-bottom: 1px solid #dedede; |
|
|
|
} |
|
|
|
.mb-bo .mb-left .mb-text view { |
|
|
|
font-weight: bold; |
|
|
|
font-size: 32rpx; |
|
|
|
text-align: center; |
|
|
|
} |
|
|
|
|
|
|
|
.mb-text { |
|
|
|
margin-top: 10rpx; |
|
|
|
.mb-bo .mb-right { |
|
|
|
padding: 20rpx; |
|
|
|
width: 260rpx; |
|
|
|
border-left: 1px solid #dedede; |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
} |
|
|
|
|
|
|
|
::v-deep .u-th { |
|
|
|
font-size: 24rpx !important; |
|
|
|
.mb-bo .mb-right .mb-text { |
|
|
|
width: 100%; |
|
|
|
} |
|
|
|
|
|
|
|
::v-deep .u-td { |
|
|
|
height: auto !important; |
|
|
|
font-size: 24rpx !important; |
|
|
|
word-break: break-all; |
|
|
|
.mb-bo .mb-right .mb-text view { |
|
|
|
font-weight: bold; |
|
|
|
font-size: 40rpx; |
|
|
|
text-align: center; |
|
|
|
width: 100%; |
|
|
|
} |
|
|
|
</style> |
|
|
|
|
