<!--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" bind:tap="handleAvatarTap" />
|
<view class="head-text-wrapper">
|
<text bind:tap="wxLogin">{{userName}}</text>
|
<text class="head-bottom">{{userPhone}}</text>
|
</view>
|
<view class="head-button-wrapper">
|
<text 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" bind:tap="irrigation">
|
<image src="/images/irrigation.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>
|
<!-- 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}}" wx:for="{{listData}}" wx:key="index">
|
<t-swipe-cell>
|
<view class="swipe-cell">
|
<view class="list-item">
|
<view class="item-left">
|
<view class="left-intake-name">
|
<image class="item-img-left" src="/images/valve.svg" />
|
<text class="water-intake-name">{{item.intakeNum}}</text>
|
<image class="item-img" src="{{item.isOnLine ? '/images/wifi_no.svg' : '/images/wifi_off.svg'}}" />
|
</view>
|
<view class="left-time">
|
<image class="item-img" src="/images/time.svg" />
|
<text class="flow-time">{{item.time}}</text>
|
<text class="flow-rate">瞬时流量：{{item.waterInstant}} m³/h</text>
|
</view>
|
</view>
|
<view class="item-right">
|
<text class="item-button" bind:tap="handleChange" data-item="{{item}}">关阀</text>
|
</view>
|
</view>
|
</view>
|
<view slot="right" class="delete-btn" bind:tap="onDelete" data-item="{{item}}">{{item.deleteText}}</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" />
|
|
<!-- 使用微信原生弹窗组件 -->
|
<view class="project-modal" wx:if="{{showProjectDialog}}">
|
<view class="project-modal-mask"></view>
|
<view class="project-modal-content">
|
<view class="project-modal-header">
|
<text class="project-modal-title">请选择项目</text>
|
</view>
|
<view class="project-modal-body">
|
<scroll-view scroll-y class="project-scroll-view">
|
<radio-group class="project-radio-group" bindchange="onProjectChange">
|
<label wx:for="{{projectList}}" wx:key="index" class="project-radio {{selectedProject === item.key ? 'project-radio-selected' : ''}}">
|
<radio value="{{item.key}}" checked="{{selectedProject === item.key}}" color="#1890FF" />
|
<text>{{item.displayName}}</text>
|
</label>
|
</radio-group>
|
</scroll-view>
|
</view>
|
<view class="project-modal-footer">
|
<button class="project-modal-btn" disabled="{{!selectedProject}}" bindtap="handleProjectConfirm">确认</button>
|
</view>
|
</view>
|
</view>
|
<t-dialog class="dialog" title="通知结果" visible="{{showTipDialog}}" content="{{tipData}}" confirm-btn="{{ confirmBtn }}" bind:confirm="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">
|
<text class="content-container">
|
1.网络等不可抗力因素可能导致设备状态显示延迟或错误。（当进行了开阀或关阀操作后会有一定延时才可确认是否操作成功）
|
2.当提示您操作失败后您可稍后尝试重新操作。
|
3.在定时或定量开阀的预约式开阀后，只有阀门到达约定的时间成功开阀后未关阀记录才会显示。
|
4.我们诚挚地邀请您通过意见反馈渠道提出宝贵的建议或意见。
|
</text>
|
|
</view>
|
</scroll-view>
|
</t-dialog>
|
</view>
|
