confirmOreder.wxml 5.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149
  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/peijian.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">
  25. <text class="m-right-15">暂无优惠券可用</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.tit}}</view>
  35. <view class="num">¥{{item.num || 0}}/件</view>
  36. </view>
  37. </view>
  38. </view> -->
  39. <view class="delivery m-bottom-25">
  40. <view class=" flex ju-b">
  41. <text class="title">配送</text>
  42. <view class="btnBox flex ju-b">
  43. <view class="btn {{mode==1 ? 'active' : ''}}" bindtap="changeMode" data-id="1">代收点</view>
  44. <view class="btn {{mode==3? 'active' : ''}}" bindtap="changeMode" data-id="3">上门取送</view>
  45. <view class="btn {{mode==2? 'active' : ''}}" bindtap="changeMode" data-id="2">到柜存取</view>
  46. </view>
  47. </view>
  48. <view class="center flex ju-b m-top-20">
  49. <view class="le">
  50. <view class="address">代收点地址:湖北省武汉市洪山区茅店山西路4号创星汇</view>
  51. <view class="time m-top-15">服务时间9:00-21:00</view>
  52. </view>
  53. <view class="lr flex ju-e">
  54. <text>运费</text>
  55. <text class="code">¥<text class="num">{{orderinfo.freight}}</text></text>
  56. </view>
  57. </view>
  58. <view class="message">
  59. <view class="tit flex ju-b" bindtap="changeClose1">
  60. <text>联系信息</text>
  61. <van-icon name="arrow" color="#C7C7CC" />
  62. </view>
  63. <view class="content m-top-20">
  64. {{name}}-{{code}}<view>{{address}}</view>
  65. </view>
  66. </view>
  67. </view>
  68. <view class="footer flex ju-b">
  69. <view class="le">清洗备注</view>
  70. <view class="lr flex" bindtap="changeClose2">
  71. <text class="m-right-15">{{remark?remark:'例:蓝色短袖袖口有污渍请着重清洗'}}</text>
  72. <van-icon name="arrow" color="#C7C7CC" />
  73. </view>
  74. </view>
  75. <view class="chiose">
  76. <van-checkbox value="{{ checked }}" shape="square" bind:change="onChange" icon-size="25rpx">
  77. <text>我已阅读并同意<text class="tips">《海星洗护清洗协议》</text> </text>
  78. </van-checkbox>
  79. </view>
  80. <view class="footerNav flex ju-b">
  81. <view class="le">
  82. <text>¥<text class="num">{{orderinfo.total_price}}</text></text>
  83. <view class="tips">价格以实际收到为准</view>
  84. </view>
  85. <view class="btn btn-sky" bindtap="goto">确认支付</view>
  86. </view>
  87. <van-popup show="{{ show1 }}" position="bottom" bind:close="changeClose1" closeable close-icon="/image/icon/close.png">
  88. <view class="pupBox">
  89. <view class="tit">
  90. 联系信息
  91. </view>
  92. <view class="content">
  93. <view class="inputBox flex b-bottom">
  94. <text>姓名</text><input type="text" bind:input="input1" clearable label="姓名" value='{{name}}' placeholder="请填写您的姓名" />
  95. </view>
  96. <view class="inputBox flex b-bottom">
  97. <text>手机</text><input style="width: 50%;" type="text" bind:input="input2" clearable label="手机" placeholder="请填写您的手机号" value="{{code}}" />
  98. <button open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber" style="color: green;">获取微信手机号</button>
  99. </view>
  100. <view class="inputBox flex b-bottom">
  101. <text>地址</text><input type="text" bind:input="input3" clearable label="地址" value='{{address}}' placeholder="填写宿舍楼名称、宿舍号信息" />
  102. </view>
  103. </view>
  104. <view class="btn btn-sky" bindtap="{{useraddr.id?'updateaddr':'addsave'}}" data-id="{{useraddr.id}}">
  105. 保存并使用
  106. </view>
  107. </view>
  108. </van-popup>
  109. <van-popup show="{{ show2 }}" position="bottom" bind:close="changeClose2" closeable close-icon="/image/icon/close.png">
  110. <view class="pupBox">
  111. <view class="tit">
  112. 清洗备注
  113. </view>
  114. <view class="content">
  115. <textarea placeholder="例:蓝色短袖袖口有污渍请着重清洗" class="bg" bindblur="input4" placeholder-class="placeholder">{{remark}}</textarea>
  116. </view>
  117. <view class="btn btn-sky" bindtap="changeClose2">
  118. 确定
  119. </view>
  120. </view>
  121. </van-popup>