confirmOreder.wxml 6.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164
  1. <!--pages/order/confirmOreder/confirmOreder.wxml-->
  2. <view class="topBox flex m-bottom-25">
  3. <image src="/image/icon/spot.png" class="icon"></image>
  4. <view class="message ">
  5. <view class="tit">{{orderinfo.network.name}}</view>
  6. <view class="time">{{orderinfo.network.unit[0].svctm}}开放·{{orderinfo.network.unit[0].type_name}}·{{orderinfo.network.unit[1].type_name}}·{{orderinfo.network.unit[2].type_name}}</view>
  7. </view>
  8. </view>
  9. <view class="messageBox m-bottom-25">
  10. <view class="top b-bottom">
  11. <view class="item flex ju-b m-bottom-20 " wx:for="{{orderinfo.order_info}}" wx:key="index">
  12. <view class="le flex">
  13. <image src="{{item.good.thumb?item.good.thumb:'/image/icon/dayiwaitao.png'}}" class="icon m-right-15"></image>
  14. <text class="name">{{item.good.title}}</text>
  15. </view>
  16. <view class="lr flex ju-b">
  17. <view class="num">x <text>{{item.stock}}</text></view>
  18. <view class="price">¥<text>{{item.total_price}}</text></view>
  19. </view>
  20. </view>
  21. </view>
  22. <view class="footer flex ju-b">
  23. <view class="le">优惠券</view>
  24. <view class="lr flex" bindtap="goyhq">
  25. <text class="m-right-15 {{couponinfo!=''?'red_price':''}}">{{couponinfo!=''?'-'+couponinfo.money:'使用优惠券'}}</text>
  26. <van-icon name="arrow" color="#C7C7CC" />
  27. </view>
  28. </view>
  29. </view>
  30. <view class="addService m-bottom-25">
  31. <view class="title">增值服务</view>
  32. <view class="content flex ">
  33. <view class="items m-bottom-25 {{item.active ? 'active' : 'gray'}}" wx:for="{{currentList}}" wx:key="{{index}}" bindtap="chios" data-item="{{item}}">
  34. <view class="name">{{item.title}}</view>
  35. <view class="num">¥{{((item.price.start_time && item.price.end_time)?item.price.sale_price:item.price.price)}}/件</view>
  36. <view class="num_pop">x{{item.stock}}</view>
  37. </view>
  38. </view>
  39. </view>
  40. <view class="delivery m-bottom-25">
  41. <view class=" flex ju-b">
  42. <text class="title">配送</text>
  43. <view class="btnBox flex ju-b">
  44. <view wx:for="{{orderinfo.network.unit}}" wx:key="index" class="btn {{mode==item.type ? 'active' : ''}}" bindtap="changeMode" data-indx="{{index}}" data-id="{{item.type}}">{{item.type_name}}</view>
  45. </view>
  46. </view>
  47. <view class="center flex ju-b m-top-20">
  48. <view class="le">
  49. <view class="address">代收点地址:{{orderinfo.network.address}}</view>
  50. <view class="time m-top-15">服务时间{{orderinfo.network.unit[0].svctm}}</view>
  51. </view>
  52. <view class="lr flex ju-e">
  53. <text>运费</text>
  54. <text class="code">¥<text class="num">{{freight}}</text></text>
  55. </view>
  56. </view>
  57. <view class="message">
  58. <view class="tit flex ju-b" bindtap="changeClose1">
  59. <text>联系信息</text>
  60. <van-icon name="arrow" color="#C7C7CC" />
  61. </view>
  62. <view class="content m-top-20">
  63. {{name}}-{{code}}<view>{{address}}</view>
  64. </view>
  65. </view>
  66. </view>
  67. <view class="footer flex ju-b">
  68. <view class="le">清洗备注</view>
  69. <view class="lr flex" bindtap="changeClose2">
  70. <text class="m-right-15">{{remark?remark:'例:蓝色短袖袖口有污渍请着重清洗'}}</text>
  71. <van-icon name="arrow" color="#C7C7CC" />
  72. </view>
  73. </view>
  74. <view class="chiose">
  75. <van-checkbox value="{{ checked }}" shape="square" bind:change="onChange" icon-size="25rpx">
  76. <text>我已阅读并同意<text class="tips">《海星洗护清洗协议》</text> </text>
  77. </van-checkbox>
  78. </view>
  79. <view class="footerNav flex ju-b">
  80. <view class="le">
  81. <text>¥<text class="num">{{total_price}}</text></text>
  82. <view class="tips">价格以实际收到为准</view>
  83. </view>
  84. <view class="btn btn-sky" bindtap="goto">确认支付</view>
  85. </view>
  86. <van-popup show="{{ show1 }}" position="bottom" bind:close="changeClose1" closeable close-icon="/image/icon/close.png">
  87. <view class="pupBox">
  88. <view class="tit">
  89. 联系信息
  90. </view>
  91. <view class="content">
  92. <view class="inputBox flex b-bottom">
  93. <text>姓名</text><input type="text" bind:input="input1" clearable label="姓名" value='{{name}}' placeholder="请填写您的姓名" />
  94. </view>
  95. <view class="inputBox flex b-bottom">
  96. <text>手机</text><input style="width: 50%;" type="text" bind:input="input2" clearable label="手机" placeholder="请填写您的手机号" value="{{code}}" />
  97. <!-- <button open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber" style="color: green;">获取微信手机号</button> -->
  98. </view>
  99. <view class="inputBox flex b-bottom">
  100. <text>地址</text><input type="text" bind:input="input3" clearable label="地址" value='{{address}}' placeholder="填写宿舍楼名称、宿舍号信息" />
  101. </view>
  102. </view>
  103. <view class="btn btn-sky" bindtap="{{useraddr.id?'updateaddr':'addAddress'}}" data-id="{{useraddr.id}}">
  104. 保存并使用
  105. </view>
  106. </view>
  107. </van-popup>
  108. <van-popup show="{{ show2 }}" position="bottom" bind:close="changeClose2" closeable close-icon="/image/icon/close.png">
  109. <view class="pupBox">
  110. <view class="tit">
  111. 清洗备注
  112. </view>
  113. <view class="content">
  114. <textarea placeholder="例:蓝色短袖袖口有污渍请着重清洗" class="bg" bindblur="input4" placeholder-class="placeholder" value="{{remark}}"></textarea>
  115. </view>
  116. <view class="btn btn-sky" bindtap="changeClose2">
  117. 确定
  118. </view>
  119. </view>
  120. </van-popup>
  121. <view wx:if="{{isphone}}" class="popup_view">
  122. <view class="popup_item">
  123. <view>服务授权</view>
  124. <view>海星洗护处于以下原因需要您授权提供手机号</view>
  125. <view>
  126. <view>- 如清洗遇时遇到问题与您联系</view>
  127. <view>- 接收必要的订单物流提醒</view>
  128. <view>- 使用此手机号为您创建账户</view>
  129. </view>
  130. <view><button open-type="getPhoneNumber" class="pop_btn" bindgetphonenumber="getPhoneNumber">授权提供手机号</button></view>
  131. <view wx:if="{{isonline==0}}"><button class="pop_btn" bindtap="changeisphone" style="margin-top: 20rpx;background: #ededed;color: #4a4a4a;">取消授权</button></view>
  132. </view>
  133. </view>