<view class="top">服务单详情</view>
<view class="book-title">服务单信息</view>
<view class="content">
  <view class="row">
    <view class="title">工单编号：</view>
    <view class="value">{{bookNo}}</view>
  </view>

  <view class="row">
    <view class="title">服务时间：</view>
    <view class="value">{{book.bookTime}}</view>
  </view>
  <!-- <view class="row">
    <view class="title">客户姓名：</view>
    <view class="value">{{book.userName}}</view>
  </view> -->

  <view class="row">
    <text class="title">服务地址：</text>
    <view class="value">{{book.address}}</view>
  </view>

  <view class="row">
    <view class="title">服务商品：</view>
    <view class="value">{{book.goodsName}}</view>
  </view>
  <view class="row">
    <view class="title">套餐信息：</view>
    <view class="value" style="color: #09AFFF;font-size: 32rpx;">总次数：{{book.total}} 已服务次数：{{book.completed}}</view>
  </view>
  <view class="row">
    <view class="title">下次服务时间：</view>
    <view class="value" style="font-size: 30rpx;">{{book.nextBookTime}}</view>
  </view>
  <view class="order-item-operate">
    <view class="order-item-result"></view>
    <view class="order-operate-wrapper">
      <view catchtap="goProblemAdd" data-id='{{bookNo}}'>问题报备</view>
    </view>
  </view>
</view>

<view class="book-title">客户信息</view>
<view class="content">
  <view class="row">
    <view class="title">客户姓名：</view>
    <view class="value">
      {{book.userName}}<span class="marker" wx:for="{{book.cusLeave}}" wx:key="item">{{item.type}}{{item.cusType}}</span>
    </view>
  </view>
  <view class="row">
    <view class="title">剩余服务：</view>
    <view style="display: flex;flex-direction: column;">
      <view class="value" wx:for="{{book.cusLeave}}" wx:key="item">
        <view>{{item.type}}: {{item.total}}次</view>
      </view>
    </view>
  </view>
</view>


<view class="book-title">客户标签</view>
<view class="content">
  <view class="row" wx:if="{{book.profiles!=null&&book.profiles.length>0}}" wx:for="{{book.profiles}}" wx:key="index">
    <view class="title">
      <view class="pie"></view>
    </view>
    <view class="value">
      {{item}}
    </view>
  </view>
  <view wx:if="{{book.profiles==null||book.profiles.length<=0}}" class="row">
    <view class="value"> 无
    </view>
  </view>
</view>

<view class="book-title">预采信息</view>
<view class="content">
  <view class="row">
    <view class="title">预采时间：</view>
    <view class="value">
      {{book.preTime?book.preTime:'无'}}
    </view>
  </view>
  <view class="row">
    <view class="title">预采内容：</view>
    <view class="value">
      {{book.preContent?book.preContent:'无'}}
    </view>
  </view>
</view>