支付

hdh5/admin/ghs/pay.vue

@@ -2,11 +2,7 @@
 	<view class="pay-container">
 		<!-- 顶部导航栏 -->
 		<view class="nav-bar">
-			<view class="nav-back" @click="goBack">
-				<text class="iconfont icon-back">‹</text>
-			</view>
 			<view class="nav-title">付款</view>
-			<view class="nav-placeholder"></view>
 		</view>
 
 		<!-- 支付金额区域 -->
@@ -37,26 +33,6 @@
 					<text class="debt-label">待结金额</text>
 					<text class="debt-value">¥{{ customInfo.remainDebtAmount }}</text>
 				</view>
-				<view class="debt-tip">点击上方数字键盘可直接付款销账</view>
-			</view>
-		</view>
-
-		<!-- 支付方式展示 -->
-		<view class="payment-methods">
-			<view class="section-title">支付方式</view>
-			<view class="method-list">
-				<view class="method-item active">
-					<view class="method-icon alipay">
-						<text class="iconfont icon-zhifubao"></text>
-					</view>
-					<view class="method-info">
-						<text class="method-name">支付宝</text>
-						<text class="method-desc">安全便捷的支付方式</text>
-					</view>
-					<view class="method-check">
-						<text class="iconfont icon-check">✓</text>
-					</view>
-				</view>
 			</view>
 		</view>
 
@@ -94,8 +70,7 @@
 				:disabled="!canPay"
 				@click="showConfirmDialog"
 			>
-				<text class="button-text">立即支付</text>
-				<text class="button-amount" v-if="canPay">¥{{ displayAmount }}</text>
+				<text class="button-text">支付</text>
 			</button>
 		</view>
 
@@ -534,7 +509,7 @@ export default {
 }
 
 .customer-info-card {
-	background: rgba(255, 255, 255, 0.95);
+	background: #fff; /* Changed to white */
 	margin: 0 30rpx 20rpx;
 	border-radius: 20rpx;
 	padding: 30rpx;
@@ -548,14 +523,16 @@ export default {
 		top: 0;
 		left: 0;
 		right: 0;
-		height: 6rpx;
-		background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+		height: 8rpx;
+		background: #fff; /* Changed to white */
+		box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
 	}
 	
 	.card-header {
 		display: flex;
 		align-items: center;
 		margin-bottom: 20rpx;
+		margin-top: 8rpx;
 		
 		.customer-avatar {
 			width: 90rpx;
@@ -672,128 +649,6 @@ export default {
 	}
 }
 
-.payment-methods {
-	background: rgba(255, 255, 255, 0.95);
-	margin: 0 30rpx 20rpx;
-	border-radius: 20rpx;
-	padding: 30rpx;
-	box-shadow: 0 8rpx 30rpx rgba(0, 0, 0, 0.08);
-	
-	.section-title {
-		font-size: 28rpx;
-		font-weight: 600;
-		color: #333;
-		margin-bottom: 20rpx;
-		padding-left: 10rpx;
-		position: relative;
-		
-		&::before {
-			content: '';
-			position: absolute;
-			left: 0;
-			top: 50%;
-			transform: translateY(-50%);
-			width: 6rpx;
-			height: 24rpx;
-			background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-			border-radius: 3rpx;
-		}
-	}
-	
-	.method-list {
-		.method-item {
-			display: flex;
-			align-items: center;
-			padding: 25rpx 20rpx;
-			transition: all 0.3s ease;
-			border-radius: 15rpx;
-			position: relative;
-			overflow: hidden;
-			
-			&::before {
-				content: '';
-				position: absolute;
-				top: 0;
-				left: 0;
-				right: 0;
-				bottom: 0;
-				background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);
-				opacity: 0;
-				transition: opacity 0.3s ease;
-			}
-			
-			&.active {
-				background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);
-				border: 2rpx solid rgba(102, 126, 234, 0.3);
-				
-				&::before {
-					opacity: 1;
-				}
-			}
-			
-			.method-icon {
-				width: 70rpx;
-				height: 70rpx;
-				border-radius: 15rpx;
-				display: flex;
-				align-items: center;
-				justify-content: center;
-				margin-right: 25rpx;
-				position: relative;
-				z-index: 1;
-				
-				&.alipay {
-					background: linear-gradient(135deg, #1677ff 0%, #4096ff 100%);
-					box-shadow: 0 4rpx 20rpx rgba(22, 119, 255, 0.3);
-				}
-				
-				.iconfont {
-					color: #fff;
-					font-size: 36rpx;
-				}
-			}
-			
-			.method-info {
-				flex: 1;
-				position: relative;
-				z-index: 1;
-				
-				.method-name {
-					display: block;
-					font-size: 30rpx;
-					font-weight: 600;
-					color: #333;
-					margin-bottom: 6rpx;
-				}
-				
-				.method-desc {
-					display: block;
-					font-size: 24rpx;
-					color: #999;
-				}
-			}
-			
-			.method-check {
-				width: 50rpx;
-				height: 50rpx;
-				display: flex;
-				align-items: center;
-				justify-content: center;
-				position: relative;
-				z-index: 1;
-				
-				.iconfont {
-					color: #1677ff;
-					font-size: 32rpx;
-					font-weight: bold;
-				}
-			}
-		}
-	}
-}
-
-
-
 .keyboard-section {
 	position: fixed;
 	bottom: 160rpx;