zly/electricity_bill_calc_wx
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

C端小程序显示优化

Browse Source
This commit is contained in:
ZiHangQin
2025-07-21 09:50:46 +08:00
parent f9aedf7d79
commit 33d7528990
11 changed files with 194 additions and 126 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
childPackage/pages/billDetail/index.wxml
View File

@@ -11,7 +11,7 @@
</view>
<view class="address">
<view class="label">
用电地址：
商户地址：
</view>
<view class="value"> {{ detail.tenement.address }} </view>
</view>

105
childPackage/pages/electricQuery/components/accountingCard/index.wxml
View File

@@ -1,41 +1,72 @@
<!--pages/electricQuery/components/accountingCard/index.wxml-->
<view class="wrapper">
<view class="title">
{{data.meter.address}}
</view>
<van-row>
<van-col span="7">
<view class="tableTitle"> 初始余额 </view>
</van-col>
<van-col span="16">
<view class="tableContent"> {{data.startMoney}} </view>
</van-col>
</van-row>
<van-row>
<van-col span="7">
<view class="tableTitle"> 储值累计金额 </view>
</van-col>
<van-col span="16">
<view class="tableContent"> {{data.rechargeMoney}} </view>
</van-col>
</van-row>
<van-row>
<van-col span="7">
<view class="tableTitle"> 电费 </view>
</van-col>
<van-col span="16">
<view class="tableContent"> {{data.electricMoney}} </view>
</van-col>
</van-row>
<van-row>
<van-col span="7">
<view class="tableTitle"> 账务余额 </view>
</van-col>
<view class="title">
<span>{{data.meter.address}}</span><span class="tableContent" style="font-size: 30rpx; margin-left: 100rpx;">电表编号：{{data.meter.sn}}</span>
</view>
<van-row>
<view class="table-header">
<view class="table-header-row">
<text class="table-header-cell">类目</text>
<text class="table-header-cell">金额</text>
<text class="table-header-cell">更新时间</text>
</view>
</view>
<van-col span="7">
<view class="tableTitle"> 初始余额 </view>
</van-col>
<van-col span="10">
<view class="tableContent"> {{data.startMoney}} </view>
</van-col>
<van-col span="7">
<view calss="tableContent"> {{data.updateStartMoneyAt}} </view>
</van-col>
</van-row>
<van-col span="16">
<view class="tableContent"> {{data.currentMoney}} </view>
</van-col>
</van-row>
<van-row>
<van-col span="7">
<view class="tableTitle"> 累计充值金额 </view>
</van-col>
<van-col span="10">
<view class="tableContent"> {{data.rechargeMoney}} </view>
</van-col>
<van-col span="7">
<view calss="tableContent"> {{data.updateRechargeMoneyAt}} </view>
</van-col>
</van-row>
<van-row>
<van-col span="7">
<view class="tableTitle"> 电费 </view>
</van-col>
<van-col span="10">
<view class="tableContent"> {{data.electricMoney}} </view>
</van-col>
<van-col span="7">
<view calss="tableContent"> {{data.updateElectricMoneyAt}} </view>
</van-col>
</van-row>
<van-row>
<van-col span="7">
<view class="tableTitle"> 账务余额 </view>
</van-col>
<van-col span="10">
<view class="tableContent"> {{data.accountMoney}} </view>
</van-col>
<van-col span="7">
<view calss="tableContent"> {{data.updateAccountMoneyAt}} </view>
</van-col>
</van-row>
<van-row>
<van-col span="7">
<view class="tableTitle"> 电表余额 </view>
</van-col>
<van-col span="10">
<view class="tableContent"> {{data.meterMoney}} </view>
</van-col>
<van-col span="7">
<view calss="tableContent"> {{data.updateMeterMoneyAt}} </view>
</van-col>
</van-row>
</view>

19
childPackage/pages/electricQuery/components/accountingCard/index.wxss
View File

@@ -21,4 +21,21 @@
margin-bottom: 20rpx;
text-align: center;
font-size: 32rpx;
}
}
.table-header {
display: flex;
width: 100%;
background-color: #f5f5f5;
border-bottom: 1rpx solid #eaeaea;
}
.table-header-row {
display: flex;
width: 100%;
}
.table-header-cell {
flex: 1;
text-align: center;
padding: 20rpx 0;
font-size: 25rpx;
color: #333;
}

2
childPackage/pages/electricQuery/components/reading/index.js
View File

