Procházet zdrojové kódy

不需要确认提示

shish před 11 měsíci
rodič
revize
8759e2360a
1 změnil soubory, kde provedl 3 přidání a 244 odebrání
  1. 3 244
      hdh5/admin/ghs/pay.vue

+ 3 - 244
hdh5/admin/ghs/pay.vue

@@ -63,42 +63,13 @@
 				class="pay-button" 
 				:class="{ disabled: !canPay }"
 				:disabled="!canPay"
-				@click="showConfirmDialog"
+				@click="handlePay"
 			>
 				<text class="button-text">支付宝支付</text>
 			</button>
 		</view>
 
-		<!-- 确认支付弹框 -->
-		<view class="confirm-dialog" v-if="showConfirm" @click="hideConfirmDialog">
-			<view class="dialog-content" @click.stop>
-				<view class="dialog-header">
-					<text class="dialog-title">提示</text>
-					<view class="close-btn" @click="hideConfirmDialog">
-						<text class="iconfont icon-close">×</text>
-					</view>
-				</view>
-				
-				<view class="dialog-body">
-					<view class="confirm-amount-section">
-						<text class="confirm-label">支付金额</text>
-						<view class="confirm-amount-display">
-							<text class="confirm-currency">¥</text>
-							<text class="confirm-amount">{{ displayAmount }}</text>
-						</view>
-					</view>
-					
-					<view class="confirm-tips">
-						<text class="tip-text">确认金额无误</text>
-					</view>
-				</view>
-				
-				<view class="dialog-footer">
-					<button class="cancel-btn" @click="hideConfirmDialog">取消</button>
-					<button class="confirm-btn" @click="handlePay">确认</button>
-				</view>
-			</view>
-		</view>
+
 	</view>
 </template>
 
@@ -150,8 +121,7 @@ export default {
 			amountBuffer: '0',
 			updateScheduled: false,
 			updateTimer: null,
-			// 弹框状态
-			showConfirm: false,
+
 			id:0,
 			salt:'',
 			ghsInfo:[],
@@ -338,22 +308,11 @@ export default {
 			}
 		},
 
-		// 显示确认弹框
-		showConfirmDialog() {
-			if (!this.canPay) return;
-			this.showConfirm = true;
-		},
 
