89 lines
3.1 KiB
Plaintext
89 lines
3.1 KiB
Plaintext
<!--pages/home/index.wxml-->
|
|
<page-meta page-style="{{ show ? 'overflow: hidden;' : '' }}" />
|
|
<view>
|
|
<view class="top">
|
|
<custom-status-bar />
|
|
<view class="chooseParkWrapper">
|
|
用电管理服务 ·
|
|
<view class="parkContent" bind:tap="choosePark">
|
|
<view class="park">
|
|
{{park.name}}
|
|
</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.nickName }}" />
|
|
<view>
|
|
<van-button type="info" size="small" plain="{{true}}" class="loginBtn" bind:click="chooseTenement">{{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>
|
|
</view>
|
|
<picker show="{{show}}" valueKey="name" columns="{{columns}}" bind:ok="onOk" bind:cancel="onCancel" type="{{pickerType}}" />
|