jzlife_wx_servant/pages/temp/serviceOrder/serviceOrder.wxml

<wxs src="../../../utils/format.wxs" module="format" />

<view class="myqr" wx:if="{{myqr_show}}">
  <view>
    <image class="cancel" src="/static/images/cancel.png" bindtouchstart="closeMyQr"></image>
  </view>
  <view>
    <image class="img" src="{{myqr_url}}" mode="widthFix" />
  </view>
  <view>
    <image class="btn" bindtap="goSaveQrcode" src="/static/images/right.png" />
  </view>
</view>

<view class="whole-page" style="filter:blur({{myqr_blur}}rpx)">
  <view class="user-wrapper">
    <view class="user-info">
      <image class="user-img" src="/static/images/upgrade/head-user.png" mode="aspectFill"></image>
      <view class="user-right">
        <view class="user-name">
          <view> <text>{{monthInfo.workerName}}</text> </view>
          <view class="job-year" wx:if="{{momthInfo.state==1}}">已上线</view>
          <view class="job-year" wx:if="{{momthInfo.state==0}}">审核中</view>
        </view>

      </view>


    </view>
    <view class="user-bottom">
      <view class="company">
        <!-- {{monthInfo.fraName}} -->
        鲸致生活
      </view>
      <view class="recommend" bindtap="goCash" wx:if="{{monthInfo.isCashout||dayCalendar.isCashout}}">
        <image src="/static/images/money.png" mode="aspectFit" class="copy-img"></image>
        <view> 我的计提</view>
      </view>


    </view>
  </view>

  <!-- 日历-月维度 -->
  <!-- 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="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>

  </van-sticky>




  <!-- 服务工单 -->
  <view wx:if="{{dayCalendar.workerOrderInfoDTOList.length>0}}">
    <view class="service-order {{item.status=='已取消'||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">
          <image mode="aspectFit" src="/static/images/upgrade/jzlife-logo.png"></image>
          <view>{{item.channel}}</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="row">商品简称：{{item.itemType}}</view>
        <view class="row" wx:if="{{item.unitIncreaseNumber&&item.unitIncreaseNumber>0}}">加购内容：{{item.unitDescribe}}*{{item.unitIncreaseNumber}}</view>
        <!-- <view class="column" wx:if="isC">
         <view style="font-size: 21rpx;color: rgb(241, 214, 58);">是否计提：{{item.cashStatus}}</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 style="color:#09afff; margin:0 10rpx 0 40rpx; font-size:28rpx ;" bindtap="supplyCode" data-bookno="{{item.bookTradeNo}}">发起补差</view>
						<!-- <view style="color:#09afff; margin:0 10rpx 0 40rpx; font-size:28rpx ;" bindtap="supplyCode" data-bookno="{{item.bookTradeNo}}">补差二维码</view> -->
				<image src="/static/images/upgrade/qrcode.png" mode="aspectFit"  style="width:36rpx; height:36rpx;padding-top:6rpx;" bindtap="supplyCode" 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.orderChannel}}</view>
        <view class="row" wx:if="isCashout">计提状态：{{item.cashStatus}}</view>
        <view class="row">客户名称：{{item.cusName}}</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=='待履约'||item.status=='服务中'}}"
            data-status="{{item.status}}"></image>
        </view> 
        <view class="row" wx:if="{{item.addressName}}">服务小区：{{item.addressName}}</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=='待履约'||item.status=='服务中'}}"></image>
        </view>
        <view class="row">服务商名：{{item.fraName}}</view> 
        <view class="row">客户备注：{{item.cusRemark}}</view> 
        <view class="row">客服备注：{{item.customerServiceSr?item.customerServiceSr:''}} {{item.special?item.special:''}}</view> 
				<view class="row pay-row">
				<view>服务补差：</view>
				<view class="pay-total">未支付{{item.diffInfo.unPay}}笔</view>
				<view class="pay-success">支付成功{{item.diffInfo.pay}}笔</view>
				</view>

      </view>
      <view class="operate-block">
				 <view wx:if="{{item.orderChannel=='美团' && (item.status=='服务已完成'||item.status=='服务已提供') }}" data-bookTradeNo="{{item.bookTradeNo}}"   class="operate-item" bindtap="goProblemList">
            <image src="/static/images/upgrade/icon-ycbb.png">
            </image>
            <view>美团好评</view>
        </view>
        <!-- 单据详情 跟单体会/评价徒弟 联系客户 立即导航  isDisciple 1是徒弟 0否-->
        <view class="operate-item" wx:if="{{item.status!='已取消'&&item.status!='已退款'}}" data-bookno="{{item.bookTradeNo}}"
          bindtap="getQrCode">
          <image src="/static/images/upgrade/qrcode.png">
          </image>
          <view>复购码</view>
        </view>

        <view class="operate-item" data-bookno="{{item.bookTradeNo}}"
          bindtap="getCouponCode">
          <image src="/static/images/upgrade/icon-zzy.png">
          </image>
          <view>优惠券</view>
        </view>
        
        <!-- <van-dropdown-menu>
        <van-dropdown-item title='复购工具' :value="itemValue" :options="options"></van-dropdown-item> 
        </van-dropdown-menu> -->


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


        <view class="{{item.status!='待履约'&&item.status!='服务中'?'disable':''}} operate-item" bindtap="openMap"
          data-status="{{item.status}}" data-lnglat="{{item.addrDetail}}" data-address="{{item.addr}}">
          <image
            src="{{item.status!='待履约'&&item.status!='服务中'?'/static/images/upgrade/icon-map2.png':'/static/images/upgrade/icon-map1.png'}}">
          </image>
          <view>导航</view>
        </view>

        <view class="{{item.status=='待履约'?'':'disable'}} operate-item" data-status="{{item.status}}"
          data-id="{{item.bookTradeNo}}" bindtap="arriveCus" wx:if="{{item.status=='待履约'}}">
          <image
            src="{{item.status=='待履约'?'/static/images/upgrade/icon-wydm.png':'/static/images/upgrade/icon-wydm2.png'}}">
          </image>
          <view>我已到门</view>
        </view>

        <view class="{{item.status=='服务中'?'':'disable'}} operate-item" data-status="{{item.status}}"
          data-id="{{item.bookTradeNo}}" bindtap="finishOrder" wx:if="{{item.status=='服务中'}}">
          <image
            src="{{item.status=='服务中'?'/static/images/upgrade/icon-fwwc.png':'/static/images/upgrade/icon-fwwc2.png'}}">
          </image>
          <view>服务完成</view>
        </view>
				<view bindtap="supplyRecord"  data-status="{{item.status}}" class="operate-item"
          data-bookno="{{item.bookTradeNo}}" >
          <image style="width:24rpx;height:26rpx"
            src="/static/images/upgrade/icon-detail.png" >
          </image>
          <view>补差记录</view>
        </view>

      </view>
    </view>
  </view>
  <view wx:else="" style="text-align: center;padding: 20rpx;color: #bbb4b4;">选中日期无服务单</view>

  <!-- 退出登录 -->
  <view class="logout" bindtap="exitLogin">退出登录</view>
</view>