262 lines
7.2 KiB
Vue
262 lines
7.2 KiB
Vue
<template>
|
||
<view class="main">
|
||
<HMfilterDropdown
|
||
:filterData="filterData"
|
||
:defaultSelected ="defaultSelected"
|
||
@confirm="confirm">
|
||
</HMfilterDropdown>
|
||
<view style="height: 100rpx;"></view>
|
||
<view class="flex flex-align-center search">
|
||
<text class="iconfont icon"></text>
|
||
<input type="text" v-model="keyName" @confirm="getList" confirm-type="done" placeholder="昵称/推荐码" class="flex-grow input" />
|
||
<text class="iconfont del" v-if="keyName" @click="keyName=''"></text>
|
||
</view>
|
||
<view class="list">
|
||
<view class="list-item" v-for="(item, i) in list" :key="i">
|
||
<view class="flex" @tap="viewUser(item, 2)">
|
||
<view class="img-box">
|
||
<image :src="item.headPortrait" mode="" class="avatar"></image>
|
||
<text class="status" style="background-color: #0488a9;" v-if="item.distributorWorkStatus === 2">已开工</text>
|
||
<text class="status" style="background-color: #ffa800;" v-else-if="item.distributorWorkStatus === 3">工作中</text>
|
||
<text class="status" v-else>休息中</text>
|
||
</view>
|
||
<view class="flex-grow">
|
||
<view class="flex flex-align-center">
|
||
<view class="six" :class="{'woman':item.gender === 3}">
|
||
<text class="iconfont icon" v-if="item.gender === 2"></text>
|
||
<text class="iconfont icon" v-if="item.gender === 3"></text>
|
||
<text>{{item.age}}</text>
|
||
</view>
|
||
<text class="line font32">{{item.nickname}}</text>
|
||
</view>
|
||
<!-- <text class="font30" style="margin: 6rpx 0;display: block;">Ta的酒量：{{item.alcoholConsumption}}</text> -->
|
||
<view class="flex flex-between font28 color-b6" style="margin-top: 10rpx;">
|
||
<text>评分：{{item.distributorScore || '0'}}</text>
|
||
<text>接单：{{item.distributorTurnover || '0'}}</text>
|
||
<text>距离：{{item.distance}}m</text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="flex flex-center" style="margin-top: 0rpx;">
|
||
<button type="primary" class="bg-base" size="mini" @click="onSelect(item)">为我配送</button>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<uni-load-more :status="loading"></uni-load-more>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
import url from "@/common/http/url.js"
|
||
import imMix from "./imMix.js"
|
||
import HMfilterDropdown from './components/HM-filterDropdown/HM-filterDropdown.vue';
|
||
import uniLoadMore from "@/components/uni-load-more/uni-load-more.vue"
|
||
import mix from "@/pages/interaction/modules/mix.js"
|
||
export default{
|
||
mixins: [imMix,mix],
|
||
components:{
|
||
HMfilterDropdown, uniLoadMore
|
||
},
|
||
data(){
|
||
return {
|
||
filterData: [
|
||
{
|
||
name: "状态",
|
||
type: "hierarchy",
|
||
submenu: [
|
||
{name: "全部", value: 0},
|
||
{name: "休息中", value: 1},
|
||
{name: "已开工", value: 2},
|
||
{name: "工作中", value: 3}
|
||
]
|
||
},
|
||
{
|
||
name: "性别",
|
||
type: "hierarchy",
|
||
submenu: [
|
||
{name: "性别不限", value: 0},
|
||
{name: "男", value: 2},
|
||
{name: "女", value: 3}
|
||
]
|
||
},
|
||
{
|
||
name: "年龄",
|
||
type: "hierarchy",
|
||
submenu: [
|
||
{name: "年龄不限", value: 0},
|
||
{name: "18-25", value: "18-25"},
|
||
{name: "25-30", value: "25-30"},
|
||
{name: "30以上", value: "30-999"}
|
||
|
||
]
|
||
},
|
||
],
|
||
defaultSelected: null,
|
||
selectedValue: null,
|
||
id: "",
|
||
list: [],
|
||
loading: "nomore",
|
||
keyName: "",
|
||
optData: {}
|
||
}
|
||
},
|
||
onLoad(opt) {
|
||
let data = uni.getStorageSync("agentData")
|
||
if (data){
|
||
this.optData = data
|
||
this.id = data.orderId
|
||
this.getList()
|
||
uni.removeStorageSync("agentData")
|
||
}
|
||
},
|
||
onPullDownRefresh() {
|
||
this.list = []
|
||
this.defaultSelected = null
|
||
this.selectedValue = null
|
||
this.keyName = ""
|
||
this.getList()
|
||
},
|
||
onReachBottom() {
|
||
this.getList()
|
||
},
|
||
methods:{
|
||
getList(){
|
||
let params = {
|
||
orderId: this.id,
|
||
pageNum: this.list.length,
|
||
status: this.selectedValue?(this.selectedValue[0][0]||0):0,
|
||
gender: this.selectedValue?(this.selectedValue[1][0]||0):0,
|
||
ageRange: this.selectedValue?(this.selectedValue[2][0]||0):0,
|
||
wordKey: this.keyName
|
||
}
|
||
this.$http("GET", url.distributor.choiceDistributorList, params).then(res =>{
|
||
this.list = this.list.concat(res.data)
|
||
this.loading = res.data.length < 12 ? 'nomore' : 'more'
|
||
uni.stopPullDownRefresh()
|
||
})
|
||
},
|
||
onSelect(item){
|
||
let _this = this
|
||
this.sessionOperation(item.imAccount, 2)
|
||
this.$showModal("是否选择该配送员为我配送", "提示", res=>{
|
||
if (res.confirm) {
|
||
_this.$http("POST", url.distributor.choiceDistributor, {orderId: _this.id, distributorUserId: item.id}).then(res =>{
|
||
_this.$msg(res.data)
|
||
|
||
// #ifdef APP-PLUS
|
||
// 发送一条消息，判断对方是否在线
|
||
this.isOtherOnline(item.imAccount, "selectAgent")
|
||
// 发送消息给对方，邀请对方接单
|
||
let goodsInfo = {
|
||
orderId: _this.id,
|
||
goodsId: _this.optData.goodsId,
|
||
goodsImage: _this.optData.goodsImage,
|
||
goodsName: _this.optData.goodsName,
|
||
skuName: _this.optData.skuName,
|
||
price: _this.optData.price,
|
||
number: _this.optData.number,
|
||
status: 1 ,// 1-邀请对方接单，用户和配送员都可操作取消 2-用户取消配送 3-配送员取消接单 4-配送员接单
|
||
identity: item.imAccount, // 配送配送员的imAccount
|
||
}
|
||
_this.sendMsgToOther(item.imAccount, goodsInfo, 6, 2, ()=>{
|
||
_this.editDBData(goodsInfo.orderId, goodsInfo.status)
|
||
})
|
||
// #endif
|
||
|
||
_this.$navigateBack()
|
||
})
|
||
}
|
||
})
|
||
},
|
||
confirm(e){
|
||
this.defaultSelected = e.index
|
||
this.selectedValue = e.value
|
||
this.list = []
|
||
this.getList()
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style scoped lang="scss">
|
||
.main{
|
||
min-height: 100vh;
|
||
.search{
|
||
width: 600rpx;
|
||
background-color: #eff1f8;
|
||
height: 80rpx;
|
||
border-radius: 50rpx;
|
||
padding: 0rpx 20rpx;
|
||
margin-left: 55rpx;
|
||
.icon{
|
||
font-size: 48rpx;
|
||
margin-right: 10rpx;
|
||
color: #b2b6bb;
|
||
}
|
||
.del{
|
||
margin-left: 10rpx;
|
||
color: #999999;
|
||
}
|
||
}
|
||
.list{
|
||
background-color: white;
|
||
padding: 0 30rpx;
|
||
margin-top: 20rpx;
|
||
&-item{
|
||
margin-bottom: 20rpx;
|
||
border-bottom: 2rpx solid #EEEEEE;
|
||
padding: 20rpx 0;
|
||
.img-box{
|
||
width: 140rpx;
|
||
height: 140rpx;
|
||
margin-right: 10rpx;
|
||
position: relative;
|
||
border-radius: 10rpx;
|
||
overflow: hidden;
|
||
.avatar{
|
||
width: 100%;
|
||
height: 100%;
|
||
}
|
||
.status{
|
||
position: absolute;
|
||
right: 0;
|
||
top: 0;
|
||
color: #FFFFFF;
|
||
background-color: #7c7d7e;
|
||
font-size: 26rpx;
|
||
padding: 4rpx 16rpx;
|
||
border-radius: 26rpx 0rpx 0rpx 26rpx;
|
||
}
|
||
}
|
||
|
||
.six{
|
||
background-color: #1995fc;
|
||
border-radius: 20rpx;
|
||
padding: 0rpx 10rpx;
|
||
display: flex;
|
||
flex-direction: row;
|
||
align-items: center;
|
||
justify-content: center;
|
||
font-size: 24rpx;
|
||
margin-right: 6rpx;
|
||
color: white;
|
||
.icon{
|
||
margin-right: 6rpx;
|
||
font-size: 24rpx;
|
||
}
|
||
}
|
||
.woman{
|
||
background-color: #ff4d94;
|
||
}
|
||
.btn{
|
||
// border-radius: 50rpx;
|
||
// border: 2rpx solid #F8D247;
|
||
// color: #F8D247;
|
||
// font-size: 24rpx;
|
||
// padding: 4rpx 20rpx;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
</style>
|