开泵流程相关界面优化

zuoxiao

2024-05-30 910c37c43eceb27888b90631c868caa08f7eafcc

 pages/home/home.wxml

@@ -5,48 +5,59 @@
      <t-avatar class="avatar-example" image="{{image}}" size="120rpx" />
      <view class="head-text-wrapper">
        <text>{{userName}}</text>
        <text>{{userCode}}</text>
        <text class="head-bottom">{{userPhone}}</text>
      </view>
      <view class="head-button-wrapper">
        <text class="unbind">解绑</text>
        <text class="head-bottom">联系客服</text>
      </view>
    </view>
    <text class="balance-label">{{userBalance}}</text>
  </view>

  <view class="center-wrapper">
    <view class="center-view">
      <t-avatar image="{{image}}" size="80rpx" />
      <text>取水口</text>
    <view class="center-view" bind:tap="recharge">
      <image src="/images/wallet.svg" />
      <text>充值</text>
    </view>
    <view class="center-view" bind:tap="rechageTap">
      <t-avatar image="{{image}}" size="80rpx" />
      <text>充值缴费</text>
    <view class="center-view" bind:tap="openValve">
      <image src="/images/valva.svg" />
      <text>开阀</text>
    </view>
    <view class="center-view">
      <t-avatar image="{{image}}" size="80rpx" />
      <text>用水记录</text>
    <view class="center-view" bind:tap="openValveList">
      <image src="/images/record.svg" />
      <text>开关阀记录</text>
    </view>
    <view class="center-view">
      <t-avatar image="{{image}}" size="80rpx" />
    <view class="center-view" bind:tap="feedBack">
      <image src="/images/question.svg" />
      <text>问题反馈</text>
    </view>
  </view>


  <view class="bottom-title">
    <text>常用的取水口</text>
    <text class="bottom-title-text">快速关阀</text>
    <text class="refresh-button" bind:tap="startPullDownRefresh">刷新</text>
  </view>
  <scroll-view class="scroll-view" scroll-y="true">
  <view class="scroll-bg">
    <view class="list-item" wx:for="{{listData}}" wx:for-item="item" wx:for-index="index">
      <text>{{item.name}}</text>
      <view class="list-item-piping">
        <image src="/images/piping.png"></image>
        <text>{{item.code}}</text>
      </view>
      <view>
        <t-switch bindchange="handleChange" value="{{defaultVal}}" label="{{['开', '关']}}" slot="note" />
  <!-- refresher-enabled="true" refresher-threshold="50" -->
  <scroll-view class="scroll-view" scroll-x="false" scroll-y="true" refresher-enabled="{{isRefreshing==false?true:false}}" refresher-threshold="50" bindrefresherrefresh="onPullDownRefresh" refresher-triggered="{{isWXRefreshing}}">
    <view wx:if="{{isRefreshing}}" class="refresh-view">
      <view class="dot"></view>
      <view class="dot"></view>
      <view class="dot"></view>
    </view>
    <view class="scroll-bg">
      <view class="list-item" wx:for="{{listData}}" wx:for-item="item" wx:for-index="index">
        <view class="item-left">
          <!-- <image class="item-img" src="/images/pipeline.svg" /> -->
          <text>{{item.intakeNum}}</text>
          <image class="item-img" src="{{item.isOnLine ? '/images/wifi_no.svg' : '/images/wifi_off.svg'}}" />
        </view>
        <view>
          <t-switch wx:if="{{item.isOnLine }}" class="switch" data-item="{{item}}" bindchange="handleChange" value="{{true}}" label="{{['开', '关']}}" slot="note" />
        </view>
      </view>
    </view>
  </view>
  </scroll-view>
  <t-dialog class="t-dialog" visible="{{showConfirm}}" content="确认关闭{{waterIntakeName}}吗？" confirm-btn="{{ { content: '确认', variant: 'base', theme: 'danger' } }}" close-on-overlay-click="false" cancel-btn="取消"  bind:confirm="confirmDialog" bind:cancel="closeDialog" />

</view>