submitOrder.wxml 9.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167
  1. <view class="page flex-column" style="background-color: #F5F5F5;">
  2. <view class="submitadress flex-column">
  3. <view>
  4. <view class="fotSize32" style="margin-left: 25rpx;margin-top: 23rpx;">{{store.storeName}}</view>
  5. <view>
  6. <image style="width: 18rpx;height: 23rpx;margin-left: 28rpx;margin-top: 17rpx;" src="/images/groupmeallist/distance.png"></image>
  7. <span style="margin-left: 10rpx;">距离您{{store.distance}}km</span>
  8. </view>
  9. <view class="fontSize24" style="margin-left: 25rpx;margin-top: 16rpx;">{{store.address}}({{store.storeName}})</view>
  10. </view>
  11. <!-- 自取 -->
  12. <view wx:if="{{storeWay ==1}}" class="flex-row" style="margin-top: 67rpx;margin-left: 22rpx;justify-content: space-between;">
  13. <view class="fontSize-28" style="font-weight: 700;color: #000000;">预留电话</view>
  14. <view class="flex-row">
  15. <span style="margin-right: 23rpx;color: #000000;" class="fontSize-28">
  16. <input bindinput="listenInput" value="{{phone}}" class="sosoinput" bindblur="soso" focus="{{!openFocus}}">
  17. </input>
  18. <!-- {18655520192} -->
  19. </span>
  20. <view class="autoFill" catchtap="getPhone">自动填写</view>
  21. </view>
  22. </view>
  23. <!-- 门店外送 -->
  24. <view wx:if="{{storeWay ==2}}" class="flex-row" style="margin-top: 67rpx;margin-left: 22rpx;justify-content: space-between;" catchtap="chooseAdress">
  25. <view class="fontSize-28" style="width: 600rpx; font-weight: 700;color: #000000;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;">请选择收货地址
  26. <span style=" width: 200rpx; margin-left: 50rpx;color: #8B8B8B;">{{addressvaule}}</span>
  27. </view>
  28. <view class="flex-row">
  29. <span style="margin-right: 23rpx;color: #000000;" class="fontSize-28">
  30. </span>
  31. <image style="width: 10rpx;height: 19rpx;margin-right: 35rpx;" src="/images/groupmeallist/more_than_the.png"></image>
  32. </view>
  33. </view>
  34. <view style="width: 93%; border-bottom: 1px #e2e2e2 solid; margin:0px auto;margin-top: 55rpx;"></view>
  35. <view class="flex-row" style="margin-top: 31rpx;margin-left: 22rpx;justify-content: space-between;">
  36. <view class="fontSize-28" style="font-weight: 700;color: #000000;">用餐方式</view>
  37. <view class="fontSize-28" style="font-weight: 700;color: #000000;margin-right: 24rpx;">
  38. <span wx:if="{{storeWay ==1}}">门店自取</span>
  39. <span wx:if="{{storeWay ==2}}">外送到家</span>
  40. </view>
  41. </view>
  42. </view>
  43. <view class="detail_center {{showAllSku ? '': 'fold'}}">
  44. <!-- 循环订单商品 -->
  45. <view class="for_detail_good ">
  46. <view wx:for="{{skuList}}" wx:key="index" wx:for-item="item" style="margin-bottom: 62rpx;">
  47. <view class="goods_detail flex-row">
  48. <view class="flex-row">
  49. <view class="for_detail_good_title">{{item.productName}}<span style="color:#AFD250;margin-left:10rpx;font-size:22rpx">x{{item.num}}</span> </view>
  50. <view style="font-size: 24rpx;font-weight: 400;text-align: center;color: #9b9b9b;margin-left: 14rpx;border-bottom: 1rpx #9B9B9B solid;" data-idx="{{index}}" catchtap="changeCollapseOrDetail"> {{skuList[index].show == true ? '收起' : '详情'}}</view>
  51. </view>
  52. <view class="for_detail_good_price">¥ {{item.totalOriPriceY}}</view>
  53. </view>
  54. <!-- 套餐详情 -->
  55. <view class="combo_detail {{skuList[index].show != true ?'hide':''}}">
  56. <!-- 杨枝甘露清爽版 -->
  57. <block wx:for="{{item.comboSkuList}}" wx:for-item="combo" wx:key="comboIdx">
  58. <!-- {{combo.setsName}}: -->
  59. <view style="display: inline;" wx:for="{{combo.skuList}}" wx:for-item="skuItem" wx:key="skuItemIdx">
  60. {{skuItem.productName}}
  61. <block wx:if="{{skuItem.specList.length>0}}" style="display: inline;" wx:for="{{skuItem.specList}}" wx:for-item="spec" wx:key="specIdx">
  62. <text>({{spec.specValue}})</text>
  63. </block>
  64. x{{skuItem.num}}
  65. </view>
  66. </block>
  67. <span style="color:#AFD250;margin-left:10rpx;font-size:22rpx">x1</span>
  68. </view>
  69. </view>
  70. </view>
  71. <view catchtap="handleFlodExtend" wx:if="{{skuList.length >= 2}}">
  72. <block wx:if="{{showAllSku}}">
  73. <view class="exten-flod"> 收起
  74. <image style="width:19rpx;height:10rpx;margin-left: 15rpx;" src="/images/groupmeallist/top_icon.png" />
  75. </view>
  76. </block>
  77. <block wx:else>
  78. <view class="exten-flod">查看全部({{skuList.length}})
  79. <image style="width:19rpx;height:10rpx;" src="/images/groupmeallist/bottom_icom.png" />
  80. </view>
  81. </block>
  82. </view>
  83. <view class="coupon flex-row-between" catchtap="gotoselectcoupon">
  84. <view class="flex-row" style="align-items: center;">
  85. <image style="width: 33rpx;height: 33rpx;margin-left: 31rpx;" src="/images/groupmeallist/coupon.png"></image>
  86. <view style="font-size: 28rpx;font-weight: 400;text-align: left;color: #000000;margin-left: 13rpx;">可用优惠券</view>
  87. </view>
  88. <view class="flex-row">
  89. <view class="coupon_sum" wx:if="{{coupon == ''}}">{{forSelectList.length}}个可用</view>
  90. <view class="coupon_have" wx:if="{{coupon !=null}}">{{coupon.coupon.title}}</view>
  91. <image style="width: 10rpx;height: 19rpx;margin-right: 35rpx;margin-top: 0rpx;" src="/images/groupmeallist/more_than_the.png"></image>
  92. </view>
  93. </view>
  94. <view style="width: 93%; border-bottom: 1px #e2e2e2 solid; margin: auto;margin-top: 13rpx;"></view>
  95. <view class="all_price flex-row">
  96. <view class="flex-row">
  97. <span style="display: {{coupon =='' ? 'none' : 'block'}};">已优惠 <sapn style="font-size: 28rpx;font-weight: 400;text-align: left;color: #d65065;margin-right: 31rpx;">-¥{{discountPriceY}}</sapn>
  98. </span> 合计 ¥
  99. <sapn style="font-size: 38rpx;font-weight: 400;text-align: left;color: #000000;margin-right: 35rpx;">{{totalPriceY}}</sapn>
  100. </view>
  101. </view>
  102. </view>
  103. <view class="invoice flex-row" style="margin-top: 27rpx;" wx:if="{{hallFood.supportInvoice == 1}}" catchtap="gotoinvoice">
  104. <view style="margin-left: 22rpx;color: #000000;" class="fontSize-28">是否开发票</view>
  105. <view class="fontSize-28">
  106. <span style=" width: 300rpx; margin-right: 50rpx;color: #8B8B8B;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;">{{invoiceValue}}</span>
  107. <span wx:if="{{invoiceId == ''}}" style="margin-right: 10rpx;">无</span>
  108. <image style="width: 10rpx;height: 19rpx;margin-right: 35rpx;margin-top: 2rpx;" src="/images/groupmeallist/more_than_the.png"></image>
  109. </view>
  110. </view>
  111. <view class="invoice flex-row" catchtap="remarkShow">
  112. <view style="margin-left: 22rpx;color: #000000;" class="fontSize-28">备注</view>
  113. <view class="fontSize-28 flex-row" >
  114. <span wx:if="{{inputValue == ''}}" style="margin-right: 10rpx;"> 无</span>
  115. <view style="margin-right: 10rpx; max-width: 400rpx;overflow:hidden; text-overflow:ellipsis;" wx:if="{{inputValue != ''}}" >{{inputValue}}</view>
  116. <image style="width: 10rpx;height: 19rpx;margin-right: 35rpx;margin-top: 2rpx;" src="/images/groupmeallist/more_than_the.png"></image>
  117. </view>
  118. </view>
  119. <view class="allSum flex-row">
  120. <view style="margin-left: 32rpx;color: #000000;" class="fontSize-28">合计:
  121. <span style="font-size: 24rpx;font-weight: 400;text-align: left;color: #afd250;">¥</span>
  122. <span style="font-size: 32rpx;font-weight: 700;text-align: left;color: #afd250;margin-left: 12rpx;">{{totalPriceY}}</span>
  123. </view>
  124. <view class="submit_pay" catchtap="submitOrder">提交支付</view>
  125. </view>
  126. <view class="bg-zindex" hidden="{{hidden}}">
  127. <view class="success_window flex-column">
  128. <view class="w_title">备注</view>
  129. <view class="w_text"><input style="height:40rpx;" bindinput="getReason" type="text" placeholder="请输入备注" value="{{inputValue}}" maxlength="300" /></view>
  130. <view class="w_border"></view>
  131. <view class="w_button flex-row">
  132. <view class="w_go_order" catchtap="cancel">取消</view>
  133. <view class="w_go_order" catchtap="confirm">确定</view>
  134. </view>
  135. </view>
  136. </view>
  137. </view>