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

配送员

master
tianyi 4 weeks ago
parent
7d87529c28
commit
6bea5adeaf
2 changed files with 40 additions and 53 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. 68
      package1/index/deliveryPersonList.vue
  2. 25
      package1/order/orderList.vue

68
package1/index/deliveryPersonList.vue
View File

@ -12,32 +12,26 @@
</view> </view>
</view> </view>
<map id="map" :latitude="latitude" :longitude="longitude" :markers="markers" :polyline="polyline" <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="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 class="sort-member" style="position: relative;">
<view @tap="checkArea"> <view @tap="checkArea">
区域选择 <text style="font-size: 20rpx;">▼</text> 筛选条件 <text style="font-size: 20rpx;">▼</text>
</view> </view>
<view class="sort-value" v-if="isArea"> <view class="sort-value" v-if="isArea">
<view class="sort-value1" v-for="(item,index) in shopArea" :key="index" <view class="sort-value1" v-for="(item,index) in shopArea" :key="index"
@tap="searchShop('area',item.id)">{{item.title}}</view> @tap="searchShop('area',item.id)">{{item.title}}</view>
</view> </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>
<view class="man-box"> <view class="man-box">
<view class="man-title"> <view class="man-title">
@ -95,12 +89,17 @@
markers: [], // 标记点，可以包括配送员位置和用户位置 markers: [], // 标记点，可以包括配送员位置和用户位置
polyline: [], // 路线，如果需要显示配送员路线 polyline: [], // 路线，如果需要显示配送员路线
menuButtonInfo: {}, menuButtonInfo: {},
baozhang:false,
xiangtong:false,
shopArea: [{ shopArea: [{
id: 0, id: 0,
title: '跑腿单' title: '配送时长'
}, { }, {
id: 0, id: 1,
title: '外卖单' title: '评分优先'
},{
id: 2,
title: '配送费低'
}], }],
} }
}, },
@ -114,24 +113,10 @@
searchShop(type, value) { searchShop(type, value) {
if (type == 'area') { if (type == 'area') {
this.searchForm.shopArea = value this.searchForm.shopArea = value
} else if (type == 'score') { } else if (type == 'baozhang') {
this.searchScore = !this.searchScore this.baozhang = !this.baozhang
this.searchSale = false } else if (type == 'xiangtong') {
this.searchForm.sort = 'shopScore' this.xiangtong = !this.xiangtong
} 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跳转新页面
} }
this.getShopList(); this.getShopList();
}, },
@ -192,7 +177,7 @@
.title-sort { .title-sort {
height: 60rpx; height: 60rpx;
display: flex; display: flex;
margin-top: 30rpx; margin-top: 50rpx;
} }
.sort-member { .sort-member {
@ -275,11 +260,12 @@
.man-type { .man-type {
height: 16px; height: 16px;
line-height: 16px; line-height: 16px;
background: rgba(166, 255, 234, 1); background: #a6ffea;
padding: 0 10px; padding: 0 5px;
font-size: 10px; font-size: 10px;
color: #777; color: #777;
margin-top: 9px; margin-top: 9px;
border-radius: 5px;
} }
.man-rate { .man-rate {

25
package1/order/orderList.vue
View File

@ -46,22 +46,22 @@
</view> </view>
<view class="tab2"> <view class="tab2">
<view class="tabs2" @tap="checkTabs2('quanbu')" <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>
<view class="tabs2" @tap="checkTabs2('daifu')" <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>
<view class="tabs2" @tap="checkTabs2('daifa')" <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>
<view class="tabs2" @tap="checkTabs2('daishou')" <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>
<view class="tabs2" @tap="checkTabs2('daiping')" <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>
<view class="tabs2" @tap="checkTabs2('guanbi')" <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> </view>
</view> </view>
@ -95,12 +95,12 @@
待评价 待评价
</view> --> </view> -->
<view style="width: 100%;line-height: 35px;font-size: 14px;font-weight: 700;display: flex;"> <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> </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"> <view class="goods-img">
<img src="/static/images/img/shangpintu.png" alt=""> <img src="/static/images/img/shangpintu.png" alt="">
</view> </view>
@ -123,7 +123,7 @@
</view> </view>
</view> </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;"> <view style="flex: 1;color: #777;">
待支付 <text style="font-size: 16px;color: red;font-weight: 700;">23:59:23</text> 待支付 <text style="font-size: 16px;color: red;font-weight: 700;">23:59:23</text>
</view> </view>
@ -298,7 +298,7 @@
height: 35px; height: 35px;
line-height: 35px; line-height: 35px;
text-align: center; text-align: center;
background: #eee; background: #F5F5F5;
border-radius: 10px; border-radius: 10px;
font-weight: 700; font-weight: 700;
margin-right: 10px; margin-right: 10px;
@ -310,7 +310,7 @@
position: absolute; position: absolute;
top: 0; top: 0;
right: 0; right: 0;
background: #eee; background: #F5F5F5;
border-top-right-radius: 10px; border-top-right-radius: 10px;
border-bottom-left-radius: 10px; border-bottom-left-radius: 10px;
font-weight: 700; font-weight: 700;
@ -318,6 +318,7 @@
width: 60px; width: 60px;
text-align: center; text-align: center;
line-height: 28px; line-height: 28px;
color: #fff;
} }
.box1 { .box1 {
@ -375,7 +376,7 @@
line-height: 30px; line-height: 30px;
text-align: center; text-align: center;
margin-top: 10px; margin-top: 10px;
background: #eee; background: #F5F5F5;
border-radius: 30px; border-radius: 30px;
color: #777; color: #777;
font-weight: 700; font-weight: 700;

Write Preview
Loading…
Cancel
Save