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">
            <text>洗衣服</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">
            <text>做完饭</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">
            打扫卧室
          </view>
          <view class="tasks-list-item">
            <text>打扫房间</text>
            <label  class="nogood">任务不详细</label>
            <view class="tasks-item-yes">
              <image mode="scaleToFill" src="/image/icon-no.png"/>
            </view>
          </view>
        </view>
        <!--没有任务-->
        <view  a:if="{{!isreminds}}">
          <view class="notasks">
            <text>还没有任务</text>
          </view>
        </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>
          <label a:for="{{cancellist}}"  a:key={{value}}>
            <radio value="{{item.value}}" checked="{{item.checked}}"/>{{item.label}}
          </label>
        </radio-group>
        <view class="cancel-left" onTap="hidecnacelbox" >
          取消
        </view>
        <view class="cancel-right">
          确认选择
        </view>
    </view>
  </modal>
</view>