104 lines
4.1 KiB
Plaintext
104 lines
4.1 KiB
Plaintext
<!--pages/home/index.wxml-->
|
|
<page-meta page-style="{{ show ? 'overflow: hidden;' : '' }}" />
|
|
<view>
|
|
<view class="top">
|
|
<custom-status-bar transparent="{{true}}" />
|
|
<view class="chooseParkWrapper">
|
|
用电管理服务 ·
|
|
<view class="parkContent" bind:tap="choosePark" wx:if="{{park.id}}">
|
|
<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="primary" 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">{{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 wx:if="{{user.id}}"> 华昌宝能 - 软c307 </view>
|
|
<view wx:else> -- </view>
|
|
</view>
|
|
<van-button type="info" size="small" plain="{{true}}" class="loginBtn" bind:click="changeMeter" wx:if="{{user.id}}">
|
|
<van-icon name="exchange" />
|
|
切换电表
|
|
</van-button>
|
|
</view>
|
|
<view class="cardContent">
|
|
<view class="cardItem">
|
|
<view class="cardItemLabel"> 电表编号： </view>
|
|
<view class="cardItemValue" wx:if="{{user.id}}"> {{meter.code}} </view>
|
|
<view class="cardItemValue" wx:else> -- </view>
|
|
</view>
|
|
<view class="cardItem">
|
|
<view class="cardItemLabel"> 电表地址： </view>
|
|
<view class="cardItemValue" wx:if="{{user.id}}"> {{meter.address}} </view>
|
|
<view class="cardItemValue" wx:else> -- </view>
|
|
</view>
|
|
<view class="cardItem">
|
|
<view class="cardItemLabel"> 电表余额： </view>
|
|
<view class="cardItemValue">
|
|
<view class="text" wx:if="{{user.id}}"> {{meter.money}} </view>
|
|
<view class="text" wx:else> --- </view>
|
|
<van-button type="info" size="small" plain="{{true}}" bind:click="refreshMeter" wx:if="{{user.id}}">
|
|
<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 bind:click="recharge">去缴费</van-button>
|
|
</view>
|
|
<view class="others">
|
|
<van-grid direction="horizontal" column-num="2">
|
|
<van-grid-item icon="balance-list-o" text="电费账单" bind:click="jumpToOrder">
|
|
<!-- <view slot="icon"> 111 </view> -->
|
|
<!-- <van-icon slot="icom" name="balance-list-o" /> -->
|
|
</van-grid-item>
|
|
<van-grid-item icon="after-sale" text="缴费记录" bind:click="jumpToRecord" />
|
|
<van-grid-item icon="bar-chart-o" text="用电查询" />
|
|
<van-grid-item icon="bill-o" text="去开票" bind:click="jumpToInvoice" />
|
|
</van-grid>
|
|
</view>
|
|
|
|
</view>
|
|
</view>
|
|
<picker show="{{show}}" valueKey="name" columns="{{columns}}" bind:ok="onOk" bind:cancel="onCancel" type="{{pickerType}}" />
|