C端小程序显示优化

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

View File

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

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>

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

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"),

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>

View File

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

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

View File

@ -12,7 +12,7 @@
/>
<van-field
value="{{detail.meter.code}}"
label="电表编号"
label="电表Sn"
readonly
autosize="{{true}}"
type="textarea"

View File

@ -37,7 +37,15 @@
}
],
"minifyWXSS": true,
"ignoreUploadUnusedFiles": false
"ignoreUploadUnusedFiles": false,
"compileWorklet": false,
"minifyWXML": true,
"localPlugins": false,
"disableUseStrict": false,
"useCompilerPlugins": false,
"condition": false,
"swc": false,
"disableSWC": true
},
"editorSetting": {
"tabIndent": "insertSpaces",
@ -48,5 +56,7 @@
"ignore": [],
"include": []
},
"appid": "wxb34b4e70f8a5c6f1"
"appid": "wxb34b4e70f8a5c6f1",
"libVersion": "development",
"simulatorPluginLibVersion": {}
}

View File

@ -4,18 +4,31 @@
"setting": {
"compileHotReLoad": true,
"urlCheck": false,
"skylineRenderEnable": true
"skylineRenderEnable": true,
"coverView": true,
"lazyloadPlaceholderEnable": false,
"preloadBackgroundData": false,
"autoAudits": false,
"useApiHook": true,
"useApiHostProcess": true,
"showShadowRootInWxmlPanel": true,
"useStaticServer": false,
"useLanDebug": false,
"showES6CompileOption": false,
"checkInvalidKey": true,
"ignoreDevUnusedFiles": true,
"bigPackageSizeSupport": false
},
"libVersion": "development",
"condition": {
"miniprogram": {
"list": [
{
"name": "childPackage/pages/billDetail/index",
"pathName": "childPackage/pages/billDetail/index",
"query": "id=R00103882183475201&time=2025-03",
"launchMode": "default",
"scene": null
"name": "childPackage/pages/electricQuery/index",
"pathName": "childPackage/pages/electricQuery/index",
"query": "",
"scene": null,
"launchMode": "default"
},
{
"name": "childPackage/pages/electricQuery/index",
@ -23,69 +36,6 @@
"query": "",
"launchMode": "default",
"scene": null
},
{
"name": "pages/handleLogin/index",
"pathName": "pages/handleLogin/index",
"query": "",
"launchMode": "default",
"scene": null
},
{
"name": "pages/ticket/index",
"pathName": "pages/ticket/index",
"query": "",
"launchMode": "default",
"scene": null
},
{
"name": "pages/aid/consult/index",
"pathName": "pages/aid/consult/index",
"query": "",
"launchMode": "default",
"scene": null
},
{
"name": "pages/aid/law/index",
"pathName": "pages/aid/law/index",
"query": "",
"launchMode": "default",
"scene": null
},
{
"name": "pages/my/index",
"pathName": "pages/my/index",
"query": "",
"launchMode": "default",
"scene": null
},
{
"name": "childPackage/pages/electricQuery/index",
"pathName": "childPackage/pages/electricQuery/index",
"query": "",
"launchMode": "default",
"scene": null
},
{
"name": "pages/workBench/index",
"pathName": "pages/workBench/index",
"query": "",
"launchMode": "default",
"scene": null
},
{
"name": "pages/publicTransfer/index",
"pathName": "pages/publicTransfer/index",
"query": "money=50&meterId=METER00071009940341737&tenementId=T00069259189616641&tenementName=%E5%8D%8E%E6%98%8C%E5%AE%9D%E8%83%BD&park=P00070370277523457",
"launchMode": "default",
"scene": null
},
{
"name": "pages/special/index",
"pathName": "pages/special/index",
"query": "",
"launchMode": "default",
"scene": null
}
]
}

View File

@ -47,7 +47,7 @@ export function getConfigByEnv() {
case 'develop':
api = "http://localhost:8000"
// api = "https://zgd.hbhcbn.com/api3"
// api = "https://zgd.hbhcbn.com/wxApi"
// api = "https://zgd.hbhcbn.com/wxApi"
// api = "http://127.0.0.1:4523/m1/4143821-0-default"
break;
// 体验版