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>
<view class="address"> <view class="address">
<view class="label"> <view class="label">
用电地址: 商户地址:
</view> </view>
<view class="value"> {{ detail.tenement.address }} </view> <view class="value"> {{ detail.tenement.address }} </view>
</view> </view>

View File

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

View File

@ -21,4 +21,21 @@
margin-bottom: 20rpx; margin-bottom: 20rpx;
text-align: center; text-align: center;
font-size: 32rpx; 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: [ meterReadingHeader: [
{ key: 'address', title: '电表地址', renderBody: (item) => item.meter?.address }, { key: 'address', title: '电表地址', renderBody: (item) => item.meter?.address },
{ title: '倍率', key: 'ratio' }, { title: '倍率', key: 'ratio' },
{ key: 'number', title: '抄表记录' }, { key: 'number', title: '当前表字' },
], ],
meterReadingList: [], meterReadingList: [],
yearMonthDayReading: dayjs().format("YYYY-MM-DD"), yearMonthDayReading: dayjs().format("YYYY-MM-DD"),

View File

@ -49,54 +49,102 @@
label="地址" label="地址"
readonly readonly
/> />
<van-field
value="{{ readingDetail.meter.code }}SN"
border="{{ false }}"
label="编号"
readonly
/>
<van-field <van-field
value="{{ readingDetail.readAt }}" value="{{ readingDetail.readAt }}"
border="{{ false }}" border="{{ false }}"
label="时间" label="时间"
readonly readonly
/> />
<van-field <van-field
value="{{ readingDetail.ratio }}" value="{{ readingDetail.ratio }}"
border="{{ false }}" border="{{ false }}"
label="倍率" label="倍率"
readonly readonly
/> />
<van-field <van-field
value="{{ readingDetail.number }}" value="{{ readingDetail.number }}"
border="{{ false }}" border="{{ false }}"
label="表字" label="当前表字(总)"
readonly readonly
wx:if="{{park.meter04kvType !== 1}}" wx:if="{{park.meter04kvType !== 1}}"
/> />
<van-field
value="{{ readingDetail.overall }}"
border="{{ false }}"
label="总用电量"
readonly
/>
<van-field <van-field
value="{{ readingDetail.sharp }}" value="{{ readingDetail.sharp }}"
border="{{ false }}" border="{{ false }}"
label="表字(尖)" label="当前表字(尖)"
readonly readonly
wx:if="{{park.meter04kvType === 1}}" wx:if="{{park.meter04kvType === 1}}"
/> />
<van-field
value="{{ readingDetail.sharpAmount }}"
border="{{ false }}"
label="尖用电量"
readonly
wx:if="{{park.meter04kvType === 1}}"
/>
<van-field <van-field
value="{{ readingDetail.peak }}" value="{{ readingDetail.peak }}"
border="{{ false }}" border="{{ false }}"
label="表字(峰)" label="当前表字(峰)"
readonly readonly
wx:if="{{park.meter04kvType === 1}}" wx:if="{{park.meter04kvType === 1}}"
/> />
<van-field
value="{{ readingDetail.peakAmount }}"
border="{{ false }}"
label="峰用电量"
readonly
wx:if="{{park.meter04kvType === 1}}"
/>
<van-field <van-field
value="{{ readingDetail.flat }}" value="{{ readingDetail.flat }}"
border="{{ false }}" border="{{ false }}"
label="表字(平)" label="当前表字(平)"
readonly readonly
wx:if="{{park.meter04kvType === 1}}" wx:if="{{park.meter04kvType === 1}}"
/> />
<van-field <van-field
value="{{ readingDetail.valley }}" value="{{ readingDetail.flatAmount }}"
border="{{ false }}" border="{{ false }}"
label="表字(谷)" label="平用电量"
readonly readonly
wx:if="{{park.meter04kvType === 1}}" 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> </van-cell-group>
</view> </view>

View File

@ -92,4 +92,11 @@ page {
content:""; content:"";
display:block; display:block;
clear:both 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}}"> <view class="timeQuery" wx:if="{{queryType === 0}}">
<van-row> <van-row>
<van-col span="8"> <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>
<van-col span="8"> <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>
<van-col span="8"> <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-col>
</van-row> </van-row>
</view> </view>
</view> </view>
<view wx:if="{{queryType === 0}}"> <view wx:if="{{queryType === 0}}">
<view class="tooltip"> <view class="tooltip">
不包括线损电量,显示为电表实际消耗电量。仅供参考,实际能耗电量以电费账单为主。如有疑问,请联系客服。 不包括线损电量,显示为电表实际消用电量。仅供参考,实际能用电量以电费账单为主。如有疑问,请联系客服。
</view> </view>
<view class="timeChooseWrapper"> <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="time" bind:tap="clickTime">
<view class="timeText" wx:if="{{timeType === 0}}"> {{yearMonthDay}} </view> <view class="timeText" wx:if="{{timeType === 0}}"> {{yearMonthDay}} </view>
<view class="timeText" wx:elif="{{timeType === 1}}"> {{yearMonth}} </view> <view class="timeText" wx:elif="{{timeType === 1}}"> {{yearMonth}} </view>
@ -63,7 +65,10 @@
</view> </view>
<view wx:elif="{{queryType === 2}}"> <view wx:elif="{{queryType === 2}}">
<view class="tooltip"> <view class="tooltip">
账务余额更新时间为:每次预存电费后,每次账单发布后,剩余的实际金额。电表余额与账务余额相差较大的用户,每半年统一处理一次。 账务余额更新时间为:每次预存电费后,每次发布账单后剩余的实际金额。
</view>
<view class="tooltip">
计算公式:账务余额 = 初始余额 + 累充充值金额 - 电费
</view> </view>
</view> </view>
@ -95,7 +100,7 @@
/> />
</view> </view>
<view class="sum"> <view class="sum">
合计:表计数量:{{meterNumber}}电量:{{electricNumber}} 合计:表计数量:{{meterNumber}}电量:{{electricNumber}}
</view> </view>
</view> </view>
<view wx:if="{{queryType === 1}}"> <view wx:if="{{queryType === 1}}">

View File

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

View File

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

View File

@ -4,18 +4,31 @@
"setting": { "setting": {
"compileHotReLoad": true, "compileHotReLoad": true,
"urlCheck": false, "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", "libVersion": "development",
"condition": { "condition": {
"miniprogram": { "miniprogram": {
"list": [ "list": [
{ {
"name": "childPackage/pages/billDetail/index", "name": "childPackage/pages/electricQuery/index",
"pathName": "childPackage/pages/billDetail/index", "pathName": "childPackage/pages/electricQuery/index",
"query": "id=R00103882183475201&time=2025-03", "query": "",
"launchMode": "default", "scene": null,
"scene": null "launchMode": "default"
}, },
{ {
"name": "childPackage/pages/electricQuery/index", "name": "childPackage/pages/electricQuery/index",
@ -23,69 +36,6 @@
"query": "", "query": "",
"launchMode": "default", "launchMode": "default",
"scene": null "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': case 'develop':
api = "http://localhost:8000" api = "http://localhost:8000"
// api = "https://zgd.hbhcbn.com/api3" // 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" // api = "http://127.0.0.1:4523/m1/4143821-0-default"
break; break;
// 体验版 // 体验版