83 lines
2.9 KiB
Plaintext
83 lines
2.9 KiB
Plaintext
<!--pages/home/index.wxml-->
|
|
<view class="top">
|
|
<custom-status-bar />
|
|
<view class="chooseParkWrapper">
|
|
用电管理服务 ·
|
|
<view class="parkContent">
|
|
<view class="park">
|
|
金石工业园
|
|
</view>
|
|
<van-icon name="arrow-down" style="margin-left: 16rpx;" />
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<custom-status-bar />
|
|
<view class="chooseParkWrapper">
|
|
|
|
</view>
|
|
<view class="login" wx:if="{{!user || !user.id}}" class="notLoginWrapper">
|
|
<van-image width="100rpx" height="100rpx" src="/assets/images/defaultAvatar.png" class="defaultAvatar"/>
|
|
<van-button type="info" size="small" plain="{{true}}" class="loginBtn" bind:tap="jumpToLogin">请登录</van-button>
|
|
</view>
|
|
<view class="logined" wx:else>
|
|
<avatar text="{{ user.tenement.name.slice(0,2) }}" />
|
|
<view>
|
|
<van-button type="info" size="small" plain="{{true}}" class="loginBtn" >{{user.tenement.name}} <van-icon name="arrow-down" style="margin-left: 16rpx;" /></van-button>
|
|
<view class="welcome"> 欢迎使用华昌宝能用电管理系统! </view>
|
|
</view>
|
|
</view>
|
|
<view class="rechargeWrapper">
|
|
<view class="card">
|
|
<view class="cardTop">
|
|
<view class="cardTopLeft">
|
|
<view> 华昌宝能 - 软c307 </view>
|
|
</view>
|
|
<van-button type="info" size="small" plain="{{true}}" class="loginBtn">
|
|
<van-icon name="exchange" />
|
|
切换电表
|
|
</van-button>
|
|
</view>
|
|
<view class="cardContent">
|
|
<view class="cardItem">
|
|
<view class="cardItemLabel"> 电表编号: </view>
|
|
<view class="cardItemValue"> 15151515 </view>
|
|
</view>
|
|
<view class="cardItem">
|
|
<view class="cardItemLabel"> 电表地址: </view>
|
|
<view class="cardItemValue"> 软C307 </view>
|
|
</view>
|
|
<view class="cardItem">
|
|
<view class="cardItemLabel"> 电表余额: </view>
|
|
<view class="cardItemValue">
|
|
<view class="text"> 200 </view>
|
|
<van-button type="info" size="small" plain="{{true}}">
|
|
<van-icon name="replay" />
|
|
刷新
|
|
</van-button>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="recharge">
|
|
<view> 请输入金额: </view>
|
|
<view class="moneyBox">
|
|
<view class="money" bind:tap="changeMoney" data-money="30"> ¥30 </view>
|
|
<view class="money" bind:tap="changeMoney" data-money="50"> ¥50 </view>
|
|
<view class="money" bind:tap="changeMoney" data-money="100"> ¥100 </view>
|
|
<view class="money" style="margin-right: 0;" bind:tap="changeMoney" data-money="200"> ¥200 </view>
|
|
</view>
|
|
<view class="moneyInput">
|
|
<van-field
|
|
value="{{ money }}"
|
|
placeholder="请输入充值金额"
|
|
border="{{true}}"
|
|
bind:change="onChangeMoney"
|
|
size="large"
|
|
type="number"
|
|
/>
|
|
</view>
|
|
</view>
|
|
<view class="operate">
|
|
<van-button color="rgb(88, 165, 141)" block>去缴费</van-button>
|
|
</view>
|
|
</view> |