placeOrder.wxml 33 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606
  1. <i-auth bind:authSuccess="authSuccess" needAuth="{{needAuth}}">
  2. <view class='placeOrderBox'>
  3. <block wx:if="{{buy_type!='virtualcard'}}">
  4. <view class="address-content">
  5. <view class="tab-nav {{tabLength==1?'tab-nav-one':''}}" style="border-color:{{skin.color}}">
  6. <view bindtap="tabSwitch" wx:for="{{tabList}}" wx:key="id" class="tab-nav-item {{tabIdx==item.id?'active':''}}" data-idx="{{item.id}}" wx:if="{{item.enabled}}" style="{{tabIdx==item.id?'background:'+skin.color:''}}">
  7. <span>{{item.name}}</span>
  8. </view>
  9. </view>
  10. <view class="receiver">
  11. <text space="ensp">{{(tabIdx==0||tabIdx==4)?"提 货 人":"收 货 人"}}: </text>
  12. <input bindinput="changeReceiverName" class="receive-name" placeholder="{{(tabIdx==0||tabIdx==4)?'提货人':'收货人'}}" type="text" value="{{tabAddress[tabIdx].name}}" focus='{{focus_name}}'></input>
  13. </view>
  14. <view class="receiver">
  15. <text>手机号码:</text>
  16. <input bindinput="bindReceiverMobile" class="mobile" placeholder="手机号码" type="text" value="{{tabAddress[tabIdx].mobile}}" focus='{{focus_mobile}}'></input>
  17. </view>
  18. <view class="receiver" wx:if="{{order_note_open==1&&(tabIdx==0||tabIdx==1||tabIdx==3)}}">
  19. <text space="ensp">{{order_note_name}}: </text>
  20. <input bindinput="changeNoteName" class="receive-name" placeholder="请填写{{order_note_name}}" type="text" value="{{order_note_content?order_note_content:''}}"></input>
  21. </view>
  22. <view class='address-box' wx:if="{{tabIdx!=0&&tabIdx!=4}}">
  23. <block wx:if="{{tabIdx==2||tabIdx==3}}">
  24. <view class="receiver">
  25. <text>所在地区: </text>
  26. <view class='sel-btn' bindtap='choseLocation'>{{tabAddress[tabIdx].region[0] || "选择地址"}}{{tabAddress[tabIdx].region[1]}}{{tabAddress[tabIdx].region[2]}}</view>
  27. <image src='../../images/rightArrowImg.png' class='icon-right'></image>
  28. </view>
  29. <view class="receiver align-start">
  30. <text>详细地址:</text>
  31. <textarea hidden="{{showConfirmModal||showAlertTime}}" class="receive-name" bindinput="changeReceiverAddress" type="text" value="{{tabAddress[tabIdx].receiverAddress}}" placeholder="详细地址" focus='{{focus_addr}}' />
  32. </view>
  33. </block>
  34. <block wx:else>
  35. <view class='receiver align-start' bindtap='choseLocation'>
  36. <text>所在位置:</text>
  37. <view class='sel-btn tuan-pos'>{{tabAddress[tabIdx].receiverAddress}}
  38. <image class='icon-right' src='../../images/rightArrowImg.png'></image>
  39. </view>
  40. </view>
  41. <view class="receiver align-start">
  42. <text>{{order_lou_meng_hao}}:</text>
  43. <textarea wx:if="{{!showConfirmModal}}" class="receive-name" bindinput="changeTuanAddress" type="text" value="{{tabAddress[tabIdx].lou_meng_hao}}" placeholder="{{order_lou_meng_hao_placeholder}}" focus='{{focus_addr}}' />
  44. </view>
  45. </block>
  46. </view>
  47. <view wx:if="{{tabIdx==2}}" class="use-wx-address" bindtap='getWxAddress' style="color:{{skin.color}}">+使用微信地址</view>
  48. <block wx:if="{{tabIdx!=2&&tabIdx!=3&&is_hexiao!=1}}">
  49. <p class="address-red">{{groupInfo.owner_name}}信息:{{disUserName}} ({{pickUpCommunityName}})</p>
  50. <p class="address">{{tabIdx==0?"提货地点":groupInfo.owner_name+"位置"}}:{{pickUpAddress}}</p>
  51. </block>
  52. </view>
  53. <view class="address-line">
  54. <image src="../../images/icon-address-line.png"></image>
  55. </view>
  56. <!-- 同城配送预计时间 -->
  57. <view class="act-content" wx:if="{{tabIdx==3&&buy_type!='presale'}}">
  58. <view class="cell" bindtap="handleTimeModal">
  59. <block wx:if="{{curAlertTime==-1}}">
  60. <span>立即送出</span>
  61. <em class="red i-flex-item" style="text-align:right;">大约{{localtown_dispatchtime}}送达</em>
  62. </block>
  63. <block wx:else>
  64. <span>送达时间</span>
  65. <em class="red i-flex-item" style="text-align:right;">
  66. <block wx:if="{{localtown_expected_delivery.localtown_delivery_space_month!=localtown_delivery_space_month}}">
  67. {{localtown_delivery_space_month}}
  68. </block>
  69. {{localtown_expected_delivery.localtown_delivery_space_time_list[localtown_delivery_space_month][curAlertTime].time}}
  70. </em>
  71. </block>
  72. <view wx:if="{{localtown_expected_delivery.localtown_expected_delivery_status&&localtown_expected_delivery.localtown_delivery_space_month}}">
  73. <image class='icon-right' src='../../images/rightArrowImg.png' style="margin-top: -12rpx;"></image>
  74. </view>
  75. </view>
  76. </view>
  77. </block>
  78. <view class="u-m-t-20" wx:else></view>
  79. <view class="card-container" style="padding-bottom:0;" wx:for="{{seller_goodss}}" wx:for-index="key" wx:for-item="value" wx:key="key">
  80. <i-card iClass="card-content">
  81. <view class="card-header" slot="header" style="color:{{skin.color}}">
  82. <view>{{buy_type=='virtualcard'?'礼品卡':''}}</view>
  83. <view class="cart-header-right">{{value.goodsnum}}{{goods_sale_unit}}商品</view>
  84. </view>
  85. <view class="cart-item" slot="content">
  86. <block wx:for="{{value.goods}}" wx:key="key">
  87. <view class="sku-item">
  88. <i-img defaultImage="../../images/placeholder-refund.png" height="60" iClass="sku-img" loadImage="{{item.image}}" width="60"></i-img>
  89. <view class="sku-msg">
  90. <view class="sku-title">
  91. <text wx:if="{{buy_type=='presale'}}" class="red">[预售]</text> {{item.name}}
  92. </view>
  93. <view class="sku-spec" wx:if="{{item.option.length>0}}">规格:
  94. <text wx:for="{{item.option}}" wx:key="option_id" wx:for-item="option">{{option.value}};</text>
  95. </view>
  96. <view class="original-price">
  97. <block wx:if="{{buy_type!='integral'}}">¥</block>{{item.price}} ×{{item.quantity}}
  98. <block wx:if="{{buy_type=='integral'}}">积分</block>
  99. <i-vip-price wx:if="{{is_open_vipcard_buy==1&&item.is_take_vipcard==1&&is_vip_card_member==1}}" price="{{item.card_price}}"></i-vip-price>
  100. <i-vip-price wx:elif="{{item.is_mb_level_buy}}" price="{{item.levelprice}}" type="1"></i-vip-price>
  101. </view>
  102. <view class="sku-price">小计:
  103. <span>
  104. <block wx:if="{{buy_type!='integral'}}">¥</block>{{item.total}}
  105. <block wx:if="{{buy_type=='integral'}}">积分</block>
  106. </span>
  107. </view>
  108. <block wx:if="{{buy_type!='presale'&&buy_type!='virtualcard'}}">
  109. <view class="mt5" wx:if="{{tabIdx==0}}" style="color:{{skin.color}}">
  110. <view class="picktime" wx:if="{{item.pick_up_type == 3}}">预计{{item.pick_up_time}}可自提</view>
  111. <view class="picktime" wx:else>预计{{item.pick_up_time}}({{item.pick_up_weekday}})可自提</view>
  112. </view>
  113. <view class="mt5" wx:elif="{{tabIdx==1}}" style="color:{{skin.color}}">
  114. <view class="picktime" wx:if="{{item.pick_up_type == 3}}">预计{{item.pick_up_time}}{{groupInfo.owner_name}}配送</view>
  115. <view class="picktime" wx:else>预计{{item.pick_up_time}}({{item.pick_up_weekday}}){{groupInfo.owner_name}}配送</view>
  116. </view>
  117. </block>
  118. </view>
  119. </view>
  120. </block>
  121. </view>
  122. <view class="cart-footer" slot="footer" wx:if="{{is_open_order_message==1}}">
  123. <input bindinput="bindInputMessage" class="order-message" placeholder="备注" type="text" data-idx="{{key}}"></input>
  124. </view>
  125. </i-card>
  126. </view>
  127. <!-- 优惠信息 -->
  128. <view class="act-content">
  129. <view class="cell" wx:if="{{is_vip_card_member==1&&is_open_vipcard_buy==1&&vipcard_save_money>0}}">
  130. <span>会员优惠</span>
  131. <em>- ¥ {{vipcard_save_money}}</em>
  132. </view>
  133. <view class="cell" wx:if="{{levelAmount>0}}">
  134. <span>等级折扣</span>
  135. <em>- ¥ {{levelAmount}}</em>
  136. </view>
  137. <view class="cell" wx:if="{{tabIdx==1&&delivery_tuanz_money>0}}">
  138. <span>{{groupInfo.placeorder_tuan_name}}</span>
  139. <em>+ ¥ {{delivery_tuanz_money}}</em>
  140. </view>
  141. <view class="cell" wx:if="{{tabIdx==2&&trans_free_toal>0}}">
  142. <span>{{groupInfo.placeorder_trans_name}}</span>
  143. <em>+ ¥ {{trans_free_toal}}</em>
  144. </view>
  145. <!-- 同城配送 配送费 -->
  146. <block wx:if="{{tabIdx==3}}">
  147. <block wx:if="{{localtown_shipping_fare_arr.total_yl_shipping_fare>0}}">
  148. <view class="cell">
  149. <view style="line-height: 1;">
  150. 同城配送费
  151. <view wx:if="{{localtown_shipping_fare_arr.shipping_fare>0}}" class="fsz-22 text-gray mt5">已减{{localtown_shipping_fare_arr.shipping_fare}}元</view>
  152. </view>
  153. <view>
  154. <text class="localtownfare" wx:if="{{localtown_shipping_fare_arr.shipping_fare>0}}">¥{{localtown_shipping_fare_arr.total_yl_shipping_fare}}</text>
  155. + ¥ {{localtown_shipping_fare_arr.total_shipping_fare}}
  156. </view>
  157. </view>
  158. </block>
  159. <view class="cell" wx:if="{{localtown_makeup_delivery_money>0}}">
  160. <span>加价配送费</span>
  161. <em>+ ¥ {{localtown_makeup_delivery_money}}</em>
  162. </view>
  163. <view class="cell" wx:if="{{pickingup_fare>0}}">
  164. <span>{{localtown_modifypickingname}}</span>
  165. <em>+ ¥ {{pickingup_fare}}</em>
  166. </view>
  167. </block>
  168. <view class="cell" wx:if="{{tabIdx!=0}}">
  169. <block wx:if="{{tabIdx==1&&is_man_delivery_tuanz_fare>0}}">
  170. <span>满{{man_free_tuanzshipping}}免{{groupInfo.placeorder_tuan_name}}</span>
  171. <em>- ¥ {{fare_man_delivery_tuanz_fare_money}}</em>
  172. </block>
  173. <block wx:if="{{tabIdx==2&&is_man_shipping_fare>0&&buy_type!='pintuan'}}">
  174. <span>满{{man_free_shipping}}免{{groupInfo.placeorder_trans_name}}</span>
  175. <em>- ¥ {{fare_man_shipping_fare_money}}</em>
  176. </block>
  177. </view>
  178. <view class="cell" wx:if="{{reduce_money&&is_open_fullreduction}}">
  179. <span>满减</span>
  180. <em>- ¥ {{reduce_money}}</em>
  181. </view>
  182. <!-- 预售优惠暂时关闭 -->
  183. <block wx:if="{{!presale_info}}">
  184. <view class="cell" wx:if='{{seller_goodss[sgvKey].show_voucher==1}}' bindtap='show_voucher' data-seller_id="{{seller_goodss[sgvKey].store_info.s_id}}">
  185. <view>
  186. <span>优惠券</span>
  187. <span class="cell-desc" wx:if="{{sel_chose_vouche.limit_money>0}}">满{{sel_chose_vouche.limit_money}}元优惠{{sel_chose_vouche.credit}}元</span>
  188. <span class="cell-desc" wx:else="{{sel_chose_vouche.limit_money<=0}}">优惠{{sel_chose_vouche.credit}}元</span>
  189. </view>
  190. <view>
  191. <em>- ¥ {{sel_chose_vouche.can_vouche_amount}}</em>
  192. <image class='icon-right' src='../../images/rightArrowImg.png'></image>
  193. </view>
  194. </view>
  195. <view class="cell" wx:if="{{ssvoucher_list.length&&seller_goodss[sgvKey].show_voucher==0}}" bindtap='show_voucher' data-seller_id="{{seller_goodss[sgvKey].store_info.s_id}}">
  196. <view>
  197. <span>选择优惠券</span>
  198. </view>
  199. <view>
  200. <image class='icon-right' src='../../images/rightArrowImg.png'></image>
  201. </view>
  202. </view>
  203. <view class="cell" wx:if="{{open_score_buy_score==1}}">
  204. <span>
  205. 当前积分{{score}},本次<block wx:if="{{bue_use_score>0}}">可用{{bue_use_score}}积分抵扣{{score_for_money}}元</block>
  206. <block wx:else>不可用积分支付</block>
  207. </span>
  208. <view>
  209. <switch checked='{{use_score==1}}' bindchange="scoreChange" disabled="{{bue_use_score<=0}}" />
  210. </view>
  211. </view>
  212. </block>
  213. </view>
  214. <!-- 预售信息 -->
  215. <view class="act-content p10" style="box-sizing: border-box;" wx:if="{{buy_type=='presale'&&presale_info}}">
  216. <block wx:if="{{presale_info.presale_type==1}}">
  217. <view class="fsz-24 i-flex i-flex-spb">
  218. <view>{{tabList[tabIdx].name}}</view>
  219. <view>
  220. <block wx:if="{{presale_info.presale_sendorder_type==0}}">{{presale_info.presale_sendorder_datetime}}开始{{presalePickup[tabIdx]}}</block>
  221. <block wx:else>{{presale_info.presale_sendorder_afterday}}日内开始{{presalePickup[tabIdx]}}</block>
  222. </view>
  223. </view>
  224. <view class="mt10 i-flex i-flex-spb">
  225. <view>
  226. <view>同意支付定金 <text class="iconfont icon-shuoming text-gray fsz-28" bindtap="hanlePresaleModal"></text></view>
  227. <view class="fsz-22 text-gray">预售商品,定金不退哦</view>
  228. </view>
  229. <view>
  230. <switch checked='{{isAgreePresale}}' bindchange="agreePresaleChange" />
  231. </view>
  232. </view>
  233. </block>
  234. <block wx:else>
  235. <view class="red">预售价¥{{presale_info.goods_price}},付定金后再减¥{{presale_info.totDeduction}},尾款需付金额¥{{presale_info.balance}}(若有优惠,优惠将在尾款时使用)</view>
  236. <view class="presale-item red i-flex i-flex-spb">
  237. <view class="presale-item-circle">定金</view>
  238. <view>¥{{presale_info.totdingMoney}}</view>
  239. </view>
  240. <view class="presale-item i-flex i-flex-spb">
  241. <view class="presale-item-circle">尾款</view>
  242. <view>¥{{presale_info.balance}}</view>
  243. </view>
  244. <view class="mt10 fsz-24 text-gray">{{presale_info.balance_pay_begintime}} - {{presale_info.balance_pay_endtime}} 开始支付尾款</view>
  245. <view class="mt10 fsz-24 i-flex i-flex-spb">
  246. <view>{{tabList[tabIdx].name}}</view>
  247. <view>
  248. <block wx:if="{{presale_info.presale_sendorder_type==0}}">尾款支付成功后{{presale_info.presale_sendorder_datetime}}开始{{presalePickup[tabIdx]}}</block>
  249. <block wx:else>尾款支付成功后{{presale_info.presale_sendorder_afterday}}日内开始{{presalePickup[tabIdx]}}</block>
  250. </view>
  251. </view>
  252. <view class="mt10 i-flex i-flex-spb">
  253. <view>
  254. <view>同意支付定金 <text class="iconfont icon-shuoming text-gray fsz-28" bindtap="hanlePresaleModal"></text></view>
  255. <view class="fsz-22 text-gray">预售商品,定金不退哦</view>
  256. </view>
  257. <view>
  258. <switch checked='{{isAgreePresale}}' bindchange="agreePresaleChange" />
  259. </view>
  260. </view>
  261. </block>
  262. </view>
  263. <block wx:if="{{buy_type=='integral'}}">
  264. <!-- 积分商品 -->
  265. <view class="act-content" wx:if="{{total_free>0}}">
  266. <view class="oc-payment" avalonctrl="oc_payment" bindtap="ck_wxfy">
  267. <view class="oc-payment-item {{ck_yupay==3?'oc-payment-selected':''}}" style="{{ck_yupay==3?'color:'+skin.color:''}}">
  268. <text class="iconfont icon-weixinzhifu oc-payment-icon" style="color:#00c800;"></text>
  269. <view class="oc-payment-method">微信支付</view>
  270. <view class="oc-payment-recommend" style="color:{{skin.color}};border-color:{{skin.color}}">推荐</view>
  271. </view>
  272. </view>
  273. <view class="oc-payment" avalonctrl="oc_payment" bindtap="ck_wxpays" wx:if="{{pay_type}}">
  274. <view class="oc-payment-item {{ck_yupay==0?'oc-payment-selected':''}}" style="{{ck_yupay==0?'color:'+skin.color:''}}">
  275. <text class="iconfont icon-weixinzhifu oc-payment-icon" style="color:#00c800;"></text>
  276. <view class="oc-payment-method">微信支付</view>
  277. <!-- <view class="oc-payment-recommend" style="color:{{skin.color}};border-color:{{skin.color}}">推荐</view>-->
  278. </view>
  279. </view>
  280. <block wx:if="{{is_yue_open==1}}">
  281. <view class="oc-payment" avalonctrl="oc_payment" bindtap="ck_yupays" wx:if="{{can_yupay}}">
  282. <view class="oc-payment-item {{ck_yupay==1?'oc-payment-selected':''}}" style="{{ck_yupay==1?'color:'+skin.color:''}}">
  283. <text class="iconfont icon-balance oc-payment-icon" style="color:#ff5777;"></text>
  284. <view class="oc-payment-method">余额支付(余额:{{yu_money}})</view>
  285. </view>
  286. </view>
  287. <view class="oc-payment" wx:else>
  288. <view class="oc-payment-item">
  289. <text class="iconfont icon-balance oc-payment-icon text-gray"></text>
  290. <view class="oc-payment-method">余额支付(余额:{{yu_money}})</view>
  291. </view>
  292. </view>
  293. </block>
  294. </view>
  295. </block>
  296. <block wx:else>
  297. <!-- 普通商品 -->
  298. <view class="act-content">
  299. <view class="oc-payment" avalonctrl="oc_payment" bindtap="ck_wxfy">
  300. <view class="oc-payment-item {{ck_yupay==3?'oc-payment-selected':''}}" style="{{ck_yupay==3?'color:'+skin.color:''}}">
  301. <text class="iconfont icon-weixinzhifu oc-payment-icon" style="color:#00c800;"></text>
  302. <view class="oc-payment-method">微信支付</view>
  303. <view class="oc-payment-recommend" style="color:{{skin.color}};border-color:{{skin.color}}">推荐</view>
  304. </view>
  305. </view>
  306. <view class="oc-payment" avalonctrl="oc_payment" bindtap="ck_wxpays" wx:if="{{pay_type}}">
  307. <view class="oc-payment-item {{ck_yupay==0?'oc-payment-selected':''}}" style="{{ck_yupay==0?'color:'+skin.color:''}}">
  308. <text class="iconfont icon-weixinzhifu oc-payment-icon" style="color:#00c800;"></text>
  309. <view class="oc-payment-method">微信支付</view>
  310. <!-- <view class="oc-payment-recommend" style="color:{{skin.color}};border-color:{{skin.color}}">推荐</view> -->
  311. </view>
  312. </view>
  313. <block wx:if="{{is_yue_open==1}}">
  314. <view class="oc-payment" avalonctrl="oc_payment" bindtap="ck_yupays" wx:if="{{can_yupay}}">
  315. <view class="oc-payment-item {{ck_yupay==1?'oc-payment-selected':''}}" style="{{ck_yupay==1?'color:'+skin.color:''}}">
  316. <text class="iconfont icon-balance oc-payment-icon" style="color:#ff5777;"></text>
  317. <view class="oc-payment-method">余额支付(余额:{{yu_money}})</view>
  318. </view>
  319. </view>
  320. <view class="oc-payment" wx:else>
  321. <view class="oc-payment-item">
  322. <text class="iconfont icon-balance oc-payment-icon text-gray"></text>
  323. <view class="oc-payment-method">余额支付(余额:{{yu_money}})</view>
  324. </view>
  325. </view>
  326. </block>
  327. <view class="oc-payment" avalonctrl="oc_payment" bindtap="ck_cash" wx:if="{{cashondelivery_data.isopen_cashondelivery==1&&tabIdx==0&&cashondelivery_data.isopen_cashondelivery_ziti==1}}">
  328. <view class="oc-payment-item {{ck_yupay==2?'oc-payment-selected':''}}" style="{{ck_yupay==2?'color:'+skin.color:''}}">
  329. <text class="iconfont icon-huodaofukuan oc-payment-icon" style="color:#ff5777;"></text>
  330. <view class="oc-payment-method">货到付款</view>
  331. </view>
  332. </view>
  333. <view class="oc-payment" avalonctrl="oc_payment" bindtap="ck_cash" wx:if="{{cashondelivery_data.isopen_cashondelivery==1&&tabIdx==1&&cashondelivery_data.isopen_cashondelivery_communityhead==1}}">
  334. <view class="oc-payment-item {{ck_yupay==2?'oc-payment-selected':''}}" style="{{ck_yupay==2?'color:'+skin.color:''}}">
  335. <text class="iconfont icon-huodaofukuan oc-payment-icon" style="color:#ff5777;"></text>
  336. <view class="oc-payment-method">货到付款</view>
  337. </view>
  338. </view>
  339. <view class="oc-payment" avalonctrl="oc_payment" bindtap="ck_cash" wx:if="{{cashondelivery_data.isopen_cashondelivery==1&&tabIdx==2&&cashondelivery_data.isopen_cashondelivery_express==1}}">
  340. <view class="oc-payment-item {{ck_yupay==2?'oc-payment-selected':''}}" style="{{ck_yupay==2?'color:'+skin.color:''}}">
  341. <text class="iconfont icon-huodaofukuan oc-payment-icon" style="color:#ff5777;"></text>
  342. <view class="oc-payment-method">货到付款</view>
  343. </view>
  344. </view>
  345. <view class="oc-payment" avalonctrl="oc_payment" bindtap="ck_cash" wx:if="{{cashondelivery_data.isopen_cashondelivery==1&&tabIdx==3&&cashondelivery_data.isopen_cashondelivery_localtown==1}}">
  346. <view class="oc-payment-item {{ck_yupay==2?'oc-payment-selected':''}}" style="{{ck_yupay==2?'color:'+skin.color:''}}">
  347. <text class="iconfont icon-huodaofukuan oc-payment-icon" style="color:#ff5777;"></text>
  348. <view class="oc-payment-method">货到付款</view>
  349. </view>
  350. </view>
  351. <view class="oc-payment" avalonctrl="oc_payment" bindtap="ck_cash" wx:if="{{cashondelivery_data.isopen_cashondelivery==1&&tabIdx==4&&cashondelivery_data.isopen_cashondelivery_hexiao==1}}">
  352. <view class="oc-payment-item {{ck_yupay==2?'oc-payment-selected':''}}" style="{{ck_yupay==2?'color:'+skin.color:''}}">
  353. <text class="iconfont icon-huodaofukuan oc-payment-icon" style="color:#ff5777;"></text>
  354. <view class="oc-payment-method">货到付款</view>
  355. </view>
  356. </view>
  357. </view>
  358. </block>
  359. <!-- 自定义表单 -->
  360. <view wx:if="{{allform&&allform.is_open_orderform}}" class="u-m-t-20 rounded u-m-l-20 u-m-r-20 u-p-20 bg-f">
  361. <s-form id="sForm" formData="{{allform}}" bind:success="goOrderfrom"></s-form>
  362. </view>
  363. <i-fixed-bottom>
  364. <view class="fixed-content">
  365. <view class="fixed-left">
  366. <!-- 预售显示定义 -->
  367. <block wx:if="{{buy_type=='presale'&&presale_info.presale_type==0}}">
  368. <view class="h1">
  369. 定金:<span>¥{{presale_info.totdingMoney}}</span>
  370. </view>
  371. <view class="h2">
  372. <em>总额:¥{{presale_info.totdingMoney}}</em>
  373. <em wx:if="{{disAmount>0}}">
  374. {{presale_info.presale_type==0?'尾款':''}}总优惠:¥{{disAmount}} <text class="iconfont icon-shuoming text-gray fsz-28" bindtap="showPresaleAmoutDesc"></text></em>
  375. </view>
  376. </block>
  377. <block wx:else>
  378. <view class="h1" wx:if="{{buy_type=='integral'}}">
  379. 实付:
  380. <span>
  381. <block wx:if="{{total_free>0}}">¥{{total_free}} + </block>{{total_integral}}积分
  382. </span>
  383. </view>
  384. <view class="h1" wx:else>
  385. 合计:<span>¥{{tot_price}}</span>
  386. </view>
  387. <view class="h2" wx:if="{{buy_type!='integral'}}">
  388. <em>总额:¥{{total_all}}</em>
  389. <em wx:if="{{disAmount>0}}">总优惠:¥{{disAmount}}</em>
  390. </view>
  391. </block>
  392. </view>
  393. <view wx:if="{{btnDisable}}" class="fixed-bar-btn bgDisabled">{{btnText?btnText:"立即支付"}}</view>
  394. <i-button wx:else bind:click="preOrderConfirm" iClass="fixed-bar-btn" loading="{{btnLoading}}">
  395. <view wx:if="{{buy_type=='integral'}}" style="background:{{skin.color}}">立即兑换</view>
  396. <view wx:else style="background:{{skin.color}}">立即支付</view>
  397. </i-button>
  398. </view>
  399. </i-fixed-bottom>
  400. </view>
  401. </i-auth>
  402. <i-modal bind:cancel="closeConfirmModal" iClass="confirm-modal-content" visible="{{showConfirmModal}}">
  403. <view class="confirm-order-modal">
  404. <block wx:if="{{tabIdx==0}}">
  405. <view class="title">此商品需要您{{tabList[tabIdx].name}},请确认提货信息</view>
  406. <view class="sub-title">
  407. <image src="../../images/icon-give.png"></image>
  408. <text wx:if="{{buy_type=='presale'&&presale_info}}">
  409. <block wx:if="{{presale_info.presale_sendorder_type==0}}">{{presale_info.presale_type==0?'尾款支付成功后':''}}{{presale_info.presale_sendorder_datetime}}开始{{presalePickup[tabIdx]}}</block>
  410. <block wx:else>{{presale_info.presale_type==0?'尾款支付成功后':''}}{{presale_info.presale_sendorder_afterday}}日内开始{{presalePickup[tabIdx]}}</block>
  411. </text>
  412. <block wx:else>
  413. <text wx:if="{{pick_up_type == 3}}">预计{{pick_up_time}}可自提</text>
  414. <text wx:else>预计{{pick_up_time}}({{pick_up_weekday}})可自提</text>
  415. </block>
  416. </view>
  417. </block>
  418. <block wx:elif="{{tabIdx==1}}">
  419. <view class="title">需要{{groupInfo.owner_name}}配送,请确认收货信息</view>
  420. <view class="sub-title">
  421. <image src="../../images/icon-give.png"></image>
  422. <text wx:if="{{buy_type=='presale'&&presale_info}}">
  423. <block wx:if="{{presale_info.presale_sendorder_type==0}}">{{presale_info.presale_type==0?'尾款支付成功后':''}}{{presale_info.presale_sendorder_datetime}}开始{{presalePickup[tabIdx]}}</block>
  424. <block wx:else>{{presale_info.presale_type==0?'尾款支付成功后':''}}{{presale_info.presale_sendorder_afterday}}日内开始{{presalePickup[tabIdx]}}</block>
  425. </text>
  426. <block wx:else>
  427. <text wx:if="{{pick_up_type == 3}}">预计{{pick_up_time}}{{groupInfo.owner_name}}配送</text>
  428. <text wx:else>预计{{pick_up_time}}({{pick_up_weekday}}){{groupInfo.owner_name}}配送</text>
  429. </block>
  430. </view>
  431. </block>
  432. <view class="title" wx:elif="{{tabIdx==2}}">需要快递配送,请确认收货信息</view>
  433. <view class="title" wx:elif="{{tabIdx==3}}">需要同城配送,请确认收货信息</view>
  434. <view class="title" wx:elif="{{tabIdx==4}}">此商品需要您到店核销,请确认预留信息</view>
  435. <view class="order-content">
  436. <block wx:if="{{buy_type!='presale'&&presale_info.presale_type==0}}">
  437. <view class="msg-group">
  438. <span>商品总额:</span>
  439. <em>+¥{{total_goods_price}}</em>
  440. </view>
  441. <view class="msg-group" wx:if="{{tabIdx==1&&delivery_tuanz_money>0}}">
  442. <span>{{groupInfo.placeorder_tuan_name}}:</span>
  443. <em>+¥{{delivery_tuanz_money?delivery_tuanz_money:0}}</em>
  444. </view>
  445. <view class="msg-group" wx:if="{{tabIdx==2&&trans_free_toal>0}}">
  446. <span>{{groupInfo.placeorder_trans_name}}:</span>
  447. <em>+¥{{trans_free_toal?trans_free_toal:0}}</em>
  448. </view>
  449. <block wx:if="{{tabIdx==3}}">
  450. <view class="msg-group" wx:if="{{localtown_shipping_fare_arr.total_yl_shipping_fare>0}}">
  451. <span>同城配送费:</span>
  452. <em>+¥{{localtown_shipping_fare_arr.total_yl_shipping_fare}}</em>
  453. </view>
  454. <view class="msg-group" wx:if="{{localtown_shipping_fare_arr.shipping_fare>0}}">
  455. <span>免同城配送费:</span>
  456. <em>- ¥ {{localtown_shipping_fare_arr.shipping_fare}}</em>
  457. </view>
  458. <view class="msg-group" wx:if="{{localtown_makeup_delivery_money>0}}">
  459. <span>加价配送费:</span>
  460. <em>+ ¥ {{localtown_makeup_delivery_money}}</em>
  461. </view>
  462. <view class="msg-group" wx:if="{{pickingup_fare>0}}">
  463. <span>{{localtown_modifypickingname}}:</span>
  464. <em>+¥{{pickingup_fare}}</em>
  465. </view>
  466. </block>
  467. </block>
  468. <view class="msg-group" wx:if="{{disAmount>0}}">
  469. <span>
  470. <block wx:if="{{buy_type=='presale'&&presale_info.presale_type==0}}">尾款</block>优惠金额:
  471. </span>
  472. <em>-¥{{disAmount}}</em>
  473. </view>
  474. <!-- 核销 -->
  475. <block wx:if="{{tabIdx==4}}">
  476. <view class="msg-group">
  477. <span>提 货 人:</span>
  478. <em>{{tabAddress[tabIdx].name}}</em>
  479. </view>
  480. <view class="msg-group">
  481. <span>手机号码:</span>
  482. <em>{{tabAddress[tabIdx].mobile}}</em>
  483. </view>
  484. </block>
  485. <block wx:else>
  486. <view class="msg-group">
  487. <span>{{groupInfo.owner_name}}信息:</span>
  488. <em>{{disUserName}} <text class='distance' wx:if="{{current_distance&&tabIdx==1}}">(距您{{current_distance_str}})</text></em>
  489. </view>
  490. <view class="msg-group">
  491. <span>{{(tabIdx==0)?"提 货 人":"收 货 人"}}:</span>
  492. <em>{{tabAddress[tabIdx].name}} {{tabAddress[tabIdx].mobile}}</em>
  493. </view>
  494. </block>
  495. <view class="msg-group" wx:if="{{tabIdx==0}}">
  496. <block wx:if="{{index_hide_headdetail_address==0}}">
  497. <span>提货地点:</span>
  498. <em>{{pickUpAddress}}</em>
  499. </block>
  500. </view>
  501. <view class="msg-group" wx:elif="{{tabIdx==1}}">
  502. <span>收货地址:</span>
  503. <em>{{tabAddress[tabIdx].receiverAddress}}</em>
  504. </view>
  505. <view class="msg-group" wx:elif="{{tabIdx!=4}}">
  506. <span style="align-self: start;">收货地址:</span>
  507. <em>{{tabAddress[tabIdx].region[0]}}{{tabAddress[tabIdx].region[1]}}{{tabAddress[tabIdx].region[2]}}{{tabAddress[tabIdx].receiverAddress}}</em>
  508. </view>
  509. <view class="total" wx:if="{{buy_type=='presale'&&presale_info.presale_type==0}}">
  510. 合计{{ck_yupay==2?'到付':''}}:<em>¥{{presale_info.totdingMoney}}</em>
  511. </view>
  512. <view class="total" wx:else>
  513. 合计{{ck_yupay==2?'到付':''}}:<em>¥{{tot_price}}</em>
  514. </view>
  515. </view>
  516. <view class="button-group">
  517. <i-button bind:click="closeConfirmModal" class="btn-content" iClass="btn left-btn">取消</i-button>
  518. <view wx:if="{{btnDisable}}" class="btn-content btn right-btn bgDisabled">{{btnText?btnText:"确认支付"}}</view>
  519. <i-button wx:else bind:click="preSubscript" class="btn-content" iClass="btn right-btn" loading="{{payBtnLoading}}" styleStr="background:{{skin.color}}">
  520. <view style="background:{{skin.color}}">确认支付</view>
  521. </i-button>
  522. </view>
  523. </view>
  524. </i-modal>
  525. <i-dialog bind:cancel="delete" bind:confirm="continuePay" confirmText="确认" text="赠品已送完,确认支付?" visible="{{visible}}"></i-dialog>
  526. <!-- 优惠券选择 -->
  527. <i-modal bind:cancel="closeCouponModal" iClass="confirm-modal-content" visible="{{!hide_quan}}">
  528. <view class="confirm-coupon-modal">
  529. <view class='title'>请选择优惠券</view>
  530. <scroll-view class='list' scroll-y>
  531. <view class='item' bindtap='chose_voucher_id' data-voucher_id="0" data-seller_id="{{voucher_serller_id}}">
  532. <view>不使用</view>
  533. <image class='no-tag-img' wx:if="{{seller_chose_id==0}}" src='../../images/checkbox-checked.png'></image>
  534. <image class='no-tag-img' wx:else src='../../images/checkbox-disabled.png'></image>
  535. </view>
  536. <view class="coupon" wx:for="{{ssvoucher_list}}" wx:key="id" bindtap='chose_voucher_id' data-voucher_id="{{item.id}}" data-seller_id="{{voucher_serller_id}}">
  537. <view class='header'>
  538. <view class='price'>
  539. <view class='reduce-price'>
  540. {{item.credit}}<text>元</text>
  541. </view>
  542. <view class='reduce-desc'>{{item.limit_money >0.01 ?'满'+item.limit_money+'元可用':'不限制'}}</view>
  543. </view>
  544. <view class='info'>
  545. <view class='reduce-title'>{{item.voucher_title}}<text class='reduce-type' wx:if="{{item.cate_name}}">{{item.cate_name}}</text></view>
  546. </view>
  547. <view class='status'>
  548. <image class='tag-img' wx:if="{{item.id == seller_chose_id}}" src='../../images/checkbox-checked.png'></image>
  549. <image class='tag-img' wx:else src='../../images/checkbox-disabled.png'></image>
  550. </view>
  551. </view>
  552. <view class='footer'>有效期:{{item.begin_time}}~{{item.end_time}}</view>
  553. </view>
  554. </scroll-view>
  555. </view>
  556. </i-modal>
  557. <!-- 配送时间 -->
  558. <i-modal scrollUp="{{true}}" visible="{{showAlertTime}}" bind:cancel="handleTimeModal">
  559. <view class="time-alert">
  560. <view class="alertTtitle text-center fsz-32 border-bottom">
  561. 选择预计送达时间段
  562. <text class="iconfont icon-guanbi alertClose" bindtap="handleTimeModal"></text>
  563. </view>
  564. <view class="alertTimebox i-flex i-flex-spb">
  565. <view class="left_box">
  566. <block wx:if="{{localtown_expected_delivery.localtown_delivery_space_time_list}}" wx:for="{{localtown_expected_delivery.localtown_delivery_space_time_list}}" wx:key="index">
  567. <view class="{{index==localtown_delivery_space_month?'active':''}}" bindtap="selectAlertDate" data-idx="{{index}}">
  568. {{index}}
  569. </view>
  570. </block>
  571. </view>
  572. <view class="right_box">
  573. <scroll-view scroll-y style="height:660rpx;">
  574. <view class="{{curAlertTime==-1?'active':''}}" wx:if="{{localtown_expected_delivery.localtown_delivery_space_month==localtown_delivery_space_month}}" bindtap="selectAlertTime" data-idx="-1">立即送出({{localtown_dispatchtime}})</view>
  575. <block wx:for="{{localtown_expected_delivery.localtown_delivery_space_time_list[localtown_delivery_space_month]}}" wx:key="index">
  576. <view class="{{(index)==curAlertTime?'active':''}}" bindtap="selectAlertTime" data-idx="{{(index)}}">
  577. {{item.time}}
  578. </view>
  579. </block>
  580. </scroll-view>
  581. </view>
  582. </view>
  583. <view class="alertTimebtn">
  584. <view class="alertTimebtn-item weight" style="background:{{skin.color}}" bindtap="handleTimeModal">确定</view>
  585. </view>
  586. </view>
  587. </i-modal>
  588. <!-- 预售说明 -->
  589. <i-modal bind:cancel="hanlePresaleModal" iClass="confirm-modal-content" visible="{{showPresaleDesc}}">
  590. <view class="confirm-coupon-modal" style="background:#fff;">
  591. <view class='title'>预售协议</view>
  592. <scroll-view class='list' scroll-y style="min-height: 300rpx;padding-top:30rpx;">
  593. <text>{{presale_info.presale_agreement}}</text>
  594. </scroll-view>
  595. </view>
  596. </i-modal>