开始做充值，，调整了首页

pages/home/index.js

@@ -1,6 +1,7 @@
+import { getMeterDetail, getMeterList, getTenementMeterList } from "../../service/meter";
 import { getOwnTenementList } from "../../service/tenement";
 import { getUserInfo } from "../../service/user";
-import { alertInfo } from "../../utils/index";
+import { alertError, alertInfo } from "../../utils/index";
 import request from '../../utils/request';
 const { OK } = request;
 // pages/home/index.js
@@ -16,7 +17,9 @@ Page({
     tenement: {},
     show: false,
     columns: [],
-    pickerType: ""
+    pickerType: "",
+    meterList: [],
+    meterIndex: 0,
   },
   
   /**
@@ -46,9 +49,35 @@ Page({
    */
   onReady() {
 
+  },
+  async changeMeter() {
+    const { meterList = [], meterIndex, tenement = {} } = this.data;
+    let newIndex = meterIndex + 1;
+    if (newIndex === meterList.length) {
+      newIndex = 0;
+    }
+    const { code, message, data } = getMeterDetail({ code: meterList[newIndex]?.code, tenement: tenement.id })
+    if (code !== OK) {
+      alertInfo(message)
+      return
+    }
+    meterList[newIndex] = { ...data.meter, money: data.money };
+    this.setData({
+      meterIndex: newIndex,
+      meterList
+    })
+  },
+  async refreshMeter() {
+    const { meterIndex } = this.data;
+    const { code, message, data } = getMeterDetail({ code: meterList[newIndex].id, tenement: tenement.id })
+    if (code !== OK) {
+      alertInfo(message)
+      return
+    }
+    meterList[meterIndex] = { ...data.meter, money: data.money };
+    this.setData({ meterList })
   },
   onOk(e) {
-    // console.log('e', e)
     const { type, index, value } = e.detail;
     const  currentPark = this.data.park;
     if (type === "park") {
@@ -109,6 +138,7 @@ Page({
     this.watchTenement();
   },
   watchTenement() {
+    const that = this;
     let value = this.data.tenement; // 获取被监听属性的当前值
  
     // 使用 Object.defineProperty 方法在数据对象上定义属性的 getter 和 setter
@@ -121,17 +151,30 @@ Page({
       set: function (newVal) {
         const oldValue = value;
         value = newVal;
+        // that.getMeters(newVal);
       }
     });
   },
-  async setUser() {
-    const result = await getUserInfo();
-    if (result.code !== OK) {
-      alertInfo(result.message)
+  async getMeters({ id }) {
+    const { code, message, data } = await getTenementMeterList(id);
+    if (code !== OK) {
+      alertError(message)
       return;
     }
-    this.setData({ user: result.data })
-    wx.setStorageSync('user', result.data)
+    this.setData({
+      meterList: data || []
+    })
+  },
+  async setUser() {
+    // const result = await getUserInfo();
+    // if (result.code !== OK) {
+    //   alertInfo(result.message)
+    //   return;
+    // }
+    // this.setData({ user: result.data })
+    // wx.setStorageSync('user', result.data)
+    const user = wx.getStorageSync('user')
+    this.setData({ user: user })
   },
   async getAllList() {
     const { code, message, data } = await getOwnTenementList()
@@ -157,7 +200,14 @@ Page({
       ...updateDatas
     })
   },
-  
+  jumpToRecord() {
+    wx.navigateTo({
+      url: '/pages/rechargeRecord/index',
+    })
+  },
+  jumpToOrder() {
+    alertInfo("尚未完成")
+  },
   /**
    * 生命周期函数--监听页面隐藏
    */

pages/home/index.json

@@ -6,7 +6,9 @@
     "van-image": "@vant/weapp/image/index",
     "avatar": "/components/avatar/index",
     "van-field": "@vant/weapp/field/index",
-    "picker": "/components/picker/index"
+    "picker": "/components/picker/index",
+    "van-grid": "@vant/weapp/grid/index",
+    "van-grid-item": "@vant/weapp/grid-item/index"
   },
   "navigationStyle": "custom"
 }

pages/home/index.wxml

@@ -2,10 +2,10 @@
 <page-meta page-style="{{ show ? 'overflow: hidden;' : '' }}" />
 <view>
   <view class="top">
-  <custom-status-bar />
+  <custom-status-bar transparent="{{true}}" />
   <view class="chooseParkWrapper">
-    用电管理服务 ·
-    <view class="parkContent" bind:tap="choosePark">
+    用电管理服务 · 
+    <view class="parkContent" bind:tap="choosePark" wx:if="{{park.id}}">
       <view class="park">
         {{park.name}}
       </view>
@@ -19,7 +19,7 @@
   </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>
+  <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 }}" />
@@ -34,7 +34,7 @@
       <view class="cardTopLeft">
         <view> 华昌宝能 - 软c307 </view>
       </view>
-      <van-button type="info" size="small" plain="{{true}}" class="loginBtn">
+      <van-button type="info" size="small" plain="{{true}}" class="loginBtn" bind:click="changeMeter">
         <van-icon name="exchange" />
         切换电表
       </van-button>
@@ -52,7 +52,7 @@
         <view class="cardItemLabel"> 电表余额： </view>
         <view class="cardItemValue">
           <view class="text"> 200 </view>
-          <van-button type="info" size="small" plain="{{true}}">
+          <van-button type="info" size="small" plain="{{true}}" bind:click="refreshMeter">
             <van-icon name="replay" />
             刷新
           </van-button>
@@ -82,6 +82,17 @@
   <view class="operate">
     <van-button color="rgb(88, 165, 141)" block>去缴费</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="去开票" />
+    </van-grid>
+  </view>
 
 </view>
 </view>

pages/home/index.wxss

@@ -128,4 +128,11 @@
 .moneyInput {
   margin-top: 30rpx;
   margin-bottom: 30rpx;
+}
+
+.others {
+  margin-left: 46rpx;
+  margin-right: 46rpx;
+  margin-top: 40rpx;
+  margin-bottom: 40rpx;
 }