WZC2/fe/PDA/mycomponents/popup/recommendList.vue

<template>
	<view class="container">
		<u-popup ref="popup"  v-model="showPopup" border-radius="15" style="width: 100%;"   mode="center">
			<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="" v-if="item.recommendPackingCode">
										<text >箱码 : </text>
										 <text style="font-size: 32rpx; font-weight: bold;">{{item.recommendPackingCode}}</text>
									</view>
									<view class="" v-if="item.recommendLot">
										<text >批次 : </text>
										 <text style="font-size: 32rpx; font-weight: bold;">{{item.recommendLot}}</text>
									</view>
									<view class="" >
										<text >ERP储位 : </text>
										 <text style="font-size: 32rpx; font-weight: bold;">{{item.recommendFromLocationErpCode}}</text>
									</view>
									<view class="" >
										<text >库位 : </text>
										 <text style="font-size: 32rpx; font-weight: bold;">{{item.recommendFromLocationCode}}</text>
									</view>
									<view class="">
										<text >数量 : </text>
										 <text style="font-size: 32rpx; font-weight: bold;">{{item.recommendQty}}</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>

		</u-popup>

	</view>
</template>

<script>
	export default {
		props: {
			title: {
				type: String,
				default: ""
			},
		},
		data() {
			return {
				dataList: [],
				showPopup:false

			}
		},


		methods: {
			openScanPopup(list) {
				this.dataList = list;
				this.showPopup=true
			},
			closeScanPopup() {
				this.showPopup=false
			},
			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>