Browse Source

配送员

master
tianyi 4 weeks ago
parent
commit
6bea5adeaf
  1. 68
      package1/index/deliveryPersonList.vue
  2. 25
      package1/order/orderList.vue

68
package1/index/deliveryPersonList.vue

@ -12,32 +12,26 @@
</view>
</view>
<map id="map" :latitude="latitude" :longitude="longitude" :markers="markers" :polyline="polyline"
style="width: 95%;height: 150px;margin: 0 auto;border-radius: 10px;overflow: hidden;position: absolute;top: 110px;left: 2.5%;"></map>
style="width: 95%;height: 150px;margin: 0 auto;border-radius: 10px;overflow: hidden;position: absolute;top: 100px;left: 1%;border: 5px solid #fff;"></map>
<view class="title-sort">
<view class="sort-member">
<view @tap="searchShop('all','')">
交易保障 <text style="font-size: 20rpx;"></text>
</view>
</view>
<view class="sort-member">
<view @tap="searchShop('sale','')">
相同地址 <text style="font-size: 20rpx;"></text>
</view>
</view>
<view class="sort-member">
<view @tap="searchShop('score','')">
4星以上 <text style="font-size: 20rpx;"></text>
</view>
</view>
<view class="sort-member" style="position: relative;">
<view @tap="checkArea">
区域选择 <text style="font-size: 20rpx;"></text>
筛选条件 <text style="font-size: 20rpx;"></text>
</view>
<view class="sort-value" v-if="isArea">
<view class="sort-value1" v-for="(item,index) in shopArea" :key="index"
@tap="searchShop('area',item.id)">{{item.title}}</view>
</view>
</view>
<view @tap="searchShop('baozhang')" class="sort-member" style="border-radius: 60rpx" :style="{'background':baozhang==true?'rgba(166, 255, 234, 0.16)':'#fff','border':baozhang==true?'1px solid rgba(166, 255, 234, 1)':'0'}">
交易保障
</view>
<view @tap="searchShop('xiangtong')" class="sort-member" style="border-radius: 60rpx" :style="{'background':xiangtong==true?'rgba(138, 255, 67, 0.16)':'#fff','border':xiangtong==true?'1px solid rgba(138, 255, 67, 1)':'0'}">
相同地址
</view>
<view class="sort-member">
<input type="text" placeholder="搜索" style="height: 30px;line-height: 30px;">
</view>
</view>
<view class="man-box">
<view class="man-title">
@ -95,12 +89,17 @@
markers: [], //
polyline: [], // 线线
menuButtonInfo: {},
baozhang:false,
xiangtong:false,
shopArea: [{
id: 0,
title: '跑腿单'
title: '配送时长'
}, {
id: 0,
title: '外卖单'
id: 1,
title: '评分优先'
},{
id: 2,
title: '配送费低'
}],
}
},
@ -114,24 +113,10 @@
searchShop(type, value) {
if (type == 'area') {
this.searchForm.shopArea = value
} else if (type == 'score') {
this.searchScore = !this.searchScore
this.searchSale = false
this.searchForm.sort = 'shopScore'
} else if (type == 'sale') {
this.searchSale = !this.searchSale
this.searchScore = false
this.searchForm.sort = 'saleCount'
} else if (type == 'all') {
this.searchForm.sortOrder = 'shoprank'
this.searchForm.orderOrder = 'desc'
this.searchForm.shopArea = ''
this.searchForm.sort = 'shoprank'
this.searchScore = false
this.searchScore = false
this.searchSale = false
} else if (type == 'typeUp') {
//TODO
} else if (type == 'baozhang') {
this.baozhang = !this.baozhang
} else if (type == 'xiangtong') {
this.xiangtong = !this.xiangtong
}
this.getShopList();
},
@ -192,7 +177,7 @@
.title-sort {
height: 60rpx;
display: flex;
margin-top: 30rpx;
margin-top: 50rpx;
}
.sort-member {
@ -275,11 +260,12 @@
.man-type {
height: 16px;
line-height: 16px;
background: rgba(166, 255, 234, 1);
padding: 0 10px;
background: #a6ffea;
padding: 0 5px;
font-size: 10px;
color: #777;
margin-top: 9px;
border-radius: 5px;
}
.man-rate {

25
package1/order/orderList.vue

@ -46,22 +46,22 @@
</view>
<view class="tab2">
<view class="tabs2" @tap="checkTabs2('quanbu')"
:style="{'background':tab2Checked=='quanbu'?'rgba(166, 255, 234, 1)':'#eee','color':tab2Checked=='quanbu'?'#000':'#777'}">
:style="{'background':tab2Checked=='quanbu'?'rgba(166, 255, 234, 1)':'#F5F5F5','color':tab2Checked=='quanbu'?'#000':'#777'}">
全部</view>
<view class="tabs2" @tap="checkTabs2('daifu')"
:style="{'background':tab2Checked=='daifu'?'rgba(166, 255, 234, 1)':'#eee','color':tab2Checked=='daifu'?'#000':'#777'}">
:style="{'background':tab2Checked=='daifu'?'rgba(166, 255, 234, 1)':'#F5F5F5','color':tab2Checked=='daifu'?'#000':'#777'}">
待付款</view>
<view class="tabs2" @tap="checkTabs2('daifa')"
:style="{'background':tab2Checked=='daifa'?'rgba(166, 255, 234, 1)':'#eee','color':tab2Checked=='daifa'?'#000':'#777'}">
:style="{'background':tab2Checked=='daifa'?'rgba(166, 255, 234, 1)':'#F5F5F5','color':tab2Checked=='daifa'?'#000':'#777'}">
待发货</view>
<view class="tabs2" @tap="checkTabs2('daishou')"
:style="{'background':tab2Checked=='daishou'?'rgba(166, 255, 234, 1)':'#eee','color':tab2Checked=='daishou'?'#000':'#777'}">
:style="{'background':tab2Checked=='daishou'?'rgba(166, 255, 234, 1)':'#F5F5F5','color':tab2Checked=='daishou'?'#000':'#777'}">
待收货</view>
<view class="tabs2" @tap="checkTabs2('daiping')"
:style="{'background':tab2Checked=='daiping'?'rgba(166, 255, 234, 1)':'#eee','color':tab2Checked=='daiping'?'#000':'#777'}">
:style="{'background':tab2Checked=='daiping'?'rgba(166, 255, 234, 1)':'#F5F5F5','color':tab2Checked=='daiping'?'#000':'#777'}">
待评价</view>
<view class="tabs2" @tap="checkTabs2('guanbi')"
:style="{'background':tab2Checked=='guanbi'?'rgba(166, 255, 234, 1)':'#eee','color':tab2Checked=='guanbi'?'#000':'#777'}">
:style="{'background':tab2Checked=='guanbi'?'rgba(166, 255, 234, 1)':'#F5F5F5','color':tab2Checked=='guanbi'?'#000':'#777'}">
已关闭</view>
</view>
</view>
@ -95,12 +95,12 @@
待评价
</view> -->
<view style="width: 100%;line-height: 35px;font-size: 14px;font-weight: 700;display: flex;">
<view class="">
<view style="height: 20px;line-height: 20px;background: linear-gradient(90deg, rgba(255, 77, 0, 1), rgba(255, 184, 84, 1));padding: 0 8px;border-radius: 20px;color: #fff;margin: 7px 10px 0 0;">
饭团
</view>
竹仔园牛仔农庄(第六分店)
</view>
<view style="display: flex;padding: 10px;background: #eee;border-radius: 10px;">
<view style="display: flex;padding: 10px;background: #F5F5F5;border-radius: 10px;">
<view class="goods-img">
<img src="/static/images/img/shangpintu.png" alt="">
</view>
@ -123,7 +123,7 @@
</view>
</view>
</view>
<view style="height: 50px;border: 1px solid #eee;display: flex;line-height: 50px;">
<view style="height: 50px;border: 1px solid #F5F5F5;display: flex;line-height: 50px;">
<view style="flex: 1;color: #777;">
待支付 <text style="font-size: 16px;color: red;font-weight: 700;">23:59:23</text>
</view>
@ -298,7 +298,7 @@
height: 35px;
line-height: 35px;
text-align: center;
background: #eee;
background: #F5F5F5;
border-radius: 10px;
font-weight: 700;
margin-right: 10px;
@ -310,7 +310,7 @@
position: absolute;
top: 0;
right: 0;
background: #eee;
background: #F5F5F5;
border-top-right-radius: 10px;
border-bottom-left-radius: 10px;
font-weight: 700;
@ -318,6 +318,7 @@
width: 60px;
text-align: center;
line-height: 28px;
color: #fff;
}
.box1 {
@ -375,7 +376,7 @@
line-height: 30px;
text-align: center;
margin-top: 10px;
background: #eee;
background: #F5F5F5;
border-radius: 30px;
color: #777;
font-weight: 700;

Loading…
Cancel
Save