沙盘演示系统应用的微信小程序
zuoxiao
2024-10-28 f66a9a2c565966e98720be5e20604c6f75030f82
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
<!--pages/home/home.wxml-->
<view class="base-wrapper">
 
  <view class="head-wrapper">
    <view class="head-top">
      <t-avatar class="avatar-example" image="{{image}}" size="120rpx" />
      <view class="head-text-wrapper">
        <text bind:tap="wxLogin">{{userName}}</text>
        <text wx:if="{{isLogin}}" class="head-bottom">{{userPhone}}</text>
      </view>
      <view class="head-button-wrapper">
        <text wx:if="{{isLogin}}" class="unbind" bind:tap="unbind">解绑</text>
        <text class="head-bottom" bind:tap="feedBack">联系客服</text>
      </view>
      <view class="scen-view" bind:tap="scenCode">
        <image class="scen-code" src="/images/scen_code.svg" />
        <text>扫码开阀</text>
      </view>
 
    </view>
  </view>
 
  <view class="center-wrapper">
    <view class="center-view" bind:tap="recharge">
      <image src="/images/wallet.svg" />
      <text>充值</text>
    </view>
    <view class="center-view" bind:tap="openValve">
      <image src="/images/valva.svg" />
      <text>开阀</text>
    </view>
    <view class="center-view" bind:tap="openValveList">
      <image src="/images/record.svg" />
      <text>开关阀记录</text>
    </view>
    <view class="center-view-question" bind:tap="feedBack">
      <image src="/images/question.svg" />
      <text>问题反馈</text>
    </view>
  </view>
 
 
  <view class="bottom-title">
    <view class="title-center">
      <text class="bottom-title-text">快速关阀</text>
      <image class="info-img" bind:tap="infoShow" src="/images/info.svg"></image>
    </view>
 
    <text class="refresh-button" bind:tap="startPullDownRefresh">刷新</text>
  </view>
  <view class="divider"></view>
  <!-- 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 wx:if="{{listData.length > 0}}" class="list-item" wx:for="{{listData}}" wx:key="index">
        <t-swipe-cell style="width: 100%;" class="swipe-cell-base">
          <view class="swipe-cell">
            <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  class="switch" data-item="{{item}}" bindchange="handleChange" value="{{true}}" label="{{['开', '关']}}" slot="note" /> -->
              <text class="item-button" bind:tap="handleChange" data-item="{{item}}">关阀</text>
            </view>
          </view>
          <view slot="right" class="delete-btn" bind:tap="onDelete" data-item="{{item}}">{{item.displayText}}</view>
        </t-swipe-cell>
      </view>
    </view>
 
 
    <view wx:if="{{listData.length === 0}}" class="noMore-View-home">
      <image class="noMore-img" src="/images/no_more.svg" />
      <text class="noMore-text">没有开泵记录</text>
    </view>
  </scroll-view>
 
  <t-dialog class="dialog" visible="{{showConfirm}}" content="确认关闭{{waterIntakeName}}吗?" confirm-btn="{{ { content: '确认', variant: 'base', theme: 'danger' } }}" close-on-overlay-click="false" cancel-btn="取消" bind:confirm="confirmDialog" bind:cancel="cancelDialog" />
  <t-dialog class="error-dialog" title="{{errorDialogTitle}}" visible="{{showErrorDialog}}" content="{{errorData}}" confirm-btn="{{ confirmBtn }}" bind:confirm="closeDialog" />
  <t-dialog visible="{{showForceConfirm}}" content="当前虚拟卡被占用,是否强制开阀?" confirm-btn="{{ { content: '强制开阀', variant: 'base', theme: 'danger' } }}" cancel-btn="取消" bind:confirm="confirmForceDialog" bind:cancel="cancelDialog" />
  <t-dialog visible="{{showInfoDialog}}" title="友情提示" confirm-btn="{{ confirmBtn  }}" bind:confirm="confirmBtnInfoDialog">
    <!-- 适配skyline,增加type="list" -->
    <scroll-view slot="content" type="list" scroll-y class="long-content">
      <view class="content-container">
      1.网络等不可抗力因素可能导致设备状态显示延迟或错误。
      2.当提示您操作失败后您可稍后尝试重新操作。
      3.在定时或定量开阀的预约式开阀过程中,系统仅显示取消状态。当用户点击取消时,程序会尝试执行取消操作,但可能因网络等不可抗力因素而失败。
      4.我们诚挚地邀请您通过意见反馈渠道提出宝贵的建议或意见。
      </view>
    </scroll-view>
  </t-dialog>
</view>