|
|
|
@ -1,52 +1,56 @@ |
|
|
|
<template> |
|
|
|
<!-- 代买饭页 --> |
|
|
|
<view class="page1" :class="{'store-group-checkout': isStoreGroupOrder}"> |
|
|
|
<view class="title"> |
|
|
|
<view class="title-sreach"> |
|
|
|
<view class="back-btn" @tap="back" :style="{'top': menuButtonInfo.top +'px'}"> |
|
|
|
<uni-icons type="left" size="28"></uni-icons> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="store-hero-effect" v-if="isStoreGroupOrder"> |
|
|
|
<view class="store-orb orb-a"></view> |
|
|
|
<view class="store-orb orb-b"></view> |
|
|
|
<view class="store-hero-copy"> |
|
|
|
<view class="store-hero-badge">团购到店</view> |
|
|
|
<view class="store-hero-title">约上同学一起省</view> |
|
|
|
<view class="store-hero-sub">支付后到店核销,拼团更划算</view> |
|
|
|
<page-meta :page-style="addressBookVisible ? 'overflow: hidden;' : 'overflow: visible;'"></page-meta> |
|
|
|
<view class="page1" :class="{'store-group-checkout': isStoreGroupOrder, 'page1--locked': addressBookVisible}"> |
|
|
|
<view class="checkout-fixed-header" :class="{'checkout-fixed-header--store': isStoreGroupOrder}"> |
|
|
|
<view class="title"> |
|
|
|
<view class="title-sreach"> |
|
|
|
<view class="back-btn" @tap="back" :style="{'top': menuButtonInfo.top +'px'}"> |
|
|
|
<uni-icons type="left" size="28"></uni-icons> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="store-verify-card"> |
|
|
|
<view class="verify-icon">核</view> |
|
|
|
<view> |
|
|
|
<view class="verify-title">到店核销</view> |
|
|
|
<view class="verify-sub">同校热拼</view> |
|
|
|
<view class="store-hero-effect" v-if="isStoreGroupOrder"> |
|
|
|
<view class="store-orb orb-a"></view> |
|
|
|
<view class="store-orb orb-b"></view> |
|
|
|
<view class="store-hero-copy"> |
|
|
|
<view class="store-hero-badge">团购到店</view> |
|
|
|
<view class="store-hero-title">约上同学一起省</view> |
|
|
|
<view class="store-hero-sub">支付后到店核销,拼团更划算</view> |
|
|
|
</view> |
|
|
|
<view class="store-verify-card"> |
|
|
|
<view class="verify-icon">核</view> |
|
|
|
<view> |
|
|
|
<view class="verify-title">到店核销</view> |
|
|
|
<view class="verify-sub">同校热拼</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<!-- <view class="store-float-tag tag-a">拼团价</view> |
|
|
|
<view class="store-float-tag tag-b">同校热拼</view> --> |
|
|
|
</view> |
|
|
|
<!-- <view class="store-float-tag tag-a">拼团价</view> |
|
|
|
<view class="store-float-tag tag-b">同校热拼</view> --> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="tab-wrap" v-if="!isStoreGroupOrder"> |
|
|
|
<view class="tab1" v-if="isPaotui"> |
|
|
|
<img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/6b3a4d4c61ee42feb29e69d6fcfd2c1e.png" alt="" |
|
|
|
class="tab-bg" /> |
|
|
|
<img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/1cbed0734a154a70b75cb84a811bd0b7.png" alt="" /> |
|
|
|
<view class="tab-hit-area"> |
|
|
|
<view class="tab-hit-item"></view> |
|
|
|
<view class="tab-hit-item" @tap="isPaotui=!isPaotui"></view> |
|
|
|
<view class="tab-wrap" v-if="!isStoreGroupOrder"> |
|
|
|
<view class="tab1" v-if="isPaotui"> |
|
|
|
<img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/6b3a4d4c61ee42feb29e69d6fcfd2c1e.png" alt="" |
|
|
|
class="tab-bg" /> |
|
|
|
<img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/1cbed0734a154a70b75cb84a811bd0b7.png" alt="" /> |
|
|
|
<view class="tab-hit-area"> |
|
|
|
<view class="tab-hit-item"></view> |
|
|
|
<view class="tab-hit-item" @tap="isPaotui=!isPaotui"></view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="tab1" v-else> |
|
|
|
<img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/3b98dfb370eb4ddcb942b7942dedced2.png" alt="" |
|
|
|
class="tab-bg" /> |
|
|
|
<img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/82627e6cedcf409a932d6afaafa19a4b.png" alt="" |
|
|
|
class="tab-bg" /> |
|
|
|
<view class="tab-hit-area"> |
|
|
|
<view class="tab-hit-item" @tap="isPaotui=!isPaotui"></view> |
|
|
|
<view class="tab-hit-item"></view> |
|
|
|
<view class="tab1" v-else> |
|
|
|
<img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/3b98dfb370eb4ddcb942b7942dedced2.png" alt="" |
|
|
|
class="tab-bg" /> |
|
|
|
<img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/82627e6cedcf409a932d6afaafa19a4b.png" alt="" |
|
|
|
class="tab-bg" /> |
|
|
|
<view class="tab-hit-area"> |
|
|
|
<view class="tab-hit-item" @tap="isPaotui=!isPaotui"></view> |
|
|
|
<view class="tab-hit-item"></view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="checkout-header-holder" :class="{'checkout-header-holder--store': isStoreGroupOrder}"></view> |
|
|
|
<view class="ziqu-box" v-if="isPaotui==false"> |
|
|
|
<view class="ziqu-xuanfu"> |
|
|
|
{{isStoreGroupOrder ? '到店信息' : '取餐信息'}} |
|
|
|
@ -346,7 +350,7 @@ |
|
|
|
</view> |
|
|
|
<!-- 地址簿弹出层 --> |
|
|
|
<uni-popup ref="bookPopup" background-color="#fff" @change="onAddressPopupChange"> |
|
|
|
<view class="book-popup-content"> |
|
|
|
<view class="book-popup-content" @tap.stop> |
|
|
|
<address-list v-if="addressBookVisible" @selectAddress="handleSelectAddress" @syncAddress="handleSyncAddress" |
|
|
|
@close="closeAddressBook"></address-list> |
|
|
|
</view> |
|
|
|
@ -603,7 +607,8 @@ |
|
|
|
freeOrderEffectVisible: false, |
|
|
|
freeOrderAmount: '0.00', |
|
|
|
navigatingFromPayPopup: false, |
|
|
|
isNavigatingToWorkerList: false |
|
|
|
isNavigatingToWorkerList: false, |
|
|
|
isSeckillOrder: false |
|
|
|
} |
|
|
|
}, |
|
|
|
components: { |
|
|
|
@ -641,6 +646,7 @@ |
|
|
|
if (option.packageFee) { |
|
|
|
this.totalPackageFee = parseFloat(option.packageFee) || 0; |
|
|
|
} |
|
|
|
this.isSeckillOrder = option.seckillOrder == 1 || option.seckillOrder === '1'; |
|
|
|
if (this.isStoreGroupOrder) { |
|
|
|
this.isPaotui = false; |
|
|
|
this.nowMake = false; |
|
|
|
@ -1386,6 +1392,9 @@ |
|
|
|
if(this.isStoreGroupOrder){ |
|
|
|
payload.otherOrder = 2 |
|
|
|
} |
|
|
|
if(this.isSeckillOrder){ |
|
|
|
payload.seckillOrder = 1 |
|
|
|
} |
|
|
|
payload.regionId = JSON.parse(uni.getStorageSync('area')).id |
|
|
|
this.tui.request("/mall/order/create", "POST", payload, false, false).then(res => { |
|
|
|
uni.hideLoading(); |
|
|
|
@ -1526,11 +1535,41 @@ |
|
|
|
#F5F8F5; |
|
|
|
} |
|
|
|
|
|
|
|
.page1--locked { |
|
|
|
height: 100vh; |
|
|
|
overflow: hidden; |
|
|
|
} |
|
|
|
|
|
|
|
.checkout-fixed-header { |
|
|
|
position: fixed; |
|
|
|
top: 0; |
|
|
|
left: 0; |
|
|
|
right: 0; |
|
|
|
height: 344rpx; |
|
|
|
z-index: 100; |
|
|
|
overflow: hidden; |
|
|
|
background: #F5F8F5; |
|
|
|
} |
|
|
|
|
|
|
|
.checkout-fixed-header--store { |
|
|
|
height: 360rpx; |
|
|
|
background: #fff0df; |
|
|
|
} |
|
|
|
|
|
|
|
.title { |
|
|
|
background: url('https://jewel-shop.oss-cn-beijing.aliyuncs.com/8bc15960c2dc40268e295d6dd23aecce.png') no-repeat; |
|
|
|
width: 100%; |
|
|
|
height: 340rpx; |
|
|
|
background-size: 100% 100%; |
|
|
|
position: relative; |
|
|
|
} |
|
|
|
|
|
|
|
.checkout-header-holder { |
|
|
|
height: 344rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.checkout-header-holder--store { |
|
|
|
height: 360rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.title-sreach { |
|
|
|
|