zhouyanli/property-resident-side
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

26/4/18 wyx 同步本地代码

Browse Source
This commit is contained in:
wangyuxin
2026-04-18 09:39:09 +08:00
parent eeb09abc04
commit 5dad83c168
3 changed files with 58 additions and 53 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
property-uniapp-project/pages/payment-list/arrearsPayment.vue
View File

@@ -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 {