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

<!-- <view>
  <image src="/static/images/csr.png"
    style="width: 80px;height: 80px;position: absolute;z-index: 9;top: 300rpx;right: 15rpx;"></image>
  <contact-button class="csr" type="default-dark"
    style="opacity: 0;position: absolute;z-index: 99999;right: 15rpx; width: 100rpx;height: 100rpx;top:400rpx"
    session-from="weapp" size="27">
  </contact-button>
</view> -->

<view class="container" style="filter:blur({{myqr_blur}}rpx)">
  <view class="top">
    <view class="profile-info" bindtap="goLogin">
      <image class="avatar" src="{{userInfo.avatarUrl}}"></image>
      <view class="info">
        <text class="name" style="margin-top:0rpx">{{userInfo.nickName}}</text>
        <text class="cert">{{userInfo.mobile}}</text>
        <button wx:if="{{userInfo.avatarUrl=='/static/images/my.png'}}" bindtap="getUserProfile"
          class="plus">完善信息</button>
      </view>
      <view class="logout" wx:if="{{hasLogin}}" bindtap="exitLogin">退出登录</view>
    </view>


    <view class='user_column'>
      <view  wx:if="{{!isMaster}}" class='user_column_item' bindtap='goBookIndex' data-index='0' data-route='/pages/servant/list/booklist'>
        <text class="user_column_item_badge" wx:if="{{count != 0}}">{{count}}</text>
        <image class='user_column_item_image' src='/static/images/change.png'/>
        <view class='user_column_item_text'>我的工单</view>
      </view>

      <view class='user_column_item' bindtap='goNucleicList' data-index='3' data-route='/pages/ucenter/nucleic/list'>
        <image class='user_column_item_image' src='/static/images/right.png'/>
        <view class='user_column_item_text'>报告上传</view>
      </view> 

      <view wx:if="{{!isMaster}}" class='user_column_item' bindtap='goLeave' data-index='5' data-route='/pages/pre/list/preList'>
        <image class='user_column_item_image' src='/static/images/leave.png'/>
        <view class='user_column_item_text'>请假</view>
      </view>

      <view wx:if="{{isMaster}}" class='user_column_item' bindtap='goCRM' data-index='5' data-route='/pages/servant/crm/ticket'>
        <image class='user_column_item_image' src='/static/images/feedback.png'/>
        <view class='user_column_item_text'>CRM工单</view>
        <view>3</view>
      </view>

      <view class='user_column_item' bindtap='goBookIndex' data-index='4' data-route='/pages/mall/catalog/catalog'>
        <image class='user_column_item_image' src='/static/images/box.png'/>
        <view class='user_column_item_text'>商城</view>
      </view>

      <view class='user_column_item' bindtap='goBookIndex' data-index='1' data-route='/pages/mall/order/order'>
        <image class='user_column_item_image' src='/static/images/change.png'/>
        <view class='user_column_item_text'>我的订单</view>
      </view>
    </view>
  </view>
  <!-- 服务者薪资 -->
  <view class="main-module" wx:if="{{!isMaster}}">
    <view class="main-title">
      <image style="height: 60rpx;width:60rpx;" src="/static/images/money.png"></image>
      <view class="txt">我的服务费
        <image src="/static/images/question.png" bindtap="goShowMoneyTip"></image>
      </view>
    </view>
    <view style=" display: flex; justify-content: space-around;">
      <view class="coupon-block border-right" data-type="1" wx:if="{{board.type!=99}}" bindtap="goSalaryDetail">
        <text class="money">￥{{salary.salary}}</text>
        <text class="module-text">本月预计服务费</text>
      </view>
      <view class="coupon-block border-right" data-type="1" wx:if="{{board.type==99}}" bindtap="goSalaryDetail">
        <text class="money">￥{{salary.salary}}</text>
        <text class="module-text">可提现</text>
      </view>
      <view class="coupon-block" data-type="2" bindtap="goSalaryDetail">
        <text class="money">￥{{salary.total}}</text>
        <text class="module-text">历史总服务费</text>
      </view>
    </view>
  </view>


  <!-- 服务者维度 -->
  <view class="main-module" wx:if="{{!isMaster}}">
    <view class="main-title">
      <image style="height: 60rpx;width:60rpx;" src="/static/images/ticket@selected.png"></image>
      <view style="font-size: 36rpx;font-weight: 500;color:#666;margin-left: 10rpx;">我的服务单</view>
    </view>
    <view style=" display: flex; justify-content: space-around;">
      <view class="coupon-block">
        <text class="num">{{board.total}}</text>
        <text class="module-text">总服务单</text>
      </view>
      <view class="coupon-block">
        <text class="num">{{board.cycle}}</text>
        <text class="module-text">周期单</text>
      </view>
      <view class="coupon-block">
        <text class="num">{{board.completed}}</text>
        <text class="module-text">已完成</text>
      </view>
      <view class="coupon-block">
        <text class="num">{{board.waiting}}</text>
        <text class="module-text">待履约</text>
      </view>
    </view>
  </view>

  <view class="alula-expert-calendar">
    <calendar id="calendar" config="{{calendarConfig}}" bind:onSwipe="onSwipe" bind:takeoverTap="takeoverTap"
      bind:afterTapDate="afterTapDate" bind:whenChangeMonth="whenChangeMonth"
      bind:afterCalendarRender="afterCalendarRender"></calendar>
  </view>
  <view class="alula-expert-calendar-wrap">
    <view class="alula-border-radius alula-expert-form-wrap">
      <view class="alula-expert-calendar-title">
        <view class="txt">{{selectedDate}}</view>
        <view bindtap="goList">共{{selected.length}}单</view>
      </view>
      <view wx:for="{{selected}}" wx:key="index" class="alula-expert-calendar-content">
        <view class="book">
          <view class="title">
            <view>第{{index+1}}单</view>
            <view>{{item.type}}-{{item.status}}</view>
          </view>
          <view class="content">
            <view wx:if="{{!isMaster}}" data-id="{{item.bookNo}}" bindtap="goBookDetail">
              <view class="goods">{{item.address}}</view>
              <view class="address">服务名称：{{item.goodsName}}</view>
              <view class="time">服务时间：{{item.startTime}}-{{item.endTime}}</view>
              <view class="address">客户评价：{{item.comment}}</view>
              <view class="address">服务备注：{{item.remark}}</view>
            </view>
            <view wx:else="" bindtap="goBookDetail" data-type='order' data-id='{{item.bookNo}}'>
              <!-- <view class="goods">{{item.address}}</view> -->
              <view class="address">服务商品：{{item.goodsName}}</view>
              <view class="address" wx:if="{{item.unitIncreaseNumber&&item.unitIncreaseNumber>0}}">加购内容：{{item.unitDescribe}}*{{item.unitIncreaseNumber}}</view>
              <view class="time" style="margin-bottom: unset;">支付时间：{{item.startTime}}</view>
              <view class="address">下单门店：{{item.shopName}}</view>   
            </view>
            <view>
              <view bindtap="makeCall" data-phone='{{item.phone}}'
                style="display: flex;justify-content: space-between;">
                <view class="address">联系电话：{{item.phone}}</view>
                <view style="display: flex;align-items: center;height: 40rpx;">
                  <image style="width: 30rpx;height:32rpx;margin-top: 5rpx;" src="/static/images/phone.png"></image>
                  <view style="color:#666;margin-left: 10rpx;font-size: 32rpx;">联系</view>
                </view>
              </view>
            </view>

            <view class="order-item-operate">
              <view class="order-operate-wrapper" wx:if="{{!isMaster&&selectedDate==today}}">
                <view wx:if="{{item.status=='待上门'&&isTest}}" bindtap="goArrived" data-id='{{item.bookNo}}'>我已上门</view>
                <view wx:if="{{item.status=='待履约'&&isTest}}" bindtap="goConfirm" data-id='{{item.bookNo}}'>服务已完成</view> 
                <view  bindtap="goBookDetail"  data-id='{{item.bookNo}}'>详情</view> 
                <view  bindtap="goProblemAdd" data-id='{{item.bookNo}}'>问题报备</view>
                <view  bindtap="openMap" data-id='{{item.bookNo}}'>导航</view>
                <!-- <view  bindtap="makeCall" data-phone='{{item.phone}}'>联系客户</view> -->
              </view>
              <view class="order-operate-wrapper" wx:if="{{isMaster}}">
                <view bindtap="goPaymentOrderDetail"  data-id='{{item.bookNo}}'>详情</view> 
                <!-- <view bindtap="goPaymentMemo" data-id='{{item.bookNo}}'>添加备注</view>  -->
              </view>
            </view>

          </view>
        </view>
      </view>

      <view wx:if="{{selected.length==0}}" style="text-align:center;margin: 30rpx;color:#9e9797;height:76rpx;">
        {{selectedDate}}无服务</view>

    </view>
  </view>


  <!--站长维度 折线图 
  <view class='mymain' wx:if="{{isMaster}}">
    <view class='qs'>
      <view class="container1">
        <view class='container_head'>
          <view class='container_head_top'>
            <view class='prev1' bindtap="goPreWeek">
              <text class='iconfont1 icon-iconfontzhizuobiaozhun023126'></text>
              <text>上一周</text>
            </view>
            <view class='top_title'>{{line.week}}</view>
            <view class='next1' bindtap="goNextWeek">
              <text>下一周</text>
              <text class='iconfont1 icon-jiantouyou'></text>
            </view>
          </view>
          <view class='container_head_main'>
            <view>
              <view class='main_main'>{{line.total}}</view>
              <view class='main_Ttitle'>总单量</view> 
            </view>
            <view>
              <view class='main_main'>{{line.cyle}}</view>
              <view class='main_Ttitle'>周期单</view>
            </view>
            <view>
              <view class='main_main'>{{line.servants}}</view>
              <view class='main_Ttitle'>服务者数</view>
            </view>
            <view>
              <view class='main_main'>{{line.ticket}}</view>
              <view class='main_Ttitle'>客诉数</view>
            </view>
          </view>
        </view>
        <canvas canvas-id="lineCanvas" disable-scroll="true" class="canvas" bindtouchstart="touchHandler"></canvas>
      </view>
    </view>
  </view>-->

  <!-- <view class="title">
    全部商品服务
  </view>
  <view class='item' wx:for="{{list}}" wx:key="id">
    <view>
      <view class="name">{{item.name}}</view>
      <view class="price">￥{{item.retailPrice}}</view>
      <image src="{{item.picUrl}}" background-size="cover" class="img"></image>
    </view>
    <view class="tool">
       <button class="btn">分享链接</button>  
      <button class="btn" bindtap="shareGoods" data-id="{{item.id}}">开单</button>
      <button class="btn" style="color:red">更多</button>
    </view>
  </view>

  <view wx:if="{{!list.length>0}}" style="text-align:center;padding:50rpx;font-size:46rpx">当前区域，无服务门店</view> -->

</view>