root
/
school_uni
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

1

master
tianyi 1 month ago
parent
9401cbb888
commit
2b2eebfa5a
1 changed files with 653 additions and 373 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 462
      pages/index/index.vue

462
pages/index/index.vue
View File

@ -3,7 +3,8 @@
<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;">
<view style="width:100%;height: 180rpx;position: fixed;top: 0;background: #fff;z-index: 90;" v-if="lastScrollTop>583"></view> <view style="width:100%;height: 180rpx;position: fixed;top: 0;background: #fff;z-index: 90;"
v-if="lastScrollTop>583"></view>
<view style="position: absolute;top: 110rpx;left: 20rpx;z-index: 999;"> <view style="position: absolute;top: 110rpx;left: 20rpx;z-index: 999;">
<view @click="checkArea" v-if="areaName == ''"> <view @click="checkArea" v-if="areaName == ''">
点击选择区域 点击选择区域
@ -16,20 +17,25 @@
</view> </view>
<swiper class="swiper" circular :indicator-dots="indicatorDots" :autoplay="autoplay" <swiper class="swiper" circular :indicator-dots="indicatorDots" :autoplay="autoplay"
:interval="interval" :duration="duration"> :interval="interval" :duration="duration">
<swiper-item v-if="item.position == 'home_top' " v-for="(item,index) in mallAds" :key="index" @tap="goAdPage(item)"> <swiper-item v-if="item.position == 'home_top' " v-for="(item,index) in mallAds" :key="index"
@tap="goAdPage(item)">
<img :src="item.adImage" alt="" /> <img :src="item.adImage" alt="" />
</swiper-item> </swiper-item>
</swiper> </swiper>
<view class="" style="background: #fff;"> <view class="" style="background: #fff;">
<swiper class="swiper" vertical circular :autoplay="orderLists.length > 0" <swiper class="swiper" vertical circular :autoplay="orderLists.length > 0"
:interval="onlineWorkerInterval" :duration="onlineWorkerDuration" style="height: 74px;margin-top: -50px;"> :interval="onlineWorkerInterval" :duration="onlineWorkerDuration"
<swiper-item v-if="orderLists.length > 0" v-for="(item,index) in orderLists" :key="index" @tap="goOrderDetail(item)"> style="height: 74px;margin-top: -50px;">
<swiper-item v-if="orderLists.length > 0" v-for="(item,index) in orderLists" :key="index"
@tap="goOrderDetail(item)">
<view class="order-msg-box"> <view class="order-msg-box">
<view class="order-msg-left"> <view class="order-msg-left">
<img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/bf2bb7f80e17428391c407aef769517a.png" alt="" /> <img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/bf2bb7f80e17428391c407aef769517a.png"
alt="" />
</view> </view>
<view class="order-msg-center"> <view class="order-msg-center">
<view style="font-weight: 700;font-size: 30rpx;line-height: 60rpx;margin-top: 5%;"> <view
style="font-weight: 700;font-size: 30rpx;line-height: 60rpx;margin-top: 5%;">
<text v-if="item.status == 0">待支付</text> <text v-if="item.status == 0">待支付</text>
<text v-if="item.status == 2">等待配送员接单</text> <text v-if="item.status == 2">等待配送员接单</text>
<text v-if="item.status == 10">待成团</text> <text v-if="item.status == 10">待成团</text>
@ -43,12 +49,15 @@
<text v-if="item.status == 11">售后中</text> <text v-if="item.status == 11">售后中</text>
<text v-if="item.status == 12">订单已售后</text> <text v-if="item.status == 12">订单已售后</text>
</view> </view>
<view style="font-size: 24rpx;" v-if="item.deliveryType == 1 && (item.status == 3 || item.status == 4) && item.deliveryInfo != null"> <view style="font-size: 24rpx;"
预计<text style="color: red;">{{item.deliveryInfo.mustFinishTime | formatHourMinute }}</text>送达 v-if="item.deliveryType == 1 && (item.status == 3 || item.status == 4) && item.deliveryInfo != null">
预计<text
style="color: red;">{{item.deliveryInfo.mustFinishTime | formatHourMinute }}</text>送达
</view> </view>
</view> </view>
<view class="order-msg-right" @tap.stop="$refs.pagesPopup.open()"> <view class="order-msg-right" @tap.stop="$refs.pagesPopup.open()">
<img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/579569bfcc954f52baea06f6f11951be.png" alt="" /> <img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/579569bfcc954f52baea06f6f11951be.png"
alt="" />
</view> </view>
</view> </view>
</swiper-item> </swiper-item>
@ -56,46 +65,55 @@
</view> </view>
<view class="menu-box" :style="{'margin-top':orderLists.length < 1?'-140rpx':'','height':orderLists.length < 1?'190rpx':'','padding-top':orderLists.length < 1?'40rpx':''}"> <view class="menu-box"
:style="{'margin-top':orderLists.length < 1?'-140rpx':'','height':orderLists.length < 1?'190rpx':'','padding-top':orderLists.length < 1?'40rpx':''}">
<view class="menu-list" @tap="goDetail('1')"> <view class="menu-list" @tap="goDetail('1')">
<img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/7690c4f897604fca804ea932bc3c1239.png" alt="" /> <img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/7690c4f897604fca804ea932bc3c1239.png"
alt="" />
<view class="menu-name">跑腿/快递</view> <view class="menu-name">跑腿/快递</view>
</view> </view>
<view class="menu-list" @tap="goDetail('2')" style="position: relative;"> <view class="menu-list" @tap="goDetail('2')" style="position: relative;">
<img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/553230c20dea4e5c85f1e396058a7493.png" alt="" /> <img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/553230c20dea4e5c85f1e396058a7493.png"
<img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/1a02b40d853a4cfdb062fff44ec49e6a.png" alt="" alt="" />
style="position: absolute;top: -16rpx;right: 0;width: 88rpx;height: 36rpx;"> <img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/1a02b40d853a4cfdb062fff44ec49e6a.png"
alt="" style="position: absolute;top: -16rpx;right: 0;width: 88rpx;height: 36rpx;">
<view class="menu-name">饭团</view> <view class="menu-name">饭团</view>
</view> </view>
<view class="menu-list" @tap="goDetail('3')"> <view class="menu-list" @tap="goDetail('3')">
<img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/a2f41e2d45cb4d418d273f6e9ceafff0.png" alt="" /> <img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/a2f41e2d45cb4d418d273f6e9ceafff0.png"
alt="" />
<view class="menu-name">农场</view> <view class="menu-name">农场</view>
</view> </view>
<view class="menu-list" @tap="goDetail('4')"> <view class="menu-list" @tap="goDetail('4')">
<img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/41cfb56caff4419b94b69d0f2303b602.png" alt="" /> <img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/41cfb56caff4419b94b69d0f2303b602.png"
alt="" />
<view class="menu-name">扭蛋机</view> <view class="menu-name">扭蛋机</view>
</view> </view>
<view class="menu-list" @tap="goDetail('5')"> <view class="menu-list" @tap="goDetail('5')">
<img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/a083b7d159264bbc967034088fa7eb3a.png" alt="" /> <img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/a083b7d159264bbc967034088fa7eb3a.png"
alt="" />
<view class="menu-name">ie浏览器</view> <view class="menu-name">ie浏览器</view>
</view> </view>
</view> </view>
<view class="like-box"> <view class="like-box">
<view class="like-title"> <view class="like-title">
<img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/e0c44bc9b69a46559d3aa4160d3cf4a5.png" alt="" /> <img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/e0c44bc9b69a46559d3aa4160d3cf4a5.png"
alt="" />
</view> </view>
<view class="like-content-box"> <view class="like-content-box">
<view class="like-left"> <view class="like-left">
<view class="like-content-title"> <view class="like-content-title">
<view style="width: 100%;font-weight: 700;">爆品拼团</view> <view style="width: 100%;font-weight: 700;">爆品拼团</view>
<img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/0eeb2e28f84a43a0aefddd8edb430d73.png" alt="" <img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/0eeb2e28f84a43a0aefddd8edb430d73.png"
alt=""
style="width: 140rpx;height: 64rpx;position: absolute;top: -16rpx;left: 40%;" /> style="width: 140rpx;height: 64rpx;position: absolute;top: -16rpx;left: 40%;" />
<img src="/static/images/img/yousanjiao.png" alt="" <img src="/static/images/img/yousanjiao.png" alt=""
style="width: 28rpx;height: 28rpx;position: absolute;top: 20rpx;right: 12rpx;"> style="width: 28rpx;height: 28rpx;position: absolute;top: 20rpx;right: 12rpx;">
</view> </view>
<view class="like-content"> <view class="like-content">
<view class="content-list" v-if="item.position == 'home_center_left_top' " v-for="(item,index) in mallAds" :key="index" @tap="goAdPage(item)"> <view class="content-list" v-if="item.position == 'home_center_left_top' "
v-for="(item,index) in mallAds" :key="index" @tap="goAdPage(item)">
<view class="list-img"> <view class="list-img">
<img :src="item.adImage" alt=""> <img :src="item.adImage" alt="">
<view class="list-type">{{item.productList[0].groupMembers}}人团</view> <view class="list-type">{{item.productList[0].groupMembers}}人团</view>
@ -105,13 +123,15 @@
<view class="list-text">{{item.title}}</view> <view class="list-text">{{item.title}}</view>
</view> </view>
<view class="list-price" style="color: #00231C;">￥{{item.productList[0].originalPrice}}</view> <view class="list-price" style="color: #00231C;">
￥{{item.productList[0].originalPrice}}</view>
<view class="list-total"> <view class="list-total">
拼团<text style="color: red;">￥{{item.productList[0].groupPrice}}</text> 拼团<text style="color: red;">￥{{item.productList[0].groupPrice}}</text>
</view> </view>
</view> </view>
</view> </view>
<view class="content-list" v-if="item.position == 'home_center_left_bottom' " v-for="(item,index) in mallAds" :key="index" @tap="goAdPage(item)"> <view class="content-list" v-if="item.position == 'home_center_left_bottom' "
v-for="(item,index) in mallAds" :key="index" @tap="goAdPage(item)">
<view class="list-img"> <view class="list-img">
<img :src="item.adImage" alt=""> <img :src="item.adImage" alt="">
<view class="list-type">{{item.productList[0].groupMembers}}人团</view> <view class="list-type">{{item.productList[0].groupMembers}}人团</view>
@ -121,7 +141,8 @@
<view class="list-text">{{item.title}}</view> <view class="list-text">{{item.title}}</view>
</view> </view>
<view class="list-price" style="color: #00231C;">￥{{item.productList[0].originalPrice}}</view> <view class="list-price" style="color: #00231C;">
￥{{item.productList[0].originalPrice}}</view>
<view class="list-total"> <view class="list-total">
拼团<text style="color: red;">￥{{item.productList[0].groupPrice}}</text> 拼团<text style="color: red;">￥{{item.productList[0].groupPrice}}</text>
</view> </view>
@ -132,13 +153,15 @@
<view class="like-left"> <view class="like-left">
<view class="like-content-title"> <view class="like-content-title">
<view style="font-weight: 700;">爆品拼团</view> <view style="font-weight: 700;">爆品拼团</view>
<img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/0eeb2e28f84a43a0aefddd8edb430d73.png" alt="" <img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/0eeb2e28f84a43a0aefddd8edb430d73.png"
alt=""
style="width: 140rpx;height: 64rpx;position: absolute;top: -16rpx;left: 40%;" /> style="width: 140rpx;height: 64rpx;position: absolute;top: -16rpx;left: 40%;" />
<img src="/static/images/img/yousanjiao.png" alt="" <img src="/static/images/img/yousanjiao.png" alt=""
style="width: 28rpx;height: 28rpx;position: absolute;top: 20rpx;right: 12rpx;"> style="width: 28rpx;height: 28rpx;position: absolute;top: 20rpx;right: 12rpx;">
</view> </view>
<view class="like-content"> <view class="like-content">
<view class="content-list" v-if="item.position == 'home_center_right_top' " v-for="(item,index) in mallAds" :key="index" @tap="goAdPage(item)"> <view class="content-list" v-if="item.position == 'home_center_right_top' "
v-for="(item,index) in mallAds" :key="index" @tap="goAdPage(item)">
<view class="list-img"> <view class="list-img">
<img :src="item.adImage" alt=""> <img :src="item.adImage" alt="">
<view class="list-type">{{item.productList[0].groupMembers}}人团</view> <view class="list-type">{{item.productList[0].groupMembers}}人团</view>
@ -148,13 +171,15 @@
<view class="list-text">{{item.title}}</view> <view class="list-text">{{item.title}}</view>
</view> </view>
<view class="list-price" style="color: #00231C;">￥{{item.productList[0].originalPrice}}</view> <view class="list-price" style="color: #00231C;">
￥{{item.productList[0].originalPrice}}</view>
<view class="list-total"> <view class="list-total">
拼团<text style="color: red;">￥{{item.productList[0].groupPrice}}</text> 拼团<text style="color: red;">￥{{item.productList[0].groupPrice}}</text>
</view> </view>
</view> </view>
</view> </view>
<view class="content-list" v-if="item.position == 'home_center_right_bottom' " v-for="(item,index) in mallAds" :key="index" @tap="goAdPage(item)"> <view class="content-list" v-if="item.position == 'home_center_right_bottom' "
v-for="(item,index) in mallAds" :key="index" @tap="goAdPage(item)">
<view class="list-img"> <view class="list-img">
<img :src="item.adImage" alt=""> <img :src="item.adImage" alt="">
<view class="list-type">{{item.productList[0].groupMembers}}人团</view> <view class="list-type">{{item.productList[0].groupMembers}}人团</view>
@ -164,7 +189,8 @@
<view class="list-text">{{item.title}}</view> <view class="list-text">{{item.title}}</view>
</view> </view>
<view class="list-price" style="color: #00231C;">￥{{item.productList[0].originalPrice}}</view> <view class="list-price" style="color: #00231C;">
￥{{item.productList[0].originalPrice}}</view>
<view class="list-total"> <view class="list-total">
拼团<text style="color: red;">￥{{item.productList[0].groupPrice}}</text> 拼团<text style="color: red;">￥{{item.productList[0].groupPrice}}</text>
</view> </view>
@ -175,38 +201,55 @@
</view> </view>
</view> </view>
<view class="daimai-box" style="padding-bottom:180rpx;"> <view class="daimai-box" style="padding-bottom:180rpx;">
<view class="daimai-tab" id="menuList" :style="{'top': (navBarHeight+46) + 'px','background':lastScrollTop>583?'#fff':''}"> <view class="daimai-tab" id="menuList"
:style="{'top': (navBarHeight+46) + 'px','background':lastScrollTop>583?'#fff':''}">
<view @tap="checkTab1('waimai')" style="flex: 1;"> <view @tap="checkTab1('waimai')" style="flex: 1;">
<view class="like-title" style="position: relative;width: 160rpx;height: 50rpx;margin-top:8rpx;" v-if="checked == 'waimai'"> <view class="like-title"
<img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/4d3207adb25546f68ce4d3428e571867.png" alt="" style="width: 160rpx;height: 50rpx;" /> style="position: relative;width: 160rpx;height: 50rpx;margin-top:8rpx;"
<text style="position: absolute;top: 0;left: 60rpx;font-size: 30rpx;font-weight: 700;height: 50rpx;line-height: 40rpx;">（{{waimaiCount}}）</text> v-if="checked == 'waimai'">
<img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/4d3207adb25546f68ce4d3428e571867.png"
alt="" style="width: 160rpx;height: 50rpx;" />
<text
style="position: absolute;top: 0;left: 60rpx;font-size: 30rpx;font-weight: 700;height: 50rpx;line-height: 40rpx;">（{{waimaiCount}}）</text>
</view> </view>
<view style="font-size: 30rpx;font-weight: 700;margin-left: 20rpx;color: #777;" v-else> <view style="font-size: 30rpx;font-weight: 700;margin-left: 20rpx;color: #777;" v-else>
外卖({{waimaiCount}}) 外卖({{waimaiCount}})
</view> </view>
</view> </view>
<view @tap="checkTab1('kuaidi')" style="margin-left: 20rpx;flex: 1;"> <view @tap="checkTab1('kuaidi')" style="margin-left: 20rpx;flex: 1;">
<view class="like-title" style="position: relative;width: 160rpx;height: 50rpx;margin-top:8rpx;" v-if="checked == 'kuaidi'"> <view class="like-title"
<img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/aeff6530c1c4486e9c7d088522de0c98.png" alt="" style="width: 160rpx;height: 50rpx;"> style="position: relative;width: 160rpx;height: 50rpx;margin-top:8rpx;"
<text style="position: absolute;top: 0;left: 60rpx;font-size: 30rpx;font-weight: 700;height: 50rpx;line-height: 40rpx;">（{{kuaidiCount}}）</text> v-if="checked == 'kuaidi'">
<img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/aeff6530c1c4486e9c7d088522de0c98.png"
alt="" style="width: 160rpx;height: 50rpx;">
<text
style="position: absolute;top: 0;left: 60rpx;font-size: 30rpx;font-weight: 700;height: 50rpx;line-height: 40rpx;">（{{kuaidiCount}}）</text>
</view> </view>
<view style="font-size: 30rpx;font-weight: 700;margin-left: 20rpx;color: #777;" v-else> <view style="font-size: 30rpx;font-weight: 700;margin-left: 20rpx;color: #777;" v-else>
快递({{kuaidiCount}}) 快递({{kuaidiCount}})
</view> </view>
</view> </view>
<view @tap="checkTab1('paotui')" style="margin-left: 20rpx;flex: 1;"> <view @tap="checkTab1('paotui')" style="margin-left: 20rpx;flex: 1;">
<view class="like-title" style="position: relative;width: 160rpx;height: 50rpx;margin-top:8rpx;" v-if="checked == 'paotui'"> <view class="like-title"
<img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/e2cccb5ad1534b2aaae9b2b67ed401b4.png" alt="" style="width: 160rpx;height: 50rpx;"> style="position: relative;width: 160rpx;height: 50rpx;margin-top:8rpx;"
<text style="position: absolute;top: 0;left: 60rpx;font-size: 30rpx;font-weight: 700;height: 50rpx;line-height: 40rpx;">（{{paotuiCount}}）</text> v-if="checked == 'paotui'">
<img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/e2cccb5ad1534b2aaae9b2b67ed401b4.png"
alt="" style="width: 160rpx;height: 50rpx;">
<text
style="position: absolute;top: 0;left: 60rpx;font-size: 30rpx;font-weight: 700;height: 50rpx;line-height: 40rpx;">（{{paotuiCount}}）</text>
</view> </view>
<view style="font-size: 30rpx;font-weight: 700;margin-left: 20rpx;color: #777;" v-else> <view style="font-size: 30rpx;font-weight: 700;margin-left: 20rpx;color: #777;" v-else>
跑腿({{paotuiCount}}) 跑腿({{paotuiCount}})
</view> </view>
</view> </view>
<view @tap="checkTab1('zhipai')" style="margin-left: 20rpx;flex: 1;" v-if="worker != null"> <view @tap="checkTab1('zhipai')" style="margin-left: 20rpx;flex: 1;" v-if="worker != null">
<view class="like-title" style="position: relative;width: 160rpx;height: 50rpx;margin-top:8rpx;" v-if="checked == 'zhipai'"> <view class="like-title"
<img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/2bfc2333818b47478572e4d1a430049a.png" alt="" style="width: 160rpx;height: 50rpx;"> style="position: relative;width: 160rpx;height: 50rpx;margin-top:8rpx;"
<text style="position: absolute;top: 0;left: 80rpx;font-size: 30rpx;font-weight: 700;height: 50rpx;line-height: 40rpx;">（{{zhipaiCount}}）</text> v-if="checked == 'zhipai'">
<img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/2bfc2333818b47478572e4d1a430049a.png"
alt="" style="width: 160rpx;height: 50rpx;">
<text
style="position: absolute;top: 0;left: 80rpx;font-size: 30rpx;font-weight: 700;height: 50rpx;line-height: 40rpx;">（{{zhipaiCount}}）</text>
</view> </view>
<view style="font-size: 30rpx;font-weight: 700;margin-left: 20rpx;color: #777;" v-else> <view style="font-size: 30rpx;font-weight: 700;margin-left: 20rpx;color: #777;" v-else>
指派单({{zhipaiCount}}) 指派单({{zhipaiCount}})
@ -232,13 +275,15 @@
@tap="searchOrder('putarea',item)">{{item.title}}</view> @tap="searchOrder('putarea',item)">{{item.title}}</view>
</view> </view>
</view> </view>
<view @tap="searchOrder('yongjin')" class="sort-member" style="border-radius: 60rpx" :style="{'background':checkYongjin==true?'rgba(138, 255, 67, 0.16)':'#f5f5f5','border':checkYongjin==true?'1px solid rgba(138, 255, 67, 1)':'0'}"> <view @tap="searchOrder('yongjin')" class="sort-member" style="border-radius: 60rpx"
:style="{'background':checkYongjin==true?'rgba(138, 255, 67, 0.16)':'rgba(247, 248, 248, 0.6)','border':checkYongjin==true?'1px solid rgba(138, 255, 67, 1)':'0'}">
佣金 佣金
</view> </view>
</view> </view>
<view class="sort-text" v-if="lastScrollTop>583" :style="{'top': (navBarHeight+126) + 'px'}"> <view class="sort-text" v-if="lastScrollTop>583" :style="{'top': (navBarHeight+126) + 'px'}">
<view style="display: flex; width: 100%;"> <view style="display: flex; width: 100%;">
<view @tap="searchOrder('delgetarea',item)" class="guize1-qusong" v-if="getAreaData.id != undefined"> <view @tap="searchOrder('delgetarea',item)" class="guize1-qusong"
v-if="getAreaData.id != undefined">
<view class="qusong1"> <view class="qusong1">
取 取
</view> </view>
@ -246,7 +291,8 @@
{{getAreaData.title}} {{getAreaData.title}}
</view> </view>
</view> </view>
<view @tap="searchOrder('delputarea',item)" class="guize1-qusong" v-if="putAreaData.id != undefined"> <view @tap="searchOrder('delputarea',item)" class="guize1-qusong"
v-if="putAreaData.id != undefined">
<view class="qusong1"> <view class="qusong1">
送 送
</view> </view>
@ -254,13 +300,16 @@
{{putAreaData.title}} {{putAreaData.title}}
</view> </view>
</view> </view>
<view @tap="clearCheck" v-if="getAreaData.id != undefined || putAreaData.id != undefined" style="color:#00BFFF;"> <view @tap="clearCheck"
v-if="getAreaData.id != undefined || putAreaData.id != undefined"
style="color:#00BFFF;">
清空 清空
</view> </view>
</view> </view>
</view> </view>
<view :style="{'height':lastScrollTop>583?'900px':'auto'}"> <view :style="{'height':lastScrollTop>583?'900px':'auto'}">
<view class="list-1" v-for="(item,index) in deliveryItem" :key="index" @tap="goDetail('search',item)"> <view class="list-1" v-for="(item,index) in deliveryItem" :key="index"
@tap="goDetail('search',item)">
<view class="daoda-time"> <view class="daoda-time">
送达时间：{{item.mustFinishTime != null ? item.mustFinishTime : '' | formatHourMinute }} 送达时间：{{item.mustFinishTime != null ? item.mustFinishTime : '' | formatHourMinute }}
</view> </view>
@ -269,10 +318,11 @@
#<text>{{item.numberCode != null ? item.numberCode : ''}} </text> #<text>{{item.numberCode != null ? item.numberCode : ''}} </text>
</view> </view>
<view class="shangjia"> <view class="shangjia">
<text style="font-weight: 700;">{{item.shopName != null ? item.shopName : ''}}</text> <text
style="font-weight: 700;">{{item.shopName != null ? item.shopName : ''}}</text>
<view @tap="productDetail(item)" v-if="item.deliveryType == 1" <view @tap="productDetail(item)" v-if="item.deliveryType == 1"
style="width: 32rpx;height: 30rpx;font-weight: 700;font-size: 20rpx;color: #fff;text-align: center;background: #00BFFF;border-radius: 10rpx;margin: 20rpx 0 0 10rpx;line-height: 30rpx;"> style="width: 32rpx;height: 30rpx;font-weight: 700;font-size: 20rpx;color: #fff;text-align: center;background: #00BFFF;border-radius: 10rpx;margin: 20rpx 0 0 10rpx;line-height: 30rpx;">
祥 详
</view> </view>
<view v-else style="font-weight: 700;"> <view v-else style="font-weight: 700;">
{{item.allCount ? item.allCount : 0}}件 {{item.allCount ? item.allCount : 0}}件
@ -282,7 +332,8 @@
<view class="qu-song"> <view class="qu-song">
<view class="qu-box"> <view class="qu-box">
<view class='qu-tu'> <view class='qu-tu'>
<img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/1f77398a73454a6595c12a3c18731599.png" alt="" /> <img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/1f77398a73454a6595c12a3c18731599.png"
alt="" />
</view> </view>
<view class="qu-text"> <view class="qu-text">
<view class="qu-left"> <view class="qu-left">
@ -297,7 +348,8 @@
</view> </view>
<view class="qu-box" style="margin-top:15rpx;"> <view class="qu-box" style="margin-top:15rpx;">
<view class='qu-tu'> <view class='qu-tu'>
<img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/d0764fb4138747769538cf1cafa3b017.png" alt="" /> <img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/d0764fb4138747769538cf1cafa3b017.png"
alt="" />
</view> </view>
<view class="qu-text"> <view class="qu-text">
<view class="qu-left"> <view class="qu-left">
@ -322,14 +374,16 @@
</view> </view>
<view style="font-weight: 700;width: 50%;text-align: right;"> <view style="font-weight: 700;width: 50%;text-align: right;">
￥{{(item.deliveryFee + item.deliveryFeeMarketplace).toFixed(2)}} ￥{{(item.deliveryFee + item.deliveryFeeMarketplace).toFixed(2)}}
<text style="color: #777;font-size: 22rpx;" v-if="item.deliveryFeeMarketplace > 0">（包含￥{{item.deliveryFeeMarketplace}}平台佣金）</text> <text style="color: #777;font-size: 22rpx;"
v-if="item.deliveryFeeMarketplace > 0">（包含￥{{item.deliveryFeeMarketplace}}平台佣金）</text>
</view> </view>
</view> </view>
<view class="beizhu" v-if="item.remark != null && item.remark != ''"> <view class="beizhu" v-if="item.remark != null && item.remark != ''">
备注：{{item.remark}} 备注：{{item.remark}}
</view> </view>
<view class="qiangdan-btn" @tap="getOrder(item,index)"> <view class="qiangdan-btn" @tap="getOrder(item,index)">
<img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/1b8b815302a34902ac79a76a469e4ee6.png" alt=""> <img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/1b8b815302a34902ac79a76a469e4ee6.png"
alt="">
</view> </view>
<view class="yongjin" v-if="checked == 'zhipai'"> <view class="yongjin" v-if="checked == 'zhipai'">
<text @tap="rejectOrder(item,index)">拒绝接单</text> <text @tap="rejectOrder(item,index)">拒绝接单</text>
@ -356,7 +410,8 @@
<view class="popup-area-title"> <view class="popup-area-title">
<text>请选择所属区域</text> <text>请选择所属区域</text>
</view> </view>
<view class="popup-area-container" v-for="(item,index) in areaList" :key="index" @tap="onClickArea(item)"> <view class="popup-area-container" v-for="(item,index) in areaList" :key="index"
@tap="onClickArea(item)">
<text style="display: inline-block">{{item.title}}</text> <text style="display: inline-block">{{item.title}}</text>
</view> </view>
</view> </view>
@ -373,12 +428,159 @@
</view> </view>
</uni-popup> </uni-popup>
<uni-popup ref="productPopup" background-color="#fff"> <uni-popup ref="productPopup" background-color="#fff">
<view class="popup-area-content" style="height: 1200rpx;overflow: scroll;"> <view class="popup-area-content" style="width: 700rpx;overflow: scroll;">
<view class="popup-area-title"> <view class="popup-area-title">
<text>订单详情</text> <text>订单详情</text>
</view> </view>
<view class="popup-area-container" v-for="(item,index) in productData" :key="index"> <view>
<text style="display: inline-block">{{item.productName}} {{item.specs}} * {{item.quantity}}</text> <view class="box1">
<view style="height: 160rpx;line-height: 80rpx;">
<view style="flex: 1;color: #777;font-weight: 700;">
取货地址
</view>
<view style="color: #000;font-weight: 700;">
{{productData.shopAddress}}
</view>
</view>
<view style="height: 160rpx;line-height: 80rpx;">
<view style="flex: 1;color: #777;font-weight: 700;">
收货地址
</view>
<view style="color: #000;font-weight: 700;">
{{productData.receiverAddress}}
</view>
</view>
</view>
<view class="box1">
<view style="width: 100%;line-height: 70rpx;font-size: 28rpx;font-weight: 700;display: flex;"
v-if="productData.shopName != null">
<text style="flex:1">{{productData.shopName}}</text>
<img @tap="makeCall(productData.shopPhone)"
src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/869a7af6a1c24bf3a0d523c4a18b55c6.png"
alt="" style="width: 40rpx;height: 40rpx;margin-top: 14rpx;" />
</view>
<view v-for="(item1,index1) in productData.goodsList" :key="index1"
v-if="productData.goodsList != null && productData.goodsList.length > 0"
style="display: flex;padding: 20rpx;background: rgba(247, 248, 248, 0.6);border-radius: 20rpx;">
<view class="goods-img">
<img :src="item1.productPicture" alt="">
</view>
<view class="goods-content">
<view class="goods-name">
{{item1.productName}}
</view>
<view class="goods-content-center">
{{item1.specs | delNode}}
</view>
<view class="goods-content-bottom">
<view style="width: 50%;">
X{{item1.quantity}}
</view>
<view class="pintuan-left-price">
￥{{item1.price}}
</view>
</view>
</view>
</view>
<view>
<view style="height: 80rpx;line-height: 80rpx;display: flex;"
v-if="productData.packageFee != null && productData.packageFee > 0">
<view style="flex: 1;color: #777;font-weight: 700;">
打包费
</view>
<view style="color: #000;font-weight:700;">
￥{{productData.packageFee}}
</view>
</view>
<view style="height: 80rpx;line-height: 80rpx;display: flex;"
v-if="productData.deliveryType == 1">
<view style="flex: 1;color: #777;font-weight: 700;">
配送费
</view>
<view style="color: #000;font-weight:700;">
￥{{productData.deliveryFee}}
</view>
</view>
<view style="height: 80rpx;line-height: 80rpx;display: flex;"
v-if="productData.userCouponNum > 0">
<view style="flex: 1;color: #777;font-weight: 700;">
优惠券
</view>
<view style="color: #000;font-weight:700;">
-￥{{productData.userCouponNum}}
</view>
</view>
</view>
<view
style="display: flex;height: 80rpx;line-height: 100rpx;border-top: 1px solid #eee;font-size: 32rpx;font-weight: 700;">
<view style="flex: 1;">
实付
</view>
<view class="">
￥{{productData.totalAmount}}
</view>
</view>
</view>
<view class="box1">
<view>
<view style="height: 80rpx;line-height: 80rpx;display: flex;"
v-if="productData.otherOrder == 1">
<view style="flex: 1;color: #777;font-weight: 700;">
取件地址
</view>
<view style="color: #000;font-weight: 700;">
{{productData.shopAddress}}
</view>
</view>
<view style="height: 80rpx;line-height: 80rpx;display: flex;"
v-if="productData.otherOrder == 1">
<view style="flex: 1;color: #777;font-weight: 700;">
收件地址
</view>
<view style="color: #000;font-weight: 700;">
{{productData.receiverAddress}}
</view>
</view>
<view style="height: 80rpx;line-height: 80rpx;display: flex;"
v-if="productData.otherOrder == 1">
<view style="flex: 1;color: #777;font-weight: 700;">
件数
</view>
<view style="color: #000;font-weight: 700;">
{{productData.deliveryInfo.allCount}}
</view>
</view>
<view style="height: 80rpx;line-height: 80rpx;display: flex;"
v-if="productData.otherOrder == 1">
<view style="flex: 1;color: #777;font-weight: 700;">
服务类型
</view>
<view style="color: #000;font-weight: 700;">
快递/跑腿
</view>
</view>
<view style="height: 80rpx;line-height: 80rpx;display: flex;"
v-if="productData.numberCode != null">
<view style="flex: 1;color: #777;font-weight: 700;">
订单号
</view>
<view style="color: #000;font-weight: 700;">
{{productData.numberCode}}
</view>
</view>
<view style="height: 80rpx;line-height: 80rpx;display: flex;">
<view style="flex: 1;color: #777;font-weight: 700;">
下单时间
</view>
<view style="color: #000;font-weight: 700;">
{{productData.createTime | formatHourMinute}}
</view>
</view>
</view>
</view>
</view> </view>
</view> </view>
</uni-popup> </uni-popup>
@ -527,7 +729,9 @@
pageNum: 1, pageNum: 1,
getAreaId: '', getAreaId: '',
putAreaId: '', putAreaId: '',
paths:['home_top','home_center_left_top','home_center_left_bottom','home_center_right_top','home_center_right_bottom'], paths: ['home_top', 'home_center_left_top', 'home_center_left_bottom', 'home_center_right_top',
'home_center_right_bottom'
],
order: '', order: '',
regionId: '', regionId: '',
deliveryType: 1, deliveryType: 1,
@ -576,6 +780,23 @@
// 拼接格式：日-日-时:分 // 拼接格式：日-日-时:分
return `${day}-${hour}:${minute}`; return `${day}-${hour}:${minute}`;
},
delNode(data) {
// 1. 统一转为字符串
let str;
if (typeof data === 'object' && data !== null) {
// 对象或数组 → JSON 字符串
str = JSON.stringify(data);
} else if (typeof data === 'string') {
str = data;
} else {
// 其他类型（数字、布尔等）先转字符串
str = String(data);
}
// 2. 删除所有大括号 { } 和双引号 "
const result = str.replace(/[{}"]/g, '');
return result;
} }
}, },
onPageScroll(e) { onPageScroll(e) {
@ -691,15 +912,17 @@
this.isSwitching = true; this.isSwitching = true;
this.checkTab(index); this.checkTab(index);
// 400ms后解除锁（动画200ms，预留200ms缓冲） // 400ms后解除锁（动画200ms，预留200ms缓冲）
setTimeout(() => { this.isSwitching = false; }, 400); setTimeout(() => {
this.isSwitching = false;
}, 400);
}, },
productDetail(item) { productDetail(item) {
this.productData = item.goodsList; this.productData = item;
this.$refs.productPopup.open() this.$refs.productPopup.open()
}, },
getOrder(item, index) { getOrder(item, index) {
let that = this let that = this
that.getUserLocation()
let data = { let data = {
groupId: item.groupId ? item.groupId : '', groupId: item.groupId ? item.groupId : '',
deliveryId: item.id, deliveryId: item.id,
@ -709,8 +932,14 @@
regionId: JSON.parse(uni.getStorageSync('area')).id, regionId: JSON.parse(uni.getStorageSync('area')).id,
geolocation: that.latitude + ',' + that.longitude geolocation: that.latitude + ',' + that.longitude
} }
uni.getLocation({
type: 'gcj02', // 返回国测局坐标，用于微信小程序地图组件
success: (res) => {
console.log('位置', res)
that.latitude = res.latitude;
that.longitude = res.longitude;
this.tui.request("/mall/delivery/accept", "POST",data, false, true).then((res) => { that.tui.request("/mall/delivery/accept", "POST", data, false, true).then((res) => {
that.loadStatus = 'nomore'; that.loadStatus = 'nomore';
if (res.code == 200) { if (res.code == 200) {
if (!uni.getStorageSync('worker') && res.result != null) { if (!uni.getStorageSync('worker') && res.result != null) {
@ -737,9 +966,17 @@
uni.hideLoading(); uni.hideLoading();
}).catch((res) => {}); }).catch((res) => {});
}, },
fail: (err) => {
console.log('获取位置失败', err);
}
});
},
rejectOrder(item, index) { rejectOrder(item, index) {
let that = this let that = this
this.tui.request("/mall/delivery/reject", "POST",{deliveryId:item.id}, false, true).then((res) => { this.tui.request("/mall/delivery/reject", "POST", {
deliveryId: item.id
}, false, true).then((res) => {
if (res.code == 200) { if (res.code == 200) {
that.deliveryItem.splice(index, 1) that.deliveryItem.splice(index, 1)
that.tui.toast(res.message); that.tui.toast(res.message);
@ -809,7 +1046,10 @@
// 滚动到正确位置：分类栏刚好吸顶在nav-bar下方 // 滚动到正确位置：分类栏刚好吸顶在nav-bar下方
// menuListOffsetTop - navBarHeight 使分类栏正好在sticky位置，首条商品可见 // menuListOffsetTop - navBarHeight 使分类栏正好在sticky位置，首条商品可见
const target = this.menuListOffsetTop - this.navBarHeight; const target = this.menuListOffsetTop - this.navBarHeight;
uni.pageScrollTo({ scrollTop: target > 0 ? target : 0, duration: 200 }); uni.pageScrollTo({
scrollTop: target > 0 ? target : 0,
duration: 200
});
}, },
//本方法展示所有已经完成页面，方便查找 //本方法展示所有已经完成页面，方便查找
aaaaaaa(item) { aaaaaaa(item) {
@ -851,7 +1091,11 @@
this.getDelivery(); this.getDelivery();
this.getShopArea(); this.getShopArea();
let that = this let that = this
that.tui.request("/worker/admin/add", "POST", {userId:uni.getStorageSync('id'),isChangeArea:0,region:item.id}, false, true).then((res) => { that.tui.request("/worker/admin/add", "POST", {
userId: uni.getStorageSync('id'),
isChangeArea: 0,
region: item.id
}, false, true).then((res) => {
if (res.code == 200) { if (res.code == 200) {
if (res.result != null) { if (res.result != null) {
uni.setStorageSync('worker', res.result) uni.setStorageSync('worker', res.result)
@ -876,7 +1120,8 @@
}, },
getShopArea() { getShopArea() {
let that = this let that = this
that.tui.request("/app/shopArea/getByParentId/"+ that.searchForm.regionId, "GET", {}, false, true).then((res) => { that.tui.request("/app/shopArea/getByParentId/" + that.searchForm.regionId, "GET", {}, false, true).then((
res) => {
if (res.code == 200) { if (res.code == 200) {
if (res.result != null) { if (res.result != null) {
that.getshopArea = res.result that.getshopArea = res.result
@ -890,7 +1135,8 @@
}, },
getUserOrders() { getUserOrders() {
let that = this let that = this
that.tui.request("/mall/order/getOrdersByUserId/"+ uni.getStorageSync('id'), "GET", {}, false, true).then((res) => { that.tui.request("/mall/order/getOrdersByUserId/" + uni.getStorageSync('id'), "GET", {}, false, true).then(
(res) => {
if (res.code == 200) { if (res.code == 200) {
if (res.result != null) { if (res.result != null) {
that.orderLists = res.result that.orderLists = res.result
@ -939,28 +1185,7 @@
// 获取用户位置 // 获取用户位置
getUserLocation() { getUserLocation() {
let that = this; let that = this;
uni.getLocation({
type: 'gcj02', // 返回国测局坐标，用于微信小程序地图组件
success: (res) => {
console.log('位置', res)
this.latitude = res.latitude;
this.longitude = res.longitude;
// // 将用户位置添加到标记点
// this.markers.push({
// id: 0,
// latitude: res.latitude,
// longitude: res.longitude,
// title: '我的位置',
// iconPath: '/static/images/tabbar/fabu1.png', // 用户位置图标
// width: 30,
// height: 30
// });
},
fail: (err) => {
console.log('获取位置失败', err);
}
});
}, },
checkTab1(type) { checkTab1(type) {
this.checked = type this.checked = type
@ -1529,6 +1754,7 @@
background-size: 100%; background-size: 100%;
} }
} }
.paotui-title { .paotui-title {
display: flex; display: flex;
flex: 1; flex: 1;
@ -1536,21 +1762,22 @@
text-align: right; text-align: right;
padding-right: 20rpx; padding-right: 20rpx;
} }
.paotui-text { .paotui-text {
font-size: 28rpx; font-size: 28rpx;
color: red; color: red;
font-weight: bold; font-weight: bold;
flex: 1; flex: 1;
} }
.paotui-num { .paotui-num {
font-size: 24rpx; font-size: 24rpx;
padding: 0 10rpx; padding: 0 10rpx;
} }
.popup-area-content { .popup-area-content {
align-items: center; align-items: center;
justify-content: center; justify-content: center;
padding: 30rpx;
width: 500rpx;
height: auto; height: auto;
background-color: #fff; background-color: #fff;
} }
@ -1560,6 +1787,7 @@
font-weight: bold; font-weight: bold;
text-align: center; text-align: center;
position: relative; position: relative;
margin-top: 10px;
} }
.popup-area-container { .popup-area-container {
@ -1573,6 +1801,7 @@
border-top: 1px solid #eee; border-top: 1px solid #eee;
color: #fff; color: #fff;
} }
.chaoda { .chaoda {
height: 30rpx; height: 30rpx;
line-height: 30rpx; line-height: 30rpx;
@ -1583,6 +1812,7 @@
border-radius: 10rpx; border-radius: 10rpx;
font-size: 20rpx; font-size: 20rpx;
} }
.beizhu { .beizhu {
width: 95%; width: 95%;
margin: 0 auto; margin: 0 auto;
@ -1593,6 +1823,7 @@
padding: 20rpx; padding: 20rpx;
color: rgba(255, 57, 57, 1); color: rgba(255, 57, 57, 1);
} }
.title-sort { .title-sort {
height: 100rpx; height: 100rpx;
display: flex; display: flex;
@ -1602,6 +1833,7 @@
background: #fff; background: #fff;
padding-top: 20rpx; padding-top: 20rpx;
} }
.sort-text { .sort-text {
height: auto; height: auto;
display: flex; display: flex;
@ -1610,11 +1842,12 @@
z-index: 90; z-index: 90;
background: #fff; background: #fff;
} }
.sort-member { .sort-member {
height: 60rpx; height: 60rpx;
line-height: 60rpx; line-height: 60rpx;
text-align: center; text-align: center;
background: #f5f5f5; background: rgba(247, 248, 248, 0.6);
width: 24%; width: 24%;
margin-right: 4%; margin-right: 4%;
border-radius: 10rpx; border-radius: 10rpx;
@ -1667,4 +1900,51 @@
border-top-right-radius: 40rpx; border-top-right-radius: 40rpx;
border-bottom-right-radius: 40rpx; border-bottom-right-radius: 40rpx;
} }
.box1 {
width: 95%;
margin: 0 auto 20rpx;
background: #fff;
border-radius: 20rpx;
padding: 20rpx;
}
.goods-img {
width: 160rpx;
height: 160rpx;
position: relative;
img {
width: 100%;
background-size: 100%;
height: 100%;
}
}
.goods-content {
flex: 1;
padding-left: 20rpx;
}
.goods-name {
font-size: 32rpx;
font-weight: 900;
}
.goods-content-center {
display: flex;
margin: 16rpx 0;
color: #777;
}
.goods-content-bottom {
display: flex;
line-height: 56rpx;
color: #777;
}
.pintuan-left-price {
width: 50%;
text-align: right;
font-weight: 700;
color: #000;
}
</style> </style>
Write Preview
Loading…
Cancel
Save