@@ -35,7 +35,7 @@ Component({
meterReadingHeader: [
{ key: 'address', title: '电表地址', renderBody: (item) => item.meter?.address },
{ title: '倍率', key: 'ratio' },
{ key: 'number', title: '抄表记录' },
{ key: 'number', title: '当前表字' },
],
meterReadingList: [],
yearMonthDayReading: dayjs().format("YYYY-MM-DD"),

60
childPackage/pages/electricQuery/components/reading/index.wxml
View File

@@ -49,54 +49,102 @@
label="地址"
readonly
/>
<van-field
value="{{ readingDetail.meter.code }}（SN）"
border="{{ false }}"
label="编号"
readonly
/>
<van-field
value="{{ readingDetail.readAt }}"
border="{{ false }}"
label="时间"
readonly
/>
<van-field
value="{{ readingDetail.ratio }}"
border="{{ false }}"
label="倍率"
readonly
/>
<van-field
value="{{ readingDetail.number }}"
border="{{ false }}"
label="表字"
label="当前表字(总)"
readonly
wx:if="{{park.meter04kvType !== 1}}"
/>
<van-field
value="{{ readingDetail.overall }}"
border="{{ false }}"
label="总用电量"
readonly
/>
<van-field
value="{{ readingDetail.sharp }}"
border="{{ false }}"
label="表字（尖）"
label="当前表字(尖)"
readonly
wx:if="{{park.meter04kvType === 1}}"
/>
<van-field
value="{{ readingDetail.sharpAmount }}"
border="{{ false }}"
label="尖用电量"
readonly
wx:if="{{park.meter04kvType === 1}}"
/>
<van-field
value="{{ readingDetail.peak }}"
border="{{ false }}"
label="表字（峰）"
label="当前表字(峰)"
readonly
wx:if="{{park.meter04kvType === 1}}"
/>
<van-field
value="{{ readingDetail.peakAmount }}"
border="{{ false }}"
label="峰用电量"
readonly
wx:if="{{park.meter04kvType === 1}}"
/>
<van-field
value="{{ readingDetail.flat }}"
border="{{ false }}"
label="表字（平）"
label="当前表字(平)"
readonly
wx:if="{{park.meter04kvType === 1}}"
/>
<van-field
value="{{ readingDetail.valley }}"
value="{{ readingDetail.flatAmount }}"
border="{{ false }}"
label="表字（谷）"
label="平用电量"
readonly
wx:if="{{park.meter04kvType === 1}}"
/>
<van-field
value="{{ readingDetail.valley }}"
border="{{ false }}"
label="当前表字(谷)"
readonly
wx:if="{{park.meter04kvType === 1}}"
/>
<van-field
value="{{ readingDetail.valleyAmount }}"
border="{{ false }}"
label="谷用电量"
readonly
wx:if="{{park.meter04kvType === 1}}"
/>
<view class="text">上次抄表记录起,至现在时间内的用电量</view>
</van-cell-group>
</view>

7
childPackage/pages/electricQuery/components/reading/index.wxss
View File

@@ -92,4 +92,11 @@ page {
content:"";
display:block;
clear:both
}
.text{
font-size: 28rpx;
color: #999999;
margin: 10rpx 0;
text-align: center;
}

19
childPackage/pages/electricQuery/index.wxml
View File

@@ -30,23 +30,25 @@
<view class="timeQuery" wx:if="{{queryType === 0}}">
<van-row>
<van-col span="8">
<view class="timeQueryText" style="color: {{timeType === 0 ? '#0958d9' : '#000'}}" bind:tap="changeTimeType" data-type="{{0}}"> 日耗量 </view>
<view class="timeQueryText" style="color: {{timeType === 0 ? '#0958d9' : '#000'}}" bind:tap="changeTimeType" data-type="{{0}}"> 日用电量 </view>
</van-col>
<van-col span="8">
<view class="timeQueryText" style="color: {{timeType === 1 ? '#0958d9' : '#000'}}" bind:tap="changeTimeType" data-type="{{1}}"> 月耗量 </view>
<view class="timeQueryText" style="color: {{timeType === 1 ? '#0958d9' : '#000'}}" bind:tap="changeTimeType" data-type="{{1}}"> 月电用量 </view>
</van-col>
<van-col span="8">
<view class="timeQueryText" style="color: {{timeType === 2 ? '#0958d9' : '#000'}}" bind:tap="changeTimeType" data-type="{{2}}"> 年耗量 </view>
<view class="timeQueryText" style="color: {{timeType === 2 ? '#0958d9' : '#000'}}" bind:tap="changeTimeType" data-type="{{2}}"> 年用电量 </view>
</van-col>
</van-row>
</view>
</view>
<view wx:if="{{queryType === 0}}">
<view class="tooltip">
不包括线损电量，显示为电表实际消耗电量。仅供参考，实际能耗电量以电费账单为主。如有疑问，请联系客服。
不包括线损电量，显示为电表实际消用电量。仅供参考，实际能用电量以电费账单为主。如有疑问，请联系客服。
</view>
<view class="timeChooseWrapper">
<view> 选择时间 </view>
<view wx:if="{{timeType === 0}}"> 选择时间 </view>
<view wx:elif="{{timeType === 1}}"> 选择日期 </view>
<view wx:else="{{timeType === 2}}"> 选择月份 </view>
<view class="time" bind:tap="clickTime">
<view class="timeText" wx:if="{{timeType === 0}}"> {{yearMonthDay}} </view>
<view class="timeText" wx:elif="{{timeType === 1}}"> {{yearMonth}} </view>
@@ -63,7 +65,10 @@
</view>
<view wx:elif="{{queryType === 2}}">
<view class="tooltip">
账务余额更新时间为：每次预存电费后，每次账单发布后，剩余的实际金额。电表余额与账务余额相差较大的用户，每半年统一处理一次。
账务余额更新时间为：每次预存电费后，每次发布账单后剩余的实际金额。
</view>
<view class="tooltip">
计算公式：账务余额 = 初始余额 + 累充充值金额 - 电费
</view>
</view>
@@ -95,7 +100,7 @@
/>
</view>
<view class="sum">
合计：表计数量：{{meterNumber}}，耗电量：{{electricNumber}}
合计：表计数量：{{meterNumber}}，用电量：{{electricNumber}}
</view>
</view>
<view wx:if="{{queryType === 1}}">