更新SVG图标样式，优化灌溉计划和取水口页面逻辑，添加状态处理和信息提示功能；调整界面样式，提升用户体验。

zuoxiao

2025-04-09 50433e86b718fab0d94ea1410724b29b5f53fa0a

 pages/home/home.wxml

@@ -1,16 +1,22 @@
<!--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" bind:tap="feedBack">解绑</text>
        <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>

@@ -27,15 +33,18 @@
      <image src="/images/record.svg" />
      <text>开关阀记录</text>
    </view>
    <view class="center-view" bind:tap="feedBack">
      <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>
@@ -47,7 +56,7 @@
      <view class="dot"></view>
    </view>
    <view class="scroll-bg">
      <view  wx:if="{{listData.length > 0}}" 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.intakeNum}}</text>
@@ -64,6 +73,57 @@
      <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="closeDialog" />
  <t-dialog class="error-dialog"  title="关阀错误" visible="{{showErrorDialog}}" content="{{errorData}}" confirm-btn="{{ confirmBtn }}" bind:confirm="closeDialog" />

  <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，增加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>