-		// 隐藏确认弹框
-		hideConfirmDialog() {
-			this.showConfirm = false;
-		},
 		// 处理支付
 		handlePay() {
 			if (!this.canPay) return;
 			const amount = parseFloat(this.currentAmount);
-			// 隐藏弹框
-			this.hideConfirmDialog();
 			// 简化验证:只要大于0就能支付
 			if (amount <= 0) {
 				uni.showToast({
@@ -808,206 +767,6 @@ export default {
 	}
 }
 
-// 确认支付弹框样式
-.confirm-dialog {
-	position: fixed;
-	top: 0;
-	left: 0;
-	right: 0;
-	bottom: 0;
-	background: rgba(0, 0, 0, 0.6);
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	z-index: 9999;
-	animation: fadeIn 0.3s ease;
-	
-	.dialog-content {
-		width: 85%;
-		max-width: 700upx;
-		background: #fff;
-		border-radius: 25upx;
-		overflow: hidden;
-		animation: slideUp 0.3s ease;
-		box-shadow: 0 20upx 60upx rgba(0, 0, 0, 0.2);
-		
-		.dialog-header {
-			display: flex;
-			align-items: center;
-			justify-content: space-between;
-			padding: 40upx 40upx 30upx;
-			border-bottom: 1upx solid #f0f0f0;
-			background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
-			
-			.dialog-title {
-				font-size: 36upx;
-				font-weight: 600;
-				color: #333;
-			}
-			
-			.close-btn {
-				width: 60upx;
-				height: 60upx;
-				display: flex;
-				align-items: center;
-				justify-content: center;
-				border-radius: 50%;
-				background: rgba(0, 0, 0, 0.1);
-				cursor: pointer;
-				transition: all 0.2s ease;
-				
-				&:active {
-					background: rgba(0, 0, 0, 0.2);
-					transform: scale(0.95);
-				}
-				
-				.iconfont {
-					font-size: 32upx;
-					color: #666;
-					font-weight: bold;
-				}
-			}
-		}
-		
-		.dialog-body {
-			padding: 50upx 40upx;
-			
-			.confirm-amount-section {
-				text-align: center;
-				margin-bottom: 40upx;
-				
-				.confirm-label {
-					display: block;
-					font-size: 28upx;
-					color: #666;
-					margin-bottom: 25upx;
-					font-weight: 500;
-				}
-				
-				.confirm-amount-display {
-					display: flex;
-					align-items: baseline;
-					justify-content: center;
-					
-					.confirm-currency {
-						font-size: 60upx;
-						font-weight: 600;
-						color: #ff6b6b;
-						margin-right: 10upx;
-					}
-					
-					.confirm-amount {
-						font-size: 100upx;
-						font-weight: 700;
-						color: #ff6b6b;
-						font-family: 'Arial', sans-serif;
-						text-shadow: 0 2upx 10upx rgba(255, 107, 107, 0.3);
-					}
-				}
-			}
-			
-			.confirm-tips {
-				text-align: center;
-				padding: 20upx 30upx;
-				background: rgba(255, 107, 107, 0.1);
-				border-radius: 15upx;
-				border-left: 4upx solid #ff6b6b;
-				
-				.tip-text {
-					font-size: 26upx;
-					color: #666;
-					line-height: 1.5;
-				}
-			}
-		}
-		
-		.dialog-footer {
-			display: flex;
-			border-top: 1upx solid #f0f0f0;
-			padding: 30upx 40upx;
-			gap: 20upx;
-			
-			.cancel-btn, .confirm-btn {
-				flex: 1;
-				height: 100upx;
-				border: none;
-				font-size: 32upx;
-				font-weight: 600;
-				transition: all 0.2s ease;
-				border-radius: 50upx;
-				display: flex;
-				align-items: center;
-				justify-content: center;
-				position: relative;
-				overflow: hidden;
-				
-				&::before {
-					content: '';
-					position: absolute;
-					top: 0;
-					left: 0;
-					right: 0;
-					bottom: 0;
-					background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%);
-					opacity: 0;
-					transition: opacity 0.2s ease;
-				}
-				
-				&:active::before {
-					opacity: 1;
-				}
-				
-				&:active {
-					transform: scale(0.98);
-				}
-			}
-			
-			.cancel-btn {
-				background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
-				color: #666;
-				border: 2upx solid #dee2e6;
-				box-shadow: 0 2upx 8upx rgba(0, 0, 0, 0.1);
-				
-				&:active {
-					background: linear-gradient(135deg, #e9ecef 0%, #dee2e6 100%);
-					border-color: #ced4da;
-					box-shadow: 0 1upx 4upx rgba(0, 0, 0, 0.15);
-				}
-			}
-			
-			.confirm-btn {
-				background: linear-gradient(135deg, #ff6b6b 0%, #ff5252 100%);
-				color: #fff;
-				box-shadow: 0 4upx 20upx rgba(255, 107, 107, 0.3);
-				
-				&:active {
-					background: linear-gradient(135deg, #ff5252 0%, #ff4444 100%);
-					box-shadow: 0 2upx 10upx rgba(255, 107, 107, 0.4);
-				}
-			}
-		}
-	}
-}
 
-// 弹框动画
-@keyframes fadeIn {
-	from {
-		opacity: 0;
-	}
-	to {
-		opacity: 1;
-	}
-}
-
-@keyframes slideUp {
-	from {
-		opacity: 0;
-		transform: translateY(50upx) scale(0.9);
-	}
-	to {
-		opacity: 1;
-		transform: translateY(0) scale(1);
-	}
-}
 
 </style>