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}}" a:for="{{taskList}}" key="{{index}}">
        <view class="tasks-list-item" a:if="{{item.state == 0}}">
          <text> {{item.itemName}}</text>
          <view class="tasks-item-yes">
            <image mode="scaleToFill" src="/image/icon-yes.png"/>
          </view>
          <view class="tasks-item-no" onTap="showcancel">
            <image mode="scaleToFill" src="/image/icon-no.png"/>
          </view>
        </view>
        <view class="tasks-list-item" a:if="{{item.state == 1}}">
          <text> {{item.itemName}}</text>
          <view class="tasks-item-yes">
            <image mode="scaleToFill" src="/image/icon-yes.png"/>
          </view>
        </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="请输入" onInput="bindKeyInput" name="cost" />
          <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>