|
|
@ -1,5 +1,5 @@ |
|
|
<template> |
|
|
<template> |
|
|
<view class="page1" :class="{'is-sticky': lastScrollTop>583}"> |
|
|
<view class="page1"> |
|
|
<view class="swiper-container"> |
|
|
<view class="swiper-container"> |
|
|
<view class="swiper-page" v-if="currentIndex == 0"> |
|
|
<view class="swiper-page" v-if="currentIndex == 0"> |
|
|
<view style="position: relative;height: 545rpx;"> |
|
|
<view style="position: relative;height: 545rpx;"> |
|
|
@ -31,7 +31,7 @@ |
|
|
<view class="order-msg-box"> |
|
|
<view class="order-msg-box"> |
|
|
<view class="order-msg-left"> |
|
|
<view class="order-msg-left"> |
|
|
<img src="/static/images/img/songshu.png" |
|
|
<img src="/static/images/img/songshu.png" |
|
|
alt="" /> |
|
|
alt="" style="width: 70%;height: 70%;margin: 15% 0 0 15%;" /> |
|
|
</view> |
|
|
</view> |
|
|
<view class="order-msg-center"> |
|
|
<view class="order-msg-center"> |
|
|
<view |
|
|
<view |
|
|
@ -228,108 +228,108 @@ |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
<view class="daimai-box" style="padding-bottom:180rpx;"> |
|
|
<view class="daimai-box" style="padding-bottom:180rpx;"> |
|
|
|
|
|
<view style="width:100%;height:100rpx;" v-if="lastScrollTop>583"></view> |
|
|
<view class="daimai-tab" id="menuList" :class="{'daimai-tab--sticky': lastScrollTop>583}" |
|
|
<view class="daimai-tab" id="menuList" :class="{'daimai-tab--sticky': lastScrollTop>583}" |
|
|
:style="daimaiTabStyle"> |
|
|
:style="{'top': (navBarHeight+46) + 'px'}"> |
|
|
<view class="daimai-tab-item" :class="{'active': checked == 'waimai'}" |
|
|
<view class="daimai-tab-item" :class="{'active': checked == 'waimai'}" |
|
|
@tap="checkTab1('waimai')"> |
|
|
@tap="checkTab1('waimai')"> |
|
|
<view class="daimai-tab-glow"></view> |
|
|
<view class="daimai-tab-glow"></view> |
|
|
<view class="daimai-tab-icon">饭</view> |
|
|
<view class="daimai-tab-icon">饭</view> |
|
|
<view class="daimai-tab-info"> |
|
|
<view class="daimai-tab-info"> |
|
|
<text class="daimai-tab-label">外卖</text> |
|
|
<text class="daimai-tab-label">外卖</text> |
|
|
<text class="daimai-tab-count">{{waimaiCount}}</text> |
|
|
<text class="daimai-tab-count">{{waimaiCount}}</text> |
|
|
</view> |
|
|
|
|
|
</view> |
|
|
</view> |
|
|
<view class="daimai-tab-item" :class="{'active': checked == 'kuaidi'}" |
|
|
</view> |
|
|
@tap="checkTab1('kuaidi')"> |
|
|
<view class="daimai-tab-item" :class="{'active': checked == 'kuaidi'}" |
|
|
<view class="daimai-tab-glow"></view> |
|
|
@tap="checkTab1('kuaidi')"> |
|
|
<view class="daimai-tab-icon">递</view> |
|
|
<view class="daimai-tab-glow"></view> |
|
|
<view class="daimai-tab-info"> |
|
|
<view class="daimai-tab-icon">递</view> |
|
|
<text class="daimai-tab-label">快递</text> |
|
|
<view class="daimai-tab-info"> |
|
|
<text class="daimai-tab-count">{{kuaidiCount}}</text> |
|
|
<text class="daimai-tab-label">快递</text> |
|
|
</view> |
|
|
<text class="daimai-tab-count">{{kuaidiCount}}</text> |
|
|
</view> |
|
|
</view> |
|
|
<view class="daimai-tab-item" :class="{'active': checked == 'paotui'}" |
|
|
</view> |
|
|
@tap="checkTab1('paotui')"> |
|
|
<view class="daimai-tab-item" :class="{'active': checked == 'paotui'}" |
|
|
<view class="daimai-tab-glow"></view> |
|
|
@tap="checkTab1('paotui')"> |
|
|
<view class="daimai-tab-icon">跑</view> |
|
|
<view class="daimai-tab-glow"></view> |
|
|
<view class="daimai-tab-info"> |
|
|
<view class="daimai-tab-icon">跑</view> |
|
|
<text class="daimai-tab-label">跑腿</text> |
|
|
<view class="daimai-tab-info"> |
|
|
<text class="daimai-tab-count">{{paotuiCount}}</text> |
|
|
<text class="daimai-tab-label">跑腿</text> |
|
|
</view> |
|
|
<text class="daimai-tab-count">{{paotuiCount}}</text> |
|
|
</view> |
|
|
</view> |
|
|
<view class="daimai-tab-item" :class="{'active': checked == 'zhipai'}" |
|
|
</view> |
|
|
@tap="checkTab1('zhipai')" v-if="worker != null"> |
|
|
<view class="daimai-tab-item" :class="{'active': checked == 'zhipai'}" |
|
|
<view class="daimai-tab-glow"></view> |
|
|
@tap="checkTab1('zhipai')" v-if="worker != null"> |
|
|
<view class="daimai-tab-icon">派</view> |
|
|
<view class="daimai-tab-glow"></view> |
|
|
<view class="daimai-tab-info"> |
|
|
<view class="daimai-tab-icon">派</view> |
|
|
<text class="daimai-tab-label">指派单</text> |
|
|
<view class="daimai-tab-info"> |
|
|
<text class="daimai-tab-count">{{zhipaiCount}}</text> |
|
|
<text class="daimai-tab-label">指派单</text> |
|
|
</view> |
|
|
<text class="daimai-tab-count">{{zhipaiCount}}</text> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
<view class="title-sort" v-if="(lastScrollTop>300 || getAreaData.id != undefined || putAreaData.id != undefined || checkYongjin)" :class="{'title-sort--sticky': lastScrollTop>583}" |
|
|
</view> |
|
|
:style="titleSortStyle"> |
|
|
<view class="title-sort" v-if="(lastScrollTop>300 || getAreaData.id != undefined || putAreaData.id != undefined || checkYongjin)" :class="{'title-sort--sticky': lastScrollTop>583}" |
|
|
<view class="sort-member" style="position: relative;"> |
|
|
:style="{'top': (navBarHeight+90) + 'px'}"> |
|
|
<view @tap="checkAdd"> |
|
|
<view class="sort-member" style="position: relative;"> |
|
|
取餐地址 <text style="font-size: 20rpx;">▼</text> |
|
|
<view @tap="checkAdd"> |
|
|
</view> |
|
|
取餐地址 <text style="font-size: 20rpx;">▼</text> |
|
|
<view class="sort-value" v-if="isgetArea"> |
|
|
|
|
|
<view class="sort-value1" v-for="(item,index) in getshopArea" :key="index" |
|
|
|
|
|
@tap="searchOrder('getarea',item)">{{item.title}}</view> |
|
|
|
|
|
</view> |
|
|
|
|
|
</view> |
|
|
</view> |
|
|
<view class="sort-member" style="position: relative;"> |
|
|
<view class="sort-value" v-if="isgetArea"> |
|
|
<view @tap="checkAdd1"> |
|
|
<view class="sort-value1" v-for="(item,index) in getshopArea" :key="index" |
|
|
送餐地址 <text style="font-size: 20rpx;">▼</text> |
|
|
@tap="searchOrder('getarea',item)">{{item.title}}</view> |
|
|
</view> |
|
|
</view> |
|
|
<view class="sort-value" v-if="isputArea"> |
|
|
</view> |
|
|
<view class="sort-value1" v-for="(item,index) in putshopArea" :key="index" |
|
|
<view class="sort-member" style="position: relative;"> |
|
|
@tap="searchOrder('putarea',item)">{{item.title}}</view> |
|
|
<view @tap="checkAdd1"> |
|
|
</view> |
|
|
送餐地址 <text style="font-size: 20rpx;">▼</text> |
|
|
</view> |
|
|
</view> |
|
|
<view @tap="searchOrder('yongjin')" class="sort-member" style="border-radius: 60rpx" |
|
|
<view class="sort-value" v-if="isputArea"> |
|
|
:style="{'background':checkYongjin==true?'linear-gradient(135deg, rgba(255, 247, 215, 0.95), rgba(166, 255, 234, 0.72))':'rgba(248, 255, 250, 0.86)','border':checkYongjin==true?'1px solid rgba(255, 188, 119, 0.72)':'1px solid rgba(166, 255, 234, 0.46)'}"> |
|
|
<view class="sort-value1" v-for="(item,index) in putshopArea" :key="index" |
|
|
佣金 |
|
|
@tap="searchOrder('putarea',item)">{{item.title}}</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
<view class="sort-text" |
|
|
<view @tap="searchOrder('yongjin')" class="sort-member" style="border-radius: 60rpx" |
|
|
v-if="getAreaData.id != undefined || putAreaData.id != undefined || checkYongjin" |
|
|
:style="{'background':checkYongjin==true?'linear-gradient(135deg, rgba(255, 247, 215, 0.95), rgba(166, 255, 234, 0.72))':'rgba(248, 255, 250, 0.86)','border':checkYongjin==true?'1px solid rgba(255, 188, 119, 0.72)':'1px solid rgba(166, 255, 234, 0.46)'}"> |
|
|
:style="sortTextStyle"> |
|
|
佣金 |
|
|
<view class="sort-text-inner"> |
|
|
</view> |
|
|
<view @tap="searchOrder('delgetarea')" class="guize1-qusong" |
|
|
</view> |
|
|
v-if="getAreaData.id != undefined"> |
|
|
<view class="sort-text" |
|
|
<view class="qusong1"> |
|
|
v-if="getAreaData.id != undefined || putAreaData.id != undefined || checkYongjin" |
|
|
取 |
|
|
:style="{'top': (navBarHeight+140) + 'px'}"> |
|
|
</view> |
|
|
<view class="sort-text-inner"> |
|
|
<view class="qusong2"> |
|
|
<view @tap="searchOrder('delgetarea')" class="guize1-qusong" |
|
|
{{getAreaData.title}} |
|
|
v-if="getAreaData.id != undefined"> |
|
|
</view> |
|
|
<view class="qusong1"> |
|
|
|
|
|
取 |
|
|
</view> |
|
|
</view> |
|
|
<view @tap="searchOrder('delputarea')" class="guize1-qusong" |
|
|
<view class="qusong2"> |
|
|
v-if="putAreaData.id != undefined"> |
|
|
{{getAreaData.title}} |
|
|
<view class="qusong1"> |
|
|
|
|
|
送 |
|
|
|
|
|
</view> |
|
|
|
|
|
<view class="qusong2" style="background: rgba(209, 206, 255, 1);"> |
|
|
|
|
|
{{putAreaData.title}} |
|
|
|
|
|
</view> |
|
|
|
|
|
</view> |
|
|
</view> |
|
|
<view @tap="searchOrder('delyongjin')" class="guize1-qusong" v-if="checkYongjin"> |
|
|
</view> |
|
|
<view class="qusong1"> |
|
|
<view @tap="searchOrder('delputarea')" class="guize1-qusong" |
|
|
佣 |
|
|
v-if="putAreaData.id != undefined"> |
|
|
</view> |
|
|
<view class="qusong1"> |
|
|
<view class="qusong2 commission-chip"> |
|
|
送 |
|
|
佣金优先 |
|
|
|
|
|
</view> |
|
|
|
|
|
</view> |
|
|
</view> |
|
|
<view @tap="clearCheck" |
|
|
<view class="qusong2" style="background: rgba(209, 206, 255, 1);"> |
|
|
v-if="getAreaData.id != undefined || putAreaData.id != undefined || checkYongjin" |
|
|
{{putAreaData.title}} |
|
|
class="clear-filter"> |
|
|
|
|
|
清空 |
|
|
|
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
|
|
|
<view @tap="searchOrder('delyongjin')" class="guize1-qusong" v-if="checkYongjin"> |
|
|
|
|
|
<view class="qusong1"> |
|
|
|
|
|
佣 |
|
|
|
|
|
</view> |
|
|
|
|
|
<view class="qusong2 commission-chip"> |
|
|
|
|
|
佣金优先 |
|
|
|
|
|
</view> |
|
|
|
|
|
</view> |
|
|
|
|
|
<view @tap="clearCheck" |
|
|
|
|
|
v-if="getAreaData.id != undefined || putAreaData.id != undefined || checkYongjin" |
|
|
|
|
|
class="clear-filter"> |
|
|
|
|
|
清空 |
|
|
|
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
<scroll-view @scrolltolower="onReachPage" :scroll-y="lastScrollTop>583" class="delivery-list-wrap"> |
|
|
<scroll-view @scrolltolower="onReachPage" :scroll-y="lastScrollTop>583" class="delivery-list-wrap"> |
|
|
<view class="empty-delivery" v-if="deliveryItem.length <= 0"> |
|
|
<view class="empty-delivery" v-if="deliveryItem.length <= 0"> |
|
|
@ -730,17 +730,6 @@ |
|
|
postList, |
|
|
postList, |
|
|
myCenter |
|
|
myCenter |
|
|
}, |
|
|
}, |
|
|
computed: { |
|
|
|
|
|
daimaiTabStyle() { |
|
|
|
|
|
return { top: (this.navBarHeight + 46) + 'px' }; |
|
|
|
|
|
}, |
|
|
|
|
|
titleSortStyle() { |
|
|
|
|
|
return { top: (this.navBarHeight + 90) + 'px' }; |
|
|
|
|
|
}, |
|
|
|
|
|
sortTextStyle() { |
|
|
|
|
|
return { top: (this.navBarHeight + 140) + 'px' }; |
|
|
|
|
|
} |
|
|
|
|
|
}, |
|
|
|
|
|
filters: { |
|
|
filters: { |
|
|
formatHourMinute(value) { |
|
|
formatHourMinute(value) { |
|
|
if (!value) return ''; |
|
|
if (!value) return ''; |
|
|
|