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