浏览代码

Merge branch 'develop_szhj07' of http://git.chelingzhu.com/jianguan-web/qpls-md-app into develop_szhj07

lilei 2 年之前
父节点
当前提交
0822fd3c3c
共有 2 个文件被更改,包括 639 次插入138 次删除
  1. 267 138
      pages/shuntBackManage/addBackOrder.vue
  2. 372 0
      pages/shuntBackManage/detailModal.vue

+ 267 - 138
pages/shuntBackManage/addBackOrder.vue

@@ -3,8 +3,8 @@
 		<view class="header_box">
 		<view class="header_box">
 			<view class="headerName u-flex">
 			<view class="headerName u-flex">
 				<text class="barBox"></text>
 				<text class="barBox"></text>
-				<view class="shelfName u-line-1">{{shelfName}}对方的观点和个人就一个人国服日服固定板</view>
-				<view class="screeningBox"  @click="sortShow = true">
+				<view class="shelfName u-line-1">{{ shelfName }}对方的观点和个人就一个人国服日服固定板</view>
+				<view class="screeningBox" @click="chooseShow = true">
 					<text>滞销天数</text>
 					<text>滞销天数</text>
 					<u-icon color="#666666" size="36" name="shaixuan" custom-prefix="iscm-icon"></u-icon>
 					<u-icon color="#666666" size="36" name="shaixuan" custom-prefix="iscm-icon"></u-icon>
 				</view>
 				</view>
@@ -23,31 +23,116 @@
 						:show-action="false"
 						:show-action="false"
 					></u-search>
 					></u-search>
 				</view>
 				</view>
-				<view class="searchBox_r">
-					<u-icon color="#666666" size="40" name="saomiao" custom-prefix="iscm-icon"></u-icon>
+				<view class="searchBox_r"><u-icon color="#666666" size="40" name="saomiao" custom-prefix="iscm-icon"></u-icon></view>
+			</view>
+		</view>
+		<view class="backOrderCon">
+			<scroll-view scroll-y class="scroll-view">
+					<view class="partList-list-box">
+						<view class="product flex align_center">
+							<view class="checkbox"><u-checkbox v-model="checked" name="A" @change="checkChange" size="40" shape="circle"></u-checkbox></view>
+							<view class="flex align_center flex_1">
+								<view class="pimgs">
+									<u-image src="`../../static/${$config('themePath')}/def_img@2x.png`" width="128" height="128" border-radius="10"></u-image>
+								</view>
+								<view class="pinfo">
+									<view class="pname">
+										<text>A01</text>
+										JQ-21026E
+									</view>
+									<view class="productName u-line-1">
+										名i嘻嘻嘻嘻嘻嘻
+									</view>
+									<view class="ptxt flex align_center">
+										<view>
+											最大库容
+											<text class="pnums">100</text>
+										</view>
+										<view>
+											/货架库存
+											<text class="pnums">20</text>
+										</view>
+										<view>
+											/滞销
+											<text class="pnums">12个月23天</text>
+										</view>
+									</view>
+								</view>
+							</view>
+						</view>
+						<view class="ptools flex align_center justify_between">
+							<view class="ptools_l u-flex">
+								<view>
+									补货在途
+									<text class="pnums">1</text>
+								</view>
+								<view>
+									/调回在途
+									<text class="pnums">2</text>
+								</view>
+							</view>
+							<view class="pcurnums flex align_center">
+								<text>调回数量</text>
+								<view class="u-ninput"><u-number-box color="#000" :input-height="60" bg-color="#fff" v-model="shifa" :min="0" :max="10"></u-number-box></view>
+							</view>
+						</view>
+					</view>
+				<!-- <u-empty :src="`/static/${$config('themePath')}/def_no_data@3x.png`" icon-size="240" :text="noDataText" img-width="120" v-if="list.length==0 && status!='loading'" mode="list"></u-empty> -->
+			</scroll-view>
+		</view>
+		<view class="backOrderFooter u-flex">
+			<view class="checkBox">
+				<u-checkbox-group><u-checkbox label-size="24" icon-size="26" v-model="allChecked" shape="circle">全选</u-checkbox></u-checkbox-group>
+			</view>
+			<view class="footerBox u-flex u-row-between">
+				<view class="footerBox_m u-flex">
+					<view class="middle_l">
+						已选
+						<text>2</text>
+						款/
+						<text>15</text>
+						件
+					</view>
+					<view class="middle_r" @click="detailFlag=true">
+						<text>查看明细</text>
+						<u-icon name="arrow-up" color="#999" size="28"></u-icon>
+					</view>
 				</view>
 				</view>
