tbServantMini_cloud/client/pages/servant/taskreminder/taskreminder.axml

<view class="tasks-page">
  <!---客户信息-->
  <view class="tasks-head">
    <view class="cell-title">
      <label>王阿姨</label>
      <view class="cell-right">
        <image mode="scaleToFill" src="/image/switch-grey.png"/>
        <label>切换到其他家庭</label>
      </view>
    </view>
    <view class="cell-list">
      <label>周一▪</label>
      <label>周二▪</label>
      <label>周三▪</label>
      <label>周四▪</label>
      <label>周五▪</label>
      <label>周六▪</label>
      <label>周日</label>
    </view>
    <view class="cell-type">
          保姆工种：
      <label>钟点工</label>
    </view>
  </view>
  <!---一周任务查看器-->
  <view class="tasks-line">
    <view class="common-page-padding tasks-tik">
      <view class="tik-title">
        <label>今天</label>
        <view class="tik-right" onTap="showtime">
          <image mode="scaleToFill" src="/image/icon-calendar.png"/>
          <label>查看其它日期</label>
        </view>
      </view>
      <view class="tik-week" a:for="{{datelist}}" key="{{index}}">
        <view class="tik-week-item {{item.cssName}}" onTap="changeWeekTime" data-id="{{id}}">
          <view>{{item.title}}</view>
          <view>{{item.day}}
            <text a:if={{item.cssName}}>\n▪</text>
          </view>
        </view>
      </view>
    </view>
    <!--任务列表-->
    <view class="common-page-padding tasks-list">
      <view class="cell-title">
        <label>任务提醒</label>
        <!--<view class="tik-right"><image mode="scaleToFill" src="/image/icon-edit.png"/><label>编辑每日任务</label></view> -->
      </view>
      <!--有提醒任务-->
      <view a:if="{{isreminds}}">
        <view class="tasks-list-item" a:for="{{taskList}}" key="{{index}}">
          <text a:if="{{item.state == 0}}"> {{item.itemName}}</text>
          <view class="tasks-item-yes" a:if="{{item.state == 0}}">
            <image mode="scaleToFill" src="/image/icon-yes.png"/>
          </view>
          <view class="tasks-item-no" onTap="showcancel" a:if="{{item.state == 0}}">
            <image mode="scaleToFill" src="/image/icon-no.png"/>
          </view>
          <view class="tasks-list-item" a:if="{{item.state == 1}}">
            <text> {{item.itemName}}</text>
            <image src="/image/icon-yes.png"/>
          </view>
          <view class="tasks-list-item" a:if="{{item.state == 2}}">
            <text> {{item.itemName}}</text>
            <label class="nogood" a:if="{{item.incompleteReason == 1}}">任务太多</label>
            <label class="nogood" a:if="{{item.incompleteReason == 2}}">我不会</label>
            <label class="nogood" a:if="{{item.incompleteReason == 3}}">任务不详细</label>
            <view class="tasks-item-yes">
              <image mode="scaleToFill" src="/image/icon-no.png"/>
            </view>
          </view>
        </view>
      </view>
      <!--没有任务-->
      <view a:if="{{!isreminds}}">
        <view class="notasks">
          <text>还没有任务</text>
        </view>
      </view>
      <!---没有任务花销计算不显示-->
      <view a:if="{{isreminds}}" class="tast-moneybox">
        <view class="tasks-list-money">
          <view class="tasks-list-pay">今日花销合计</view>
          <view class="tasks-list-pay-right">
            <input placeholder="请输入"/>
            <text>元</text></view>
        </view>
        <view class="tasks-set">
          <button type="primary" hover-class="active-button" onTap="createServant">提交</button>
        </view>
      </view>
    </view>
    <!---弹出日历--->
    <modal show="{{showchangetime}}">
      <calendar type="single" onSelect="handleSelect" />
    </modal>
    <!--弹出取消原因-->
    <modal show="{{showcancelbox}}">
      <view class="cancel-box">
        <text>取消原因</text>
        <radio-group class="radio-group weui-input">
          <label a:for="{{cancellist}}" a:key={{value}}>
            <radio value="{{item.value}}" class="radio" checked="{{item.checked}}"/>{{item.label}}
          </label>
        </radio-group>
      </view>
      <view class="am-modal-buttons--vertical" onTap="hidecnacelbox">
      取消
      </view>
      <view class="am-modal-buttons--vertical">
      确认选择
      </view>
    </modal>
  </view>