From 50433e86b718fab0d94ea1410724b29b5f53fa0a Mon Sep 17 00:00:00 2001 From: zuoxiao <zuoxiao> Date: 星期三, 09 四月 2025 15:11:26 +0800 Subject: [PATCH] 更新SVG图标样式,优化灌溉计划和取水口页面逻辑,添加状态处理和信息提示功能;调整界面样式,提升用户体验。 --- pages/home/home.wxml | 95 ++++++++++++++++++++++++++++++++++++++++------- 1 files changed, 81 insertions(+), 14 deletions(-) diff --git a/pages/home/home.wxml b/pages/home/home.wxml index ca7bc1b..513fc93 100644 --- a/pages/home/home.wxml +++ b/pages/home/home.wxml @@ -1,21 +1,27 @@ <!--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" /> + <t-avatar class="avatar-example" image="{{image}}" size="120rpx" bind:tap="handleAvatarTap" /> <view class="head-text-wrapper"> - <text>{{userName}}</text> + <text bind:tap="wxLogin">{{userName}}</text> <text class="head-bottom">{{userPhone}}</text> </view> <view class="head-button-wrapper"> - <text class="unbind">瑙g粦</text> - <text class="head-bottom">鑱旂郴瀹㈡湇</text> + <text class="unbind" bind:tap="unbind">瑙g粦</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"> + <view class="center-view" bind:tap="recharge"> <image src="/images/wallet.svg" /> <text>鍏呭��</text> </view> @@ -23,21 +29,25 @@ <image src="/images/valva.svg" /> <text>寮�闃�</text> </view> - <view class="center-view"> + <view class="center-view" bind:tap="openValveList"> <image src="/images/record.svg" /> <text>寮�鍏抽榾璁板綍</text> </view> - <view class="center-view"> - <image src="/images/question.svg" /> - <text>闂鍙嶉</text> + <view class="center-view" bind:tap="irrigation"> + <image src="/images/irrigation.svg" /> + <text>杞亴</text> </view> </view> <view class="bottom-title"> - <text class="bottom-title-text">蹇�熷叧闃�</text> + <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"> @@ -46,17 +56,74 @@ <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 wx:if="{{listData.length > 0}}" class="list-item" wx:for="{{listData}}" wx:key="index"> <view class="item-left"> <!-- <image class="item-img" src="/images/pipeline.svg" /> --> - <text>{{item.name}}</text> - <image class="item-img" src="/images/wifi_no.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" bindchange="handleChange" value="{{true}}" label="{{['寮�', '鍏�']}}" slot="note" /> + <!-- <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> + <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"> + + <radio-group class="project-radio-group" bindchange="onProjectChange"> + <label class="project-radio {{selectedProject === 'JYG' ? 'project-radio-selected' : ''}}"> + <radio value="JYG" checked="{{selectedProject === 'JYG'}}" color="#1890FF" /> + <text>鍢夊唱鍏抽」鐩�</text> + </label> + <label class="project-radio {{selectedProject === 'MQ' ? 'project-radio-selected' : ''}}"> + <radio value="MQ" checked="{{selectedProject === 'MQ'}}" color="#1890FF" /> + <text>姘戝嫟椤圭洰</text> + </label> + <label class="project-radio {{selectedProject === 'TEST' ? 'project-radio-selected' : ''}}"> + <radio value="TEST" checked="{{selectedProject === 'TEST'}}" color="#1890FF" /> + <text>娴嬭瘯椤圭洰</text> + </label> + <label class="project-radio {{selectedProject === 'SCHOOL' ? 'project-radio-selected' : ''}}"> + <radio value="SCHOOL" checked="{{selectedProject === 'SCHOOL'}}" color="#1890FF" /> + <text>瀛︽牎椤圭洰</text> + </label> + </radio-group> + </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锛屽鍔爐ype="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> \ No newline at end of file -- Gitblit v1.8.0