+				<view class="footerBox_r"><u-button type="primary" shape="circle">新增调回单</u-button></view>
 			</view>
 			</view>
 		</view>
 		</view>
-		
 		<!-- 排序弹窗 -->
 		<!-- 排序弹窗 -->
-		<u-popup v-model="sortShow" mode="right" width="60%">
-			<view class="sortPopup">
-				<view class="sortList" v-for="(item, i) in sortList" :key="i" :class="isSortFlag == i ? 'sortChecked' : ''" @click="chooseSort(i)">{{ item.name }}</view>
+		<u-popup v-model="chooseShow" mode="right" width="60%">
+			<view class="choosePopup">
+				<view class="chooseTit">滞销天数</view>
+				<view class="chooseDay u-flex">
+					<u-input v-model="startDay" input-align="center" placeholder="起始天数" type="number" />
+					<text>至</text>
+					<u-input v-model="endDay" input-align="center" placeholder="截止天数" type="number" />
+				</view>
 				<view class="butBox u-flex">
 				<view class="butBox u-flex">
-					<!-- <u-button hover-class="none" shape="circle" size="medium" @click="reset">重置</u-button> -->
-					<!-- <u-button hover-class="none" :custom-style="customBtnStyle"  size="medium"  shape="circle"  @click="handelSort">确定</u-button> -->
+					<u-button hover-class="none" shape="circle" size="medium" @click="reset">重置</u-button>
+					<u-button hover-class="none" :custom-style="customBtnStyle" size="medium" shape="circle" @click="handelSort">查询</u-button>
 				</view>
 				</view>
 			</view>
 			</view>
 		</u-popup>
 		</u-popup>
+		<!-- 查看明细弹窗 -->
+		<detailModal :detailShow="detailFlag"  @close="detailFlag=false"></detailModal>
 	</view>
 	</view>
 </template>
 </template>
 
 
 <script>
 <script>
 import { reportPage } from '@/api/vinLog';
 import { reportPage } from '@/api/vinLog';
