tianyi 3 weeks ago
parent
commit
d9582120e7
  1. 189
      pages/index/index.vue

189
pages/index/index.vue

@ -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 '';

Loading…
Cancel
Save