placeOrder.wxml 9.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230
  1. <wxs module="tofix" src="../../../components/tool/decimal.wxs"></wxs>
  2. <view class="topBox" id="topBox">
  3. <view class="title flex" bindtap="addressDetail">
  4. <text>{{worke.title}}</text>
  5. <van-icon name="arrow" size="15" color="#191C27" />
  6. </view>
  7. <view class="footer flex ju-b">
  8. <view class="le">
  9. <view class="address">
  10. <text>{{worke.address}}</text>
  11. <text>|距离{{worke.distance}}km</text>
  12. </view>
  13. <view class="tips">
  14. <text class="tag">{{status[worke.signing_status]}}</text>
  15. <text> {{worke.unit[0].type_name}}·{{worke.unit[1].type_name}}·{{worke.unit[2].type_name}}</text>
  16. </view>
  17. </view>
  18. <view class="lr">
  19. <swiper class="swiperBox" indicator-dots indicator-color="#D7D7D7" indicator-active-color="#4699FF">
  20. <swiper-item class="flex ju-c" bindtap="location">
  21. <image src="/image/icon/navigation.png"></image>
  22. <text>导航</text>
  23. </swiper-item>
  24. <swiper-item class="flex ju-c" bindtap="goto">
  25. <image src="/image/icon/kaigui.png"></image>
  26. <text>开柜</text>
  27. </swiper-item>
  28. </swiper>
  29. </view>
  30. </view>
  31. </view>
  32. <!-- <view class="scrollBox" id="scrollBox">
  33. <scroll-view scroll-x>
  34. <image src="/image/order/houwaitao.png" class="show" wx:for="{{5}}" wx:key="index"></image>
  35. </scroll-view>
  36. </view> -->
  37. <!-- <van-notice-bar mode="closeable" left-icon="/image/icon/message.png" bind:close="closeNews" text="在代码阅读过程中人们说脏话的频率是衡量代码质量的唯一标准。" h/> -->
  38. <view class="contioner flex al-s" style="height: {{height}}px;">
  39. <view class="slidebar">
  40. <scroll-view scroll-y>
  41. <view class="sliderItem b-bottom {{activeKey == index?'active':''}}" wx:for="{{navList}}" wx:key="index" data-id="{{item.id}}" bindtap="changeActive" data-activeKey="{{index}}">
  42. {{item.title}}
  43. </view>
  44. </scroll-view>
  45. </view>
  46. <view class="listBox">
  47. <scroll-view scroll-y>
  48. <view class="title flex">
  49. <text>活动</text>
  50. <view class="line"></view>
  51. </view>
  52. <view class="box">
  53. <view class="items flex b-bottom" wx:for="{{shoppingList}}" wx:key="index">
  54. <navigator url="/pages/order/serviceDetails/serviceDetails?goods_id={{item.id}}&title={{worke.title}}&address={{worke.address}}&worke_id={{worke.id}}">
  55. <view class="le">
  56. <image src="{{item.thumb?item.thumb:'/image/icon/dayiwaitao.png'}}" class="picture"></image>
  57. </view>
  58. </navigator>
  59. <view class="lr">
  60. <view class="message flex ju-b">
  61. <view class="tit">{{item.title}}</view>
  62. <view class="num flex ju-b">
  63. <view>
  64. <text class="price">¥<text class="number">{{(item.price.start_time && item.price.end_time)?item.price.sale_price:item.price.price}}</text></text>
  65. <text class="oldPrice" wx:if="{{item.price.start_time && item.price.end_time}}">¥{{item.price.price}}</text>
  66. </view>
  67. <!--
  68. <view class="btn-sky btn flex ju-c" wx:if="{{item.num == 0}}" bindtap="shoppingPlus" data-item="{{item}}">
  69. <van-icon name="plus" size="12" />
  70. </view>
  71. <view class="flex" wx:else>
  72. <view class="btn-border btn flex ju-c" bindtap="shoppingMinus" data-item="{{item}}">
  73. <van-icon name="minus" size="12" color="#191C27" />
  74. </view>
  75. <view class="nums">
  76. {{item.num}}
  77. </view>
  78. <view class="btn-sky btn flex ju-c" bindtap="shoppingPlus" data-item="{{item}}">
  79. <van-icon name="plus" size="12" />
  80. </view>
  81. </view> -->
  82. <view wx:if="{{item.good_type == 1}}">
  83. <view class="btn-sky btn flex ju-c" wx:if="{{item.num == 0}}" bindtap="shoppingPlus" data-item="{{item}}">
  84. <van-icon name="plus" size="12" />
  85. </view>
  86. <view class="flex" wx:else>
  87. <view class="btn-border btn flex ju-c" bindtap="shoppingMinus" data-item="{{item}}">
  88. <van-icon name="minus" size="12" color="#191C27" />
  89. </view>
  90. <view class="nums">
  91. {{item.num}}
  92. </view>
  93. <view class="btn-sky btn flex ju-c" bindtap="shoppingPlus" data-item="{{item}}">
  94. <van-icon name="plus" size="12" />
  95. </view>
  96. </view>
  97. </view>
  98. <view wx:else>
  99. <view class="main8">
  100. <!-- bindtap="shoppingPlus" data-item="{{item}}" -->
  101. <text lines="1" class="word16" bindtap="getOrderone" data-gid="{{item.id}}">立即下单</text>
  102. </view>
  103. </view>
  104. </view>
  105. </view>
  106. </view>
  107. </view>
  108. </view>
  109. </scroll-view>
  110. </view>
  111. </view>
  112. <view class="footerBox flex ju-c" id="footerBar">
  113. <view class="btnBox flex ju-b">
  114. <view class="le flex" bindtap="btnShow">
  115. <view class="box">
  116. <image src="/image/icon/box.png"></image>
  117. <dot num="{{carNum}}" wx:if="{{carNum > 0}}" offset="{{[-8,-15]}}" radius="50%" height="36rpx" width="36rpx" color="#F12C20"></dot>
  118. </view>
  119. <text class="tips" hidden="{{carList.length != 0}}">尚未选择服务</text>
  120. <text class="pricce" hidden="{{carList.length == 0}}">
  121. <text>¥</text>
  122. <text class="num">{{tofix.toFix(carPrice)}}</text>
  123. </text>
  124. </view>
  125. <view class="lr {{carNum > 0 ? 'btn-sky' : 'gray'}}" bindtap="getOrder">
  126. 下单洗衣
  127. </view>
  128. </view>
  129. </view>
  130. <van-popup show="{{ show }}" position="bottom" bind:close="btnShow" round close-on-click-overlay>
  131. <view class="carBox">
  132. <view class="tit flex ju-b">
  133. <view class="le">
  134. 已选服务({{carNum}})
  135. </view>
  136. <view class="lr flex" bindtap="clearCarAll">
  137. <image src="/image/icon/del.png" class="del"></image>
  138. <text>清空</text>
  139. </view>
  140. </view>
  141. <view class="box">
  142. <scroll-view scroll-y>
  143. <view class="items flex b-bottom" wx:for="{{carList}}" wx:key="index">
  144. <view class="le">
  145. <image src="/image/order/houwaitao.png" class="picture"></image>
  146. </view>
  147. <view class="lr">
  148. <view class="message flex ju-b">
  149. <view class="name">{{item.title}}</view>
  150. <view class="num flex ju-b">
  151. <view>
  152. <text class="price">¥<text class="number">{{item.money}}</text></text>
  153. <!-- <text class="oldPrice">¥{{item.origin_money}}</text> -->
  154. </view>
  155. <view class="flex">
  156. <view class="btn-border btn flex ju-c" bindtap="carMinus" data-item="{{item}}">
  157. <van-icon name="minus" size="12" color="#191C27" />
  158. </view>
  159. <view class="nums">
  160. {{item.stock}}
  161. </view>
  162. <view class="btn-sky btn flex ju-c" bindtap="carPlus" data-item="{{item}}">
  163. <van-icon name="plus" size="12" />
  164. </view>
  165. </view>
  166. </view>
  167. </view>
  168. </view>
  169. </view>
  170. </scroll-view>
  171. </view>
  172. </view>
  173. </van-popup>
  174. <van-popup z-index="300" show="{{ detailsShow }}" position="bottom" bind:close="addressDetail" close-icon="/image/icon/close.png" round close-on-click-overlay closeable>
  175. <view class="details">
  176. <view class="title">
  177. {{worke.title}}
  178. </view>
  179. <view class="tag">
  180. {{status[worke.signing_status]}}
  181. </view>
  182. <view class="grayText">
  183. 地址:{{worke.address}}
  184. </view>
  185. <view class="grayText">
  186. 电话:{{worke.contact}}
  187. </view>
  188. <view class="grayText">
  189. 营业时间:{{worke.unit[0].svctm}}
  190. </view>
  191. <view class="grayText">
  192. 配送:{{worke.unit[0].type_name}}·{{worke.unit[1].type_name}}·{{worke.unit[2].type_name}}
  193. </view>
  194. </view>
  195. </van-popup>