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

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;
}