serviceDetail.wxml 7.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170
  1. <view class="service-detail-page">
  2. <view class="order-main-top">
  3. <view class="order-main-left">
  4. <view class="order-detail-status">
  5. {{orderBook.status==3||orderBook.status==4?'订单已完成':(orderBook.status==6?'订单已取消':'订单服务中')}}
  6. </view>
  7. <view class="order-detail-des" wx:if="{{orderBook.status==2&&bookCount>=1}}">
  8. 您剩余{{bookCount}}次保洁次卡可预约
  9. </view>
  10. </view>
  11. <view class="order-main-right">
  12. <view class="service-times">
  13. <text class="current-times">{{orderBook.servicedTimes}}</text>/{{orderBook.serviceTimes}}
  14. </view>
  15. </view>
  16. </view>
  17. <!-- 地址信息 -->
  18. <view class="address-box" wx:if="{{!isHaveAddress}}">
  19. <view class="address-item" bindtap="selectAddress"
  20. wx:if="{{checkedAddress.addressId > 0&&checkedAddress.address}}">
  21. <image class="map-icon" mode="aspectFit" src='/static/images/address/dingwei.png'></image>
  22. <view class="m">
  23. <text class="address">{{checkedAddress.address}}</text>
  24. <view class="address-bottom">
  25. <text class="user-name">{{checkedAddress.name}}</text>
  26. <text>{{checkedAddress.tel}}</text>
  27. </view>
  28. </view>
  29. <view class="r">
  30. <van-icon name="arrow" />
  31. </view>
  32. </view>
  33. <view class="address-item address-empty" bindtap="selectAddress" wx:else>
  34. <view class="m">
  35. 还没有收货地址,去添加
  36. </view>
  37. <view class="r">
  38. <van-icon name="arrow" />
  39. </view>
  40. </view>
  41. </view>
  42. <!-- 订单详情信息 -->
  43. <view class="service-info">
  44. <view class="info-title">
  45. {{orderBook.goodsName}} 鲸致生活
  46. </view>
  47. <view class="info-content">
  48. <image mode="aspectFill" class="product-img" src="{{goods.picUrl}}"></image>
  49. <view class="info-detail">
  50. <!-- <view>规格:1</view> -->
  51. <view>服务次数:{{orderBook.serviceTimes}}</view>
  52. <view>未预约次数:{{noAppoint}}</view>
  53. <view>单价:¥ {{goods.retailPrice}} 元</view>
  54. </view>
  55. </view>
  56. </view>
  57. <!-- 次卡列表 -->
  58. <van-tabs active="{{ activeTab }}" color="#09afff" bind:change="onTabChange">
  59. <van-tab title="未使用" name="1"></van-tab>
  60. <van-tab title="已使用" name="2"></van-tab>
  61. </van-tabs>
  62. <view class="service-list">
  63. <view class="service-item" wx:for="{{serList}}" wx:key="index">
  64. <view class="service-item-top">
  65. <view class="item-left">
  66. <image mode="aspectFit" class="ci-img" src="/static/images/icon-ci.png"></image>
  67. <text>服务次卡</text>
  68. </view>
  69. <!-- <view class="service-item-status">{{activeTab=='2'?'服务已完成':(item.status===0?("未预约"):(item.status===7?"匹配中":'待履约'))}}</view> -->
  70. <view class="service-item-status">{{activeTab=='2'?'服务已完成':(item.status==0?("未预约"):'待履约')}}</view>
  71. </view>
  72. <view class="service-item-bottom">
  73. <view class="service-time">
  74. <text>预约时间:</text>
  75. <text>{{item.bookTime==null?'':item.bookTime}}</text>
  76. </view>
  77. <!-- <view class="service-time">
  78. <text>服务者:</text>
  79. <text>{{item.servantName==null?'':item.servantName}}</text>
  80. </view> -->
  81. <!-- 0-未预约,1-已预约,2-服务中,3-服务已提供,4-服务已完成,5-取消 未付款,6-退款 orderChannel==25-->
  82. <view class="go-appoint" wx:if="{{item.status===0&&activeTab=='1'&&(aftersaleStatus!=1&&aftersaleStatus!=2)}}"
  83. bindtap="showAppoint" data-id="{{item.id}}" data-status="{{item.status}}" data-bookid="{{item.bookId}}"> 预约</view>
  84. <view class="go-appoint" wx:if="{{(item.status==1||item.status==7)&&activeTab=='1'&&goods.type!=4}}" bindtap="showAppoint" data-id="{{item.id}}" data-bookid="{{item.bookId}}"
  85. data-status="{{item.status}}" data-time="{{item.bookTime}}">修改预约</view>
  86. <view class="go-appoint" wx:if="{{item.checkAcceptState==1}}" bindtap="goReVisit" data-id="{{item.id}}">去验收</view>
  87. </view>
  88. </view>
  89. </view>
  90. <view class="no-list" wx:if="{{serList.length==0}}">没有更多了</view>
  91. <!-- custom-style="height: 80%" -->
  92. <van-popup show="{{ choosePopup }}" round position="bottom" bind:click-overlay="onClose">
  93. <view class="popup-wrapper popup-wrapper-special">
  94. <!-- 标题 -->
  95. <view class="popup-title popup-title-special popup-title-new">
  96. <view> 选择服务开始时间
  97. </view>
  98. <view wx:if="{{selectTimeValue>=17}}" class="fee-tips">您选的时间段可能会加收夜间服务费,具体以与商家的沟通为准</view>
  99. </view>
  100. <block>
  101. <view class="popup-content popup-content-special">
  102. <view class="time-select-left">
  103. <view wx:for="{{dateList}}" wx:key="index" class="time-select-left-item" bindtap="dateCheck"
  104. data-index="{{index}}" data-week="{{item.week}}" data-date="{{item.date}}" data-isbook="{{item.isBook}}">
  105. <view class="{{dateIndex==index?'current-date':''}}">{{item.bookdate+' '+item.weekOfDay}}</view>
  106. <view>
  107. <!-- <view hidden="{{index>1}}" class="date-tag">{{index==0?'明天':'后天'}}</view>
  108. <text wx:if="{{index<=1||(index<=7&&(item.week=='周六'||item.week=='周日'))}}" class="full-time">约满</text> -->
  109. <text wx:if="{{index<=1}}" class="date-tag">{{index==0?'今天':'明天'}}</text>
  110. <!-- <text wx:if="{{item.mark}}" class="full-time">{{item.mark}}</text> -->
  111. </view>
  112. </view>
  113. </view>
  114. <view class="time-select-right">
  115. <view class="noon-select" >
  116. <view class="noon-item {{noonType=='1'?'active-noon':''}}" data-noon="1" bindtap="noonTab">上午</view>
  117. <view class="noon-item {{noonType=='2'?'active-noon':''}}" data-noon="2" bindtap="noonTab">下午</view>
  118. </view>
  119. <view class="time-item-wrapper">
  120. <view wx:for="{{timeList}}" wx:key="id" class="time-select-right-item {{item.timeMsg?'invalid-time':''}}" bindtap="timeCheck"
  121. data-stock="{{item.stock}}" data-index="{{index}}"
  122. data-msg="{{item.timeMsg}}"
  123. >
  124. <!-- <view class="{{item.stock<=0?'zero-stock':''}}"> -->
  125. <view class="time-line">
  126. <text class="{{timeIndex===index?'current-date':''}}">{{item.begin}} </text>
  127. <!-- <text class="stock-text">(库存:{{item.stock}})</text> -->
  128. </view>
  129. <view wx:if="{{item.timeMsg&&item.timeMsg!=null}}" class="time-msg">
  130. {{item.timeMsg}}
  131. </view>
  132. <view wx:if="{{timeIndex===index}}" class="date-tag">已选</view>
  133. <!-- <view wx:if="{{timeIndex===index&&item.time>='17:00'}}" style="font-size: 11px;line-height: 12px;">您选的时间段可能会加收夜间服务费,具体以与商家的沟通为准</view> -->
  134. </view>
  135. </view>
  136. </view>
  137. </view>
  138. </block>
  139. </view>
  140. <!-- 确认按钮 -->
  141. <view class="popup-btn-wrapper">
  142. <van-button type="info" block round bindtap="confirmTime">确定</van-button>
  143. </view>
  144. </van-popup>
  145. </view>