+import detailModal from './detailModal'
 export default {
 export default {
+	components: {
+		detailModal
+	},
 	data() {
 	data() {
 		return {
 		return {
-			sortShow: false,
+			detailFlag:false,
+			chooseShow: false,
+			checked: true,
 			keyword: '',
 			keyword: '',
 			sortList: [
 			sortList: [
 				{
 				{
@@ -73,12 +158,16 @@ export default {
 			status: 'loading',
 			status: 'loading',
 			totalNum: 0,
 			totalNum: 0,
 			total: 0,
 			total: 0,
-			theme:'',
-			customBtnStyle: {  //  自定义按钮样式
+			theme: '',
+			customBtnStyle: {
+				//  自定义按钮样式
 				borderColor: this.$config('primaryColor'),
 				borderColor: this.$config('primaryColor'),
 				backgroundColor: this.$config('primaryColor'),
 				backgroundColor: this.$config('primaryColor'),
 				color: '#fff'
 				color: '#fff'
 			},
 			},
+			startDay: null,
+			endDay: null,
+			allChecked: false
 		};
 		};
 	},
 	},
 	onLoad(options) {
 	onLoad(options) {
@@ -99,6 +188,7 @@ export default {
 			return true;
 			return true;
 		}
 		}
 	},
 	},
+
 	methods: {
 	methods: {
 		// 获取数字货架列表
 		// 获取数字货架列表
 		loadData(params) {
 		loadData(params) {
@@ -168,7 +258,6 @@ export default {
 		clearSearch() {
 		clearSearch() {
 			this.keyword = '';
 			this.keyword = '';
 			this.reset();
 			this.reset();
-			
 		},
 		},
 		handelSort() {
 		handelSort() {
 			this.pageNo = 1;
 			this.pageNo = 1;
@@ -180,9 +269,9 @@ export default {
 			if (this.keyword) {
 			if (this.keyword) {
 				var reg = new RegExp('[\\u4E00-\\u9FFF]+', 'g');
 				var reg = new RegExp('[\\u4E00-\\u9FFF]+', 'g');
 				if (reg.test(this.keyword)) {
 				if (reg.test(this.keyword)) {
-					ajaxData.productName=this.keyword.trim();
-				}else{
-					ajaxData.productCode=this.keyword.trim();
+					ajaxData.productName = this.keyword.trim();
+				} else {
+					ajaxData.productCode = this.keyword.trim();
 				}
 				}
 			}
 			}
 			if (this.isSortFlag == 0) {
 			if (this.isSortFlag == 0) {
@@ -195,35 +284,6 @@ export default {
 			this.sortShow = false;
 			this.sortShow = false;
 			this.loadData(ajaxData);
 			this.loadData(ajaxData);
 		}
 		}
-	},
-	//到底部加载更多
-	onReachBottom() {
-		if (this.list.length < this.totalNum) {
-			this.pageNo += 1;
-			var ajaxData = {
-				shelfSn: this.shelfSn,
-				pageNo: this.pageNo,
-				pageSize: this.pageSize
-			};
-			if (this.keyword) {
-				var reg = new RegExp('[\\u4E00-\\u9FFF]+', 'g');
-				if (reg.test(this.keyword)) {
-					ajaxData.productName=this.keyword.trim();
-				}else{
-					ajaxData.productCode=this.keyword.trim();
-				}
-			}
-			if (this.isSortFlag == 0) {
-				ajaxData.orderBy = 'xvfp.scan_vin_date desc,xp.code asc';
-			} else if (this.isSortFlag == 1) {
-				ajaxData.orderBy = 'xvfp.in_stock_count desc,xp.code asc';
-			} else {
-				ajaxData.orderBy = 'xvfp.not_stock_count desc,xp.code asc';
-			}
-			this.loadData(ajaxData);
-		} else {
-			this.status = 'nomore';
-		}
 	}
 	}
 };
 };
 </script>
 </script>
@@ -233,130 +293,199 @@ export default {
 	background: #ffffff;
 	background: #ffffff;
 	padding: 20rpx;
 	padding: 20rpx;
 	width: 100%;
 	width: 100%;
-	.header_box{
+	height: 100vh;
+	box-sizing: border-box;
+	.header_box {
 		width: 100%;
 		width: 100%;
+		height: 142rpx;
 		padding: 0 20rpx 20rpx;
 		padding: 0 20rpx 20rpx;
-		background-color: #fff;
-	.headerName{
-		padding-bottom: 15rpx;
-		color: #222;
-		font-size: 30rpx;
-		.barBox{
+		.headerName {
+			padding-bottom: 15rpx;
+			color: #222;
+			font-size: 30rpx;
+			.barBox {
 				display: block;
 				display: block;
 				height: 30rpx;
 				height: 30rpx;
 				width: 6rpx;
 				width: 6rpx;
-				background: #0485F6;
+				background: #0485f6;
 				margin-right: 10rpx;
 				margin-right: 10rpx;
 				border-radius: 10rpx;
 				border-radius: 10rpx;
 			}
 			}
-		.shelfName{
-			font-weight: bold;
-			width: calc(100% - 166rpx);
+			.shelfName {
+				font-weight: bold;
+				width: calc(100% - 166rpx);
+			}
+			.screeningBox {
+				font-size: 26rpx;
+				width: 150rpx;
+				text-align: right;
+				text {
+					vertical-align: top;
+				}
+			}
 		}
 		}
-		.screeningBox{
-			font-size: 26rpx;
-			width: 150rpx;
-			text-align: right;
-			text{
-				vertical-align: top;
+		.searchBox {
+			width: 100%;
+			display: flex;
+			align-items: center;
+			padding: 0 20rpx;
+			border: 1rpx solid #e0e0e0;
+			border-radius: 32rpx;
+			box-sizing: border-box;
+			.searchBox_l {
+				width: 93%;
+			}
+			.searchBox_r {
+				width: 7%;
 			}
 			}
 		}
 		}
 	}
 	}
-	.searchBox {
+	.backOrderCon {
 		width: 100%;
 		width: 100%;
-		display: flex;
-		align-items: center;
-		padding:0 20rpx;
-		border: 1rpx solid #e0e0e0;
-		border-radius: 32rpx;
-		box-sizing: border-box;
-		.searchBox_l{
-			width: 93%;
-		}
-		.searchBox_r{
-			width: 7%;
-		}
-	}
-	}
-	.listBox {
-		width: 100%;
-		display: flex;
-		padding: 30rpx 0;
-		border-bottom: 1rpx solid #e0e0e0;
-		.listBox_l {
-			width: 150rpx;
-			height: 150rpx;
-			overflow: hidden;
-			border-radius: 20rpx;
-			margin-right: 20rpx;
-			image {
-				width: 100%;
-				height: 100%;
-			}
-		}
-		.listBox_r {
-			width: calc(100% - 170rpx);
-			.type {
-				color: #222;
-				font-size: 32rpx;
+		height: calc(100vh - 280rpx);
+		.partList-list-box {
+			padding: 10px 0;
+			border-bottom: 2rpx solid #f5f5f5;
+			&:last-child {
+				border: 0;
 			}
 			}
-			.tit {
-				margin: 10rpx 0;
-				overflow: hidden;
-				text-overflow: ellipsis;
-				display: -webkit-box;
-				-webkit-line-clamp: 1;
-				-webkit-box-orient: vertical;
-			}
-			.bot {
-				width: 100%;
-				view {
-					&:first-child {
-						color: #999;
+			.product {
+				flex-grow: 1;
+				.checkbox {
+					width: 60rpx;
+				}
+				.pinfo {
+					flex-grow: 1;
+					padding-left: 20rpx;
+					.pname {
+						font-size: 32rpx;
+						color: #191919;
+						margin-bottom: 10rpx;
 						text {
 						text {
-							color: green;
-							margin: 0 10rpx;
+							font-weight: normal;
+							margin-right: 6rpx;
+							padding: 0 10rpx;
+							background: rgba(3, 54, 146, 0.15);
+							border-radius: 100rpx;
+							color: #033692;
+							font-size: 28rpx;
 						}
 						}
 					}
 					}
-					&:last-child {
+					.productName{
+						width: 90%;
+						font-size: 32rpx;
+						color: #191919;
+						font-weight: bold;
+						margin:10rpx 0;
+					}
+					.pno {
+						background-color: rgba(3, 54, 146, 0.15);
+						border-radius: 50rpx;
+						padding: 0 20rpx;
+						color: #033692;
+						font-size: 24rpx;
+						margin-right: 10rpx;
+					}
+					.ptxt {
+						font-size: 24rpx;
 						color: #999;
 						color: #999;
-						text {
-							color: red;
-							margin: 0 10rpx;
+						.pnums {
+							color: #222;
+							padding: 0 4upx;
 						}
 						}
 					}
 					}
 				}
 				}
 			}
 			}
+			.ptools {
+				margin-top: 30rpx;
+				margin-left: 60rpx;
+				.ptools_l{
+					font-size: 24rpx;
+					color: #999;
+					.pnums {
+						color: #ff5500;
+						padding: 0 4rpx;
+					}
+				}
+				.pcurnums {
+					> text {
+						font-size: 24rpx;
+						color: #999;
+						margin-right: 20rpx;
+					}
+				}
+				.u-ninput {
+					border: 2rpx solid #eee;
+					border-radius: 50rpx;
+					padding: 0 6rpx;
+				}
+				/deep/ .u-icon-disabled {
+					background: #fff !important;
+				}
+				/deep/ .u-number-input {
+					margin: 0 0;
+					border: 2rpx solid #eee;
+					border-top: 0;
+					border-bottom: 0;
+				}
+				/deep/ .u-icon-plus,
+				/deep/ .u-icon-minus {
+					border-radius: 50rpx;
+				}
+			}
+		}
+	}
+	.backOrderFooter {
+		height: 98rpx;
+		box-sizing: border-box;
+		padding: 10rpx 0;
+		vertical-align: top;
+		.checkBox {
+			width: 20%;
+		}
+		.footerBox {
+			width: 80%;
+			.footerBox_m {
+				.middle_l {
+					text {
+						color: #ff5500;
+						margin: 0 6rpx;
+					}
+				}
+				.middle_r {
+					font-size: 24rpx;
+					color: #999;
+					margin-left: 10rpx;
+				}
+			}
+			.footerBox_r {
+				width: 200rpx;
+				button {
+					width: 100%;
+					font-size: 26rpx;
+				}
+			}
 		}
 		}
 	}
 	}
 	// 弹窗样式
 	// 弹窗样式
-	.sortPopup {
+	.choosePopup {
 		padding: 30rpx 20rpx;
 		padding: 30rpx 20rpx;
 		box-sizing: border-box;
 		box-sizing: border-box;
-		.sortList {
-			width: 100%;
-			height: 70rpx;
+		.chooseTit {
 			text-align: center;
 			text-align: center;
-			line-height: 70rpx;
-			border-radius: 60rpx;
-			color: #333;
-			margin-bottom: 30rpx;
-			font-size: 26rpx;
-			border: 1rpx solid #e0e0e0;
+		}
+		.chooseDay {
+			margin: 60rpx 0;
+			.u-input {
+				border-bottom: 1rpx solid #e0e0e0;
+			}
 		}
 		}
 		.butBox {
 		.butBox {
 			margin-top: 100rpx;
 			margin-top: 100rpx;
+			.u-size-medium {
+				padding: 0 60rpx !important;
+			}
 		}
 		}
-		.sortChecked {
-			background-color: rgb(0, 122, 255);
-			color: #ffffff;
-		}
-	}
-	.emptyStyle {
-		margin-top: 280rpx;
-	}
-	.u-size-medium {
-		padding: 0 60rpx !important;
 	}
 	}
 }
 }
 </style>
 </style>

+ 372 - 0
pages/shuntBackManage/detailModal.vue

@@ -0,0 +1,372 @@
+<template>
+	<u-popup v-model="isShow" mode="bottom" height="800" border-radius="25">
+		<view class="head u-flex u-row-between">
+			<text>已选产品</text>
+			<text>清空列表</text>
+		</view>
+		<scroll-view scroll-y class="scroll-view">
+			<view class="partList-list-box">
+				<view class="product flex align_center">
+					<view class="checkbox">
+						<u-icon name="close-circle" color="#999" size="40"></u-icon>
+					</view>
+					<view class="checkboxRight flex align_center flex_1">
+						<view class="pimgs">
+							<u-image src="`../../static/${$config('themePath')}/def_img@2x.png`" width="128" height="128" border-radius="10"></u-image>
+						</view>
+						<view class="pinfo">
+							<view class="pname">
+								<text>A01</text>
+								JQ-21026E
+							</view>
+							<view class="productName u-line-1">
+								名i嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻
+							</view>
+							<view class="ptxt flex align_center">
+								<view>
+									最大库容
+									<text class="pnums">100</text>
+								</view>
+								<view>
+									/货架库存
+									<text class="pnums">20</text>
+								</view>
+								<view>
+									/滞销
+									<text class="pnums">12个月23天</text>
+								</view>
+							</view>
+						</view>
+					</view>
+				</view>
+				<view class="ptools flex align_center justify_between">
+					<view class="ptools_l u-flex">
+						<view>
+							补货在途
+							<text class="pnums">1</text>
+						</view>
+						<view>
+							/调回在途
+							<text class="pnums">2</text>
+						</view>
+					</view>
+					<view class="pcurnums flex align_center">
+						<text>调回数量</text>
+						<view class="u-ninput"><u-number-box color="#000" :input-height="60" bg-color="#fff" v-model="shifa" :min="0" :max="10"></u-number-box></view>
+					</view>
+				</view>
+			</view>
+			<view class="partList-list-box">
+				<view class="product flex align_center">
+					<view class="checkbox">
+						<u-icon name="close-circle" color="#999" size="40"></u-icon>
+					</view>
+					<view class="checkboxRight flex align_center flex_1">
+						<view class="pimgs">
+							<u-image src="`../../static/${$config('themePath')}/def_img@2x.png`" width="128" height="128" border-radius="10"></u-image>
+						</view>
+						<view class="pinfo">
+							<view class="pname">
+								<text>A01</text>
+								JQ-21026E
+							</view>
+							<view class="productName u-line-1">
+								名i嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻
+							</view>
+							<view class="ptxt flex align_center">
+								<view>
+									最大库容
+									<text class="pnums">100</text>
+								</view>
+								<view>
+									/货架库存
+									<text class="pnums">20</text>
+								</view>
+								<view>
+									/滞销
+									<text class="pnums">12个月23天</text>
+								</view>
+							</view>
+						</view>
+					</view>
+				</view>
+				<view class="ptools flex align_center justify_between">
+					<view class="ptools_l u-flex">
+						<view>
+							补货在途
+							<text class="pnums">1</text>
+						</view>
+						<view>
+							/调回在途
+							<text class="pnums">2</text>
+						</view>
+					</view>
+					<view class="pcurnums flex align_center">
+						<text>调回数量</text>
+						<view class="u-ninput"><u-number-box color="#000" :input-height="60" bg-color="#fff" v-model="shifa" :min="0" :max="10"></u-number-box></view>
+					</view>
+				</view>
+			</view>
+			<view class="partList-list-box">
+				<view class="product flex align_center">
+					<view class="checkbox">
+						<u-icon name="close-circle" color="#999" size="40"></u-icon>
+					</view>
+					<view class="checkboxRight flex align_center flex_1">
+						<view class="pimgs">
+							<u-image src="`../../static/${$config('themePath')}/def_img@2x.png`" width="128" height="128" border-radius="10"></u-image>
+						</view>
+						<view class="pinfo">
+							<view class="pname">
+								<text>A01</text>
+								JQ-21026E
+							</view>
+							<view class="productName u-line-1">
+								名i嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻
+							</view>
+							<view class="ptxt flex align_center">
+								<view>
+									最大库容
+									<text class="pnums">100</text>
+								</view>
+								<view>
+									/货架库存
+									<text class="pnums">20</text>
+								</view>
+								<view>
+									/滞销
+									<text class="pnums">12个月23天</text>
+								</view>
+							</view>
+						</view>
+					</view>
+				</view>
+				<view class="ptools flex align_center justify_between">
+					<view class="ptools_l u-flex">
+						<view>
+							补货在途
+							<text class="pnums">1</text>
+						</view>
+						<view>
+							/调回在途
+							<text class="pnums">2</text>
+						</view>
+					</view>
+					<view class="pcurnums flex align_center">
+						<text>调回数量</text>
+						<view class="u-ninput"><u-number-box color="#000" :input-height="60" bg-color="#fff" v-model="shifa" :min="0" :max="10"></u-number-box></view>
+					</view>
+				</view>
+			</view>
+			<view class="partList-list-box">
+				<view class="product flex align_center">
+					<view class="checkbox">
+						<u-icon name="close-circle" color="#999" size="40"></u-icon>
+					</view>
+					<view class="checkboxRight flex align_center flex_1">
+						<view class="pimgs">
+							<u-image src="`../../static/${$config('themePath')}/def_img@2x.png`" width="128" height="128" border-radius="10"></u-image>
+						</view>
+						<view class="pinfo">
+							<view class="pname">
+								<text>A01</text>
+								JQ-21026E
+							</view>
+							<view class="productName u-line-1">
+								名i嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻
+							</view>
+							<view class="ptxt flex align_center">
+								<view>
+									最大库容
+									<text class="pnums">100</text>
+								</view>
+								<view>
+									/货架库存
+									<text class="pnums">20</text>
+								</view>
+								<view>
+									/滞销
+									<text class="pnums">12个月23天</text>
+								</view>
+							</view>
+						</view>
+					</view>
+				</view>
+				<view class="ptools flex align_center justify_between">
+					<view class="ptools_l u-flex">
+						<view>
+							补货在途
+							<text class="pnums">1</text>
+						</view>
+						<view>
+							/调回在途
+							<text class="pnums">2</text>
+						</view>
+					</view>
+					<view class="pcurnums flex align_center">
+						<text>调回数量</text>
+						<view class="u-ninput"><u-number-box color="#000" :input-height="60" bg-color="#fff" v-model="shifa" :min="0" :max="10"></u-number-box></view>
+					</view>
+				</view>
+			</view>
+		</scroll-view>
+	</u-popup>
+</template>
+
+<script>
+	export default {
+		props: {
+			detailShow: { //  弹框显示状态
+				type: Boolean,
+				default: false
+			}
+		},
+		data() {
+			return {
+				isShow:this.detailShow,
+				list:[]
+			}
+		},
+		methods: {
+			// 确认
+			handleConfirm(){
+				 this.$emit("ok")
+				 this.isShow = false
+			},
+			// 获取列表数据
+			getList(){
+				queryWaitListByShelfSn({shelfSn: this.infoData.shelfSn}).then(res => {
+					if(res.status == 200){
+						this.list = res.data||[]
+					}
+				})
+			}
+		},
+		watch: {
+			//  父页面传过来的弹框状态
+			detailShow (newValue, oldValue) {
+				this.isShow = newValue
+			},
+			//  重定义的弹框状态
+			isShow (newValue, oldValue) {
+				if (!newValue) {
+					this.$emit('close')
+				}else{
+					this.getList()
+				}
+			}
+		}
+	}
+</script>
+
+<style lang="less" scoped>
+	.head{
+		width: 100%;
+		box-sizing: border-box;
+		padding:30rpx 20rpx;
+		background: #e0e0e0;
+		text{
+			&:first-child{
+				font-weight: bold;
+			}
+		}
+	}
+	.scroll-view{
+		height: 702rpx;
+	}
+	.partList-list-box {
+		padding: 20rpx;
+		border-bottom: 2rpx solid #f5f5f5;
+		&:last-child {
+			border: 0;
+		}
+		.product {
+			flex-grow: 1;
+			.checkbox {
+				width: 60rpx;
+			}
+			.checkboxRight{
+				width: calc(100% - 60rpx);
+			}
+			.pinfo {
+				width: calc(100% - 148rpx);
+				flex-grow: 1;
+				padding-left: 20rpx;
+				.pname {
+					font-size: 32rpx;
+					color: #191919;
+					margin-bottom: 10rpx;
+					text {
+						font-weight: normal;
+						margin-right: 6rpx;
+						padding: 0 10rpx;
+						background: rgba(3, 54, 146, 0.15);
+						border-radius: 100rpx;
+						color: #033692;
+						font-size: 28rpx;
+					}
+				}
+				.productName{
+					width: 100%;
+					font-size: 32rpx;
+					color: #191919;
+					font-weight: bold;
+					margin:10rpx 0;
+				}
+				.pno {
+					background-color: rgba(3, 54, 146, 0.15);
+					border-radius: 50rpx;
+					padding: 0 20rpx;
+					color: #033692;
+					font-size: 24rpx;
+					margin-right: 10rpx;
+				}
+				.ptxt {
+					font-size: 24rpx;
+					color: #999;
+					.pnums {
+						color: #222;
+						padding: 0 4upx;
+					}
+				}
+			}
+		}
+		.ptools {
+			margin-top: 30rpx;
+			margin-left: 60rpx;
+			.ptools_l{
+				font-size: 24rpx;
+				color: #999;
+				.pnums {
+					color: #ff5500;
+					padding: 0 4rpx;
+				}
+			}
+			.pcurnums {
+				> text {
+					font-size: 24rpx;
+					color: #999;
+					margin-right: 20rpx;
+				}
+			}
+			.u-ninput {
+				border: 2rpx solid #eee;
+				border-radius: 50rpx;
+				padding: 0 6rpx;
+			}
+			/deep/ .u-icon-disabled {
+				background: #fff !important;
+			}
+			/deep/ .u-number-input {
+				margin: 0 0;
+				border: 2rpx solid #eee;
+				border-top: 0;
+				border-bottom: 0;
+			}
+			/deep/ .u-icon-plus,
+			/deep/ .u-icon-minus {
+				border-radius: 50rpx;
+			}
+		}
+	}
+</style>