jzlife_wx_servant/pages/upgrade/serviceOrder/serviceOrder.wxml

<wxs src="../../../utils/format.wxs" module="format" />
<view class="whole-page">
    <!-- 日历-月维度 -->
    <!-- wx:if="{{!stickShow}}" -->
    <view class="calendar-wrapper" >
       <view class="month-title">
         <view class="month-title-left">
           <view>工作日历</view>
           <image mode="aspectFit" src="/static/images/upgrade/icon-calendar.png"></image>
         </view>
         <view class="month-title-right">
            <block >
            <image bindtap="lastMonth" mode="aspectFit" src="/static/images/upgrade/icon-arrow-left.png"></image>
             <view  bindtap="lastMonth" class="last-month">上月</view>
            </block>
            <block >
            <view class="next-month" bindtap="nextMonth">
            下月</view>
            <image bindtap="nextMonth" mode="aspectFit" src="/static/images/upgrade/icon-arrow-right.png"></image>
          </block>
         </view>
          
       </view>
       <view class="current-month">
       {{currentMonth}}
       </view>
       <view class="month-board-wrapper">
         <view class="date-board">
            <view class="date-order-left">
              <view class="month-order-item">
                <view class="number">{{monthInfo.finishWorkerOrder}}</view>
              <view>完成工单</view></view>
              <view class="month-order-item">
                <view class="number">{{monthInfo.orderBonus}}</view>
              <view>工单计提</view></view>
            
            </view>
            <view class="date-order-right">
                <view class="data-item red" bindtap="goIssueTicket">
                <view class="num">{{monthInfo.questionNum}}</view>
                <view class="item-tag ">问 题
                </view>
                </view>
                <view class="data-item green">
                <view class="num">{{monthInfo.looseOrder}}</view>
                <view class="item-tag red">单 次
                </view>
                </view>

                <view class="data-item blue">
                <view class="num">{{monthInfo.cycleOrder}}</view>
                <view class="item-tag red">周 期
                </view>
                </view>
                <view class="data-item yellow">
                <view class="num">{{monthInfo.rebuyBonus}}</view>
                <view class="item-tag ">复购奖励
                </view>
                </view>
                <view class="data-item yellow">
                <view class="num">{{monthInfo.looseRebuyNum}}</view>
                <view class="item-tag ">散单复购
                </view>
                </view>
                <view class="data-item yellow">
                <view class="num">{{monthInfo.cycleRebuyNum}}</view>
                <view class="item-tag ">周期复购
                </view>
                </view>
            
            </view>
         </view>
      </view>
       <view class="whole-calendar">
         <view class="{{currentDay==item1.day?'selected-calendar':''}} calendar-item" wx:for="{{workerDayInfoList}}" wx:for-item="item1"  bindtap="switchDay" data-day="{{item1.day}}" wx:key="index1" wx:for-index="index1">
           <view class="calendar-week" wx:if="{{index1<=6}}">
             {{item1.dayOfWeek}}
           </view>
           <view class="calendar-day">
           {{format.substrText(item1.day,8,10)}}</view>
           <view class="selected-dot">
           </view>
           <!-- 工单列表 -->
           <view class="calendar-order-item"  wx:for="{{item1.workerDayTradeInfoList}}" wx:key="index2" wx:for-item="item2" wx:for-index="index2">
            <view class="eval-wrapper">
             <image mode="aspectFit"
              src="/static/images/upgrade/icon-cp.png" wx:if="{{item2.evaltionType=='差评'}}"></image>
              <image mode="aspectFit"
              src="/static/images/upgrade/icon-hp.png" wx:if="{{item2.evaltionType=='好评'}}"></image>
             </view>
             <view class="{{item2.itemType=='保洁周期'?'pl':''}} time  {{item2.tradeStatus!='服务已完成'?'no-finish':''}}">{{format.substrText(item2.startTime,0,5)}}</view>
            
           </view>
         </view>
       </view>
        <!-- 折叠收起 -->
    <view wx:if="{{!calcendarFold}}" class="fold-calcendar" bindtap="calcendarCollapse">
       <image mode="aspectFit" src="/static/images/upgrade/icon-unfold.png"></image>
        <view>收起</view>
    </view>
    <view wx:else class="fold-calcendar" bindtap="calcendarCollapse">
      <image mode="aspectFit" src="/static/images/upgrade/icon-fold.png"></image>
        <view>展开</view>
    </view>

    </view>

   
  
   <!-- 日历-日维度 -->
   <!-- wx:if="{{stickShow}}" -->
   <van-sticky  >
      <!-- 日期 -->
      <view class="current-date">
      <view class="day">{{currentDay}}</view>
      <view class="today" wx:if="{{currentDay==today}}">今天</view>
     
      </view>
      <view class="date-board-wrapper">
         <view class="date-board">
            <view class="date-order-left">
              <view class="number">{{dayCalendar.finishWorkerOrder}}</view>
              <view>完成工单</view>
            </view>
            <view class="date-order-right">
                <view class="data-item red" bindtap="goIssueTicket">
                <view class="num">{{dayCalendar.questionNum}}</view>
                <view class="item-tag ">问 题
                </view>
                </view>
                <view class="data-item green">
                <view class="num">{{dayCalendar.looseOrder}}<text>/{{dayCalendar.looseOrderCount}}</text></view>
                <view class="item-tag red">单 次
                </view>
                </view>

                <view class="data-item blue">
                <view class="num">{{dayCalendar.cycleOrder}}<text>/{{dayCalendar.cycleOrderCount}}</text></view>
                <view class="item-tag red">周 期
                </view>
                </view>
                <view class="data-item yellow">
                <view class="num">{{dayCalendar.rebuyNum}}</view>
                <view class="item-tag ">复 购
                </view>
                </view>
                <view class="data-item yellow">
                <view class="num">{{dayCalendar.looseRebuyNum}}</view>
                <view class="item-tag ">散单复购
                </view>
                </view>
                <view class="data-item yellow">
                <view class="num">{{dayCalendar.cycleRebuyNum}}</view>
                <view class="item-tag ">周期复购
                </view>
                </view>
            
            </view>
         </view>
      </view>

   </van-sticky>
   <!-- 请假 -->
   <view class="leave-fold" bindtap="leaveFold">
       <view class="fold-left">请假记录</view>
       <view class="fold-right">
           <view class="leave-num">{{dayCalendar.leaveNum}}</view>
           <image mode="aspectFit" src="{{isLeaveFold?'/static/images/upgrade/icon-leave-right.png':'/static/images/upgrade/icon-leave-down.png'}}"></image>

       </view>
   </view>
   <view class="leave-block" wx:if="{{!isLeaveFold}}">
     <view class="leave-item" wx:for="{{dayCalendar.askForLeaveDTOS}}" wx:key="index">
         <view class="leave-title">
            <image mode="aspectFit" src="/static/images/upgrade/icon-qjsq.png">
            </image>
            <view>请假申请</view>

         </view>
         <view class="leave-content">
            <view class="leave-line">
                <view>请假时间：</view>
                <view>{{item.leaveStartTime}}-{{item.leaveEndTime}}</view>
            </view>
            <view class="leave-line">
                <view>申请状态：</view>
                <view>{{item.stateName}}</view>
            </view>
            <view class="leave-line">
                <view>申请时间：</view>
                <view>{{item.createTime}}</view>
            </view>
            <view class="leave-line">
                <view>请假类型：</view>
                <view>{{item.leaveTypeName}}</view>
            </view>
            <view class="leave-line">
                <view>请假理由：</view>
                <view>{{item.leaveReason}}</view>
            </view>
            <view class="leave-line">
                <view>审批备注：</view>
                <view>{{item.auditComment}}</view>
            </view>
         </view>
     </view>
   </view>
   <!-- 服务工单 -->
 <view class="service-order {{item.status=='已取消'?'cancel-order':''}}" wx:for="{{dayCalendar.workerOrderInfoDTOList}}" wx:key="index">
     <view class="service-title">
       <view class="ser-title-left">
          <image mode="aspectFit"  src="{{item.status=='已取消'?'/static/images/upgrade/order.png':'/static/images/upgrade/order@selected.png'}}"></image>
          <view>服务工单</view>
       </view>
       <view class="ser-title-right" wx:if="{{!format.indexOf(item.bookTradeNo,'JZ')}}">
        <image mode="aspectFit" src="/static/images/upgrade/icon-hm.png"></image>
          <view>盒马</view>
       </view>
     </view>
     <view class="related-info" wx:if="{{item.status!='已取消'}}">
       <view class="column">
         <view class="title">相关信息</view>
         <view>客户剩余总服务次数：{{item.cusRemain}}次</view>
       </view>
       <!-- 消息 -->
       <view class="notice" wx:if="{{item.rebuySpeach!=''}}">
       <image mode="aspectFit" src="/static/images/upgrade/icon-alert.png"></image>
       <view>
       {{item.rebuySpeach}}
       </view>
       
       </view>
       <view class="row">服务内容：{{item.goodsName}} </view>
       <view class="row">客户信息： {{item.syncTag}} {{item.cusStatus}}</view>
       <view class="column">
         <view>订单类型：{{item.itemType}}</view>
         <view>此次服务进度：{{item.serviceProcess}}</view>
       </view>
       <view class="row">需求备注：{{item.preCollectInfo}}</view>

     </view>
     <view class="service-info">
      <view class="order-num">
        <view>服务单号：{{item.bookTradeNo}}</view>
        <image src="/static/images/upgrade/icon-copy.png" mode="aspectFit" class="copy-img" bindtap="copyNum" data-bookno="{{item.bookTradeNo}}"></image>
      </view>
      <view class="row service-status">
        <view>当前状态：{{item.status}}</view>
        <view class="invite-comment" wx:if="{{item.canEval}}">可邀评</view>
        <view class="hp-wrapper" wx:if="{{item.evalType=='好评'}}">
          <image src="/static/images/upgrade/icon-hp.png" mode="aspectFit" class="hp-img" ></image>
        <text>好评</text>
        </view>
       
        <view class="cp-wrapper" wx:if="{{item.evalType=='差评'}}">
          <image src="/static/images/upgrade/icon-cp.png" mode="aspectFit" class="cp-img"></image>
          <text>差评</text>
        </view>
      </view>
      <view class="row">服务时间：{{item.startTime}} - {{item.endTime}}</view>
      <view class="column">
        <view>客户手机：{{item.maskUserPhone}}</view>
        <image src="/static/images/upgrade/icon-phone1.png" mode="aspectFit" class="callup-img" bindtap="callUp" data-phone="{{item.userPhone}}"  wx:if="{{item.status=='待上门'}}" data-status="{{item.status}}"></image>
      </view>
      <view class="address">
        <view>服务地址：</view>
        <view class="detail">{{item.addr}}</view>
        <image src="/static/images/upgrade/icon-map1.png" bindtap="openMap" 
        
        data-status="{{item.status}}"  data-lnglat="{{item.addrDetail}}"  data-address="{{item.addr}}" wx:if="{{item.status=='待上门'}}"></image>
      </view>
      <view class="row">客户备注：{{item.cusRemark}}</view>
      
     </view>
     <view class="operate-block">
     
            <!-- 单据详情 联系客户 立即导航 -->
        <view class="operate-item" bindtap="goDetail" data-id="{{item.bookTradeNo}}">
            <image src="{{orderDisable1?'/static/images/upgrade/icon-detail2.png':'/static/images/upgrade/icon-detail.png'}}">
            </image>
            <view class="blue-font">单据详情</view>
        </view>

        <view class="{{item.status!='待上门'?'disable':''}} operate-item" bindtap="callUp" data-status="{{item.status}}" data-phone="{{item.userPhone}}">
            <image src="{{item.status!='待上门'?'/static/images/upgrade/icon-phone4.png':'/static/images/upgrade/icon-phone3.png'}}">
            </image>
            <view>联系客户</view>
        </view>


        <view class="{{item.status!='待上门'?'disable':''}} operate-item" bindtap="openMap" 
         data-status="{{item.status}}"  data-lnglat="{{item.addrDetail}}"  data-address="{{item.addr}}">
            <image src="{{item.status!='待上门'?'/static/images/upgrade/icon-map2.png':'/static/images/upgrade/icon-map1.png'}}">
            </image>
            <view>立即导航</view>
        </view>

      

     </view>

 </view>

   <!-- 档期计算器 -->
   <image mode="aspectFit" src="/static/images/upgrade/dqjsq.png"   class="dqjsq" bindtap="goSchedule"></image>

</view>