From 5dad83c1681cac715965c0aa662a4bf7a3de8482 Mon Sep 17 00:00:00 2001
From: wangyuxin <2695255229ww>
Date: Sat, 18 Apr 2026 09:39:09 +0800
Subject: [PATCH] =?UTF-8?q?26/4/18=20wyx=20=E5=90=8C=E6=AD=A5=E6=9C=AC?=
 =?UTF-8?q?=E5=9C=B0=E4=BB=A3=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../pages/payment-list/addPayment.vue         | 56 +++++++++----------
 .../pages/payment-list/arrearsPayment.vue     | 54 ++++++++++--------
 .../pages/payment-list/paymentIndex.vue       |  1 +
 3 files changed, 58 insertions(+), 53 deletions(-)

diff --git a/property-uniapp-project/pages/payment-list/addPayment.vue b/property-uniapp-project/pages/payment-list/addPayment.vue
index d21faa3..d6526ea 100644
--- a/property-uniapp-project/pages/payment-list/addPayment.vue
+++ b/property-uniapp-project/pages/payment-list/addPayment.vue
@@ -1,8 +1,8 @@
  <template>
  	<view class="contentStyle" style="">
  		<view class="status-bar"></view>
- 		<uni-nav-bar :title="'新增'+paymentType+'缴费'" left-icon="left" @clickLeft="goBack"  backgroundColor="transparent"
-			:border="false">
+ 		<uni-nav-bar :title="'新增'+paymentType+'缴费'" left-icon="left" @clickLeft="goBack" backgroundColor="transparent"
+ 			:border="false">
  		</uni-nav-bar>
  		<Loading mask="true" click="true" ref="loading"></Loading>
 
@@ -79,7 +79,7 @@
  				</view>
  			</view>
 
- 			
+
  		</scroll-view>
  	</view>
 
@@ -126,14 +126,10 @@
  				userNo: '',
  				isAgree: false,
  				showPopup: false, // 控制弹窗显示
-
-
  			}
  		},
 
-
  		methods: {
-
  			handleAgreeChange(e) {
  				// e.detail.value 是数组，有值 = 选中，空 = 未选中
  				this.isAgree = e.detail.value.length > 0
@@ -141,7 +137,7 @@
  			// 处理协议链接点击
  			handleProtocol() {
  				uni.navigateTo({
- 					
+
  				})
  			},
  			// 处理提交
@@ -165,23 +161,23 @@
  					content: '确认要提交吗?',
  					success: (res) => {
  						if (res.confirm) {
-							uni.showLoading({
-								title: '提交中...',
-								mask: true
-							});
-							setTimeout(() => {
-								uni.showToast({
-									title: '提交成功',
-									icon: 'success'
-								});
-							}, 1000);
-							setTimeout(() => {
-								// 提交成功后跳转列表页
-								uni.hideLoading();
+ 							uni.showLoading({
+ 								title: '提交中...',
+ 								mask: true
+ 							});
+ 							setTimeout(() => {
+ 								uni.showToast({
+ 									title: '提交成功',
+ 									icon: 'success'
+ 								});
+ 							}, 1000);
+ 							setTimeout(() => {
+ 								// 提交成功后跳转列表页
+ 								uni.hideLoading();
  								this.goNext()
-							}, 3000);
-							
-						
+ 							}, 3000);
+
+
  						}
  					}
  				})
@@ -223,7 +219,7 @@
  		/* 关键：占满屏幕高度 */
  		background-color: #f9f9f9;
  	}
- 	
+
  	.page {
  		flex: 1;
  		overflow-y: auto;
@@ -529,8 +525,10 @@
  	.toast-text {
  		color: #fff;
  		font-size: 28rpx;
- 	}.status-bar{
-		width: 100vw;
-		height: 46px;
-	}
+ 	}
+
+ 	.status-bar {
+ 		width: 100vw;
+ 		height: 46px;
+ 	}
  </style>
\ No newline at end of file
diff --git a/property-uniapp-project/pages/payment-list/arrearsPayment.vue b/property-uniapp-project/pages/payment-list/arrearsPayment.vue
index fdf1238..12c5ac4 100644
--- a/property-uniapp-project/pages/payment-list/arrearsPayment.vue
+++ b/property-uniapp-project/pages/payment-list/arrearsPayment.vue
@@ -15,8 +15,10 @@
 					<!-- 物业费缴费 -->
 					<!-- 金额展示 -->
 					<view class="amount-section">
-						<text class="amount-text">- ¥1680.00</text>
+						<text class="amount-text"
+							:class="{ 'outstandingPaymentClass':outstandingPayment }">{{outstandingPayment?'-¥'+payAmount:'¥'+payAmount}}</text>
 					</view>
