23 changed files with 400 additions and 325 deletions
@ -0,0 +1,31 @@ |
|||||
|
<template> |
||||
|
<view class="card_view "> |
||||
|
<text class="card_to_location card_content ">{{title}}</text> |
||||
|
<text class="card_content ">{{locationCode}}</text> |
||||
|
</view> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
export default { |
||||
|
components: { |
||||
|
}, |
||||
|
data() { |
||||
|
return {} |
||||
|
}, |
||||
|
props: { |
||||
|
locationCode: { |
||||
|
type: String, |
||||
|
default: '' |
||||
|
}, |
||||
|
title: { |
||||
|
type: String, |
||||
|
default: '库位' |
||||
|
}, |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style> |
||||
|
</style> |
||||
@ -0,0 +1,67 @@ |
|||||
|
<template> |
||||
|
<view> |
||||
|
<!-- <view class="item_big_title"> |
||||
|
[明细] |
||||
|
</view> --> |
||||
|
<view class="item"> |
||||
|
<text class="item_title">箱码 : </text> |
||||
|
<text class="text_wrap">{{dataContent.packingNumber}}</text> |
||||
|
</view> |
||||
|
<view class="item"> |
||||
|
<text class="item_title">批次 : </text> |
||||
|
<text class="text_wrap">{{dataContent.batch}}</text> |
||||
|
</view> |
||||
|
<view class="item"> |
||||
|
<text class="item_title">数量 : </text> |
||||
|
<view class="text_wrap"> |
||||
|
<text class="text_wrap">{{Number(dataContent.qty)}}</text> |
||||
|
<text class="text_wrap">{{getUnitInfo(dataContent.uom)}}</text> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class="item"> |
||||
|
<text class="item_title">库存状态 : </text> |
||||
|
<text class="text_wrap">{{getInventoryStatusInfo(dataContent.inventoryStatus)}}</text> |
||||
|
</view> |
||||
|
<view class="item"> |
||||
|
<text class="item_title">来源库位 : </text> |
||||
|
<text class="text_wrap">{{dataContent.fromLocationCode}}</text> |
||||
|
</view> |
||||
|
</view> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { |
||||
|
getInventoryStatusName, |
||||
|
getStdPackUnitInfo, |
||||
|
getUnitInfo |
||||
|
} from '@/common/directory.js'; |
||||
|
export default { |
||||
|
components: {}, |
||||
|
data() { |
||||
|
return { |
||||
|
|
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
mounted() {}, |
||||
|
props: { |
||||
|
dataContent: { |
||||
|
type: Object, |
||||
|
default: {} |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
methods: { |
||||
|
getInventoryStatusInfo(value) { |
||||
|
return getInventoryStatusName(value) |
||||
|
}, |
||||
|
getUnitInfo(value){ |
||||
|
return getUnitInfo(value).label |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style> |
||||
|
|
||||
|
</style> |
||||
@ -0,0 +1,65 @@ |
|||||
|
<template> |
||||
|
<view> |
||||
|
<view class="item"> |
||||
|
<text class="item_title">供应商代码 : </text> |
||||
|
<text class="text_wrap">{{dataContent.supplierCode}}</text> |
||||
|
</view> |
||||
|
<view class="item"> |
||||
|
<text class="item_title">采购订单 : </text> |
||||
|
<text class="text_wrap">{{dataContent.asnNumber}}</text> |
||||
|
</view> |
||||
|
<view class="item"> |
||||
|
<text class="item_title">订单行 : </text> |
||||
|
<text class="text_wrap">{{dataContent.poNumber}}</text> |
||||
|
</view> |
||||
|
<view class="item"> |
||||
|
<text class="item_title">订单行 : </text> |
||||
|
<view class="text_wrap"> |
||||
|
<text class="text_wrap">{{dataContent.poLine}}</text> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class="item"> |
||||
|
<text class="item_title">标包 : </text> |
||||
|
<view class="text_wrap"> |
||||
|
<text class="text_wrap">{{dataContent.stdPackQty}}{{dataContent.stdPackUnit}}</text> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { |
||||
|
getInventoryStatusName, |
||||
|
getStdPackUnitInfo, |
||||
|
getUnitInfo |
||||
|
} from '@/common/directory.js'; |
||||
|
export default { |
||||
|
components: {}, |
||||
|
data() { |
||||
|
return { |
||||
|
|
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
mounted() {}, |
||||
|
props: { |
||||
|
dataContent: { |
||||
|
type: Object, |
||||
|
default: {} |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
methods: { |
||||
|
getInventoryStatusInfo(value) { |
||||
|
return getInventoryStatusName(value) |
||||
|
}, |
||||
|
getUnitInfo(value){ |
||||
|
return getUnitInfo(value).label |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style> |
||||
|
|
||||
|
</style> |
||||
@ -1,77 +1,69 @@ |
|||||
<template> |
<template> |
||||
<view class=""> |
<uni-popup ref="popup"> |
||||
<uni-popup ref="popup"> |
<view class="pop_detail" style="height:80%"> |
||||
<recordDetailCommonInfo :dataContent='dataContent'></recordDetailCommonInfo> |
<com-item :dataContent="dataContent"></com-item> |
||||
</uni-popup> |
<u-line></u-line> |
||||
</view> |
<scroll-view style="height:320px "> |
||||
|
<!-- 物品 --> |
||||
|
<detail-item-info :dataContent="dataContent"></detail-item-info> |
||||
|
<u-line></u-line> |
||||
|
<!-- 库存余额 --> |
||||
|
<detail-balance-info :dataContent="dataContent"></detail-balance-info> |
||||
|
<u-line></u-line> |
||||
|
<!-- 包装 --> |
||||
|
<detail-package-info :dataContent="dataContent.package"></detail-package-info> |
||||
|
</scroll-view> |
||||
|
|
||||
|
<view class="uni-flex u-row-center "> |
||||
|
<view class="close_button" @click="closePopup"> |
||||
|
关闭</view> |
||||
|
<!-- button 滚动不好使 --> |
||||
|
</view> |
||||
|
</view> |
||||
|
</uni-popup> |
||||
</template> |
</template> |
||||
|
|
||||
<script> |
<script> |
||||
import { |
import comItem from '@/mycomponents/item/item.vue' |
||||
getInventoryStatusName, |
import detailItemInfo from '@/mycomponents/detail/detailItemInfo.vue' |
||||
getStdPackUnitInfo |
import detailPackageInfo from '@/mycomponents/detail/detailPackageInfo.vue' |
||||
} from '@/common/directory.js'; |
import detailBalanceInfo from '@/mycomponents/detail/detailBalanceInfo.vue' |
||||
|
|
||||
import recordDetailCommonInfo from '@/mycomponents/detail/recordDetailCommonInfo.vue' |
|
||||
export default { |
export default { |
||||
|
emits: ['onClose'], |
||||
components: { |
components: { |
||||
recordDetailCommonInfo |
comItem, |
||||
|
detailItemInfo, |
||||
|
detailPackageInfo, |
||||
|
detailBalanceInfo |
||||
}, |
}, |
||||
data() { |
data() { |
||||
return { |
return { |
||||
dataContent: {} |
dataContent: { |
||||
|
type: Object, |
||||
|
default: {} |
||||
|
} |
||||
} |
} |
||||
}, |
}, |
||||
|
|
||||
|
mounted() {}, |
||||
props: { |
props: { |
||||
title: { |
|
||||
type: String, |
|
||||
default: "" |
|
||||
}, |
|
||||
|
|
||||
}, |
}, |
||||
|
|
||||
methods: { |
methods: { |
||||
openScanPopup(val) { |
openPopup(val) { |
||||
this.dataContent = val; |
this.dataContent = val; |
||||
this.$refs.popup.open('bottom') |
this.$refs.popup.open('bottom') |
||||
}, |
}, |
||||
closeScanPopup() { |
closePopup() { |
||||
this.$refs.popup.close() |
this.$refs.popup.close() |
||||
}, |
}, |
||||
getInventoryStatusInfo(value) { |
|
||||
return getInventoryStatusName(value).label |
|
||||
}, |
|
||||
getStdPackUnit(uom) { |
|
||||
let item = getStdPackUnitInfo(uom); |
|
||||
if (item == '') { |
|
||||
return uom; |
|
||||
} else { |
|
||||
return item.label |
|
||||
} |
|
||||
} |
|
||||
} |
} |
||||
} |
} |
||||
</script> |
</script> |
||||
|
|
||||
<style> |
<style> |
||||
.popup_box { |
|
||||
width: 500rpx; |
|
||||
height: 500rpx; |
|
||||
} |
|
||||
|
|
||||
.item_big_title { |
|
||||
color: #2196F3; |
|
||||
font-size: 35rpx; |
|
||||
margin-top: 15rpx; |
|
||||
margin-bottom: 15rpx; |
|
||||
} |
|
||||
|
|
||||
.item { |
|
||||
padding-top: 5rpx; |
|
||||
padding-bottom: 5rpx; |
|
||||
} |
|
||||
|
|
||||
.item_title { |
|
||||
color: #000000; |
|
||||
font-size: 32rpx; |
|
||||
} |
|
||||
</style> |
</style> |
||||
|
|||||
Loading…
Reference in new issue