index.wxml 3.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091
  1. <!--index.wxml-->
  2. <view class="wrap">
  3. <view class="wrap_nr">
  4. <!-- 自提订单 展示门店信息 -->
  5. <view class="address_wrap" wx:if="{{ fare_type == 1 && store}}">
  6. <view class="address_l">
  7. <view class="address">
  8. <view class="address_name">{{ store.title }}</view>
  9. <view class="address_text">{{ store.address }}</view>
  10. </view>
  11. <view class="phone_wrap" wx:if="{{ userInfo.phone }}">
  12. <text class="label">预留电话</text>
  13. <text>{{ userInfo.phone }}</text>
  14. </view>
  15. </view>
  16. <view class="address_r">
  17. <view class="juli">距您{{ store.distance }}km</view>
  18. <image class="store_logo" src="{{ imgUrl + store.thumb }}"></image>
  19. </view>
  20. </view>
  21. <!-- 外卖订单 展示收货地址 -->
  22. <view class="address_wrap takeout" wx:if="{{ fare_type == 0 && checkedAddress }}" bind:tap="goSelectAddress">
  23. <view class="address_l">
  24. <view class="address">{{ checkedAddress.area_address+checkedAddress.address }}</view>
  25. <view class="phone_wrap">
  26. <text class="label">{{ checkedAddress.name }}</text>
  27. <text>{{ checkedAddress.phone }}</text>
  28. </view>
  29. </view>
  30. <van-icon name="arrow" />
  31. </view>
  32. <!-- 订单信息 -->
  33. <view class="order_wrap">
  34. <view class="order_t">
  35. <view class="order_shop">商品详情</view>
  36. <view class="order_way">{{ fare_type == 1 ? '自提订单' : '外卖' }}</view>
  37. </view>
  38. <image class="border_line" src="/statics/img/line_tu.png"></image>
  39. <view class="border_out">
  40. <view class="order_goods">
  41. <view class="goods_item" wx:for="{{ cartGoods }}" wx:key="index">
  42. <view class="goods_item_l">
  43. <image class="goods_tu" src="{{ imgUrl + item.good_thumb}}"></image>
  44. <view class="goods_info">
  45. <view class="goods_title"><text class="add_tag">加购商品</text>{{ item.good_title }}</view>
  46. <view class="goods_labels" wx:if="{{ item.good_specs_title }}">
  47. <view class="label">{{ item.good_specs_title }}</view>
  48. <!-- <view class="label">甜辣</view>
  49. <view class="label">鸭翅</view> -->
  50. </view>
  51. </view>
  52. </view>
  53. <view class="goods_item_r">
  54. <view class="goods_price" wx:if="{{ !item.add_good_rule_id }}"><text class="unit">¥</text>{{ is_member ? item.member_price : item.price }}</view>
  55. <view class="goods_price" wx:if="{{ item.add_good_rule_id }}"><text class="unit">¥</text>{{ item.add_price }}</view>
  56. <view class="goods_num">x{{ item.nums }}</view>
  57. </view>
  58. </view>
  59. </view>
  60. <!-- 外卖单才有配送费 -->
  61. <view class="delivery" wx:if="{{ fare_type == 0 }}">
  62. <view class="delivery_l">配送费</view>
  63. <view class="delivery_r"><text class="unit">¥</text>{{ transprotFare }}</view>
  64. </view>
  65. <view class="heji_price">
  66. <!-- <text class="heji_item">已优惠<text class="price"><text class="unit">¥</text>10</text></text> -->
  67. <!-- {{ is_member ? totalMemberPrice : totalPrice }} -->
  68. <text class="heji_item total">小计<text class="price"><text class="unit">¥</text>{{ totalPrice }}</text></text>
  69. </view>
  70. </view>
  71. </view>
  72. <view class="remark">
  73. <view class="remark_t">备注</view>
  74. <view class="remark_nr">
  75. <van-field
  76. value="{{ user_mark }}"
  77. placeholder="口味、偏好等要求"
  78. border="{{ false }}"
  79. type="textarea"
  80. maxlength="{{ 50 }}"
  81. show-word-limit
  82. bind:input="getUserMark"
  83. />
  84. </view>
  85. </view>
  86. </view>
  87. </view>
  88. <view class="bottom">
  89. <view class="total_price"><text class="price"><text class="unit">¥</text>{{ totalPrice }}</text></view>
  90. <view class="btn_tijiao" bind:tap="goCreateOrder">提交订单</view>
  91. </view>