order-submit.wxml 23 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441
  1. <view class='page'>
  2. <include src='/components/common/common'></include>
  3. <include src='/components/header/header'></include>
  4. <view class='body after-navber'>
  5. <block wx:if='{{ (is_area == 1 && offline == 0) }}'>
  6. <view class='bottom-bar flex-row'>
  7. <view class='is_area'>所选地区暂时无货</view>
  8. </view>
  9. </block>
  10. <block wx:else>
  11. <form bindsubmit='orderSubmit' reportSubmit='true'>
  12. <view class='bottom-bar flex-row'>
  13. <view class='flex-y-center flex-grow-1' style='padding: 0 24rpx'>
  14. <block wx:if='{{ ( (pond_id || scratch_id) || lottery_id) }}'>
  15. <view class='flex-grow-1' style='color:#ff4544 '> 总计:¥{{express_price}} </view>
  16. </block>
  17. <block wx:elif='{{step_id}}'>
  18. <view class='flex-grow-1' style='color:#ff4544 '> 总计:{{total_price}}{{(store.option.step.currency_name?store.option.step.currency_name:"活力币")}}
  19. <block wx:if='{{offline == 0}}'><text>+¥{{express_price}}</text></block>
  20. </view>
  21. </block>
  22. <block wx:else>
  23. <view class='flex-grow-1' style='color:#ff4544 '> 总计:¥{{new_total_price}} </view>
  24. </block>
  25. </view>
  26. <block wx:if='{{ ( ( (pond_id || scratch_id) || lottery_id) || step_id) }}'><button class='flex-y-center flex-grow-0 flex-x-center submit-btn' formType='submit'>提交</button></block>
  27. <block wx:else>
  28. <block wx:if='{{ ( (offer_rule && offer_rule.is_allowed == 1) && offline == 0) }}'>
  29. <view class='flex-y-center flex-grow-0 flex-x-center submit-btn' style='background-color:#ccc;'>{{offer_rule.msg}}</view>
  30. </block>
  31. <block wx:else><button class='flex-y-center flex-grow-0 flex-x-center submit-btn' formType='submit'>提交</button></block>
  32. </block>
  33. </view>
  34. </form>
  35. </block>
  36. <view class='{{(show_card?"no-scroll":"")}} {{( ( (show_shop || show_coupon_picker) || show_card) ?"hidden":"")}}' style='padding-bottom: 129rpx'>
  37. <block wx:if='{{offline == 0}}'>
  38. <navigator class='flex-row address-picker' url='/pages/address-picker/address-picker'>
  39. <block wx:if='{{address}}'>
  40. <view class='flex-grow-1'>
  41. <view class='flex-row' style='margin-bottom: 20rpx'>
  42. <view class='flex-grow-1'>收货人:{{address.name}}</view>
  43. <view class='flex-grow-0'>{{address.mobile}}</view>
  44. </view>
  45. <view style='white-space: nowrap;overflow: hidden;text-overflow: ellipsis'>收货地址:{{address.province}}{{address.city}}{{address.district}}{{address.detail}}</view>
  46. </view>
  47. </block>
  48. <block wx:else>
  49. <view class='flex-grow-1'>
  50. <view style='color:#ff4544'>请选择收货地址</view>
  51. </view>
  52. </block>
  53. <view class='flex-grow-0 flex-y-center'>
  54. <image src='{{__wxapp_img.store.jiantou_r.url}}' style='width: 12rpx; height: 22rpx;margin-left: 24rpx'></image>
  55. </view>
  56. </navigator>
  57. </block>
  58. <view bindtap='showPayment' class='flex-row flex-y-center' style='background: #fff;padding: 0 24rpx;height: 90rpx;border-bottom: 1rpx solid #e3e3e3;margin-bottom: 20rpx;'>
  59. <view class='flex-grow-1'>支付方式</view>
  60. <block wx:if='{{payment == 0}}'>
  61. <view class='flex-grow-0'>线上支付</view>
  62. </block>
  63. <block wx:if='{{payment == 2}}'>
  64. <view class='flex-grow-0'>货到付款</view>
  65. </block>
  66. <block wx:if='{{payment == 3}}'>
  67. <view class='flex-grow-0'>账户余额支付</view>
  68. </block>
  69. <view class='flex-grow-0'>
  70. <image src='{{__wxapp_img.store.jiantou_r.url}}' style='width: 12rpx;height: 22rpx;margin-left: 12rpx'></image>
  71. </view>
  72. </view>
  73. <block wx:if='{{ (goods_list && goods_list.length > 0) }}'>
  74. <view class='mch-item'>
  75. <view class='mch-header'>平台自营</view>
  76. <view class='cart-list'>
  77. <block wx:for='{{goods_list}}' wx:for-item='item' wx:for-index='index' wx:key='{{index}}'>
  78. <view class='flex-col '>
  79. <view class='cart-item flex-row border-bottom'>
  80. <view class='flex-grow-0'>
  81. <image class='goods-pic' mode='aspectFill' src='{{item.goods_pic}}'></image>
  82. </view>
  83. <view class='flex-grow-1 flex-col'>
  84. <view class='flex-grow-1'>
  85. <view class='goods-name'>{{item.goods_name}}</view>
  86. <view class='attr-list'>
  87. <block wx:for='{{item.attr_list}}' wx:for-item='attr' wx:for-index='index' wx:key='{{index}}'>
  88. <view class='attr-item'> {{attr.attr_group_name}}:{{attr.attr_name}} </view>
  89. </block>
  90. </view>
  91. </view>
  92. <view class='flex-grow-0 flex-row'>
  93. <view class='flex-grow-1 num'>×{{item.num}}</view>
  94. <block wx:if='{{ ( ( (!(pond_id) && !(scratch_id)) && !(lottery_id)) && !(step_id)) }}'>
  95. <view class='flex-grow-0 price'>¥:{{item.price}}</view>
  96. </block>
  97. </view>
  98. </view>
  99. </view>
  100. <block wx:if='{{ (item.give > 0 && ( ( (!(pond_id) && !(scratch_id)) && !(lottery_id)) && !(step_id)) ) }}'>
  101. <view class='goods-intrgral flex-row'>
  102. <view class='flex-y-center'> 订单完成返回</view>
  103. <view class='flex-y-center' style='color:#ff4544'>{{item.give}}</view>
  104. <view class='flex-y-center'>积分</view>
  105. </view>
  106. </block>
  107. </view>
  108. </block>
  109. </view>
  110. <block wx:if='{{send_type == 0}}'>
  111. <view class='flex flex-row flex-y-center border-bottom' style='background-color:#fff;padding:0 24rpx;height:90rpx;'>
  112. <view class='flex-grow-1'>配送方式</view>
  113. <view class='flex-grow-0 flex-row'>
  114. <view bindtap='getOffline' class='flex-y-center flex-row {{(offline == 0?"active":"")}}' data-index='0' style='height:100%;'>
  115. <view class='check-icon'></view>
  116. <view>快递配送</view>
  117. </view>
  118. <view bindtap='getOffline' class='flex-y-center flex-row {{(offline == 1?"active":"")}}' data-index='1' style='height:100%;margin-left: 32rpx'>
  119. <view class='check-icon'></view>
  120. <view>到店自提</view>
  121. </view>
  122. </view>
  123. </view>
  124. </block>
  125. <block wx:if='{{offline == 1}}'>
  126. <view class='flex-row flex-y-center border-bottom' style='padding: 0 24rpx;height: 90rpx;background: #fff'>
  127. <view class='flex-grow-1'>
  128. <view class='flex-row'>
  129. <view class='flex-grow-0'>联系人:</view>
  130. <view class='flex-grow-1' style='padding-left: 24rpx'><input bindinput='KeyName' placeholder='请填写姓名' style='width: 300rpx' value='{{name}}'></input></view>
  131. </view>
  132. </view>
  133. <view class='flex-grow-0'><input bindinput='KeyMobile' placeholder='请填写电话' style='width: 300rpx;text-align: right' value='{{mobile}}'></input></view>
  134. </view>
  135. <view bindtap='{{(shop_list.length > 1?"showShop":"")}}' class='flex-row border-bottom' style='background: #fff;padding: 24rpx'>
  136. <view class='flex-grow-1'>
  137. <view class='flex-row' style='margin-bottom: 20rpx'>
  138. <view class='flex-grow-1'>门店名称:{{shop.name}}</view>
  139. </view>
  140. <view class='flex-row' style='margin-bottom: 20rpx'>
  141. <view class='flex-grow-1'>门店电话:{{shop.mobile}}</view>
  142. </view>
  143. <view>门店地址:{{shop.address}}</view>
  144. </view>
  145. <block wx:if='{{shop_list.length > 1}}'>
  146. <view class='flex-grow-0 flex-y-center'>
  147. <block wx:if='{{!(shop)}}'>
  148. <view>请选择门店</view>
  149. </block>
  150. <image src='{{__wxapp_img.store.jiantou_r.url}}' style='width: 12rpx;height: 22rpx;margin-left: 12rpx'></image>
  151. </view>
  152. </block>
  153. <block wx:else>
  154. <view class='flex-grow-0 flex-y-center'>暂无门店</view>
  155. </block>
  156. </view>
  157. </block>
  158. <block wx:if='{{ ( ( (!(pond_id) && !(scratch_id)) && !(lottery_id)) && !(step_id)) }}'>
  159. <view bindtap='showCouponPicker' class='flex-row flex-y-center border-bottom' style='background: #fff;padding: 0 24rpx;height: 90rpx;'>
  160. <view class='flex-grow-1'>优惠券</view>
  161. <view class='flex-grow-0'>
  162. <block wx:if='{{ (!(coupon_list) || coupon_list.length == 0) }}'>
  163. <view style='color: #888'>目前无可用优惠券</view>
  164. </block>
  165. <block wx:else>
  166. <block wx:if='{{picker_coupon}}'>
  167. <view style='color: #ff4544'>-{{picker_coupon.sub_price}}元</view>
  168. </block>
  169. <block wx:else>
  170. <view style='color: #ff4544'>有{{coupon_list.length}}张优惠券可以使用</view>
  171. </block>
  172. </block>
  173. </view>
  174. <view class='flex-grow-0'>
  175. <image src='{{__wxapp_img.store.jiantou_r.url}}' style='width: 12rpx;height: 22rpx;margin-left: 12rpx'></image>
  176. </view>
  177. </view>
  178. </block>
  179. <block wx:if='{{ (integral.forehead_integral > 0 && ( ( (!(pond_id) && !(scratch_id)) && !(lottery_id)) && !(step_id)) ) }}'>
  180. <view class='flex-row flex-y-center border-bottom' style='background: #fff;padding: 0 24rpx;height: 90rpx;border-bottom: 1rpx solid #e3e3e3;'>
  181. <view class='flex-grow-1 flex-y-center'>
  182. <view class='flex-y-center'>使用{{integral.forehead_integral}}积分抵扣</view>
  183. <view class='flex-y-center' style='color:#ff4544'>{{integral.forehead}}</view>
  184. <view class='flex-y-center'>元</view>
  185. <view bindtap='integration' class='flex-y-center'>
  186. <image src='{{__wxapp_img.store.ntegration.url}}' style='width: 36rpx;height: 36rpx;margin-left: 12rpx'></image>
  187. </view>
  188. </view>
  189. <view class='flex-grow-0 flex-y-center integral-switch' data-index='{{integral_radio}}'>
  190. <switch checked='{{true}}' bindchange='integralSwitchChange' class='flex-y-center' style='height:44rpx'></switch>
  191. </view>
  192. </view>
  193. </block>
  194. <block wx:if='{{ (level && ( ( (!(pond_id) && !(scratch_id)) && !(lottery_id)) && !(step_id)) ) }}'>
  195. <view class='flex-row flex-y-center border-bottom' style='background: #fff;padding: 0 24rpx;height: 90rpx'>
  196. <view class='flex-grow-1'>会员折扣</view>
  197. <view class='flex-grow-0'>
  198. <view style='color:#ff4544'>{{level.discount}}折</view>
  199. </view>
  200. </view>
  201. </block>
  202. <view class='flex-row flex-y-center border-bottom' style='background: #fff;padding: 0 24rpx;height: 90rpx'>
  203. <view class='flex-grow-1'>运费</view>
  204. <view class='flex-grow-0'>
  205. <block wx:if='{{offline == 0}}'>
  206. <block wx:if='{{address}}'>
  207. <view style='color:#ff4544'>¥{{express_price}}</view>
  208. </block>
  209. <block wx:else>
  210. <view style='color:#888'>请先选择收货地址</view>
  211. </block>
  212. </block>
  213. <block wx:elif='{{offline == 1}}'>
  214. <view style='color:#ff4544'>¥0</view>
  215. </block>
  216. </view>
  217. </view>
  218. <block wx:if='{{form.is_form == 0}}'>
  219. <view class='flex flex-row flex-y-center border-bottom' style='background: #fff;padding: 0 24rpx;height: 90rpx'>
  220. <view class='flex-grow-0'>买家留言</view>
  221. <view class='flex-grow-0' style='padding-left: 24rpx'><input bindinput='bindkeyinput' data-mch-index='-1' name='content' placeholder='请填写备注' style='width:100%;' value='{{content}}'></input></view>
  222. </view>
  223. </block>
  224. <block wx:if='{{ ( (form.is_form == 1 && form.list.length > 0) && !(step_id)) }}'>
  225. <view class='address-picker' style='padding:0 24rpx;'>
  226. <view class='form-title text-more'>{{(form.name?form.name:"表单信息")}}</view>
  227. <view class='form-list'>
  228. <block wx:for='{{form.list}}' wx:for-item='item' wx:for-index='index' wx:key='{{index}}'>
  229. <view class='form-one flex-row'>
  230. <view class='flex-grow-0 list-name {{(item.type == "text"?"flex-y-center":"")}} {{(item.required == 1?"required":"")}}'>{{item.name}}</view>
  231. <block wx:if='{{item.type == "text"}}'>
  232. <view class='flex-grow-1 flex-y-center'><input bindConfirm='formInput' bindInput='formInput' bindblur='formInput' data-index='{{index}}' placeholder='{{item.tip}}' type='text' value='{{item.default}}'></input></view>
  233. </block>
  234. <block wx:if='{{item.type == "textarea"}}'>
  235. <view class='flex-grow-1'><textarea autoHeight='true' bindConfirm='formInput' bindInput='formInput' bindblur='formInput' data-index='{{index}}' placeholder='{{item.tip}}' style='width:auto;max-height:400rpx;height:auto' value='{{item.default}}'></textarea></view>
  236. </block>
  237. <block wx:if='{{item.type == "time"}}'>
  238. <view class='flex-grow-1' style='justify-content:flex-end;text-align:right;'>
  239. <picker bindchange='formInput' data-index='{{index}}' end='23:59' mode='time' start='00:00' value='{{(item.default?item.default:"00:00")}}'>
  240. <view>{{(item.default?item.default:"00:00")}}</view>
  241. </picker>
  242. </view>
  243. <view class='flex-grow-0'>
  244. <image class='right-jiantou' src='{{__wxapp_img.store.jiantou_r.url}}'></image>
  245. </view>
  246. </block>
  247. <block wx:if='{{item.type == "date"}}'>
  248. <view class='flex-grow-1' style='justify-content:flex-end;text-align:right;'>
  249. <picker bindchange='formInput' data-index='{{index}}' mode='date' start='{{time}}' value='{{(item.default?item.default:time)}}'>
  250. <view>{{(item.default?item.default:time)}}</view>
  251. </picker>
  252. </view>
  253. <view class='flex-grow-0'>
  254. <image class='right-jiantou' src='{{__wxapp_img.store.jiantou_r.url}}'></image>
  255. </view>
  256. </block>
  257. <block wx:if='{{item.type == "radio"}}'>
  258. <view class='flex-grow-1 flex-row' style='flex-wrap:wrap'>
  259. <block wx:for='{{item.default_list}}' wx:for-item='v' wx:for-index='k' wx:key='{{k}}'>
  260. <view bindtap='selectForm' class='default {{(v.is_selected == 1?"d-active":"")}}' data-index='{{index}}' data-k='{{k}}'>{{v.name}}</view>
  261. </block>
  262. </view>
  263. </block>
  264. <block wx:if='{{item.type == "checkbox"}}'>
  265. <view class='flex-grow-1 flex-row' style='flex-wrap:wrap'>
  266. <block wx:for='{{item.default_list}}' wx:for-item='v' wx:for-index='k' wx:key='{{k}}'>
  267. <view bindtap='selectForm' class='default {{(v.is_selected == 1?"d-active":"")}}' data-index='{{index}}' data-k='{{k}}' style='border-radius:0'>{{v.name}}</view>
  268. </block>
  269. </view>
  270. </block>
  271. <block wx:if='{{item.type == "uploadImg"}}'>
  272. <view bindtap='uploadImg' class='flex-grow-1 flex-y-center' data-index='{{index}}'>
  273. <block wx:if='{{item.default}}'>
  274. <view style='text-align:right;width:100%;font-size:0'>
  275. <image mode='aspectFit' src='{{item.default}}' style='width:88rpx;height:96rpx'></image>
  276. </view>
  277. </block>
  278. <block wx:else>
  279. <view style='text-align:right;width:100%;color:#c9c9c9;'>
  280. <view>{{(item.tip?item.tip:"请选择图片")}}</view>
  281. </view>
  282. </block>
  283. </view>
  284. <view class='flex-grow-0 flex-y-center'>
  285. <image src='{{__wxapp_img.balance.right.url}}' style='width:12rpx;height:18rpx;margin-left:18rpx;'></image>
  286. </view>
  287. </block>
  288. </view>
  289. </block>
  290. </view>
  291. </view>
  292. </block>
  293. </view>
  294. </block>
  295. <block wx:if='{{ (mch_list && mch_list.length > 0) }}'>
  296. <block wx:for='{{mch_list}}' wx:for-item='mch' wx:for-index='mch_index' wx:key='{{mch_index}}'>
  297. <view class='mch-item'>
  298. <view class='mch-header'>{{mch.name}}</view>
  299. <view class='cart-list'>
  300. <block wx:for='{{mch.list}}' wx:for-item='item' wx:for-index='index' wx:key='{{index}}'>
  301. <view class='flex-col '>
  302. <view class='cart-item flex-row border-bottom'>
  303. <view class='flex-grow-0'>
  304. <image class='goods-pic' mode='aspectFill' src='{{item.goods_pic}}'></image>
  305. </view>
  306. <view class='flex-grow-1 flex-col'>
  307. <view class='flex-grow-1'>
  308. <view class='goods-name'>{{item.goods_name}}</view>
  309. <view class='attr-list'>
  310. <block wx:for='{{item.attr_list}}' wx:for-item='attr' wx:for-index='index' wx:key='{{index}}'>
  311. <view class='attr-item'> {{attr.attr_group_name}}:{{attr.attr_name}} </view>
  312. </block>
  313. </view>
  314. </view>
  315. <view class='flex-grow-0 flex-row'>
  316. <view class='flex-grow-1 num'>×{{item.num}}</view>
  317. <view class='flex-grow-0 price'>¥:{{item.price}}</view>
  318. </view>
  319. </view>
  320. </view>
  321. <block wx:if='{{item.give > 0}}'>
  322. <view class='goods-intrgral flex-row'>
  323. <view class='flex-y-center'> 订单完成返回</view>
  324. <view class='flex-y-center' style='color:#ff4544'>{{item.give}}</view>
  325. <view class='flex-y-center'>积分</view>
  326. </view>
  327. </block>
  328. </view>
  329. </block>
  330. </view>
  331. <view class='flex-row flex-y-center border-bottom' style='background: #fff;padding: 0 24rpx;height: 90rpx'>
  332. <view class='flex-grow-1'>运费</view>
  333. <view class='flex-grow-0'>
  334. <block wx:if='{{address}}'>
  335. <view style='color:#ff4544'>¥{{mch.express_price}}</view>
  336. </block>
  337. <block wx:else>
  338. <view style='color:#888'>请先选择收货地址</view>
  339. </block>
  340. </view>
  341. </view>
  342. <view class='flex flex-row flex-y-center border-bottom' style='background: #fff;padding: 0 24rpx;height: 90rpx'>
  343. <view class='flex-grow-0'>买家留言</view>
  344. <view class='flex-grow-0' style='padding-left: 24rpx'><input bindinput='bindkeyinput' data-mch-index='{{mch_index}}' name='content' placeholder='请填写备注' style='width:100%;' value='{{mch.content}}'></input></view>
  345. </view>
  346. </view>
  347. </block>
  348. </block>
  349. </view>
  350. <block wx:if='{{show_coupon_picker}}'>
  351. <view class='coupon-picker'>
  352. <scroll-view class='coupon-list' scrollY='true' style='height: 100%'>
  353. <view style='color: #888;font-size: 9pt;margin-bottom: 20rpx;line-height: 1.35'> 注:优惠券只能抵消商品金额,不能抵消运费,商品金额最多优惠到0.01元 </view>
  354. <view bindtap='pickCoupon' class='flex-y-center flex-x-center' data-index='-1' style='height: 80rpx;margin-bottom: 24rpx;color: #888;border: 1rpx solid #e3e3e3;border-radius: 10rpx'>不使用优惠券 </view>
  355. <block wx:for='{{coupon_list}}' wx:for-item='item' wx:for-index='index' wx:key='{{index}}'>
  356. <view bindtap='pickCoupon' class='coupon-item coupon-status-{{item.status}} {{( (picker_coupon && item.user_coupon_id == picker_coupon.user_coupon_id) ?"active":"")}}' data-index='{{index}}'>
  357. <image class='coupon-bg' src='/images/img-coupon-bg-{{(item.status == 0?0:1)}}.png'></image>
  358. <block wx:if='{{item.status != 0}}'>
  359. <image class='coupon-status-icon' src='/images/img-coupon-status-icon-{{item.status}}.png'></image>
  360. </block>
  361. <view class='flex-row' style='height: 100%;overflow: hidden'>
  362. <view class='flex-grow-0 flex-col flex-y-center flex-x-center coupon-left'>
  363. <view class='flex-row flex-y-bottom'>
  364. <view style='font-size: 9pt'>¥</view>
  365. <view style='font-size: {{(item.sub_price.length > 4?13:19)}}pt;line-height: .9'> {{item.sub_price}} </view>
  366. </view>
  367. <view style='font-size: 8pt;margin-top: 10rpx'>{{item.min_price_desc}}</view>
  368. </view>
  369. <view class='flex-grow-1 flex-y-center coupon-right'>
  370. <view style='width: 100%'>
  371. <view class='flex-row flex-y-center mb-10'>
  372. <view class='flex-grow-1' style='font-size: 13pt;font-weight: bold'>{{item.event_desc}} </view>
  373. <view class='flex-grow-0' style='font-size: 9pt'></view>
  374. </view>
  375. <view style='font-size: 8pt;color: #888'>{{item.begin_time}} ~ {{item.end_time}}</view>
  376. </view>
  377. </view>
  378. </view>
  379. </view>
  380. </block>
  381. </scroll-view>
  382. </view>
  383. </block>
  384. <block wx:if='{{show_shop}}'>
  385. <view class='coupon-picker' style='background-color:#f7f7f7;'>
  386. <scroll-view class='coupon-list' scrollY='true' style='height: 100%;padding:0;'>
  387. <view class='shop-block flex-y-center'>当前地址</view>
  388. <view class='shop-address flex-row flex-y-center'>
  389. <view class='flex-grow-1'>{{location}}</view>
  390. <view bindtap='dingwei' class='flex-grow-0 flex-y-center'>
  391. <image src='{{__wxapp_img.shop.dingwei.url}}' style='width:32rpx;height:32rpx;margin-right:2rpx;'></image><text style='color:#2495ff'>手动定位</text>
  392. </view>
  393. </view>
  394. <view class='shop-block flex-y-center'>门店列表(仅展示您最近的30家门店)</view>
  395. <block wx:for='{{shop_list}}' wx:for-item='item' wx:for-index='index' wx:key='{{index}}'>
  396. <view bindtap='pickShop' class='flex-row address-picker' data-index='{{index}}' style='margin:0;'>
  397. <view class='flex-grow-0 flex-y-center'>
  398. <image src='{{(item.id == shop.id?"/images/icon-shop-checked.png":"/images/icon-shop-un.png")}}' style='width: 40rpx;height: 40rpx;margin-right: 20rpx'></image>
  399. </view>
  400. <view class='flex-grow-1'>
  401. <view class='flex-row' style='margin-bottom: 20rpx'>
  402. <view class='flex-grow-1' style='font-weight:bold;{{(item.id == shop.id?"color:#ff4544":"")}}'> {{item.name}} </view>
  403. <block wx:if='{{item.distance != - 1}}'>
  404. <view class='flex-grow-0'>{{item.distance}}</view>
  405. </block>
  406. </view>
  407. <view class='flex-row' style='margin-bottom: 20rpx'>
  408. <view class='flex-grow-1'>电话:{{item.mobile}}</view>
  409. </view>
  410. <view>地址:{{item.address}}</view>
  411. </view>
  412. </view>
  413. </block>
  414. </scroll-view>
  415. </view>
  416. </block>
  417. <block wx:if='{{show_payment}}'>
  418. <view class='payment'>
  419. <view class='pay-modal'>
  420. <view class='pay-head flex-x-center flex-y-center'>请选择支付方式</view>
  421. <block wx:for='{{pay_type_list}}' wx:for-item='item' wx:for-index='index' wx:key='{{index}}'>
  422. <view bindtap='payPicker' class='pay-block flex-row flex-y-center' data-index='{{item.payment}}'>
  423. <view class='flex-grow-0'>
  424. <image src='{{item.icon}}' style='width:72rpx;height:72rpx;margin-right:30rpx;'></image>
  425. </view>
  426. <view class='flex-grow-1 {{(payment == item.payment?"red":"")}}'>{{item.name}}</view>
  427. <block wx:if='{{payment == item.payment}}'>
  428. <view class='flex-grow-0'>
  429. <image src='{{__wxapp_img.store.pay_right.url}}' style='width:34rpx;height:24rpx;'></image>
  430. </view>
  431. </block>
  432. </view>
  433. </block>
  434. <view bindtap='payClose' class='pay-footer flex-x-center flex-y-center hidden'>关闭</view>
  435. </view>
  436. </view>
  437. </block>
  438. <include src='./../../components/get-card/get-card.wxml'></include>
  439. </view>
  440. <include src='/components/footer/footer'></include>
  441. </view>