+					<view style="border-bottom: 1px solid #c7c7c7;padding-bottom: 10px;"></view>
 					<!-- 缴费信息 -->
 					<view class="info-section" style="">
 						<view v-if="arrearsPayment=='物业费'">
@@ -36,10 +38,9 @@
 								<text class="info-label">可用余额</text>
 								<text class="info-value">0.00</text>
 							</view>
-							<view style="border-bottom: 1px solid #c7c7c7;padding-bottom: 10px;"></view>
-							<view class="info-payAmountItem">
+							<!-- <view class="info-payAmountItem">
 								<text class="info-payAmount">{{'￥'+payAmount}}</text>
-							</view>
+							</view> -->
 						</view>
 						<view v-else>
 							<view class="info-item" v-if="arrearsPayment=='暖气费'">
@@ -58,7 +59,7 @@
 								<text class="info-label">缴费单位</text>
 								<text class="info-value">HN热力有限公司</text>
 							</view>
-							<view style="border-bottom: 1px solid #c7c7c7;padding-bottom: 10px;"></view>
+							<!-- <view style="border-bottom: 1px solid #c7c7c7;padding-bottom: 10px;"></view> -->
 							<!-- 缴费金额输入 -->
 							<view class="input-section" style="display: flex;">
 								<text class="amount-input" style="width: auto;">¥</text>
@@ -73,10 +74,7 @@
 					</view>
 
 
-					<!-- 立即缴费按钮 -->
-					<view class="btn-section">
-						<button class="pay-btn" @click="handlePay">立即缴费</button>
-					</view>
+
 
 				</view>
 
@@ -167,20 +165,20 @@
 					<view class="success-text">缴费成功</view>
 					<view class="success-desc">成功缴纳物业费</view>
 
-					<!-- 返回按钮 -->
-					<view class="btn-section">
-						<button class="pay-btn" @click="handleBackToList">返回生活缴费</button>
-					</view>
+
 				</view>
 			</view>
 
 
-
-
-
-
-
 		</scroll-view>
+		<!-- 立即缴费按钮 -->
+		<view class="btn-section" v-if="currentStep === 1">
+			<button class="pay-btn" @click="handlePay">立即缴费</button>
+		</view>
+		<!-- 返回按钮 -->
+		<view class="btn-section" v-if="currentStep === 3">
+			<button class="pay-btn" @click="handleBackToList">返回生活缴费</button>
+		</view>
 	</view>
 
 
@@ -218,6 +216,7 @@
 			return {
 				/* 设定状态栏默认高度 */
 				statusBarHeight: 20,
+				outstandingPayment: true, //是否欠费
 				arrearsPayment: uni.getStorageSync('arrearsPayment'),
 				currentStep: 1, // 1: 详情页 2: 密码弹窗 3: 成功页
 				payAmount: "1680.00", // 缴费金额
@@ -344,7 +343,7 @@
 </script>
 <style lang="scss">
 	page {
-		background: #f2f1f6;
+		background-color: #f9f9f9;
 	}
 </style>
 
@@ -362,15 +361,17 @@
 		overflow-y: auto;
 		padding: 0px 20px;
 		box-sizing: border-box;
-		background-color: #fff;
+		background-color: #
+			/* fff */
+		;
 	}
 
 
 	/* 1. 物业费详情页 */
 	.pay-page {
 		width: 100%;
-		min-height: 100vh;
-		background-color: #fff;
+		/* min-height: 100vh; */
+		/* background-color: #fff; */
 	}
 
 	.amount-section {
@@ -381,7 +382,10 @@
 	.amount-text {
 		font-size: 28px;
 		font-weight: 600;
-		color: #bd3124;
+	}
+
+	.outstandingPaymentClass {
+		color: #E34D59;
 	}
 
 	.info-section {
@@ -437,7 +441,9 @@
 	}
 
 	.btn-section {
-		padding: 0 15px;
+		padding: 10px 15px 20px;
+		display: flex;
+		gap: 20rpx;
 	}
 
 	.pay-btn {
diff --git a/property-uniapp-project/pages/payment-list/paymentIndex.vue b/property-uniapp-project/pages/payment-list/paymentIndex.vue
index c6f996b..07e2e71 100644
--- a/property-uniapp-project/pages/payment-list/paymentIndex.vue
+++ b/property-uniapp-project/pages/payment-list/paymentIndex.vue
@@ -267,6 +267,7 @@
 		padding: 10px 10px 10px 0px;
 		margin-bottom: 20rpx;
 	}
+	
 
 	.bill-info {
 		width: calc(90% - 50px);