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.
175 lines
5.3 KiB
175 lines
5.3 KiB
<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="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="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="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>
|
|
</view>
|
|
</view>
|
|
|
|
</view>
|
|
<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 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 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 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 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: 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>
|
|
|
|
<script>
|
|
import itemQty from '@/mycomponents/item/itemQty.vue'
|
|
import item from '@/mycomponents/item/item.vue'
|
|
import pack from '@/mycomponents/balance/pack.vue'
|
|
import batch from '@/mycomponents/balance/batch.vue'
|
|
import qty from '@/mycomponents/qty/qty.vue'
|
|
import status from '@/mycomponents/status/status.vue'
|
|
import location from '@/mycomponents/balance/location.vue'
|
|
import {
|
|
getBusinessTypeName,
|
|
} from '@/common/directory.js';
|
|
import {
|
|
dateFormat
|
|
} from '@/common/basic.js';
|
|
export default {
|
|
components: {
|
|
itemQty,
|
|
item,
|
|
pack,
|
|
batch,
|
|
qty,
|
|
status,
|
|
location
|
|
},
|
|
data() {
|
|
return {
|
|
|
|
|
|
|
|
};
|
|
},
|
|
props: {
|
|
dataContent: {
|
|
type: Object,
|
|
default: null,
|
|
},
|
|
isShowPack: {
|
|
type: Boolean,
|
|
default: true
|
|
},
|
|
isShowBatch: {
|
|
type: Boolean,
|
|
default: true
|
|
},
|
|
isShowLocation: {
|
|
type: Boolean,
|
|
default: true
|
|
},
|
|
isShowStdPack: {
|
|
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) {
|
|
return getBusinessTypeName(type)
|
|
},
|
|
dateFormat(times) {
|
|
return dateFormat(times)
|
|
},
|
|
hasChinese(str) {
|
|
var reg = /[\u4e00-\u9fa5]/g;
|
|
return reg.test(str);
|
|
},
|
|
|
|
inventoryActionName(value) {
|
|
return value == "IN" ? "入库" : "出库"
|
|
}
|
|
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
</style>
|