|
|
@ -1,58 +1,63 @@ |
|
|
|
<template> |
|
|
|
<view class="" style="width: 100%; background-color: #fff; border-radius: 10rpx;"> |
|
|
|
|
|
|
|
|
|
|
|
<view class="uni-flex uni-row space-between" style="align-items: center;"> |
|
|
|
<view> |
|
|
|
<pack v-if="dataContent.parentNumber" title="父包装" :packingCode="dataContent.parentNumber"></pack> |
|
|
|
<pack v-if=" dataContent.packingNumber" :packingCode="dataContent.packingNumber"></pack> |
|
|
|
<batch v-if="isShowBatch && dataContent.batch" :batch="dataContent.batch"></batch> |
|
|
|
<location :locationCode="dataContent.locationCode"></location> |
|
|
|
<view class="" v-if="dataContent.warehouseCode" |
|
|
|
style="font-size: 32rpx; margin-left: 15rpx ; padding-bottom: 10rpx; font-weight: bold;"> |
|
|
|
<text style="">仓库</text> |
|
|
|
{{dataContent.warehouseCode}} |
|
|
|
<pack v-if="isShowPack" :packingCode="dataContent.packingNumber"></pack> |
|
|
|
<batch :batch="dataContent.batch"></batch> |
|
|
|
<location :locationCode="dataContent.locationCode"></location> |
|
|
|
<view class="" v-if="isShowWarehouseCode" |
|
|
|
style=" margin-left: 5rpx ;margin-top: 5rpx; "> |
|
|
|
<text style="padding: 5px;font-size: 30rpx; color:#1DA4CF">仓库</text> |
|
|
|
<text style="font-size: 35rpx; font-weight: bold;">{{dataContent.warehouseCode}}</text> |
|
|
|
</view> |
|
|
|
<view class="" v-if="dataContent.jobNumber" |
|
|
|
style="font-size: 32rpx; padding-left: 10rpx ; padding-bottom: 10rpx;"> |
|
|
|
<text style="color: coral; ">任务号</text> |
|
|
|
{{dataContent.jobNumber}} |
|
|
|
|
|
|
|
<view class="" v-if="isShowJobNumber" style="margin-left: 5rpx; margin-top: 5rpx;"> |
|
|
|
<text style="color: coral;padding: 5px;font-size: 30rpx;">任务号 </text> |
|
|
|
<text style="font-size: 35rpx; font-weight: bold;">{{dataContent.jobNumber}}</text> |
|
|
|
</view> |
|
|
|
<view class="" v-if="dataContent.businessType" |
|
|
|
style="font-size: 32rpx; padding-left: 10rpx ; padding-bottom: 10rpx;"> |
|
|
|
<text style="color:green; ">业务类型 </text> |
|
|
|
<text v-if="hasChinese(dataContent.businessType)">{{dataContent.businessType}}</text> |
|
|
|
<text v-else> {{businessTypeDesc(dataContent.businessType)}}</text> |
|
|
|
|
|
|
|
<view class="" v-if="isShowBusinessType" style="margin-left: 5rpx;margin-top: 5rpx;"> |
|
|
|
<text style="color: green;padding: 5px;font-size: 30rpx;">业务类型 </text> |
|
|
|
<text style="font-size: 35rpx; font-weight: bold;" v-if="dataContent.businessType&&hasChinese(dataContent.businessType)">{{dataContent.businessType}}</text> |
|
|
|
<text style="font-size: 35rpx; font-weight: bold;" v-if="dataContent.businessType&&!hasChinese(dataContent.businessType)"> {{businessTypeDesc(dataContent.businessType)}}</text> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="uni-flex" style="flex-direction: column;"> |
|
|
|
<view class="uni-flex uni-row center"> |
|
|
|
<qty :dataContent="dataContent" |
|
|
|
:isShowStdPack="isShowStdPack" :isShowStatus="true"></qty> |
|
|
|
<qty :dataContent="dataContent" :isShowStdPack="isShowStdPack" :isShowStatus="true"></qty> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
</view> |
|
|
|
<view v-if="dataContent.transactionType" class="" style="margin-left: 10rpx; font-size: 32rpx;"> |
|
|
|
事务类型:{{dataContent.transactionType}} |
|
|
|
<view class="" v-if="isShowTransactionType" style="margin-left: 5rpx;margin-top: 5rpx; "> |
|
|
|
<text style="padding: 5px;font-size: 30rpx;color: #5383B3; ">事务类型 </text> |
|
|
|
<text style="font-size: 35rpx; font-weight: bold;">{{dataContent.transactionType}}</text> |
|
|
|
</view> |
|
|
|
<view v-if="dataContent.inventoryAction" class="" style="margin-left: 10rpx; font-size: 32rpx;"> |
|
|
|
库存动作:{{inventoryActionName(dataContent.inventoryAction)}} |
|
|
|
<view class="" v-if="isShowInventoryAction" style="margin-left: 5rpx;margin-top: 5rpx; "> |
|
|
|
<text style="padding: 5px;font-size: 30rpx; color: #B69863">库存动作 </text> |
|
|
|
<text style="font-size: 35rpx; font-weight: bold;">{{inventoryActionName(dataContent.inventoryAction)}}</text> |
|
|
|
</view> |
|
|
|
<view v-if="dataContent.recordNumber" class="" style="margin-left: 10rpx; font-size: 32rpx;"> |
|
|
|
业务记录号:{{dataContent.recordNumber}} |
|
|
|
|
|
|
|
<view class="" v-if="isShowRecordNumber" style="margin-left: 5rpx; margin-top: 5rpx;"> |
|
|
|
<text style="padding: 5px;font-size: 30rpx;color: #B73681;">业务记录号 </text> |
|
|
|
<text style="font-size: 35rpx; font-weight: bold;">{{dataContent.recordNumber}}</text> |
|
|
|
</view> |
|
|
|
<view v-if="dataContent.number" class="" style="margin-left: 10rpx; font-size: 32rpx;"> |
|
|
|
事务号:{{dataContent.number}} |
|
|
|
|
|
|
|
<view class="" v-if="isShowNumber" style="margin-left: 5rpx; margin-top: 5rpx;"> |
|
|
|
<text style="padding: 5px;font-size: 30rpx; color: #5B61C1;">事务号 </text> |
|
|
|
<text style="font-size: 35rpx; font-weight: bold;">{{dataContent.number}}</text> |
|
|
|
</view> |
|
|
|
<view v-if="dataContent.worker" class="" style="margin-left: 10rpx; font-size: 32rpx;"> |
|
|
|
操作人:{{dataContent.worker}} |
|
|
|
|
|
|
|
<view class="" v-if="isShowWorker" style="margin-left: 5rpx; margin-top: 5rpx;"> |
|
|
|
<text style="padding: 5px;font-size: 30rpx;color: #ED77D9;">操作人 </text> |
|
|
|
<text style="font-size: 35rpx; font-weight: bold;">{{dataContent.worker}}</text> |
|
|
|
</view> |
|
|
|
<view class="" style="margin-left: 10rpx; font-size: 32rpx;"> |
|
|
|
创建时间:{{dateFormat(dataContent.createTime)}} |
|
|
|
<view class="" style="margin-left: 5rpx; margin-top: 5rpx;"> |
|
|
|
<text style="padding: 5px;font-size: 30rpx;color:#569FE6">创建时间 </text> |
|
|
|
<text v-if="dataContent.createTime" style="font-size: 35rpx; font-weight: bold;">{{dateFormat(dataContent.createTime)}}</text> |
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</view> |
|
|
|
</template> |
|
|
@ -109,22 +114,57 @@ |
|
|
|
type: Boolean, |
|
|
|
default: true |
|
|
|
}, |
|
|
|
isShowWarehouseCode: { |
|
|
|
type: Boolean, |
|
|
|
default: false |
|
|
|
}, |
|
|
|
isShowJobNumber: { |
|
|
|
type: Boolean, |
|
|
|
default: false |
|
|
|
}, |
|
|
|
isShowBusinessType: { |
|
|
|
type: Boolean, |
|
|
|
default: false |
|
|
|
}, |
|
|
|
isShowTransactionType: { |
|
|
|
type: Boolean, |
|
|
|
default: false |
|
|
|
}, |
|
|
|
isShowRecordNumber: { |
|
|
|
type: Boolean, |
|
|
|
default: false |
|
|
|
}, |
|
|
|
isShowNumber: { |
|
|
|
type: Boolean, |
|
|
|
default: false |
|
|
|
}, |
|
|
|
isShowWorker: { |
|
|
|
type: Boolean, |
|
|
|
default: false |
|
|
|
}, |
|
|
|
isShowInventoryAction: { |
|
|
|
type: Boolean, |
|
|
|
default: false |
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
methods: { |
|
|
|
businessTypeDesc(type){ |
|
|
|
businessTypeDesc(type) { |
|
|
|
return getBusinessTypeName(type) |
|
|
|
}, |
|
|
|
dateFormat(times){ |
|
|
|
dateFormat(times) { |
|
|
|
return dateFormat(times) |
|
|
|
}, |
|
|
|
hasChinese(str){ |
|
|
|
var reg = /[\u4e00-\u9fa5]/g; |
|
|
|
return reg.test(str); |
|
|
|
hasChinese(str) { |
|
|
|
var reg = /[\u4e00-\u9fa5]/g; |
|
|
|
return reg.test(str); |
|
|
|
}, |
|
|
|
|
|
|
|
inventoryActionName(value){ |
|
|
|
return value=="IN"?"入库":"出库" |
|
|
|
|
|
|
|
inventoryActionName(value) { |
|
|
|
return value == "IN" ? "入库" : "出库" |
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|