11 changed files with 244 additions and 73 deletions
@ -0,0 +1,127 @@ |
|||||
|
<template> |
||||
|
<view class="container"> |
||||
|
<uni-popup ref="popup" :maskClick="true"> |
||||
|
<view class="" style="align-items: center;background-color: #fff; border-radius: 15rpx; margin: 20rpx;"> |
||||
|
<view class="uni-center popup-content" |
||||
|
style="font-weight: bold; font-size: 40rpx;padding-top: 20rpx; padding-bottom: 20rpx;"> |
||||
|
{{title}} |
||||
|
</view> |
||||
|
<view class="" style="background-color: black; height: 1rpx; "> |
||||
|
|
||||
|
</view> |
||||
|
<scroll-view scroll-y="" |
||||
|
style="background-color: #fff; align-items: center; border-radius: 10rpx; height: 600rpx; width: 100%"> |
||||
|
<view class="uni-flex " style="flex-direction: column; " v-for="(item,index) in dataList" :key="index"> |
||||
|
<view class="uni-flex " style="font-size: 38rpx; padding: 25rpx; flex-direction: row;" > |
||||
|
<view class="" style="font-size: 32rpx; font-weight: bold;"> |
||||
|
({{index+1}}). |
||||
|
</view> |
||||
|
<view class="" style="font-size: 32rpx;"> |
||||
|
<view class="" > |
||||
|
<text >ERP料号 :</text> |
||||
|
<text style="font-size: 32rpx; font-weight: bold;">{{item.itemCode}}</text> |
||||
|
|
||||
|
</view> |
||||
|
<view class=""> |
||||
|
<text >物料名称 : </text> |
||||
|
<text style="font-size: 32rpx; font-weight: bold;">{{item.itemName}}</text> |
||||
|
</view> |
||||
|
<view class=""> |
||||
|
<text >料号描述 : </text> |
||||
|
<text style="font-size: 32rpx; font-weight: bold;">{{item.itemDesc1}}</text> |
||||
|
</view> |
||||
|
<view class="" > |
||||
|
<text >箱码 : </text> |
||||
|
<text style="font-size: 32rpx; font-weight: bold;">{{item.packingCode}}</text> |
||||
|
</view> |
||||
|
<view class="" > |
||||
|
<text >批次 : </text> |
||||
|
<text style="font-size: 32rpx; font-weight: bold;">{{item.lot}}</text> |
||||
|
</view> |
||||
|
<view class="" > |
||||
|
<text >ERP储位 : </text> |
||||
|
<text style="font-size: 32rpx; font-weight: bold;">{{item.locationErpCode}}</text> |
||||
|
</view> |
||||
|
<view class="" > |
||||
|
<text >库位 : </text> |
||||
|
<text style="font-size: 32rpx; font-weight: bold;">{{item.locationCode}}</text> |
||||
|
</view> |
||||
|
<view class=""> |
||||
|
<text >数量 : </text> |
||||
|
<text style="font-size: 32rpx; font-weight: bold;">{{item.qty}}</text> |
||||
|
</view> |
||||
|
<view class=""> |
||||
|
<text >单位 : </text> |
||||
|
<text style="font-size: 32rpx; font-weight: bold;">{{item.uom}}</text> |
||||
|
</view> |
||||
|
</view> |
||||
|
|
||||
|
</view> |
||||
|
<u-line></u-line> |
||||
|
</view> |
||||
|
|
||||
|
</scroll-view> |
||||
|
|
||||
|
</view> |
||||
|
|
||||
|
</uni-popup> |
||||
|
|
||||
|
</view> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
export default { |
||||
|
props: { |
||||
|
title: { |
||||
|
type: String, |
||||
|
default: "" |
||||
|
}, |
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
dataList: [], |
||||
|
|
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
|
||||
|
methods: { |
||||
|
openScanPopup(list) { |
||||
|
this.dataList = list; |
||||
|
this.$refs.popup.open('center') |
||||
|
}, |
||||
|
closeScanPopup() { |
||||
|
this.$refs.popup.close() |
||||
|
}, |
||||
|
select(item) { |
||||
|
this.closeScanPopup(); |
||||
|
this.$emit("select", item) |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
|
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style> |
||||
|
.popup_box { |
||||
|
justify-content: center; |
||||
|
width: 100%; |
||||
|
margin-right: 50rpx; |
||||
|
padding-right: 50rpx; |
||||
|
height: 500rpx; |
||||
|
margin: 0 auto; |
||||
|
} |
||||
|
.container { |
||||
|
display: flex; |
||||
|
justify-content: center; |
||||
|
align-items: center; |
||||
|
height: 100%; /* 需要确保父容器有足够的高度 */ |
||||
|
} |
||||
|
.popup-content { |
||||
|
display: flex; |
||||
|
justify-content: center; |
||||
|
align-items: center; |
||||
|
/* 其他样式 */ |
||||
|
} |
||||
|
</style> |
Loading…
Reference in new issue