售后优化

ghsApp/src/pagesOrder/refund.vue

@@ -69,7 +69,10 @@
 				<view class="fee-row" v-if="Number(orderInfo.packCost)>0">
 					<view class="fee-info">
 						<text class="fee-name">打包费</text>
+						<view>
 						<text class="fee-amount">{{ orderInfo.packCost?parseFloat(orderInfo.packCost):0 }}元</text>
+						<text class="available-fee">可退{{parseFloat((Number(orderInfo.packCost)-Number(orderInfo.refundPackCost)).toFixed(2))}}元</text>
+						</view>
 					</view>
 					<view class="fee-control">
 						<view class="input-item">
@@ -81,13 +84,15 @@
 								placeholder-style="color:#ccc" />
 							<text class="unit-label">元</text>
 						</view>
-						<text class="available-fee">可退{{parseFloat((Number(orderInfo.packCost)-Number(orderInfo.refundPackCost)).toFixed(2))}}元</text>
 					</view>
 				</view>
 				<view class="fee-row" v-if="Number(orderInfo.sendCost)>0">
 					<view class="fee-info">
 						<text class="fee-name">运费</text>
-						<text class="fee-amount">{{ orderInfo.sendCost?parseFloat(orderInfo.sendCost):0 }}元</text>
+						<view>
+							<text class="fee-amount">{{ orderInfo.sendCost?parseFloat(orderInfo.sendCost):0 }}元</text>
+							<text class="available-fee">可退{{parseFloat((Number(orderInfo.sendCost)-Number(orderInfo.refundSendCost)).toFixed(2))}}元</text>
+						</view>
 					</view>
 					<view class="fee-control">
 						<view class="input-item">
@@ -99,7 +104,6 @@
 								placeholder-style="color:#ccc" />
 							<text class="unit-label">元</text>
 						</view>
-						<text class="available-fee">可退{{parseFloat((Number(orderInfo.sendCost)-Number(orderInfo.refundSendCost)).toFixed(2))}}元</text>
 					</view>
 				</view>
 			</view>
@@ -620,9 +624,14 @@ export default {
 		}
 		
 		.fee-amount {
-			font-size: 24upx;
+			font-size: 26upx;
 			color: #666;
 		}
+		.available-fee {
+			font-size: 26upx;
+			color: #3385ff;
+			margin-left:15upx;
+		}
 	}
 	
 	.fee-control {
@@ -637,10 +646,6 @@ export default {
 			gap: 8upx;
 		}
 		
-		.available-fee {
-			font-size: 26upx;
-			color: #3385ff;
-		}
 	}
 }