错误价格

ghsApp/src/admin/home/workbench.vue

@@ -200,25 +200,27 @@
 
 	<uni-popup ref="errorPriceRef" background-color="#fff" type="center" :animation="false">
 		<view class="error-price-content">
-			<view class="price-row" v-for="(errItem, errIndex) in errorPirceList" :key="errIndex">
-				<view class="name-cell">{{ errItem.name }}</view>
-				<view class="price-cell" @click.stop="goErrorItem(errItem.name+'a')">
-					<text v-if="errItem.a">A级 ¥{{ errItem.a ? parseFloat(errItem.a) : 0 }}</text>
-					<text v-else class="no-data">A级 -</text>
-				</view>
-				<view class="price-cell" @click.stop="goErrorItem(errItem.name+'b')">
-					<text v-if="errItem.b">B级 ¥{{ errItem.b ? parseFloat(errItem.b) : 0 }}</text>
-					<text v-else class="no-data">B级 -</text>
-				</view>
-				<view class="price-cell" @click.stop="goErrorItem(errItem.name+'c')">
-					<text v-if="errItem.c">C级 ¥{{ errItem.c ? parseFloat(errItem.c) : 0 }}</text>
-					<text v-else class="no-data">C级 -</text>
-				</view>
-				<view class="price-cell" @click.stop="goErrorItem(errItem.name+'d')">
-					<text v-if="errItem.d">D级 ¥{{ errItem.d ? parseFloat(errItem.d) : 0 }}</text>
-					<text v-else class="no-data">D级 -</text>
+			<scroll-view class="price-scroll" scroll-y="true">
+				<view class="price-row" v-for="(errItem, errIndex) in errorPirceList" :key="errIndex">
+					<view class="name-cell">{{ errItem.name }}</view>
+					<view class="price-cell" @click.stop="goErrorItem(errItem.name+'a')">
+						<text v-if="errItem.a">A级 ¥{{ errItem.a ? parseFloat(errItem.a) : 0 }}</text>
+						<text v-else class="no-data">A级 -</text>
+					</view>
+					<view class="price-cell" @click.stop="goErrorItem(errItem.name+'b')">
+						<text v-if="errItem.b">B级 ¥{{ errItem.b ? parseFloat(errItem.b) : 0 }}</text>
+						<text v-else class="no-data">B级 -</text>
+					</view>
+					<view class="price-cell" @click.stop="goErrorItem(errItem.name+'c')">
+						<text v-if="errItem.c">C级 ¥{{ errItem.c ? parseFloat(errItem.c) : 0 }}</text>
+						<text v-else class="no-data">C级 -</text>
+					</view>
+					<view class="price-cell" @click.stop="goErrorItem(errItem.name+'d')">
+						<text v-if="errItem.d">D级 ¥{{ errItem.d ? parseFloat(errItem.d) : 0 }}</text>
+						<text v-else class="no-data">D级 -</text>
+					</view>
 				</view>
-			</view>
+			</scroll-view>
 			<view class="button-container">
 				<button @click="closeErrorPriceFn" class="admin-button-com middle blue">知道了</button>
 			</view>
@@ -1043,40 +1045,48 @@ export default {
 	padding: 30upx 10upx 20upx 10upx;
 	width: 100vw;
 	max-width: 800upx;
+	display: flex;
+	flex-direction: column;
 	
-	.price-row {
-		display: flex;
-		align-items: center;
-		padding: 16upx 0;
-		border-bottom: 1upx solid #f0f0f0;
-		
-		&:last-child {
-			border-bottom: none;
-		}
+	.price-scroll {
+		max-height: 80vh;
+		flex: 1;
+		overflow-y: auto;
 		
-		.name-cell {
-			flex: 3;
-			font-size: 28upx;
-			font-weight: 500;
-			color: #333;
-			padding-right: 30upx;
-			white-space: nowrap;
-			overflow: hidden;
-			text-overflow: ellipsis;
-		}
-		
-		.price-cell {
-			flex: 1.5;
-			text-align: center;
-			font-size: 28upx;
-			color: #d63031;
-			font-weight: 500;
-			padding: 0 10upx;
-			white-space: nowrap;
+		.price-row {
+			display: flex;
+			align-items: center;
+			padding: 16upx 0;
+			border-bottom: 1upx solid #f0f0f0;
 			
-			.no-data {
-				color: #999;
-				font-weight: normal;
+			&:last-child {
+				border-bottom: none;
+			}
+			
+			.name-cell {
+				flex: 3;
+				font-size: 28upx;
+				font-weight: 500;
+				color: #333;
+				padding-right: 30upx;
+				white-space: nowrap;
+				overflow: hidden;
+				text-overflow: ellipsis;
+			}
+			
+			.price-cell {
+				flex: 1.5;
+				text-align: center;
+				font-size: 28upx;
+				color: #d63031;
+				font-weight: 500;
+				padding: 0 10upx;
+				white-space: nowrap;
+				
+				.no-data {
+					color: #999;
+					font-weight: normal;
+				}
 			}
 		}
 	}
@@ -1085,6 +1095,7 @@ export default {
 		text-align: center;
 		margin-top: 30upx;
 		padding-top: 20upx;
+		flex-shrink: 0;
 	}
 }
 </style>