index.wxml 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292
  1. <view wx:if="{{loadover}}" class="{{theme_type}}">
  2. <view class="buy">
  3. <view class='meili-all-vue-base-tab tabs tabs-top tabs-line' hidden='{{is_ziti==1?false:true}}'>
  4. <view class='tabs-bar'>
  5. <view class='tabs-nav--container'>
  6. <view class='tabs-nav--wrap'>
  7. <view class='tabs-nav tabs-nav--animated'>
  8. <view class='tabs-link-bar tabs-link-bar-animated'></view>
  9. <view bindtap='tabchange' data-index='1' class='tabs-tab J-tabs-tab-key {{tab_index ==1 ? "tabs-tab-active" : ""}}'>
  10. 快递
  11. </view>
  12. <view bindtap='tabchange' data-index='2' class='tabs-tab J-tabs-tab-key {{tab_index ==2 ? "tabs-tab-active" : ""}} '>
  13. 门店自提
  14. </view>
  15. </view>
  16. </view>
  17. </view>
  18. </view>
  19. </view>
  20. <view class="creatOrder" >
  21. <view class="createOrder-wrap">
  22. <view hidden='{{ (is_ziti == 0 || is_ziti == 1) && dispatching =="express" ? fasle: true}}'>
  23. <view bindtap="chooseAddress_list" data-type="{{buy_type}}" class="address" wx:if="{{addressState}}">
  24. <view class="m-icon m-icon-location address-location"></view>
  25. <view class="address-yes">
  26. <view class="address-contacter">
  27. <span>收货人:{{address.userName}} {{address.telNumber}}</span>
  28. </view>
  29. <view class="address-addr">
  30. <span>收货地址:{{address.provinceName}}{{address.cityName}}{{address.countyName}}{{address.detailInfo}}
  31. </span>
  32. </view>
  33. </view>
  34. <view class="m-icon m-icon-arrow-right address-arrow"></view>
  35. </view>
  36. <view wx:else>
  37. <view class='oc-address'>
  38. <!-- address line begin -->
  39. <view class='oc-address-container'>
  40. <view class='oc-add-address indicator' bindtap='show_add_selfaddress'>
  41. <text>手动添加收货地址</text>
  42. </view>
  43. <view class='oc-wx-add-address indicator' bindtap="chooseAddress">
  44. <text>一键获取微信地址</text>
  45. </view>
  46. </view>
  47. <!-- address line end -->
  48. </view>
  49. </view>
  50. </view>
  51. <view class="pd_btop" hidden='{{is_ziti == 2 || dispatching =="pickup" ? fasle: true}}'>
  52. <view class='pd10'>
  53. <text>联系人:</text>
  54. <input type='text' value="{{ziti_name}}" bindinput="bindNameInput" placeholder="请填写联系人" name="" focus="{{focus_name}}"></input>
  55. </view>
  56. <view class='pd10'>
  57. <text>手机号:</text>
  58. <input type='number' value="{{ziti_mobile}}" bindinput="bindMobileInput" placeholder="请填写手机号" name="" focus="{{focus_mobile}}"></input>
  59. </view>
  60. <view bindtap="chooseZiti" class="address" style="background:none;background-color:#fff;">
  61. <view class="m-icon m-icon-location address-location"></view>
  62. <view class="address-no">自提点:{{pickname}}</view>
  63. <view class="m-icon m-icon-arrow-right address-arrow"></view>
  64. </view>
  65. </view>
  66. <view wx:for="{{seller_goodss}}" wx:key="key" class="shop">
  67. <view class="shopHead">
  68. <view class="shopHead-title">
  69. <text>{{item.store_info.s_true_name}}</text>
  70. </view>
  71. <view class="shopHead-im" style="display:none;">
  72. <view class="m-icon m-icon-message shopHead-im--icon"></view>
  73. <text>联系商家</text>
  74. </view>
  75. </view>
  76. <view class="skuItem" wx:for="{{item.goods}}" wx:for-item="item_goods">
  77. <view class="skuItem-wrap">
  78. <view>
  79. <image src="{{item_goods.image}}" class="skuItem-img" />
  80. </view>
  81. <view class="skuItem-desc">
  82. <text class="skuItem-desc--title">
  83. <text style="color:#ff1b51;" wx:if="{{item_goods.header_disc ==0}}">[团长免单]</text><text style="color:#ff1b51;" wx:if="{{item_goods.header_disc >0 && item_goods.header_disc < 100}}">[{{item_goods.header_disc}}折]</text>
  84. <text style="color:#ff1b51;" wx:if="{{item_goods.member_disc >0 && item_goods.member_disc < 100}}">[{{item_goods.level_name}}{{(item_goods.member_disc/10)}}折]</text>{{item_goods.name}}</text>
  85. <view class="skuDesc">
  86. <text wx:for="{{item_goods.option}}" wx:key="key" wx:for-item="option" class="skuDesc-desc">{{option.name}}:{{option.value}};</text>
  87. </view>
  88. </view>
  89. <view class="skuItem-price">
  90. <view>
  91. <text class="skuItem-price--old">¥{{item_goods.shop_price}}</text>
  92. </view>
  93. <view>
  94. <text class="skuItem-price--now">¥{{item_goods.price}}</text>
  95. </view>
  96. <view class="skuItem-num skuItem-counter">
  97. <text class="skuItem-num--origininput">x{{item_goods.quantity}}</text>
  98. <view class="m-icon m-icon-edit"></view>
  99. </view>
  100. </view>
  101. </view>
  102. <view class="skuItem-tips">
  103. </view>
  104. </view>
  105. <view class="salebar" hidden='{{item.show_voucher == 1? false:true}}' bindtap='show_voucher' data-seller_id="{{item.store_info.s_id}}">
  106. <view class="salebar-title span">店铺优惠:</view>
  107. <view class="salebar-desc span" wx:if="{{item.chose_vouche.limit_money>0}}">满{{item.chose_vouche.limit_money}}元减{{item.chose_vouche.credit}}元</view>
  108. <view class="salebar-desc span" wx:else="{{item.chose_vouche.limit_money<=0}}">减{{item.chose_vouche.credit}}元</view>
  109. <view class="m-icon m-icon-arrow-right salebar-arrow i"></view>
  110. <view class="salebar-price salebar-price--red span">- ¥{{item.chose_vouche.credit}}</view>
  111. </view>
  112. <view class="salebar" wx:if="{{dispatching == 'express' && ( is_ziti ==0 || is_ziti == 1) }}">
  113. <text class="salebar-title">快递运费:</text>
  114. <text wx:if="{{item.trans_free<=0}}" class="salebar-desc">包邮</text>
  115. <text wx:if="{{shipping==1}}" class="salebar-price">¥{{item.trans_free}}</text>
  116. <text wx:else class="salebar-price">¥{{item.trans_free}}</text>
  117. </view>
  118. <view class="salebar">
  119. <text class="salebar-title">店铺合计:</text>
  120. <text class="salebar-desc"></text>
  121. <text class="salebar-price" wx:if="{{is_integer ==0}}">¥{{item.total}}</text>
  122. <text class="salebar-price" wx:if="{{is_integer ==1}}">{{item.total}}积分</text>
  123. </view>
  124. <view class="comment" hidden='{{!hide_quan}}'>
  125. <textarea bindinput="textarea_input" placeholder="有什么想对商家说的可以写在这里哦~" style="display:{{skustate==1?'none':''}};" class="comment-text" />
  126. </view>
  127. </view>
  128. <view class="oc-payment" avalonctrl="oc_payment" bindtap="ck_wxpays">
  129. <view class="oc-payment-item {{ck_yupay == 0 ? 'oc-payment-selected':''}}">
  130. <view class="span oc-payment-method oc-p-2">微信支付</view>
  131. <view class="span oc-payment-recommend">推荐</view>
  132. </view>
  133. </view>
  134. <view class="oc-payment" wx:if="{{is_yue_open >0}}" avalonctrl="oc_payment" bindtap="ck_yupays">
  135. <view class="oc-payment-item {{ck_yupay >0 ? 'oc-payment-selected':''}}">
  136. <view class="span oc-payment-method oc-p-1">红包支付(余额:{{yu_money}})</view>
  137. </view>
  138. </view>
  139. </view>
  140. <view class="paybar-wrap">
  141. <view data-aid="0" class="paybar">
  142. <view class="paybar-detail">
  143. <view class="moneyInfo">
  144. <view class="paybar-sum">总价:
  145. <text class="paybar-sum--red" wx:if="{{is_integer == 0}}">¥{{total_free}}</text>
  146. <text class="paybar-sum--red" wx:if="{{is_integer ==1}}">{{total_free}}</text><text wx:if="{{is_integer ==1}}">积分</text>
  147. </view>
  148. </view>
  149. <view class="totalNum">
  150. <text class="paybar-num">共{{goods.length}}件商品</text>
  151. </view>
  152. </view>
  153. <form bindsubmit="goOrderfrom" report-submit="true">
  154. <button formType="submit" class="paybar-btn" wx:if="{{is_integer ==0}}">立即支付</button>
  155. <button formType="submit" class="paybar-btn" wx:if="{{is_integer ==1}}">立即兑换</button>
  156. </form>
  157. </view>
  158. </view>
  159. </view>
  160. </view>
  161. <view class="dialog is-bottom" width="100%" style="z-index: 10005;display:{{skustate==1?' ':'none'}}; {{is_ziti == 2 ? 'top:144rpx;':''}}">
  162. <view class="dialog-mask" bindtap='click_hide_dialog'></view>
  163. <view class="dialog-core" style=" top:-1rpx;">
  164. <view class="sku sku m-fixed" position="bottom">
  165. <view class="sku-content">
  166. <view class="sku-content--scroll">
  167. <view class="scroll">
  168. <view class='fuj_mend'>
  169. <view class="m-icon m-icon-location address-location"></view>
  170. 附近自提门店
  171. </view>
  172. <view class="prop">
  173. <view wx:for="{{pick_up_arr}}" wx:key="key" class="prop-rows" bindtap='chose_mendian' data-name="{{item.pick_name}}" data-id="{{item.id}}">
  174. <view class="prop-rows--title">{{item.pick_name}}</view>
  175. <view class="prop-rows--title-sumary">{{item.pick_pos}}</view>
  176. </view>
  177. </view>
  178. </view>
  179. </view>
  180. </view>
  181. </view>
  182. </view>
  183. </view>
  184. <view class="meili-all-vue-base-dialog dialog is-bottom" hidden='{{hide_quan}}' width="100%" bgcolor="transparent" style="z-index: 1013;bottom:0px;top:0px;">
  185. <view class="dialog-mask"></view>
  186. <view class="dialog-core" style="bottom:0px;">
  187. <view class="couponlist">
  188. <view class="couponlist-content">
  189. <view class="couponlist-content--title">
  190. <view class="couponlist-shopname span">请选择优惠券</view>
  191. <view class="couponlist-content--close" bindtap='close_voucher'>╳</view>
  192. </view>
  193. <view class="couponlist-content--list" >
  194. <view bindtap='chose_voucher_id' wx:for="{{ssvoucher_list}}" wx:for-item="item_voucher" data-voucher_id="{{item_voucher.id}}" data-seller_id="{{voucher_serller_id}}" class="couponItem {{item_voucher.id == seller_chose_id ?'couponItem-active':''}} ">
  195. <view class="m-icon m-icon-right i"></view>
  196. <view class="span" wx:if="{{item_voucher.limit_money>0}}">满{{item_voucher.limit_money}}元减{{item_voucher.credit}}元</view>
  197. <view class="span" wx:else="{{item_voucher.limit_money<=0}}">减{{item_voucher.credit}}元</view>
  198. </view>
  199. </view>
  200. </view>
  201. </view>
  202. </view>
  203. </view>
  204. </view>
  205. <!-- address dialog form begin -->
  206. <view id="m-addr-mask" wx:if="{{show_add_address}}">
  207. <view class='m-addr-main'>
  208. <view class='m-addr-title'>
  209. 添加新收货地址
  210. </view>
  211. <view class='weui-cell'>
  212. <view class='weui-cell__hd'>
  213. <view class='weui-label'>
  214. 联系人
  215. </view>
  216. </view>
  217. <view class='weui-cell__bd'>
  218. <input class='weui-input' value="{{addr_name}}" bindinput="bindAddrnameInput" type='text' placeholder="姓名"></input>
  219. </view>
  220. </view>
  221. <view class='weui-cell'>
  222. <view class='weui-cell__hd'>
  223. <view class='weui-label m-icon'>
  224. 手机号码
  225. </view>
  226. </view>
  227. <view class='weui-cell__bd'>
  228. <input class='weui-input' value="{{addr_tel}}" bindinput="bindAddrtelInput" type='text' placeholder="电话"></input>
  229. </view>
  230. </view>
  231. <view class='weui-cell'>
  232. <view class='weui-cell__hd'>
  233. <view class='weui-label'>
  234. 选择地区
  235. </view>
  236. </view>
  237. <view class='weui-cell__bd'>
  238. <picker class='weui-input' mode="region" bindchange="bindRegionChange" value="{{region}}" custom-item="{{customItem}}">
  239. <view class="picker">
  240. {{region[0]}}{{region[1]}}{{region[2]}}
  241. </view>
  242. </picker>
  243. </view>
  244. </view>
  245. <view class='weui-cell'>
  246. <view class='weui-cell__hd'>
  247. <view class='weui-label'>
  248. 详细地址
  249. </view>
  250. </view>
  251. <view class='weui-cell__bd'>
  252. <input value="{{addr_detail}}" bindinput="bindAddrdetailInput" class='weui-input' type='text' placeholder="输入地址或点击地图选择"></input>
  253. </view>
  254. <view class='weui-cell__hd' bindtap='chose_location'>
  255. <view class='weui-pos'>
  256. </view>
  257. </view>
  258. </view>
  259. <view class='m-addr-save' bindtap='sub_address_do'>
  260. 保存
  261. </view>
  262. <view class='m-addr-close' bindtap='close_address_dialog'>
  263. <view class='ms-addr-close-icon'></view>
  264. </view>
  265. </view>
  266. </view>
  267. <!-- address dialog form end-->