价格异常提示

ghsApp/src/admin/home/workbench.vue

@@ -199,14 +199,27 @@
 </block>
 
 	<uni-popup ref="errorPriceRef" background-color="#fff" type="center" :animation="false">
-		<view style="padding-top:30upx;font-size:30upx;padding-bottom:20upx;">
-			<view style="margin-bottom:10upx;" v-for="(errItem, errIndex) in errorPirceList" :key="errIndex">
-				<text v-if="errItem.name">{{errItem.name}}</text>
-				<text v-if="errItem.a" style="margin-left:18upx;">A级：¥{{errItem.a?parseFloat(errItem.a):0}}</text>
-				<text v-if="errItem.b" style="margin-left:18upx;">B级：¥{{errItem.b?parseFloat(errItem.b):0}}</text>
-				<text v-if="errItem.c" style="margin-left:18upx;">C级：¥{{errItem.c?parseFloat(errItem.c):0}}</text>
+		<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">
+					<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">
+					<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">
+					<text v-if="errItem.c">C级：¥{{ errItem.c ? parseFloat(errItem.c) : 0 }}</text>
+					<text v-else class="no-data">C级：-</text>
+				</view>
 			</view>
-			<view style="text-align:center;margin-top:40upx;">
+			<view class="button-container">
 				<button @click="closeErrorPriceFn" class="admin-button-com middle blue">知道了</button>
 			</view>
 		</view>
@@ -1024,4 +1037,54 @@ export default {
 		text-align: center;
 	}
 }
+
+// 花材价格异常弹窗内容样式
+.error-price-content {
+	padding: 30upx 40upx 20upx 40upx;
+	width: 95vw;
+	max-width: 800upx;
+	
+	.price-row {
+		display: flex;
+		align-items: center;
+		padding: 16upx 0;
+		border-bottom: 1upx solid #f0f0f0;
+		
+		&: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;
+			}
+		}
+	}
+	
+	.button-container {
+		text-align: center;
+		margin-top: 30upx;
+		padding-top: 20upx;
+	}
+}
 </style>